@import url('font.css');
@import url('font-awesome.min.css');


*, *:after, *:before {	margin: 0;	padding: 0;	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;	box-sizing: border-box;}

textarea{overflow:auto;}
input[type=submit],
input[type=button],
button{cursor:pointer; border:0;}
img{vertical-align:top;}
address, em{font-style:normal;}
pre{white-space:pre-wrap;}
table{border-spacing:0; border-collapse:collapse;}
table,th,td{border:none;}
caption{overflow:hidden; line-height:0; text-indent:-2000em;}
legend, .hidden{overflow:hidden; position:absolute; top:0; left:-2000em; line-height:0;}
i, em {font-style:normal}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
strong {font-weight:bold !important; }

/* ¸µÅ© ±âº»°ª */
a {transition:300ms ease-out 0ms; border:0;}
a:link{text-decoration:none; color:#999;}
a:visited{text-decoration:none; color:#999;}
a:hover{text-decoration:none; color:#999;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}

/* ½ºÅ©·Ñ¹Ù */
::-webkit-scrollbar { width: 7px;height:7px;}
::-webkit-scrollbar-track { background-color:#0e0f0f; }
::-webkit-scrollbar-thumb { background:#8ac7e3; opacity:1 !important;  border-radius:10px; }
::-webkit-scrollbar-button { display: none; }


/* ¸®½ºÆ® ½ºÅ¸ÀÏ Á¦°Å */
ul,ol,li{list-style:none;}
img { border:none;max-width:100%;}

input[placeholder] {  color:#999; }
input::-webkit-input-placeholder {  color:#999; }
input::-moz-input-placeholder {  color:#999; opacity:1; }
input::-o-input-placeholder {  color:#999; opacity:1; }
input::-ms-input-placeholder {  color:#999; opacity:1; }

input:-webkit-autofill { -webkit-text-fill-color: #000; } 
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s;-webkit-text-fill-color: #fff !important;}


input[type=checkbox], input[type=radio] {position:absolute;	opacity:0;-webkit-opacity:0;-moz-opacity:0;	z-index:0;}
input[type=checkbox] + label {position:relative;display:inline-block;margin:0;  padding:0 1rem 0 1.35rem;box-sizing:border-box;background:none;border:0;letter-spacing:-1px;font-size:13px;line-height:28px;color:#111;font-style:normal;word-break:keep-all;vertical-align:middle;cursor:pointer;}
input[type=checkbox] + label:before {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #bfc9d4;border-radius:2px;transform:translateY(-50%);box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box; transition: all 0.2s ease-in; }
input[type=checkbox] + label:after {content:'';display:none;position:absolute;top:50%;left:6px;width:7px;height:11px;margin:-7.5px 0 0 0;border-color:#fff;border-style:solid;border-width:0 2px 2px 0 !important;transform:rotate(45deg);}
input[type=checkbox]:checked + label {background:none;}
input[type=checkbox]:checked + label:before {border:1px solid #8ac7e3;background-color:#8ac7e3;transform:translateY(-50%);box-shadow:0 3px 8px -3px #8ac7e3;}
input[type=checkbox]:checked + label:after {display:block;}

input[type=radio] + label {position:relative;display:inline-block;margin:0;padding:0 1rem 0 1.35rem;box-sizing:border-box;border:0;background:none;letter-spacing:-1px; font-size:13px;line-height:28px;color:#111;vertical-align:middle;cursor:pointer;}
input[type=radio] + label:after {display: block;content: "";position: absolute;left: 0;top:50%;width:18px;height:18px;background-color:#fff;border:1px solid #bfc9d4;border-radius:50%;transform:translateY(-50%);transition: border 0.2s ease-in;box-sizing:border-box;-webkit-box-sizing:border-box;;-moz-box-sizing:border-box;}
input[type=radio]:checked + label {background:none;}
input[type=radio]:checked + label:after {border:5px solid #8ac7e3;box-shadow:0 3px 8px -3px #8ac7e3;}

button, input[type="text"]{  outline: none;  outline-width: 0; border:0;outline-width: 0;  }

input, input:focus, input[type="text"]:focus, select:focus, textarea:focus, button:focus {  outline: none;  outline-width: 0;  outline-color: transparent; box-shadow: none;  outline-style: none; }
textarea {  resize: none;  overflow-x: hidden;border-radius:2px; padding:10px; min-height:120px; border:1px solid #ddd;}

input, select, textarea, button {display:inline-block;outline: 0;vertical-align: middle;appearance: none; outline-width: 0; vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;}
select { padding-left:8px; word-wrap: normal; appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;} 
select{ padding-right:30px; position:relative;border:1px solid #d0d3da; border-radius:2px; color: #333;font-size: 13px; height:45px; line-height: 45px; letter-spacing: 0;appearance: none;box-sizing: border-box;background-image:url('/image/icon_select.png'); background-size:13px 13px; background-repeat:no-repeat; background-position:calc(100% - 8px)  ; -webkit-appearance: none;-moz-appearance: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}

input[type="password"], input[type="text"] {padding-left:7px; height:45px; line-height: 45px;border-radius:2px; border:1px solid #ddd; }

.fc_default {color:#87d8fd !important}
.fc_yellow {color:#f2be5c !important;}
.center {text-align:center !important;}
/* border */
.bdr-lt0 {border-left:0 !important; }
.bdr-bt0 {border-bottom:0 !important; }

.trans{-webkit-transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);-moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}

.width80 {width:80px !important;}
.width90 {width:90px !important;}
.width100 {width:100px !important;}
.width120 {width:120px !important;}
.width150 {width:150px !important;}
.width180 {width:180px !important;}
.width200 {width:200px !important;}
.width50pc {width:50% !important;}
.width100pc {width:100% !important;}


/*********************************************************************************************************************************
                                                             layout
**********************************************************************************************************************************/
body {-webkit-text-size-adjust:none;font-size:14px; background-color:#181a1b !important; letter-spacing:-.04em; }
body, h1, h2, h3, h4, h5, div, li, p, a, span, strong, b, i, em, input, textarea, button, select, legend, caption {font-family:'Roboto', 'NotoSans','xeicon','¸¼Àº °íµñ', 'µ¸¿ò', 'Dotum',  '±¼¸²',  Gulim, Sans-serif;font-weight:300;}
body {min-width:1024px;}
.inr { position:relative; display:block;  width:1306px; margin:0 auto;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/**********************************************************************************************************************************
                                                             header
**********************************************************************************************************************************/
.header{position:relative;  width:100%;height:120px; background-color:#0e0f0f; z-index:333;}
.header .row {position:relative; width:1300px; margin:0 auto;  }
.header h1.logo{z-index:30; position:absolute; left:0; top:20px;width:250px;background-image:url('/image/inc/logo.png');background-repeat:no-repeat;background-position:center ;background-size:cover;}
.header h1.logo > a{display:block; height:70px;text-indent:-9999px;}

.header .link {position:absolute; top:5px; right:10px; }
.header .link li {display:inline-block; vertical-align:middle; padding-left:12px; margin-left:12px; height:16px; line-height:16px; }
.header .link li a {display:block; font-size:12px; color:#fff; font-weight:300; }

@media screen and ( max-width:1300px ) {
	.header .row {width:100% }
	.header h1.logo{  left:10px; }

}
@media screen and ( max-width:1000px ) {
	body {min-width:100%;}
}



/*gnb */
.header .gnb_wrap{ position:absolute; right:0; top:0px; width:70%; padding-top:18px; }
.header #gnb{z-index:29;position:relative; width:100%;margin:0px auto 0;  font-size:0; text-align:center; display:flex;  justify-content: space-evenly; flex-wrap: nowrap;}
.header #gnb:after{content: ''; display: block; clear: both;}
.header #gnb>li{position:relative;width:30%; }
.header #gnb>li>a{display:block;padding:0;font-size:19px; font-weight:600; text-align:center; color:#fff; line-height:1.5rem;  transition:300ms ease-out 0ms;}
.header #gnb>li>a:hover, .header #gnb>li>a:focus, .header #gnb>li>a.on {color:#87d8fd;}
.header #gnb>li>a:before {content:''; display:block; text-align:center; width:100%; height:45px; margin-bottom:0.2rem;background-repeat:no-repeat; background-size:auto; background-position:center center; }
.header #gnb>li.n01>a:before {background-image:url('/image/inc/icon_m1.png');}
.header #gnb>li.n02>a:before {background-image:url('/image/inc/icon_m2.png');}
.header #gnb>li.n03>a:before {background-image:url('/image/inc/icon_m3.png');}
.header #gnb>li.n04>a:before {background-image:url('/image/inc/icon_m4.png');}
.header #gnb>li.n05>a:before {background-image:url('/image/inc/icon_m5.png');}
.header #gnb>li.n01>a:hover:before {background-image:url('/image/inc/icon_m1_on.png');}
.header #gnb>li.n02>a:hover:before {background-image:url('/image/inc/icon_m2_on.png');}
.header #gnb>li.n03>a:hover:before {background-image:url('/image/inc/icon_m3_on.png');}
.header #gnb>li.n04>a:hover:before {background-image:url('/image/inc/icon_m4_on.png');}
.header #gnb>li.n05>a:hover:before {background-image:url('/image/inc/icon_m5_on.png');}

.header #gnb>li>div{opacity:0;z-index:100; overflow:hidden; position:absolute; top:97px;left:50%;margin-left:-100px;width:200px;height:auto;background:rgba(0,0,0,0.8);}
.header #gnb>li>div:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:100%;height:3px;background:#105cda;opacity: 0;transform:scale(1,1);-webkit-transform: scale(1,1);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.header #gnb>li.open>div{z-index:999;opacity:0;transform:translateY(10px); animation:come-in 0.6s ease forwards;}

.header #gnb>li.open>div:before{ opacity:1; transform:scale(1,1); -webkit-transform: scale(1,1); }
.header #gnb>li>div>ul{ position:relative; text-align:left;}
.header #gnb>li>div>ul>li{ display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); }
.header #gnb>li>div>ul>li:last-child{ margin-bottom:0;}
.header #gnb>li>div>ul>li>a{ display:block;padding:18px 30px;font-size:16px !important;letter-spacing:-.02em; color:#fff;white-space:nowrap; transition:300ms ease-out 0ms}
.header #gnb>li>div>ul>li>a:hover { background:#105cda; color:#fff; }



/*** container ****/
.container {position:relative; width:1000px; margin:0 auto; font-size:0; }



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*                                                                        footer
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.footer {position:relative;clear:both; display:block; background-color:#0e0f0f; padding:50px 0 80px;letter-spacing:0;font-size:14px;font-weight:500; color:rgba(255,255,255,0.7);line-height:21px;}
.footer .row {padding-left:250px; width:1300px; margin:0 auto; position:relative; background:url(/image/inc/footer_logo.png) no-repeat 10px 0;}
.footer address  span {display:inline-block; padding:0 10px; }
.footer p {display:block; font-size:inherit;color:inherit; margin-top:10px;}

/* skip_top */
.footer .skip_top {position:fixed;bottom:30px; right:50px; z-index:333; transition:300ms ease-out 0ms;}
.footer .skip_top .skip_top_btn {width:60px; height:60px; line-height:16px; padding-top:12px; border-radius:50%; background:#8ac7e3;color:#fff; cursor:pointer; transition:0.4s; -webkit-transition:0.4s; text-align:center;}
.footer .skip_top .skip_top_btn:before{ content:"\e945"; display:inline-block;font-size:20px; color:#fff;}
.footer .skip_top .skip_top_btn span { display:block;text-align:center; padding-top:0px; font-size:14px; letter-spacing:0;font-family:'OpenSans-Semibold';}
.footer .link {position:absolute; right:0; top:0; display:flex;  justify-content: flex-end;  }
.footer .link a {height:30px; line-height:30px; padding:0 1.1rem; border-radius:60px; background-color:rgba(255,255,255,0.1); color:#fff; font-size:13px !important;margin-left:5px; }

@media screen and ( max-width:1300px ) {
.footer .row  {width:100%}

}



/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*                                                                        quick  
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.rightquick_wrap	{ position:absolute; left:50%; top:265px; margin-right:490px; width:100px; z-index:1300; }
.rightquick_wrap .right_cart	{ width:98px; border:1px solid #e8e8e8; margin:0 0 0 0; background:#fff; }
.right_cart ul	{ padding:5px 0 0 0; }
.right_cart ul img	{ border:1px solid #e4e4e4; margin:0 0 6px 0; }
.right_cart ul li	{ text-align:center; padding:0 0 7px 0; }
.right_cart ul li div	{ font-size:11px; color:#656565; line-height:1.2; }
.right_cart .r_top	{ height:33px; text-align:center; padding:7px 0 0 0; }

.leftquick_wrap	{ position:absolute; left:50%; top:265px; margin:0 0 0 -695px; width:200px; z-index:1300; }
.leftquick_wrap .banner_consult {margin:0px 0px 10px 0px;padding:180px 10px 0px 20px;width:170px;height:205px;background:url(/image/inc/banner_consult.gif) left top no-repeat;}
.leftquick_wrap .banner_consult select {margin:2px 0px;border:1px solid #707070;padding:1px;vertical-align:middle;}
.leftquick_wrap .banner_consult input[type=text] {border:1px solid #707070;padding:2px;vertical-align:middle;}
.leftquick_wrap .banner_consult input.name {margin:26px 0px;width:154px;}
.leftquick_wrap .banner_consult input[type=submit] {margin:10px 0px 0px 0px;border:1px solid #e60012;padding:5px 0px;width:160px;text-align:center;font-weight:bold;color:#FFF;background:#e60012;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}

.rightquick_wrap .quickPhone {padding:60px 0px 0px 0px;width:85px;font-size:16px;letter-spacing:-2px; font-weight:bold; text-align:center;color:#333;font-family:NanumGothic, ³ª´®°íµñ, Nanum Gothic, µ¸¿ò, dotum, sans-serif;}
.rightquick_wrap .quickPhone img {display:block;margin:5px auto;}

/* ¿À¸¥ÂÊ Äü */
.rightBanner_Wrap {position:absolute;left:50%;top:150px;width:140px;margin-left:508px;z-index:50;}
.leftBanner_Wrap {position:absolute;left:50%;top:150px;width:140px;margin-left:-650px;z-index:50;}
.rightBanner {border:1px solid rgba(255,255,255,0.2);border-bottom:0;margin:0 auto;}
.rightBanner li{ position:relative; border-bottom:1px solid rgba(255,255,255,0.2); padding:18px 12px; background:transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.rightBanner li:last-child {margin-right:0; }
.rightBanner li .icon {position:absolute; right:8px; top:15px; width:28px; height:28px;  background-repeat:no-repeat; background-size:cover; background-position:center center; }
.rightBanner li .kakao {background-image:url('/image/ico_kakao.png');}
.rightBanner li .sms {background-image:url('/image/ico_consult.png');}
.rightBanner li .call {background-image:url('/image/ico_call.png');}
.rightBanner .title {font-size:19px; line-height:24px;  font-weight:600;color:#87d8fd;}
.rightBanner .title.big {font-size:24px;color:#fff;line-height:1;}
.rightBanner .title span {display:block;padding:8px 0;font-size:13px;line-height:1.4;font-weight:400;letter-spacing:-1px;color:#ffd65b;}
.rightBanner .text {font-size:15px; padding:5px 0 10px; letter-spacing:-1px; line-height:1.4;color:rgba(255,255,255,0.8);font-weight:300; }
.rightBanner li button {width:140px;background:#8ac7e3;border-radius:0px;border:0;margin:0 -13px -19px;line-height:35px; color:#fff; letter-spacing:-1px; cursor:pointer; margin-top: 5px;} 
.rightBanner .text.blue {padding:0;  color:#ffd65b; font-size:17px; font-weight:bold;  line-height:1.4em; }
.rightBanner_Wrap a.kakao, .rightBanner_Wrap a.blog, .rightBanner_Wrap a.youtube {display:block;height:55px;font-weight:bold;font-size:16px;line-height:55px;letter-spacing:-1px;text-indent:20px;}
.rightBanner_Wrap a.kakao {background:#ffec00; color:#281212;}
.rightBanner_Wrap a.kakao img, .rightBanner_Wrap a.youtube img, .rightBanner_Wrap a.blog img {height:46px;margin-left:-5px;vertical-align:middle;}
.rightBanner_Wrap a.youtube {background:#fff;border:1px solid #ddd; color:#281212;}
.rightBanner_Wrap a.blog {background:#00c73c; color:#281212;}

.rightBanner_Wrap h2 {display:block; width:100%; text-align:center;padding-top:5px; height:25px;line-height:25px; font-size:14px; font-weight:500; color:#fff; z-index:1}
.rightBanner_Wrap .today-view {display:block; position:relative;padding-bottom:5px; margin-bottom:10px; border:1px solid rgba(255,255,255,0.2);}
.rightBanner_Wrap .today-view ul {display:block; padding:10px 10px 0; }
.rightBanner_Wrap .today-view li {display:block; margin-bottom:5px;line-height:16px;font-size:12px;text-align:center; color:#aaa;}
.rightBanner_Wrap .today-view li:last-child {margin:0;}
.rightBanner_Wrap .today-view li > img {width:120px;height:70px; }
.rightBanner_Wrap .today-view li.empty {padding:20px 0;}
.rightBanner_Wrap .today-view li a {display:block;color:#999}
.rightBanner_Wrap .today-view li span {color:#ccc}
.rightBanner_Wrap .today-view li img {width:100%;}
.rightBanner_Wrap .today-view .page { display:inline-block; width:70px; font-size:15px;  line-height:25px;  text-align:center;}
.rightBanner_Wrap .today-view a.prev, .rightBanner_Wrap .today-view a.next { display:inline-block; float:left; width:25px; height:25px;opacity:.3;}
.rightBanner_Wrap .today-view a.on {opacity:1;}
.rightBanner_Wrap .today-view a:before {content:''; display:inline-block; text-align:center;  line-height:23px; font-size:17px; color:#fff;font-family:'xeicon';}
.rightBanner_Wrap .today-view a.prev:before {content:"\e93b";}
.rightBanner_Wrap .today-view a.next {float:right;}
.rightBanner_Wrap .today-view a.next:before {content:"\e93e"; }
.rightBanner_Wrap .today-view a.next {float:right;}
.rightBanner_Wrap .fc_red {color: #f21919 !important;}

.leftBanner_Wrap.fixed, .rightBanner_Wrap.fixed {position:fixed;top:10px !important; }

@media screen and ( max-width:1300px ) {
	.rightBanner_Wrap, .leftBanner_Wrap {display:none;}
}

.login .rightBanner_Wrap, .login .leftBanner_Wrap {display:none;}

.idphoto {position:relative;width:114px;height:72px;}
.idphoto:hover img {position:absolute;right:0;top:0;width:314px !important;height:200px;}

.idphoto.button {position:relative;width:quto;height:auto;display:inline-block;}
.idphoto.button img {display:none;}
.idphoto.button button:hover + img, .idphoto.button img:hover {display:block;position:absolute;right:0;top:-100px;width:314px !important;height:200px;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/*                                                                        popup
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.pop_bg	{ background:#FFF; }
.pop_title	{margin:0px;padding:15px 20px;font-size:20px;font-weight:600;color:#FFF;background:#8ac7e3;}
.pop_cont	{ margin:0; padding:10px 20px; }
.pop_cont .small	{ color:#777777; font-size:11px;  }
.pop_bottom {text-align:center; padding-bottom:20px}
.popInfor {border:1px solid #ccc; padding:15px; background-color:#f4f4f4; margin-top:10px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.popInfor02 {border:3px solid #8ac7e3; padding:15px; background-color:#efefef; margin-top:10px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.popInfor02 .infoBox { padding:5px; display:inline-block; }
.pop_title .close {position:absolute;right:20px;top:25px;font-size:14px;}
.pop_title .close a {color:#FFF !important;}
.t_sms {margin:0px 0px 10px 0px;border:1px solid #d7dbdd;width:100%;background:#fff;}
.t_sms th {background:#fcfcfc;border-bottom:1px #efefef solid;border-right:1px #efefef solid;padding:5px;margin:0;text-align:center;color:#999999;vertical-align:top;font-weight:bold;}
.t_sms td {border-bottom:1px solid #e4e4e4 !important;margin:0;padding:5px;font-size:12px;}
.t_sms td.memo {border-left:1px solid #e4e4e4 !important;background:#f8f8f8;}
.pop_cont label, .pop_cont input[type=radio] {border:none !important;background:none !important;margin:0px;padding:0px; vertical-align:middle;}

.detail_sms {width:90px;height:190px;padding:60px 5px 0 5px;background:url(/image/sub/bg_quickSMS.gif) no-repeat #fff;}
.detail_sms h4 {display:none;}
.detail_sms div {border:1px solid #d6dade;background:#edeef0;padding:5px 0 0 5px;width:83px;margin:0 0 10px 0;}
.detail_sms div select {margin:0 0 4px 0;padding:2px;border:1px solid #999999;}
.detail_sms div img {vertical-align:middle;}
.detail_sms div input[type=text] {margin:0 0 8px 0;padding:2px;border:1px solid #999999;vertical-align:middle;}
.detail_sms input[type=button], .detail_sms input[type=submit] {display:block;margin:0px auto;border:1px solid #de7c85;padding:0px 10px;font-size:12px;color:#FFF;font-weight:bold;line-height:25px;font-family:³ª´®°íµñ, NanumGothic, ng, µ¸¿ò, dotum, sans-serif;background:#f18a9b;}

.main_carlist ul {overflow:hidden; font-size:0; }
.main_carlist li { display:inline-block;position:relative;width:19.5%;min-height:265px;margin-right:.5%; margin-bottom:5px; z-index:0;vertical-align:top;}
.main_carlist li:nth-child(1) {margin-left:0;}
.main_carlist li:nth-child(5n) {width:20%;margin-right:0;}
.main_carlist li:nth-child(5n +1) {clear:both;}
.main_carlist li a {display:block;}
.main_carlist li a img {width:100%;}
.main_carlist li .img-wrap {display:block;height:160px;overflow:hidden;  background-size:cover; background-position:center center; background-repeat:no-repeat; }
.main_carlist li .info-wrap {display:block; padding:0 10px 25px; }
.main_carlist li .subject {margin:10px 0 5px 0;font-size:17px; font-weight:600; color:#fff; }
.main_carlist li .carInfo {color:rgba(255,255,255,0.6);font-size:13px; line-height:16px;}
.main_carlist li .carInfo span {display:inline-block;width:1px; height:8px; background-color:#eee; margin:2px 3px 0;vertical-align:middle;}
.main_carlist li .carInfo strong {display:inline-block; vertical-align:middle; color:#fff;font-weight:normal;margin-right:9px;}
.main_carlist li .payment {margin:5px 0 0; font-size:20px;color:#f2be5c;font-weight:600;letter-spacing:-.5px;}
.main_carlist li .payment b {font-size:24px;font-family:'Century Gothic';font-weight:bold;letter-spacing:0;}
.main_carlist li .payment span {font-size:85%;font-family:'NotoSans';}
.main_carlist li.sold:after {content:'';position:absolute;left:0;right:0;top:0;width:100%;height:140px;background:url(/image/icon_sold.png) no-repeat center center;background-size:auto 90px;opacity:.8;}



/* ÅÇ */
.sub_tabbox	{ padding:0; margin:0 0 20px 0;overflow:hidden; width:100%; }
.sub_tabbox ul {font-size:0;}
.sub_tabbox li	{display:inline-block; width:50%;}
.sub_tabbox li a {display:block; background:#eee;border:1px solid #eee;color:#000;font-size:12.5pt;line-height:60px;text-align:center;font-weight:500;letter-spacing:-1px;}
.sub_tabbox li:hover a	{color:#8ac7e3;}
.sub_tabbox li.on a	{border-color:#777;background:#fff;color:#333;}

.sub_tabbox.col3 li {width:33.3%;}
.sub_tabbox.col4 li {width:25%;}
.sub_tabbox.col5 li {width:20%;}
.sub_tabbox.col6 li {width:16.6%;}