#container {margin-top:40px; display:inline-block; width:100%}
#container > .wrap {font-size:0px}



#container .side {display:inline-block; position:relative; width:240px; font-size:15px; vertical-align:top; }
#container .side .side_title {padding:20px 25px; background: linear-gradient(to right,  #3d98e1 , #40b7e8);}
#container .side .side_title h2 { font-size:22px; font-weight:500; color:#fff}
#container .side .side_title span {font-size:14px; letter-spacing:0px; color:#fff}
#container .side > ul {padding:0; border:1px solid #e1e2e6;}
#container .side > ul > li {width:100%; display:inline-block; vertical-align:top;}
#container .side > ul > li ul {display:none;background:#fff; border-bottom:1px solid #e1e2e6; padding:10px 25px}
#container .side > ul > li ul li a {position:Relative; font-size:14px;padding:3px 8px}
#container .side > ul > li ul li a:before {position:absolute; top:13px; left:0px; width:3px; height:3px; background:#999; display:block; content:""; border-radius:2px}
#container .side > ul > li ul li a:hover {color:#333; font-weight:bold}
#container .side > ul > li ul li a:hover:before {color:#333}
#container .side > ul > li.has.active ul {}
#container .side > ul > li > a {width:100%; display:inline-block; vertical-align:top; border-bottom:1px solid #e1e2e6; padding:15px 25px; font-size:14px}
#container .side > ul > li.active > a, 
#container .side > ul > li > a:hover {background:#f4f4f4}
#container .contents {display:inline-block; width:calc(100% - 240px); font-size:15px; vertical-align:top;  min-height:400px; padding-left:60px}
#container .contents .sub_title {width:100%; display:inline-block; margin-bottom:10px}
#container .contents h2.sub_title  {font-size:28px; color:#000; margin-bottom:25px;  }
#container .contents .sub_title .pull-left {margin-top:15px; float:right; font-size:13px;}
#container .contents .sub_title .pull-left a {position:relative; float:left; padding:0 0 0 20px}
#container .contents .sub_title .pull-left a:before {position:absolute; top:10px; left:10px; width:3px; height:3px; background:#ccc; display:block; content:""; border-radius:50%}
#container .contents .sub_title h2 {font-size:28px; color:#000; float:left}

.sub_search_box {border:1px solid #dcdcdc; background-color: #fafafa; padding:15px 15px; margin-bottom:10px; width:100%; text-align:center; display:inline-block}

.sub_search_box select {border:1px solid #ccc; padding:0 10px; height:30px; font-size:12px; font-family:dotum; display:inline-block; margin-right:5px}
.sub_search_box .sub_search_text {border:1px solid #ccc; background:#fff; height:30px; width:250px; box-sizing:border-box; font-size:12px; font-family:dotum;}
.sub_search_box .search_btn {background:#1f3a93; color:#fff; font-size:14px; height:30px; line-height:30px; padding:0 20px; margin-left:5px}
.sub_search_box .right_btn {float:right;}
.sub_search_box form > * {margin:3px 0;}

.sub_search_box .right_btn button {background:#fff; height:30px; padding:0 20px; border:1px solid #ccc;}
.sub_search_box .right_btn button.on {background:#1f3a93; border:1px solid #1f3a93; color:#fff;}

.sub_search_box .fl_left {font-weight:bold; padding-top:3px; padding-left:10px; color:#333}
.sub_search_box .fl_right input.sub_search_text {margin-left:10px}

#main_img2 {position:relative; width:100%; height:100%; display:inline-block;}

.sub_search_box2 {position:absolute; top:0px; right:0px; margin-top:10px; float:right;  text-align:center; display:inline-block}
.sub_search_box2 select {border:1px solid #ccc; padding:0 10px; height:30px; font-size:12px; font-family:dotum; display:inline-block; }
.sub_search_box2 .search_btn {background:#1f3a93; color:#fff; font-size:14px; height:30px; line-height:30px; padding:0 20px; margin-left:5px}


.member_level_boongi {position:relative; margin:150px 0; font-size:0px; text-align:center;}
.member_level_boongi > a {position:Relative; font-size:16px; width:300px; height:300px; display:inline-block; margin:0 20px; border:1px solid #ececec; border-radius:30px; vertical-align:top; transition: all 1s ease 0s;}
.member_level_boongi > a:hover {background:#1f3a93; border:1px solid #1f3a93; color:#fff; text-decoration:none}

.member_level_boongi > a h3 {font-size:22px; text-align:center; line-height:1em; margin:70px 0 0 0}
.member_level_boongi > a h3 em {font-size:16px}
.member_level_boongi > a p {font-size:16px; line-height:1.25em; margin:15px 0 20px}
.member_level_boongi > a span {background:#eee; display:inline-block; width:200px; line-height:1.35em; border-radius:40px; padding:10px 20px}

.member_level_boongi > a:hover span {background:#fff; color:#1f3a93}

.option_ul {width:100%; display:inline-block; vertical-align:top;}
.option_ul li {display:inline-block; vertical-align:top; margin:0 15px 5px 0}
.option_ul li label {font-weight:normal}
.auction_write .ip_list .ip_list_box  label {font-weight:normal}
.auction_write .ip_list .ip_list_box  label b {font-weight:normal}
.text_area {width:100%; border:1px solid #dedede}
.fl_left {float:left}
.fl_right {float:right}
.em_red {background:#FF2626; color:#fff; padding:5px 15px; border-radius:30px}
.text_center {text-align:center;}
.login_title  {font-size: 34px; line-height: 44px;  text-align: center;  font-weight: 700; margin:80px 0 15px; color: #000;}
.login_title_txt { color: #999999; font-size: 16px;  line-height: 23px;  margin: 0 auto 25px;  text-align: center;}

.login_wrap {width: 430px; margin:0 auto 100px}
.login_wrap .login_input_box {position:relative}

.login_wrap .login_input_box .eyes_icon {position:absolute; top:20px; right:10px;    z-index: 10;    cursor: pointer; width:20px; height:20px; background:url('/new/images/sub/view.png') no-repeat center center; background-size:20px auto}
.login_wrap .login_input_box .eyes_icon.fa-eye-slash {background:url('/new/images/sub/hide.png') no-repeat center center; background-size:20px auto}

.login_wrap .login_input_box input {width: 100%;  height: 60px;  line-height: 60px; margin:0 0 8px 0; vertical-align:top; display:inline-block; padding: 0 0 0 17px;  box-sizing: border-box;  border: 0 none;  color: #3a3a3a;  background: #f5f5f5;  border-radius: 8px;  font-size: 16px;}
.login_mid_btn {width:100%; padding:15px 0; display:inline-block; text-align:center;}
.login_mid_btn a {position:relative; padding:0 15px; display:inline-block;}
.login_mid_btn a:before {width:1px; height:12px; background:#ccc; content:""; display:block; position:absolute; top:5px; left:-1px}
.login_mid_btn a:first-child:before {display:none}
.login_btn_check_box button {width:100%; height: 60px;  line-height: 58px;  display:block; background:#1f3a93; border-radius: 8px; color:#fff; font-size:19px; font-weight:bold}

.login_pop_area {position:fixed; bottom:50px; left:50px; z-index:100; opacity:1; transition: all 0.5s ease;}
.login_pop_area .close_btn {position:absolute; top:-10px; right:-10px; width:30px; height:30px; border-radius:50%; background:#000; color:#fff; text-align:center; line-height:30px;}
.login_pop_area.none {opacity:0}

#sns_login{border:0;margin-top:15px ;padding-top: 20px;border-top:1px solid #edeaea}
#sns_login .sns-icon{display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px}
#sns_login .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_login .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#sns_login .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_login .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121}
#sns_login .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_login .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_login .txt{text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold; font-size:14px}
#sns_login .txt:hover{background:rgba(0,0,0,0.07)}

/* SNS LOGIN */
.login-sns{padding-bottom:10px;margin-top:5px;border: 1px solid #ddd; clear:both; background:#fff; text-align:center; box-sizing:border-box;}
.login-sns .sns-head { font-size:12px; padding:0; margin:0; padding:10px 0;text-align:center;color:#888;font-weight:normal}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
/*.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}*/
.sns-icon .txt i {font-style:normal}

/* SNS by COLOR */
.sns-wrap-over .sns-naver{background:url('../images/sub/sns_naver_s.png') no-repeat}
.sns-wrap-over .sns-google {background:url('../images/sub/sns_gp_s.png') no-repeat}
.sns-wrap-over .sns-facebook {background:url('../images/sub/sns_fb_s.png') no-repeat}
.sns-wrap-over .sns-twitter {background:url('../images/sub/sns_twitter_s.png') no-repeat}
.sns-wrap-over .sns-payco {background:url('../images/sub/sns_payco_s.png') no-repeat}
.sns-wrap-over .sns-kakao {background:url('../images/sub/sns_kakao_s.png') no-repeat}
.reg-form .sns-icon-not {border-color:#8b8b8b}


.auction_btn {border:1px solid rgb(2, 59, 246); border-radius:5px; padding:3px 10px; margin-top:5px; background-color: #fdfcfc
}
#sns_register{ }
#sns_register .panel-body{ text-align:center; }
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-wrap{display:inline-block;vertical-align:top; }
#sns_register .sns-icon{display:inline-block;height:40px;line-height:40px;width:210px;margin:0 3px 5px;padding-left:40px;text-align:center; color:#fff;border-radius:2px;float:none}
#sns_register .sns-icon:nth-child(3n+1){clear:both}
#sns_register .sns-naver{background-color:#1fc800;background-position:5px 5px;border-bottom:1px solid #1ea505}
#sns_register .sns-kakao{background-color:#ffeb00;background-position:5px 5px;border-bottom:1px solid #e2c10a}
#sns_register .sns-kakao {color:#3c1e1e}
#sns_register .sns-facebook{background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_register .sns-google{background-color:#db4a3a;background-position:5px 5px;border-bottom:1px solid #c03121}
#sns_register .sns-twitter{background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_register .sns-payco{background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_register .txt{padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold; font-size:14px}
#sns_register .txt:hover{background:rgba(0,0,0,0.07)}

.pc_none {display:none !important}
.table td {padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.member_alert {margin:30px 0 10px;}
.panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.register-term {
    position: relative;
    height: 200px;
    margin: 0px;
    overflow: auto;
    padding: 30px;
}
.wrap_policy {
    position: relative;
    width: 100%;
    display: inline-block;
}
.register-term .wrap_policy h4:first-child {margin: 0 0 10px;}
.wrap_policy {position:relative; width:100%; display:inline-block; font-size:14px; }
.wrap_policy h3:first-child {margin-top:0px}
.wrap_policy h3 {font-size:18px; color:#000; letter-spacing:-0.05em; margin:35px 0 10px}
.wrap_policy h4 {font-size:17px; color:#000; letter-spacing:-0.05em; margin:25px 0 5px}
.wrap_policy p, 
.wrap_policy ul {padding: 0 15px;    margin: 15px 0;}
.wrap_policy ul li {display:block; margin:0 0 5px 0}
.re_btn.btn_white {
    background: #fff;
    border: 1px solid #ccc;
    color: #000;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.re_btn.btn_green {}

.re_btn {
    height: 50px;
    line-height: 48px;
    margin: 0 0 8px 0;
    vertical-align: top;
    display: inline-block;
    padding: 0 35px;
    box-sizing: border-box;
    border: 0 none;
    background: #1f3a93;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
}
.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}
.wrap .btn-sm, .wrap .btn-group-sm>.btn {padding: 8px 20px; font-size: 15px; height: 40px; font-family:'noto','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif !important}
.wrap .btn-lg {height:45px; padding:8px 30px}
.wrap .btn-black {border:1px solid #ccc; height:30px; padding:3px 15px; font-size:12px; letter-spacing:-0.05em; color:#000 !important; font-weight:bold; background:#fff; font-weight:normal; font-family:dotum !important}
.wrap .btn-black:hover, 
.wrap .btn-black:focus, 
.wrap .btn-black:active {background:#f5f5f5; color:#000 !important}
.wrap .btn-color {border:1px solid #40772a; background:#40772a; color:#fff}
.wrap .btn-color:hover, 
.wrap .btn-color:focus, 
.wrap .btn-color:active {background:#47a947; border-color:#396a25;}
.wrap .btn-group .btn-group:first-child .btn {border-left:1px solid #ccc}
.wrap .btn-group .btn-group .btn {border-left:0px}


.auction_car_list {position:relative; width:100%; font-size:0px; margin-top:30px}
.auction_car_list > ul  {width:calc(100% + 30px); margin-left:-15px;}
.auction_car_list > ul > li {width:25%; padding:0 15px 30px; display:inline-block; vertical-align:top;   font-family:'noto'; }
.auction_car_list > ul > li a {width:100%; display:inline-block; transition: all 0.75s ease 0s;}
.auction_car_list > ul > li a:hover {box-shadow:5px 5px 5px rgba(0,0,0,0.05);}
.auction_car_list > ul > li a .img_box {position:relative; width:100%; height:260px; overflow:hidden; float:left; display:inline-block; vertical-align:top; background-size:cover !important; }
.auction_car_list > ul > li a .img_box .left_icon_box {position:absolute; top:0px; left:0px}
.auction_car_list > ul > li a .img_box .right_icon_box {position:absolute; top:0px; right:0px}
.auction_car_list > ul > li a .img_box .left_icon_box span {font-size:12px; color:#fff; padding:5px 8px; margin-right:3px}
.auction_car_list > ul > li a .img_box .left_icon_box span.icon_1 {background:#1f3a93}
.auction_car_list > ul > li a .img_box .left_icon_box span.icon_2 {background:#9430e2}
.auction_car_list > ul > li a .img_box .left_icon_box span.icon_3 {background:#ff5501}
.auction_car_list > ul > li a .img_box .left_icon_box span.icon_4 {background:#5fbd00}
.auction_car_list > ul > li a .img_box .right_icon_box span {font-size:12px; color:#fff; padding:5px 8px; margin-left:3px}
.auction_car_list > ul > li a .img_box .right_icon_box span.icon_1 {background:#5fbd00}
.auction_car_list > ul > li a .img_box .right_icon_box span.icon_2 {background:#02a9f6}
.auction_car_list > ul > li a .img_box .right_icon_box span.icon_3 {background:#f65802}


.auction_car_list > ul > li a .img_box img  {transform: scale(1); width:100%; transition: all 0.75s ease 0s;transform-origin: center center;}
.auction_car_list > ul > li a:hover .img_box img {transform: scale(1.15);}
.auction_car_list > ul > li a .img_box .title_box {position:absolute; bottom:0px; left:0px; width:100%; padding:13px 0; text-align:center; background:rgba(0,0,0,0.6); color:#fff; font-size:15px}
.auction_car_list > ul > li a .text_box {border:1px solid #ececec; width:100%; display:inline-block;}
.auction_car_list > ul > li a .text_box .brand {    width: auto;  background: #1f3a93;   color: #fff;   padding: 2px 10px;  font-size: 12px; border-radius: 5px; margin:15px 0 0 15px}
.auction_car_list > ul > li a .text_box .car_name {width:100%; display :inline-block; font-size:18px; word-break:keep-all; color:#000; padding:5px 15px 20px; line-height:1.25em; }
.auction_car_list > ul > li a .text_box table {font-size:12px; width:calc(100% + 1px); margin:0 0 0 -1px; border-top:1px solid #ececec}	
.auction_car_list > ul > li a .text_box table th, 
.auction_car_list > ul > li a .text_box table td {padding:7px 8px; border-bottom:1px solid #ececec;  font-size:12px; font-family:dotum; letter-spacing:0em}
.auction_car_list > ul > li a .text_box table td {border-left:1px solid #ececec;}
.auction_car_list > ul > li a .text_box table th {background:#fafafa; border-left:1px solid #ececec;  }
.auction_car_list > ul > li a .text_box .time_box {background:#f4f4f4; color:#000; font-size:14px; color:#e01515; font-weight:500; text-align:center; width:100%; padding:7px 10px;}
.auction_car_list > ul > li a .text_box .time_box em {margin-right:10px}
.auction_car_list > ul > li a .text_box table tr.tr_bogwan th, 
.auction_car_list > ul > li a .text_box table tr.tr_bogwan td {background:#f4f4f4;  } 
.auction_car_list > ul > li a .text_box table tr.tr_bogwan td {text-align:center; color:#000; font-size:14px; font-weight:bold; font-family: 'noto';}



.bu {}
.bu > li:before {width:3px; height:3px; border-radius:50%; display:block; content:""; position:absolute; top:10px; left:0px; background:#1f3a93}
.bu li {position:relative; padding:2px 0 2px 12px}
.auction_car_list2 {position:relative; width:100%; font-size:0px; margin-top:40px}
.auction_car_list2 > ul  {width:100%}
.auction_car_list2 > ul > li {width:50%; margin:0 0 40px; display:inline-block; vertical-align:top;   font-family:'noto'; }
.auction_car_list2 > ul > li a {width:100%; display:inline-block; transition: all 0.75s ease 0s;}
.auction_car_list2 > ul > li a .img_box {position:relative; width:250px; overflow:hidden; float:left; display:inline-block; vertical-align:top;}
.auction_car_list2 > ul > li a .img_box img  {transform: scale(1); width:100%; transition: all 0.75s ease 0s;transform-origin: center center;}
.auction_car_list2 > ul > li a:hover .img_box img {transform: scale(1.15);}
.auction_car_list2 > ul > li a .img_box .title_box {position:absolute; bottom:0px; left:0px; width:100%; padding:13px 0; text-align:center; background:rgba(0,0,0,0.6); color:#fff; font-size:15px}

.auction_car_list2 > ul > li a .text_box { width:calc(100% - 250px); display:inline-block; padding:5px 25px 0}
.auction_car_list2 > ul > li a .text_box .brand {display:inline-block; padding:4px 10px; background:#1f3a93; color:#fff; border-radius:10px; font-size:12px; }
.auction_car_list2 > ul > li a .text_box .car_name {width:100%; display:inline-block; font-size:18px; word-break:keep-all; color:#000; line-height:1.25em; padding:10px 0}
.auction_car_list2 > ul > li a .text_box table {font-size:12px; width:100%; margin:0 0 10px 0; }	
.auction_car_list2 > ul > li a .text_box table th, 
.auction_car_list2 > ul > li a .text_box table td { font-size:12px; font-family:dotum; letter-spacing:0em}
.auction_car_list2 > ul > li a .text_box table td {}
.auction_car_list2 > ul > li a .text_box table th {}
.auction_car_list2 > ul > li a .text_box .time_box {background:#f4f4f4; font-size:14px; color:#e01515; font-weight:500; text-align:center; width:100%; padding:10px 10px;}
.auction_car_list2 > ul > li a .text_box .time_box em {margin-right:10px}

.auction_car_view label, 
.auction_car_view input {cursor:default !important; font-weight:normal}
.car_img {position:Relative;  background-repeat:no-repeat; background-size:cover; background-position:center center}

.admin_car_view .car_img .car_info_box {position:relative;}
.admin_car_view .car_img:before {background:#000; height:125px}
.car_img .slick-slider {max-height:600px; overflow:hidden}
.car_img:before {position:absolute; top:0px; left:0px; width:100%; height:140px; z-index:9998; display:block; content:""; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);}
.car_img .car_info_box {position:absolute; top:0px; left:0px; width:100%; padding:20px 40px; color:#fff; z-index:10; text-align:left; z-index:9999}
.car_img .car_info_box .car_num {font-size:12px; display:inline-block; width:100%;}
.car_img .car_info_box .car_name {font-size:22px; display:inline-block; margin-bottom:5px; width:100%;}
.car_img .car_info_box .car_info_text {}
.car_img .car_info_box .car_info_text li {display:inline-block; margin-right:15px}
.car_info_box2 {width:100%; padding:15px 0; font-size:18px; text-align:center; color:#fff; font-weight:bold; background:rgba(0,0,0,1)}
.car_info_box2.adm_infobox2 {z-index:10000; right:45px}
.car_info_box2 em {background:#e32d2d; padding:0 10px; border-radius:5px}
.car_img_paging {font-size:0px; display:inline-block; width:100%; vertical-align:top;}
.car_img_paging li {width:10%; display:inline-block}
.car_img_paging li a img {width:100%}
.car_img .water_mark {position:absolute; top:50%; left:0%; font-size:90px;  transform: translate(0, calc(-50% + 0.5px)); width:100%; text-align:center; opacity:0.1; color:#fff;  font-family: 'gmarket'; z-index:9998; font-weight: 600;}
.auction_agree {padding:25px 0 0 0 } 
.auction_agree_text {position:Relative; width:100%; height:170px; padding:20px; border:2px solid #eee; font-size:12px; font-family:"dotum"; overflow-y:scroll; margin-bottom:10px; display:inline-block; line-height:1.8em}
.auction_agree label {position:Relative; word-break:keep-all; text-align:right; width:100%; box-sizing:border-box; padding-left:20px; text-align:left; display:inline-block; font-size:13px; color:#333; font-weight:bold;}
.auction_agree input {position:absolute; top:2px; left:0px; margin-top:0px}
.ip_list {width:100%; display:inline-block}
.auction_num_box {} 
.auction_num_box div {  display:inline-block; text-align:center; width:100%; box-sizing:border-box; font-size:0px;}
.auction_num_box p.start_num {width:50%; font-weight: bold; font-size: 16px;  border:1px solid #333; color:#000; padding:18px 25px 15px 25px;display:inline-block; border-right:0px;}
.auction_num_box p.start_num a {border-radius:5px; background:#FF2626; color:#fff; padding:5px 10px; font-size:11px; font-weight:normal; margin:0 0 0 5px}
.auction_num_box p.my_num {width:50%; font-weight: bold;  font-size: 16px;border:1px solid #FF2626;  background:#FF2626; color:#fff; padding:18px 25px 15px 25px; display:inline-block; }
.auction_num_box p.my_num.w_100 {width:100%}
.auction_num_box p em {margin-left:10px; font-family: 'gmarket'; font-size:28px;}


.photo_add_btn {border:1px solid #ccc; background:#f4f4f4; color:#000; padding:6px 10px; border-radius:3px}

.auction_write {}
.auction_write .ip_list_wrap {border:1px solid #dedede; }
.auction_write .ip_list {border-bottom:1px solid #dedede; padding:0;  display: flex;  flex-wrap: wrap;  flex-direction: row; width:100%;  vertical-align: top; box-sizing:border-box; font-size:0px}
.auction_write .ip_list .ip_list_box_long   {width:100%; min-height:46px; display:inline-block; vertical-align:top; background:#fafafa; }
.auction_write .ip_list .ip_list_box_long .title {padding:13px 20px; vertical-align:top; width:170px; box-sizing:border-box;  font-size:13px; color:#333; font-weight:bold;}
.auction_write .ip_list .ip_list_box_long .text {width:calc(100% - 170px); min-height:45px; padding:15px 20px;border-left:1px solid #dedede; background:#fff;  box-sizing:border-box; vertical-align:top; font-size:12px; font-family:dotum;}
.auction_write .ip_list .ip_list_box_long .text.ip_wrap {padding:0px}
.auction_write .ip_list .ip_list_box_long .text.ip_wrap .ip_list:last-child {border:none}

.auction_write .ip_list .ip_list_box_long .text_long  {width:100%; text-align:center; min-height:45px; padding:20px 20px; background:#1f3a93; color:#fff; box-sizing:border-box; vertical-align:top; font-size:20px; font-family:'noto'; }
.auction_write .ip_list .ip_list_box_long .text_long input {vertical-align:top; margin:7px 5px 0 20px}

h3.sub_title {font-size:22px; font-weight:bold; color:#000; margin:20px 0}
.sub_title .add_btn {border: 1px solid #ccc;
    background: #f4f4f4;
    color: #000;
    padding: 6px 10px;
    border-radius: 3px; float:right; font-size:12px; font-family:dotum;  font-weight:normal; position:relative; top:5px}
.auction_write .ip_list .in_text {border:1px solid #dedede; padding:5px 10px; margin-right:5px; vertical-align:top}
.auction_write .ip_list .ip_list_box {width:50%; min-height:46px;   display: flex; flex-wrap: wrap;  flex-direction: row; vertical-align:top; background:#fafafa; }
.auction_write .ip_list .ip_list_box:nth-child(1) .text {border-right:1px solid #dedede}
.auction_write .ip_list .ip_list_box .title {padding:13px 20px; font-family:'noto'; width:170px; box-sizing:border-box; vertical-align:top;  font-size:13px; color:#333; font-weight:bold }
.auction_write .ip_list .ip_list_box .text {width:calc(100% - 170px); padding:10px 20px; min-height:46px; border-left:1px solid #dedede;background:#fff;   box-sizing:border-box;  vertical-align:top;font-size:12px; font-family:dotum;}

.auction_write .ip_list input[type="radio"], .auction_write .ip_list  input[type="checkbox"] {vertical-align:top; margin:3px 5px 0 10px}
.auction_write .ip_list label:first-child input[type="radio"], .auction_write .ip_list label:first-child input[type="checkbox"] {margin-left:0px}

.ip_list_btn {text-align:center; width:100%; display:inline-block; margin-top:40px}
.ip_list_btn .btn {border:1px solid #dedede; border-radius:5px; margin:0 5px; font-size:16px; border-radius:0px; padding:10px 60px; height:46px; line-height:1.25em}
.ip_list_btn button.btn {border:none; background:#FF2626; color:#fff;}
.ip_list_btn a.btn_type2 {background:#333; color:#fff;  border-color:#1f3a93}


.table_t1 {width:100%;}
.table_t1 td, 
.table_t1 th {border:1px solid #eee; padding:5px 10px}
.table_t1 thead th {background:#333; border:1px solid #444; color:#fff}

.ip_list .ip_list_box_long {width:100%; display:inline-block}
#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}
#bo_list_total span {vertical-align:top}


.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:10px 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:15px 10px;font-weight:bold;  background:#fafafa; color:#000; text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666; vertical-align:middle; text-align:center; padding:15px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em; word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}
.tbl_head01 tbody tr td.td_subject {text-align:left; padding:0 20px}
#bo_list tbody .even td {background: #fbfbfb;}

.auction_part_view {}
.auction_part_view .car_num {position:relative; width:100%; display:inline-block; font-size:16px}
.auction_part_view .car_name {position:relative; width:100%; display:inline-block; font-size:24px;}
.auction_part_view .car_info_box { width:100%; padding:30px 0 0; text-align:center; border:1px solid #000; color:#333;  font-weight:bold; border-bottom:0px; vertical-align:top;}
.auction_part_view .car_info_box2 { width:100%; padding:15px 0; font-size:24px; text-align:center; border:1px solid #000; color:#fff;  font-weight:bold; margin-bottom:10px; border-top:0px; vertical-align:top;}
.auction_part_view .car_info_box2  em {background:#e32d2d; padding:0 10px; color:#fff; border-radius:5px}

.auction_part_view .part_img .car_info_box {padding-bottom:30px; }

.auction_part_view .part_img .car_info_box .car_num {font-size:24px}


.auction_boongi {width:100%; display:inline-block; text-align:center; margin-top:50px}
.auction_boongi a {display:inline-block; width:250px; height:250px; margin:0 10px; border:1px solid #ddd; border-radius:30px;  transition: all 1s ease 0s;}
.auction_boongi a:hover {text-decoration:none; background:#1f3a93; border:1px solid #1f3a93 }
.auction_boongi a:hover h3 {color:#fff;}
.auction_boongi a:hover span {color:#fff;}
.auction_boongi a h3 {font-size:24px; font-family: gmarket; color:#000; padding:95px 0 10px}



#tab-menu {width: 100%;}
#tab-btn { overflow:hidden;  display:inline-block; border-bottom:1px solid #dedede; text-align:center; width: 100%; font-size:0px}
#tab-btn li {display:inline-block; width: 110px; text-align:center;}
#tab-btn li a {position:relative; display: block; color:#000; padding: 15px 20px; font-weight: bold; font-size:16px;}
#tab-btn li.active a {border-bottom: 3px solid #1f3a93; color:#1f3a93}
#tab-btn li.on a:before {animation:sunday 1s 1s infinite alternate; background:#eee; width:4px; height:4px; border-radius:50%; display:inline-block; content:""; position:absolute; top:11px; left:31px}
#tab-btn li.active.on a:before {display:none} 

@keyframes sunday{ 
10%{background:#1f3a93; } 
100%{ background:#eee;}
}



#tab-cont {  width: 100%;  padding: 20px; box-sizing:border-box; z-index:-2;  border-radius: 0 0 4px 4px; text-align:center;}
.car_img_wrap {position:relative; width:480px; margin:0 auto}
.car_img_wrap input[type="checkbox"] {margin:0px !important}
.car_img_wrap img {width:480px; }
.car_img_wrap .icon {position:absolute}
.car_img_wrap .icon.icon_1 {left: 85px;top: 80px;}
.car_img_wrap .icon.icon_2 {left: 120px;top: 145px;}
.car_img_wrap .icon.icon_3 {left: 65px;top: 155px;}
.car_img_wrap .icon.icon_4 {left: 42px;top: 200px;}
.car_img_wrap .icon.icon_5 {left: 120px;top: 210px;}
.car_img_wrap .icon.icon_6 {left: 65px;top: 230px;}
.car_img_wrap .icon.icon_7 {left: 90px;top: 305px;}
.car_img_wrap .icon.icon_8 {left: 130px; top: 265px;}
.car_img_wrap .icon.icon_9 {left: 233px;top: 20px;}
.car_img_wrap .icon.icon_10 {left: 233px;top: 70px;}
.car_img_wrap .icon.icon_11 {left: 233px;top: 250px;}
.car_img_wrap .icon.icon_12 {left: 233px;top: 350px;}
.car_img_wrap .icon.icon_13 {right: 85px;top: 80px;}
.car_img_wrap .icon.icon_14 {right: 120px;top: 145px;}
.car_img_wrap .icon.icon_15 {right: 65px;top: 155px;}
.car_img_wrap .icon.icon_16 {right: 42px;top: 200px;}
.car_img_wrap .icon.icon_17 {right: 120px;top: 210px;}
.car_img_wrap .icon.icon_18 {right: 65px;top: 230px;}
.car_img_wrap .icon.icon_19 {right: 90px;top: 305px;}
.car_img_wrap .icon.icon_20 {right: 130px; top: 265px;}



.text_contents h3 {font-size:18px; font-weight:bold; padding:5px 0 15px; color:#333;}
.text_contents h4 {font-size:16px; font-weight:bold; padding:5px 0 10px}
.text_contents p.indent {padding:5px 0 10px 20px}
.text_contents ul {padding:5px 0 10px 20px}
.text_contents ul > li {font-size:15px; padding:2px 0}
.text_contents ul > li > ul {padding:0px 0 7px 15px}
.text_contents ul > li > ul > li {font-sizE:14px}
.text_contents ul > li > ul > li > ul > li {}


.box0 {border:1px solid #ccc; margin:0 0 20px 0}
.box1 {border:5px solid #eee; padding:10px 20px; width:100%; display:inline-block; vertical-align:top; }



.item-slick.slick-slide.slick-current.slick-active {
  outline: none !important;
}

.slider-for {
}
.slider-for img {
  width: 100%;
  min-height: 100%;
}

.slider-nav {
  margin: auto;
}

.slider-nav .item-slick {
  max-width:100px;
  outline: none !important;
  cursor: pointer;
  padding:4px 2px;
}
.slider-nav .item-slick img {
      width: 100px;
    outline: none !important;
    cursor: pointer;
    height: 100px;
    overflow: hidden;
    object-fit: cover;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 50;
  margin-top: -12px;
}

.slick-prev {
  left: 10px;
}

.slick-next {
  right: 20px;
}
.water_mark2  {display:none;  top:50%; left:50px; width:calc(100% - 100px); font-size:90px;  transform: translate(0, calc(-50% + 0.5px));  text-align:center; opacity:0.1; color:#fff;  font-family: 'gmarket';  font-weight: 600; }
.lg-on .car_img .water_mark2 {position:fixed; display:block; z-index:10060}
#lg-download, #lg-share {display:none !important}
.lg-actions .lg-next, .lg-actions .lg-prev {display:none !important}



.coupon_box {position: fixed; left:calc(50% - 700px); top: 350px; width: 155px; border: 1px solid #cccccc;  border-radius: 5px; z-index:1000; transition: all 0.5s ease 0s;}
.header_scroll .coupon_box {top:150px}
.coupon_box button {background: #1f3a93; border-radius: 5px; padding: 10px 0;  color: #fff;  text-align: center; width:100%;  font-size: 15px; }
.coupon_box p {text-align:center; padding:5px 0; background:#fff; border-radius:0 0 5px 5px}
.coupon_box p em {font-weight:bold;}

.m_view {display:none}

#aniimated-thumbnials .slick-arrow { font-size:0px;  display: block !important;  filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.5)); width: 32px;   height: 53px;  opacity: 1 !important;  margin-top: -25px;}
#aniimated-thumbnials .slick-prev {background: url(../images/sub/left_arrow.png) no-repeat center center;}
#aniimated-thumbnials .slick-next {background: url(../images/sub/right_arrow.png) no-repeat center center;}
#aniimated-thumbnials .slick-initialized .slick-slide, 
#aniimated-thumbnials .slick-list  .slick-slide {height:600px}
#aniimated-thumbnials .slick-initialized .slick-slide a {}
#aniimated-thumbnials .slick-list  .slick-slide img, 
#aniimated-thumbnials .slick-initialized .slick-slide a img {    object-fit: cover;}
.car_img .slider-nav .slick-arrow {display:none !important}
.car_img .slick-list {z-index:10;}
 
 
@media all and (max-width:1600px){
	.auction_car_list > ul > li {width:33.33%;}
}
@media all and (max-width:1400px){
	.coupon_box {left:calc(50vw - 50% + 20px);}
}

@media all and (max-width:1220px){
	.auction_car_list > ul > li a .text_box .car_name {}
	#container .contents {    width: calc(100% - 240px);    padding-left:40px;}

}



@media all and (max-width:1100px){
	.auction_car_list > ul > li a .img_box {height:180px}
	.auction_car_list > ul > li a .text_box .brand {font-size:11px; margin: 10px 0 0 10px;}
	.auction_car_list > ul > li a .text_box .car_name {font-size:15px;  padding: 5px 10px 10px;     color: #2f3130;    letter-spacing: -0.05em;    font-weight: bold;}
	.auction_car_list > ul > li a .text_box table th, .auction_car_list > ul > li a .text_box table td {font-size:11px}
	.auction_car_list > ul > li a .text_box table tr:nth-child(1) {padding:8px 5px 0px; display: table-cell;    width: 100%;  border-right:0px;}
	.auction_car_list > ul > li a .text_box table tr:nth-child(3) {padding:0px 5px 8px; display: table-cell;    width: 100%;  border-right:0px;}
	.auction_car_list > ul > li a .text_box table tr:nth-child(1) th,
	.auction_car_list > ul > li a .text_box table tr:nth-child(1) td, 
	.auction_car_list > ul > li a .text_box table tr:nth-child(3) th, 
	.auction_car_list > ul > li a .text_box table tr:nth-child(3) td {padding:0px; border:0px; display:inline-block;  border-right:0px;}
	.auction_car_list > ul > li a .text_box table tr:nth-child(1) th,
	.auction_car_list > ul > li a .text_box table tr:nth-child(3) th {margin:0 3px 0 5px; background:none}
	.auction_car_list > ul > li a .text_box table tr.tr_bogwan { width: 100%; border-top:1px solid #eee;}
	.auction_car_list > ul > li a .text_box table tr.tr_bogwan th {width:50px; display:inline-block; padding:0 10px; border-right:0px; height:30px; line-height:30px; vertical-align:top;}
	.auction_car_list > ul > li a .text_box table tr.tr_bogwan td {width:calc(100% - 50px); display:inline-block; border-left:0px; font-family:dotum; padding:0 5px; font-size:11px; height:30px; text-align:left; line-height:30px; vertical-align:top; border-right:1px solid #ececec}
	.auction_car_list > ul > li a .img_box .title_box {font-size:14px;}
	.auction_car_list > ul > li a .text_box .time_box {font-size:13px; text-align:left;}
	
}
@media all and (max-width:1000px){
	.col-sm-8 label.col-sm-2 {padding-left:0px; padding-bottom:3px; padding-top:8px}

	#container .side .side_title {padding:10px 0px; background:none}
	#container .side .side_title h2 {color:#000;}
	#container {margin-top:25px}
	#container .side {width:100%; margin-bottom:20px}
	#container .side .side_title { }
	#container .side ul {border:none}
	#container .side ul li {width:auto; float: left; margin: -1px 0 0 -1px;}
	#container .side ul li a {padding:8px 15px; font-size: 13px; border:1px solid #eee;}
	#container .contents {width:100%; padding-left:0px}
	#container .side ul li.active a, #container .side ul li a:hover {background:#1f3a93; color:#fff;}

	#container .contents .sub_title h2 {font-size:24px;}

	.responsive_table thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px;     overflow: hidden;  padding: 0; position: absolute;    width: 1px;  }
	.responsive_table tr {border:1px solid #ddd; padding:5px 10px; background:#fafafa; display: block;  margin-bottom:25px;  }
	.responsive_table tr.m_view {margin:0 0 -5px 0; padding:0px; display:block}
	.responsive_table tr.m_view td {padding:0px;}
	.responsive_table td { padding:8px 10px; min-height:34px; height:auto; border-bottom:1px solid #ececec; border-top:0px; display: block; font-size:12px;  text-align: right;  }
	.responsive_table td::before {display:block; content: attr(data-label);  float: left;  font-weight: bold;  text-transform: uppercase;}
	.responsive_table td:last-child { border-bottom: 0;  }
	.responsive_table td .auction_btn {margin:0px}
	.responsive_table td a.btn_1 {border: 1px solid #ccc;  border-radius: 5px; background:#fff;  padding: 3px 10px;}
	.m_none {display:none !important}
	.pc_none {display:block !important}
	.auction_car_list > ul li {width: 50%;}
	.auction_car_list > ul > li a .img_box {height:220px}
	
	.car_img_paging,
	.auction_num_box, 
	.car_img {margin:0 0 0 -15px; width:calc(100% + 30px); }
	.auction_part_view .part_img {position:relative; margin:15px -15px 0}
	.auction_part_view .part_img .car_info_box2 {position:Relative; top:auto; right:auto;     padding: 5px 15px;
    font-size: 15px;}
	.car_info_box2 {width:auto; display:inline-block; padding:10px 15px; position:absolute; top:15px; right:15px; z-index:9999}

	
	.auction_write .ip_list .ip_list_box_long .text.ip_wrap, 
	.auction_write .ip_list .ip_list_box_long .title.ip_wrap {width:100%;  }

	
	.coupon_box {position:relative; top:auto !important; left:auto; border-radius:0px; margin:10px 0 10px -15px;  width:calc(100% + 30px);}
	.coupon_box button {border-radius:0px}
	.coupon_box button br {display:none}
.auction_car_list {margin-top:20px;}

}

@media all and (max-width:800px){
	
	.sub_search_box2 {position:relative; top:auto; margin-top:-40px}
	.car_img:before {height:100px}
}

@media all and (max-width:640px){
	.login_title {margin:70px 0 10px; font-size:28px}
	.login_title_txt {font-size: 15px; line-height: 20px;}
	.login_wrap {width:320px; margin:0 auto 70px}
	.login_wrap .login_input_box input {height:45px; font-size:15px}
	.login_mid_btn {padding:5px 0 15px}
	.login_mid_btn a {font-size:14px;}
	.login_btn_check_box button {height:45px; line-height:43px; font-size:16px}

	.member_level_boongi {margin:100px 0}
	.member_level_boongi > a {width:200px; height:200px; border-radius:20px; margin: 10px 0; padding:0 10px}
	.member_level_boongi > a h3 {font-size:18px; margin:55px 0 0 0; }
	.member_level_boongi > a p {font-size:15px}
	.member_level_boongi > a span {display:none}

	.register-term {padding:20px}

	.sub_search_box select, .sub_search_box .sub_search_text  {width:100%; margin-bottom:4px}
	.sub_search_box .search_btn {width:100%; margin-left:0px}

	.tbl_head01 thead th {font-size:12px; font-family:dotum}

	.auction_car_list > ul {width:100%; margin:0px}
	.auction_car_list > ul li {width: 100%; margin:0 0 30px; padding:0px}
	.auction_car_list > ul > li a .img_box .left_icon_box span {font-size: 11px;padding: 3px 5px;}
	.auction_car_list > ul > li a .img_box .right_icon_box span {font-size: 11px; padding: 3px 5px;}
	#container .side ul li a {padding:8px 10px}
	.pg_page, 
	.pg_current {height:25px; min-width:25px; line-height:25px; font-size:11px}
	
	.auction_car_list > ul > li a:hover {box-shadow:none;}
	.auction_car_list > ul > li a .img_box {height:350px}
	.auction_car_list > ul > li a .text_box {border:0px;}
	.auction_car_list > ul > li a .text_box .brand  {padding: 2px 10px; font-size: 12px;    margin: 10px 0 3px 10px;}
	.auction_car_list > ul > li a .text_box .car_name { line-height: 1.25em;  margin: 5px 10px 15px 10px; width:calc(100% - 20px); padding:0px}
	.auction_car_list > ul > li a .text_box table {width:100%; margin:0px; }
	.auction_car_list > ul > li a .text_box .time_box {border: 1px solid #ececec; border-top:0px}
	.auction_car_list > ul > li a .img_box .title_box {font-size:12px;     padding: 5px 0; word-break: keep-all;}
	
	.auction_num_box p.start_num {border-right:1px solid #333}
	.auction_num_box p.start_num, .auction_num_box p.my_num {width:100%; box-sizing:border-box; padding: 12px 0; font-size:15px}
	.auction_num_box p em, .auction_num_box p em {font-size:24px;}
	.auction_write .ip_list.ip_wrap {border-bottom:0px}
	.auction_write .ip_list .ip_list_box {width:100%; min-height:auto}
	.auction_write .ip_list .ip_list_box:nth-child(1) .text {border-right:0px}
	.auction_write .ip_list .ip_list_box:first-child {border-bottom:1px solid #dedede}
	.auction_write .ip_list .ip_list_box_long {min-height:34px}
	.auction_write .ip_list .ip_list_box_long .text {    width: calc(100% - 120px); padding:10px 10px; min-height:34px}
	.auction_write .ip_list .ip_list_box .text  {height:auto; min-height:34px; width: calc(100% - 120px); padding:10px 10px}
	.auction_write .ip_list .ip_list_box .text label {margin-bottom:0px}
	.auction_write .ip_list .ip_list_box .title {width:120px;  padding:8px 10px}
	.auction_write .ip_list .ip_list_box_long .title {width:120px; font-size:12px; padding:10px}
	.auction_write .ip_list .ip_list_box_long .text.ip_wrap {border-left:0px; border-top:1px solid #dedede}
	
	.car_img_paging li {width:20%}
	.car_img .car_info_box {padding:10px 20px}


	.car_img_wrap, 
	.car_img_wrap img {width:360px}
	.car_img_wrap .icon.icon_1 {left: 62px;top: 55px;}
	.car_img_wrap .icon.icon_2 {left: 90px;top: 105px;}
	.car_img_wrap .icon.icon_3 {left: 48px;top: 115px;}
	.car_img_wrap .icon.icon_4 {left: 30px;top: 142px;}
	.car_img_wrap .icon.icon_5 {left: 88px;top: 150px;}
	.car_img_wrap .icon.icon_6 {left: 48px;top: 165px;}
	.car_img_wrap .icon.icon_7 {left: 65px;top: 223px;}
	.car_img_wrap .icon.icon_8 {left: 95px;top: 190px;}
	.car_img_wrap .icon.icon_9 {left: 172px;top: 12px;}
	.car_img_wrap .icon.icon_10 {left: 172px;top: 50px;}
	.car_img_wrap .icon.icon_11 {left: 172px;top: 180px;}
	.car_img_wrap .icon.icon_12 {left: 171px;top: 255px;}
	.car_img_wrap .icon.icon_13 {right: 63px;top: 55px;}
	.car_img_wrap .icon.icon_14 {right: 90px;top: 105px;}
	.car_img_wrap .icon.icon_15 {right: 48px;top: 115px;}
	.car_img_wrap .icon.icon_16 {right:30px; top: 142px;}
	.car_img_wrap .icon.icon_17 {right: 88px;top: 150px;}
	.car_img_wrap .icon.icon_18 {right: 48px;top: 165px;}
	.car_img_wrap .icon.icon_19 {right: 65px;top: 223px;}
	.car_img_wrap .icon.icon_20 {right: 95px;top: 190px;}


	.auction_write .ip_list.sel_car_bu .ip_list_box_long .title {width:100%}
	.auction_write .ip_list.sel_car_bu .ip_list_box_long .text {width:100%; border-left:0px; border-top:1px solid #dedede}








	h3.sub_title {font-size:18px}
	.car_info_box2 {padding:10px 15px; font-size:16px}
	#tab-btn li a {padding:10px 15px}
	.car_img .car_info_box .car_info_text li {font-size:12px}
	.car_img .car_info_box .car_name {font-size:16px; line-height:1.25em; font-weight:bold; margin:0px}

	.car_img .water_mark,
	.water_mark2 {font-size:40px}
	.auction_part_view .part_img .car_info_box {padding:10px 0}
	.auction_part_view .part_img .car_info_box .car_num {font-size:18px}

	.auction_write.margin_t_50 {margin-top:20px !Important}
	.auction_boongi {margin:20px 0}
	.auction_boongi a {margin:10px 0;  border-radius: 20px;  margin: 10px 0; padding: 0 10px; width: 200px; height: 200px;}
	.auction_boongi > a h3 {font-size: 18px;  margin:85px 0 0 0; padding:0px}

	#container .contents .sub_title h2 {font-size:20px;}
	.sub_search_box2 select, 
	.sub_search_box2 .search_btn {height:26px; line-height:26px;}

	.auction_write .ip_list.long_title .ip_list_box_long .title, 
	.auction_write .ip_list.long_title .ip_list_box_long .text {width:100%;}
	.auction_write .ip_list.long_title .ip_list_box_long .text {border-left:0px; border-top:1px solid #dedede}
.m_line {border-top:1px solid #dedede}
.water_mark2 {left: 35px; width: calc(100% - 70px);}

.slider-nav .item-slick {max-width:80px}
.slider-nav .item-slick img {width:80px; height:80px}

#aniimated-thumbnials .slick-initialized .slick-slide, 
#aniimated-thumbnials .slick-list  .slick-slide {height:400px}

#container .side ul li {width:50%;}
#container .side ul li.side_btn_li {width:100%; text-align:center; margin-top:10px} 
#container .side ul li.side_btn_li a {background:#1f3a93; color:#fff;}
.chosen-container-single {width:100% !important; margin:0 0 5px}
}


@media all and (max-width:480px){
	.car_img:before {display:none}
	.car_img .car_info_box {position:relative; color:#333;}
	.auction_car_list > ul > li a .img_box {height:300px}
	.bu li {font-size:12px; font-family:dotum}
	.member_level_boongi {margin:50px 0}

	.ip_list_btn .btn {font-size:14px; padding:8px 15px; height:auto; margin:0 3px}

	.car_info_box2 { position: relative;  top: auto;  right: auto;    width: 100%;}

	.car_img_paging, .auction_num_box {width:100%; margin:0px}
	.car_img .car_info_box {border-left:1px solid #ccc; border-right:1px solid #ccc}
	.auction_write .ip_list .ip_list_box_long .title, 
	.auction_write .ip_list .ip_list_box_long .text, 
	.auction_write .ip_list .ip_list_box .title, 
	.auction_write .ip_list .ip_list_box .text {width:100%;}
	.auction_write .ip_list .ip_list_box_long .text, 
	.auction_write .ip_list .ip_list_box .text {border-left:none; border-top:1px solid #dedede}

	.auction_write .ip_list:last-child {border-bottom:0px}
	.auction_agree {padding:15px}
	.auction_agree_text {border:none; padding:0 15px 15px 15px; margin:0 0 0 -15px; width:calc(100% + 30px); border-bottom:1px solid #eee;}
	 .ip_list_btn {margin:0px; padding:15px}

	 .ip_list_btn .btn {width:100%; margin-top:5px}

	 
	.coupon_box { margin:10px 0 10px 0;  width:100%;} 
#aniimated-thumbnials .slick-initialized .slick-slide, 
#aniimated-thumbnials .slick-list  .slick-slide {height:350px}
}

@media all and (max-width:420px){
	
	.car_img_wrap, 
	.car_img_wrap img {width:320px}
	.car_info_box2 {padding:5px 15px; font-size:15px}
	
	#tab-btn li {width:90px}
	.car_img_wrap .icon.icon_1 {left: 52px;top:45px;}
	.car_img_wrap .icon.icon_2 {left: 80px;top: 95px;}
	.car_img_wrap .icon.icon_3 {left: 42px;top: 100px;}
	.car_img_wrap .icon.icon_4 {left: 25px;top: 126px;}
	.car_img_wrap .icon.icon_5 {left: 77px;top: 130px;}
	.car_img_wrap .icon.icon_6 {left: 42px;top: 150px;}
	.car_img_wrap .icon.icon_7 {left: 58px;top: 197px;}
	.car_img_wrap .icon.icon_8 {left: 84px;top: 170px;}
	.car_img_wrap .icon.icon_9 {left: 152px;top: 10px;}
	.car_img_wrap .icon.icon_10 {left: 152px;top: 45px;}
	.car_img_wrap .icon.icon_11 {left: 152px;top: 158px;}
	.car_img_wrap .icon.icon_12 {left: 152px;top: 223px;}

	.car_img_wrap .icon.icon_13 {right: 52px;top: 45px;}
	.car_img_wrap .icon.icon_14 {right: 80px;top: 95px;}
	.car_img_wrap .icon.icon_15 {right: 42px;top: 100px;}
	.car_img_wrap .icon.icon_16 {right:25px; top: 126px;}
	.car_img_wrap .icon.icon_17 {right: 77px;top: 130px;}
	.car_img_wrap .icon.icon_18 {right: 42px;top: 150px;}
	.car_img_wrap .icon.icon_19 {right: 58px;top: 197px;}
	.car_img_wrap .icon.icon_20 {right: 84px;top: 170px;}

}
@media all and (max-width:400px){
	.auction_car_list > ul > li a .img_box {height:260px}
	.auction_car_list > ul > li a .text_box table th {font-size:11px; padding:7px 5px; letter-spacing:-0.05em}
	.auction_car_list > ul > li a .text_box table td {font-size:11px}
	#tab-cont {padding:20px 0}
	.auction_write .ip_list.sel_car_bu.sel_car_bu .ip_list_box_long .text {padding:10px 0}
}





.lg .lg-actions {positioN:absolute; left:0px; top:50%; z-index:100000; width:100%; }
.lg .lg-actions .lg-next, .lg .lg-actions .lg-prev {display:block !important; width:32px; height:53px; opacity:1 !important;     margin-top: -25px;}

.lg .lg-actions .lg-next {background:url('../images/sub/right_arrow.png') no-repeat center center}
.lg .lg-actions .lg-prev {background:url('../images/sub/left_arrow.png') no-repeat center center}

@media all and (max-width:640px){
.lg .lg-actions .lg-next {right:10px; width:26px; height:42px; background-size:26px auto}
.lg .lg-actions .lg-prev {left:10px; width:26px; height:42px; background-size:26px auto}
}


.auction_car_list > ul > li a .img_box .right_icon_box .img_logo {width:100px; height:40px; background-repeat:no-repeat; background-position:center center; border:1px solid #eee; font-size:0px; background-size:100px auto !important}
.auction_car_list > ul > li a .img_box .right_icon_box .logo_1 {background-image:url('../images/sub/list_logo_1.jpg')}
.auction_car_list > ul > li a .img_box .right_icon_box .logo_2 {background-image:url('../images/sub/list_logo_2.jpg')}
.auction_car_list > ul > li a .img_box .right_icon_box .logo_3 {background-image:url('../images/sub/list_logo_3.jpg')}
.auction_car_list > ul > li a .img_box .right_icon_box .logo_4 {background-image:url('../images/sub/list_logo_4.jpg')}
.auction_car_list > ul > li a .img_box .right_icon_box .logo_5 {background-image:url('../images/sub/list_logo_5.jpg')}





.sub_1_1_box1 {background:url('../images/sub/hello_img.jpg') no-repeat left top; background-size:cover; width:100%; height:245px; display:inline-block; text-align:left; }
.sub_1_1_box1 .text_wrap {display:inline-block;  margin-top:170px; padding:25px 30px 35px 55px}
.sub_1_1_box1 .text_1 {font-size:75px; color:#0c1e58; font-weight:bold; font-family:"Gmarket"; letter-spacing:-0.05em; }

.sub_1_1_box2 {width:100%; display:inline-block; text-align:left; padding:20px 60px;  font-size: 20px;     font-weight: 200; letter-spacing:-0.05em; line-height:1.25em}
.sub_1_1_box2 p {margin:15px 0; font-size:16px; line-height: 1.55em;  color: #000;}
.sub_1_1_box2 .text_2 {font-size:42px; margin:40px 0 0 0; color:#0c1e58; font-weight:bold; font-family:"Gmarket"; letter-spacing:-0.05em; }
.sub_1_1_box2 .sign {text-align:right; width:100%; display:inline-block} 
.sub_1_1_box2 .sign .sign_img {width:80px; height:31px; background:url('../images/sub/hello_sign.gif') no-repeat right center; display:inline-block; font-size:0px}

#map {width:100%; height:400px}
.map_info_box {position: absolute;left: 0;bottom: 60px;width:348px;height: 100px;margin-left: -174px;text-align: left; font-size: 12px;
    box-shadow: 0px 1px 2px #888; line-height: 1.25; background: #fff; padding: 15px 25px}
.map_info_box .title {font-size:18px; font-family: "pretendard_bold", "pretendard_regular", sans-serif; color:#000; margin:0 0 10px 0}
.map_info_box:after {content: '';position: absolute;margin-left: -12px;left: 50%;bottom: -12px;width: 22px;height: 12px;background: url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png); display:block}
.map_info_box .map_info_text_box {font-size:14px}

.map_box_text {width:100%; display:inline-block; vertical-align:top; margin:0 0 40px}
.map_box_text .logo_box {position:relative; width:300px;  height:220px; display:inline-block; float:left; background:#0c1e58;}
.map_box_text .logo_box .logo {width:152px; display:block; margin:60px auto 0; height:60px;     background: url(../images/common/logo.png) no-repeat;}
.map_box_text .logo_box .text {width:100%; display:inline-block; color:#fff; text-align:center;}
.map_box_text .text_box {position:relative; width:calc(100% - 300px);  height:220px; display:inline-block; float:left; padding:40px; background:#303b61;}
.map_box_text .text_box .text_1 {color:#fff; font-size:24px; font-weight:bold;}
.map_box_text .text_box .text_2 {color:#fff; font-size:16px; margin:0 0 20px 0}
.map_box_text .text_box .text_3 {color:#fff; font-size:16px; }
.map_box_text .text_box .text_3 span {position:relative; margin:0 0 0 13px; padding:0 0 0 13px}
.map_box_text .text_box .text_3 span:before {width:1px; height:12px; font-weight:normal; display:block; content:""; background:#fff; position:absolute; top:7px; left:-1px}
.map_box_text .text_box .text_3 span:first-child {padding:0px; margin:0px}
.map_box_text .text_box .text_3 span:first-child:before {display:none}
.map_box_text .text_box .text_4 {color:#fff; font-size:16px; }

@media all and (max-width:640px){
	.tbl_head01 thead th {padding:10px 8px}
	.tbl_head01 td {font-size:11px;}
	.tbl_head01 td .fa {display:none !important}
	.bo_tit {font-size:12px}

	.sub_1_1_box1 {height:200px; width:calc(100% + 30px); margin:0 0 0 -15px; background-size:auto 175px}
	.sub_1_1_box1 .text_wrap {margin-top:120px;     padding: 15px 15px 15px 15px;}
	.sub_1_1_box1 .text_1 {font-size:52px}

	.sub_1_1_box2 {padding: 15px 5px 15px 5px; }
	.sub_1_1_box2 p {font-size:14px; letter-spacing:-0.025em}
	.sub_1_1_box2 p br {display:none}
	.sub_1_1_box2 .text_2 {font-size:24px;    margin:30px 0 0 0;}


	.map_box {width:calc(100% + 30px); margin:0 0 0 -15px; }
	.map_box_text {height:auto}
	.map_box_text .logo_box {display:none}
	.map_box_text .text_box {width:100%; height:auto; padding:20px; word-break:keep-all}
	.map_box_text .text_box .text_1 { font-size:18px; font-weight:bold; word-break:keep-all}
	.map_box_text .text_box .text_2 { font-size:14px; margin:0 0 10px 0; word-break:keep-all}
	.map_box_text .text_box .text_3 { font-size:14px; }
	.map_box_text .text_box .text_3 span {margin:0 0 0 8px; padding:0 0 0 8px}
	.map_box_text .text_box .text_3 span:before { height:10px;  top:5px; left:-1px}
	.map_box_text .text_box .text_3 span:first-child {padding:0px; margin:0px}
	.map_box_text .text_box .text_4 { font-size:14px; }

	.map_info_box .title {font-size:16px;}
	.map_info_box .map_info_text_box {font-size:12px}

	.map_info_box {    position: absolute;    width: 290px;    height: 100px;	padding:20px 15px;    margin-left: -145px;}

}




#info_box {width:100%;}
#info_box .info_wrap {width:1400px; margin:0 auto;}
#info_box .info_wrap .info_title { text-align:center; margin:60px 0 45px}
#info_box .info_wrap .info_title h2 {font-family: 'gmarket';  font-weight:bold; font-size:55px; letter-spacing:-0.025em; color:#0c1e58}
#info_box .info_wrap .info_title h2 em {font-weight:normal}

#info_box .info_text_box1 {background:url('../images/sub/hello_img_1.png') no-repeat right center #ebe8dd; background-size:auto 110%; width:100%;  display:inline-block; vertical-align:top;}
#info_box .info_text_box1 .info_box_wrap {padding:65px 600px 65px 115px}
#info_box .info_text_box1 .info_box_wrap .text_1 {font-family: 'gmarket'; font-size:45px; letter-spacing:-0.05em; color:#0c1e58}
#info_box .info_text_box1 .info_box_wrap .text_1 em {font-weight:bold;}
#info_box .info_text_box1 .info_box_wrap .text_2 {font-size:20px; color:#2e2e2e; letter-spacing:-0.025em;}
#info_box .info_text_box1 .info_box_wrap .text_2 span {color:#ffffff; background:#0c1e58; font-weight:bold; border-radius:5px; padding:3px 10px 8px; line-height:1em; margin-top:-5px;}


#info_box .info_text_box1 .info_box_wrap .text_3 {margin:50px 0 0px; font-size:24px; font-family: 'gmarket'; font-weight:bold; color:#0c1e58; letter-spacing:-0.025em}

#info_box .info_text_box1 .info_box_wrap .text_4 {position:relative; width:100%; padding:25px 0 0 70px}
#info_box .info_text_box1 .info_box_wrap .text_4 .text_4_title {position:absolute; top:25px; left:0px; background:#0c1e58; color:#fff; border-radius:5px; font-family: 'gmarket'; font-weight:normal; padding:8px 10px 5px; line-height:1em; font-size:17px; display:inline-block;}
#info_box .info_text_box1 .info_box_wrap .text_4 .text_4_title.title_2 {background:#1f3a93; }
#info_box .info_text_box1 .info_box_wrap .text_4 .text_4_text {color:#131313; font-size:16px; line-height:1.45em; word-break:keep-all;}


#info_box .info_text_box2 {background:url('../images/sub/hello_img_2.jpg') no-repeat right center #eef4fc; width:100%;  display:inline-block; vertical-align:top; text-align:center; padding:100px 0 70px}
#info_box .info_text_box2 .text_1 {font-size:45px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em;  }
#info_box .info_text_box2 .text_1 em {font-weight:bold;}
#info_box .info_text_box2 .text_2 {font-size:75px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em; }
#info_box .info_text_box2 .text_2 em {font-weight:bold;}
#info_box .info_text_box2 .text_3 {font-size:36px; color:#0c1e58; font-family: 'gmarket'; vertical-align:top;}
#info_box .info_text_box2 .text_3 em {position:relative; margin:-5px 15px 0; display:inline-block; vertical-align:top; font-size:32px; color:#111111}
#info_box .info_text_box2 .text_3 > span {position:relative; padding-bottom:20px;line-height:1em; display:inline-block; vertical-align:top;}
#info_box .info_text_box2 .text_3 > span span {font-size:16px; line-height:1em; position:absolute; bottom:0px; width:100%; left:0px; text-align:center;}





#info_box .info_text_box3 {background:url('../images/sub/hello_img_3.png') no-repeat 150px center #f6fcee; width:100%;  display:inline-block; vertical-align:top; text-align:left; padding:70px 0 70px 675px}
#info_box .info_text_box3 .text_1 {font-size:45px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em;  }
#info_box .info_text_box3 .text_1 em {font-weight:bold;}
#info_box .info_text_box3 .text_2 {font-size:18px; color:#2e2e2e;  letter-spacing:-0.025em; }
#info_box .info_text_box3 .text_2 li {padding:2px 0 2px 15px; position:relative; }
#info_box .info_text_box3 .text_2 li:before {position:absolute; left:4px; top:14px; width:4px; height:4px; border-radius:2px; background:#2e2e2e; display:inline-block;}





#info_box .info_text_box4 {background: #f5f5f5; width:100%;  display:inline-block; vertical-align:top; text-align:center; padding:70px 0}
#info_box .info_text_box4 .text_1 {font-size:45px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em; margin-bottom:30px; }
#info_box .info_text_box4 .text_1 em {font-weight:bold}
#info_box .info_text_box4 .info_box_list {width: 100%;  display: flex;  min-height:350px;   vertical-align: top; text-align: center; height: 100%; justify-content: center;}
#info_box .info_text_box4 .info_box_list .info_box_list_1 {position:relative; width:340px;  padding:45px 15px 145px; border-radius:25px; background:#fff; display:inline-block; margin:0 18px; vertical-align:top;}
#info_box .info_text_box4 .info_box_list .info_box_list_1 h3 {font-size:32px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em; font-weight:bold}
#info_box .info_text_box4 .info_box_list .info_box_list_1 p {font-size:16px; word-break:keep-all; padding:20px 0;}
#info_box .info_text_box4 .info_box_list .info_box_list_1 p em {font-weight:bold; color:#0c1e58;}
#info_box .info_text_box4 .info_box_list .info_box_list_1 a {width:240px; height:42px; line-height:42px; background:#0c1e58; border-radius:5px; color:#fff; positioN:absolute; bottoM:35px; left:50%; margin:0 0 0 -120px}
#info_box .info_text_box4 .info_box_list .info_box_list_1:hover {background:#0c1e58}
#info_box .info_text_box4 .info_box_list .info_box_list_1:hover h3 {color:#faffc5}
#info_box .info_text_box4 .info_box_list .info_box_list_1:hover p {color:#fff}
#info_box .info_text_box4 .info_box_list .info_box_list_1:hover a {background:#fff; color:#0c1e58}
#info_box .info_text_box4 .info_box_list .info_box_list_1:hover p em  {color:#faffc5}

#info_box .info_text_box5 {background:url('../images/sub/hello_img_4.png') no-repeat left center #f3f7fd;; width:100%;  display:inline-block; vertical-align:top; text-align:left; padding:120px 0 150px 595px}
#info_box .info_text_box5 .text_1 {font-size:32px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em;  }
#info_box .info_text_box5 .text_1 em {font-weight:bold}
#info_box .info_text_box5 .text_2 {font-size:45px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em; line-height:1em; margin-top:20px; }
#info_box .info_text_box5 .text_2 em {font-weight:bold;}
#info_box .info_text_box5 .text_3 {font-size:36px; color:#0c1e58; font-family: 'gmarket'; letter-spacing:-0.05em;  }
#info_box .info_text_box5 .text_4 {width:100%; display:inline-block; vertical-align:top; margin-top:20px}
#info_box .info_text_box5 .text_4 a { height:42px; line-height:42px; background:#0c1e58; border-radius:5px; color:#fff; padding:0 25px; margin-right:10px}

.car_popup {position:fixed; left:0px; top:0px; width:100vw; height:100vh; background:rgba(0,0,0,0.2); display:inline-block; z-index:101}
.car_popup .car_popup_wrap {width:340px; position:relative; top:50%; transform: translate(0px, -50%); height:auto; margin:0 auto}
.car_popup .car_popup_wrap .car_popup_header {position:relative; background:url('../images/sub/car_pop_icon.png') no-repeat 25px 20px #1f3a93; background-size:72px auto; border-radius:18px 18px 0 0;  padding:25px 15px 25px 110px}
.car_popup .car_popup_wrap .car_popup_header .text_1 {color:#fff; font-size:20px; font-weight:bold; line-height:1em;}
.car_popup .car_popup_wrap .car_popup_header .text_2 {color:#fff; font-size:17px; line-height:1em;}
.car_popup .car_popup_wrap .car_popup_header .close_car_pop {position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:#fff; border-radius:50%}
.car_popup .car_popup_wrap .car_popup_header .close_car_pop img {width:16px;}
.car_popup .car_popup_wrap .car_popup_mid {position:relative; background:#fff; border-radius:0 0 18px 18px; padding:30px 25px 15px; width:100%; display:inline-block; vertical-align:top; }
.car_popup .car_popup_wrap .car_popup_mid:before {border-top:15px solid #1f3a93; border-left:50px solid transparent;  display:inline-block; position:absolute; top:-1px; left:calc(50% - 50px); border-right: 50px solid transparent;}
.car_popup .car_popup_wrap .car_popup_mid .car_mid_box {position:Relative; background:#f4f4f4; border-radius:17px; padding:10px 20px 10px 120px; margin:5px 0;} 

.car_popup .car_popup_wrap .car_popup_mid .title_box {color:#203169; font-size:18px; display:inline-block; width:auto; position:absolute; top:50%; left:30px; font-weight: bold; transform: translate(0px, -50%);}
.car_popup .car_popup_wrap .car_popup_mid .list_box {position:relative; width:100%;}
.car_popup .car_popup_wrap .car_popup_mid .list_box ul {padding:0 25px}
.car_popup .car_popup_wrap .car_popup_mid .list_box ul li {font-size:14px; padding:3px 0; line-height:1.25em}
.car_popup .car_popup_wrap .car_popup_mid .list_box ul li strong {padding-right:5px; color:#000 }
.car_popup .car_popup_wrap .car_popup_mid .list_box ul li span {}


@media all and (max-width:1400px){
	#info_box .info_wrap {width:100%}
}


@media all and (max-width:1280px){
	#info_box .info_wrap {width:100%;  }
	#info_box .info_wrap * {word-break:keep-all}

	#info_box .info_text_box1 .info_box_wrap {padding:50px 500px 50px 50px}
	#info_box .info_text_box5 {padding: 100px 0 120px 520px; background-size:500px auto}
	#info_box .info_text_box1 .info_box_wrap .text_3 {margin-top:20px}
	#info_box .info_text_box1 .info_box_wrap .text_1, #info_box .info_text_box2 .text_1, #info_box .info_text_box3 .text_1, #info_box .info_text_box4 .text_1, #info_box .info_text_box5 .text_2 {font-size:40px}
	#info_box .info_text_box2 .text_2 {font-size:65px; line-height:1.25em}
	#info_box .info_text_box5 .text_3, 
	#info_box .info_text_box2 .text_3 {font-size:28px}
	#info_box .info_text_box5 .text_1 {font-size:28px}
	#info_box .info_text_box3 {padding:50px 0 50px 550px;     background: url(../images/sub/hello_img_3.png) no-repeat 80px center #f6fcee;}
	#info_box .info_text_box3 .text_2 {font-size:16px;}
	#info_box .info_text_box4 .info_box_list .info_box_list_1 {width:320px;     margin: 0 10px;}
}


@media all and (max-width:1200px){
	#info_box .info_text_box1 .info_box_wrap {padding:70px 400px 70px 50px}
	#info_box .info_text_box2 {padding:100px 0}
	#info_box .info_text_box3 .text_1 {line-height:1em; margin-bottom:20px}
}	

@media all and (max-width:1000px){
	#info_box .info_text_box1 .info_box_wrap {padding:70px 350px 70px 50px}
	#info_box .info_text_box1 {background-size:350px auto}
	#info_box .info_text_box1 .info_box_wrap .text_1 {line-height:1em; margin-bottom:10px}
	#info_box .info_text_box1 .info_box_wrap .text_4 .text_4_title {top:15px}
	#info_box .info_text_box1 .info_box_wrap .text_4 {padding:15px 0 0 70px}

	#info_box .info_text_box3 {background-size:300px auto; background-position:30px center;     padding: 70px 20px 70px 370px;}
	#info_box .info_text_box4 {padding:70px 20px}
	#info_box .info_text_box4 .info_box_list .info_box_list_1 {width:calc(33.33% - 20px); }

	#info_box .info_text_box5 { padding:70px 20px 70px 320px;  background-size: 300px auto;}
	#info_box {margin-bottom:-25px}
}	

@media all and (max-width:800px){
	#info_box .info_text_box1 {background:url('../images/sub/hello_img_1.png') no-repeat right -10px #ebe8dd; background-size:220px auto; }
	#info_box .info_text_box1 .info_box_wrap {padding:70px 50px}

	#info_box .info_text_box1 .info_box_wrap .text_1,
	#info_box .info_text_box1 .info_box_wrap .text_2 {padding-right:200px}
	#info_box .info_text_box3 .text_1 {text-align:center;}
	#info_box .info_text_box3 .text_2 {}
	#info_box .info_text_box3 { background-size:0px;     padding: 70px 50px;}

	#info_box .info_text_box4 .info_box_list {display:inline-block}
	#info_box .info_text_box4 .info_box_list .info_box_list_1 {width:100%; padding:30px 15px; margin:10px 0}
	#info_box .info_text_box4 .info_box_list .info_box_list_1 a {position:relative; left:auto; bottom:auto; margin:20px 0 0 0 }
	
}

@media all and (max-width:640px){
	#info_box .info_wrap .info_title {margin:30px 0 20px}
	#info_box .info_wrap .info_title h2 {font-size:40px}
	#info_box .info_text_box1 .info_box_wrap .text_1, #info_box .info_text_box2 .text_1, #info_box .info_text_box3 .text_1, #info_box .info_text_box4 .text_1, #info_box .info_text_box5 .text_2 {font-size:32px}
	#info_box .info_text_box1 .info_box_wrap, #info_box .info_text_box3, #info_box .info_text_box4 {padding:50px 30px}
	#info_box .info_text_box1 .info_box_wrap .text_2 {font-size:16px}
	#info_box .info_text_box1 { background: url(../images/sub/hello_img_1.png) no-repeat right -10px #ebe8dd;  background-size: 180px auto;}
	#info_box .info_text_box1 .info_box_wrap .text_1, #info_box .info_text_box1 .info_box_wrap .text_2 {padding-right:160px}
	#info_box .info_text_box1 .info_box_wrap .text_4 .text_4_text {font-size:15px}
	#info_box .info_text_box1 .info_box_wrap .text_4 {padding:0px}
	#info_box .info_text_box1 .info_box_wrap .text_4 .text_4_title {position:relative; top:auto; left:auto; margin:15px 0 5px; font-size:16px}
	#info_box .info_text_box1 .info_box_wrap .text_3 {font-size:18px}

	#info_box .info_text_box2 .text_2 {font-size:48px}
	#info_box .info_text_box5 .text_3, #info_box .info_text_box2 .text_3 {font-size:22px}
	#info_box .info_text_box2 .text_3 > span span {font-size:14px}
	#info_box .info_text_box2 .text_3 em {font-size:22px}

	#info_box .info_text_box2 {background-size:auto 80%}
	#info_box .info_text_box4 .info_box_list .info_box_list_1 h3 {font-size:26px}
	#info_box .info_text_box4 .info_box_list .info_box_list_1 p {font-size:15px}
	#info_box .info_text_box4 .info_box_list .info_box_list_1 a {width:100%}

	
	#info_box .info_text_box5 { padding:50px 30px;  background-size:0px; text-align:center;}
}


@media all and (max-width:480px){
	#info_box .info_text_box2 {padding:50px 20px; background-size:auto 60%;   }
	#info_box .info_text_box1 .info_box_wrap, #info_box .info_text_box3, #info_box .info_text_box4 {padding:50px 20px}
	#info_box .info_text_box2 .text_2 { margin:15px 0 5px; font-size:38px}
	#info_box .info_text_box2 .text_1 {line-height:1em}

	#info_box .info_text_box1 .info_box_wrap .text_1, #info_box .info_text_box2 .text_1, #info_box .info_text_box3 .text_1, #info_box .info_text_box4 .text_1, #info_box .info_text_box5 .text_2 {font-size:28px}
	#info_box .info_text_box5 .text_3, #info_box .info_text_box2 .text_3 {font-size:20px}
	#info_box .info_text_box2 .text_3 em {margin:-5px 10px}
	#info_box .info_text_box2 .text_3 > span br {display:none;}
	#info_box .info_text_box2 .text_3 > span span {position:relative; width:auto; left:auto; bottom:auto}
	#info_box .info_text_box2 .text_3 > span {padding-bottom:10px}
	#info_box .info_text_box5 .text_4 a {margin:10px}
		#info_box {margin-bottom:0px}
}