@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face{font-family:'NotoSans';font-style:normal;font-weight:300;src:url('/font/notokr-regular.eot');src:local(¢®¨ª),url('/font/notokr-regular.eot?#iefix') format('embedded-opentype'),url('/font/notokr-regular.woff') format('woff'),url('/font/notokr-regular.ttf') format('truetype');}
@font-face {font-family:'NotoSans';font-style:normal;font-weight:100;src:url('/font/notokr-demilight.eot');src:local(¢®¨ª),url('/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),url('/font/notokr-demilight.woff') format('woff'),url('/font/notokr-demilight.ttf') format('truetype');}
@font-face {font-family:'NotoSans';font-style:normal;font-weight:500;src:url('/font/notokr-medium.eot');src:local(¢®¨ª),url('/font/notokr-medium.eot?#iefix') format('embedded-opentype'),url('/font/notokr-medium.woff') format('woff'),url('/font/notokr-medium.ttf') format('truetype');}
@font-face {font-family:'NotoSans';font-style:normal;font-weight:600;src:url('/font/notokr-bold.eot');src:local(¢®¨ª),url('/font/notokr-bold.eot?#iefix') format('embedded-opentype'),url('/font/notokr-bold.woff') format('woff'),url('/font/notokr-bold.ttf') format('truetype');}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body, h1, h2, h3, h4, h5, div, li, p, a, span, strong, b, i, em, input, textarea, button, select, legend, caption {font-family:'NotoSans';font-weight:300;}
body{position:relative;color:#000;}
table{border-collapse:collapse;}
img,fieldset{border:0;max-width:100%;}
ul,ol{list-style:none;}
a{color:inherit;text-decoration:none;}

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, select, textarea, button {display:inline-block;outline: 0;vertical-align: middle;border-radius:0;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:0; color: #333;font-size: 14px; height:40px;letter-spacing: 0;appearance: none;box-sizing: border-box;background-color:#f1f1f1;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;}

/* common */
#header {position:relative;width:100%;}
#header .logo {padding:5px;}
#header .logo a {display:block;width:200px;height:50px;background-image:url(/image/inc/logo_m.png);background-repeat:no-repeat;background-position:0 center;background-size:auto 45px;font-size:0;}
#header .sns {position:absolute;right:0;top:5px;}
#header .sns a {display:inline-block;width:35px;height:35px;margin-top:3px;border-radius:50%;background-size:auto 90%;font-size:0;text-align:center;vertical-align:middle;}
#header .phone:after {content:'\f095';font-family:'FontAwesome';font-size:35px;color:#14c451;font-weight:bold;line-height:40px;}
#header .kakao {background:url(/image/inc/btn_kakao.png) no-repeat center center #ffec00;}
#header .blog {background:url(/image/inc/btn_blog.png) no-repeat center center #00c73c;}
#header .youtube {background:url(/image/inc/btn_youtube.png) no-repeat center center #fff;}

.menu {overflow:hidden;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid #2c333a;}
.menu ul {font-size:0;}
.menu li {position:relative;float:left;width:25%;}
.menu li a {display:block;padding:0;text-align:center;font-size:15px;color:#333;line-height:50px;letter-spacing:-1px;font-weight:600;}
.menu li a.on {background-color:#19ce60 !important;}
.menu li.m1 a {background:url(/mobile/image/menu1.png) center top no-repeat;background-size:50px 50px;}
.menu li.m2 a {background:url(/mobile/image/menu2.png) center top no-repeat;background-size:50px 50px;}
#header .menu li.m3 a {background:url(/mobile/image/menu3.png) center top no-repeat;background-size:50px 50px;letter-spacing:-1px;}
#header .menu li.m4 a {background:url(/mobile/image/menu4.png) center top no-repeat;background-size:50px 50px;}
#header .menu li.m5 a {background:url(/mobile/image/menu5.png) center top no-repeat;background-size:50px 50px;}

#footer {width:100%;background:#000;}
#footer .btnArea {width:100%;/*background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x;*/}
#footer .btnArea a {color: #ccc;display:inline-block;width:33%;border-left:1px solid #555;text-align:center;padding:10px 0px; font-size: 15px;letter-spacing:-1px;}
#footer .btnArea a:first-child {border-left:0;}
#footer .txt {padding:25px 20px 40px;font-size:13px; line-height:1.5;color:#808080;border-top:1px solid #555;}
#footer .txt > span {padding:0 5px;}

.main #header {position:absolute;right:0;top:0;right:0;background:linear-gradient(to bottom, rgba(0,0,0,.6) 0%, rgba(0,0,0,.4) 70%, rgba(0,0,0,0) 100%);z-index:100;}
.main #header .logo a {background-image:url(/image/inc/logo.png);}
.main .menu, .detail .menu {display:none;}

.main-visual {position:relative; }
.spotzone{ position:relative; width:100%; overflow:hidden; max-height:370px; overflow:hidden;}
.spotzone:after {content:''; clear:both; display:block; }
.spotzone ul {height:370px;}
.spotzone li{width:100% !important; height:370px; }
.spotzone li.n01{background:url(/image/main/main_visual_01.jpg) no-repeat center 0;background-size:cover;}
.spotzone li.n02{background:url(/image/main/main_visual_02.jpg) no-repeat center 0;background-size:cover;}
.spotzone li.n03{background:url(/image/main/main_visual_03.jpg) no-repeat center 0;background-size:cover;}
.spotzone li.n04{background:url(/image/main/main_visual_04.jpg) no-repeat center 0;background-size:cover;}

.spotzone li .txtbox {padding-top:85px; margin:0 auto; text-align:center;}
.spotzone li .txtbox p {padding:0;margin:0;}
.spotzone li .txtbox .txt, .spotzone li .txtbox .number, .spotzone li .txtbox .txt, .spotzone li .txtbox .tit1 { color:#333; letter-spacing:-.04em; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:0.1s;}
.spotzone li .txtbox .txt {padding:5px 0 10px;}
.spotzone li .txtbox .txt img {width:80%;height:auto;}

.spotzone li .txtbox .tit1 {display:none;font-size:18px; line-height:1.3; font-weight:300;color:#fff;letter-spacing:-1px;text-transform:uppercase; text-shadow:1px 1px 3px rgba(0, 0, 0, 0.2);}
.spotzone li .txtbox .number {display:none;}
.spotzone li .txtbox .number span {vertical-align:middle;display:inline-block;padding:0 5px;}
.spotzone li .txtbox .number .phone { border:5px solid #00db55;padding:10px 15px 5px;line-height:25px !important; color:#fff; font-size:16px; font-weight:600; border-radius:60px; letter-spacing:-1px;}
.spotzone li .txtbox .number .phone span {font-size:14px;}
.spotzone li .txtbox .number .phone b {font-size:28px;color:#00e359;font-weight:600;font-family:'Century Gothic'}

.spotzone .bx-pager{z-index:33;position:absolute; bottom:3%; left:0; width:100%;  text-align:center; opacity:1;}
.spotzone .bx-pager div{display:inline-block;}
.spotzone .bx-pager a{opacity:1;display:inline-block; position:relative; width:40px; height:2px; margin:0 3px;  color:transparent; background:rgba(255,255,255,1); }
.spotzone .bx-pager a.active { background:#19ce60; }

.spotzone .main_btn {position:relative;margin:0 auto;width:90%;border-radius:100px;padding:10px 0;text-align:center;margin-top:5px;background-color: #fff000;border: 0;font-size:28px;font-weight:bold;cursor:pointer;opacity:.95;}

/* ¿À½Ã´Â±æ */
.location-info {padding:10px 20px 30px; font-size:0;}
.location-info li { margin:5px 0; font-size:15px; font-weight:bold; letter-spacing:0}
.location-info li span {display:inline-block; width:40px; height:40px; border-radius:50%; background-color:#2a61d9;text-align:center;}
.location-info li i { line-height:40px; color:#fff; font-size:16px; }
.location-info li .bg01 {background-color:#2a61d9 }
.location-info li .bg02 {background-color:#10be54 }
.location-info li .bg03 {background-color:#06c4d5 }
.location-info li > span:after {content:'';color:#fff;font-family: 'FontAwesome';font-size:18px;line-height:40px;}
.location-info li .bg01:after {content:'\f277';}
.location-info li .bg02:after {content:'\f095';font-size:28px;}
.location-info li .bg03:after {content:'\f1ac';}
.location-info li p {display:inline-block;padding-left:10px;color:#666;}


.divide {height:8px;background:#ededed;}

.consultVisual {position:relative;height:220px;margin:0px auto;padding:0px 0px 10px 0px;background: url(/image/main/main_visual_01.jpg) no-repeat center 0 #eee;background-size: cover;}
.consultVisual img {width:100%;}
.subVisual {position:relative;}
.subVisual p, .consultVisual p {position:absolute;left:0;right:0;top:40%;text-align:center;color:#fff;font-size:22px;letter-spacing:-1px;}


.classSearch {overflow:hidden;background:#19ce60;/*border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;*/}
.classSearch ul { border-top:1px solid #ededed; overflow:hidden;
box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.classSearch li {float:left;width:33.3%; height:115px; border-right:1px solid #ededed; border-bottom:1px solid #ededed; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;    letter-spacing: -1px; }
.classSearch li:nth-child(3n+0) { width:33.3%; border-right:0; }
.classSearch li a {display:block; width:100%; height:100%; text-align:center;font-size:15px; font-weight:bold; padding-top:85px;color:#fff;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,.2);box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.classSearch li a.on {background-color:#fff !important; color:#222;}
.classSearch li.c1 a {background:url(/image/main/img_carOption_01.png) center 0px no-repeat;background-size:80px 80px;}
.classSearch li.c2 a {background:url(/image/main/img_carOption_02.png) center 0px no-repeat;background-size:80px 80px;}
.classSearch li.c3 a {background:url(/image/main/img_carOption_03.png) center 0px no-repeat;background-size:80px 80px;}
.classSearch li.c4 a {background:url(/image/main/img_carOption_04.png) center 0px no-repeat;background-size:80px 80px;}
.classSearch li.c5 a {background:url(/image/main/img_carOption_05.png) center 0px no-repeat;background-size:80px 80px;}
.classSearch li.c6 a {background:url(/image/main/img_carOption_06.png) center 0px no-repeat;background-size:80px 80px;}

.carSearch {overflow:hidden;padding:10px;}
.carSearch .selectArea {float:left;width:80%;}
.carSearch .selectArea select { border-radius:0; }
.carSearch .selectArea select.wide {margin-bottom:2px;border:0;padding:5px;width:98%;}
.carSearch .selectArea select.half {margin:2px 0px;border:0;padding:5px;width:49%;}
.carSearch .searchBTN {float:left;width:20%;}
.carSearch .searchBTN input { width:100%; height:128px; line-height:128px; text-align:center; -webkit-appearance:none; font-weight:bold; border:none; background:#2c333a; color:white; }

.tit_recom {padding:20px 10px 10px;font-weight:600;font-size:18px;}
.tit_recom span {font-size:11px;color:#999;}
.listType li.list_recomdealer {border-bottom:2px solid #ff6e8c;color:#ff6e8c;font-weight:bold;background:#f6f6f6;}
.listType li {overflow:hidden;position:relative;border-bottom:6px solid #ededed;box-sizing: border-box;}
.listType li:last-child {border-bottom:1px solid #ededed;}
.listType li .photo {position:relative;float:left;margin: 10px;width:30%;}
.listType li .photo img {width:100%;}
.listType li .photo.sold:after {content:'';position:absolute;left:0;right:0;width:100%;height:100%;background:url(/image/icon_sold.png) no-repeat center center;background-size:auto 70px;}
.listType li .cont {float:left;width:45%;margin-top: 10px;}
.listType li .cont .subject {padding-bottom:4px;font-weight:bold;color:#000;}
.listType li .cont .infor {color:#999;font-size:12px; line-height:15px; letter-spacing:-1px;}
.listType li .cont .infor span {color:#ededed;display:inline-block;padding:0px 2px;}
.listType li .cont .infor strong {color:#36F !important;font-weight:normal;}
.listType li .cont .price {color:#00b515;font-size:13px;font-weight:bold;}
.listType li .cont .price b {font-size:20px;font-weight:600;}
.listType li .subcont {clear:both; border-top:1px solid #ededed;font-size: 12px; padding: 10px;color:#f55c00;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.listType li .subcont span {display:inline-block; border:1px solid #f55c00; color:#f55c00; border-radius:25px; padding:2px 5px; margin-right:10px;}
.listType li .btnArea {position:absolute;overflow:hidden;right:10px;top:20px;width:60px; z-index:10000;}
.listType li .btnArea a {display:inline-block;width:60px;height:60px; line-height:80px;text-align:center;color:#FFF;font-size:11px;-webkit-border-radius:30px;}
.listType li .btnArea a.call {background:url(/mobile/image/icon_phone.png) center 12px no-repeat #19ce60;-webkit-background-size:20px 20px;}
.listType li .btnArea a.sms {border:1px solid #3197df;background:url(/mobile/image/icon_sms.png) center 10px no-repeat #5bb1ee;-webkit-background-size:20px 20px;}
.listType li.dealerArea {padding:5px 10px !important;color:#ff6900;background:#f6f6f6;}
.moreView {display:block;margin:10px auto;border:1px solid #256eea;width:90%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;color:#FFF;font-weight:bold;background:#5bb1ee;}
.paging {  width:100%; text-align:center; padding:8px 0; }
.paging a { display:inline-block; padding:5px 10px; vertical-align:middle; }
.paging a.on { color:red; }
.paging a.btn { border-radius:5px; border:1px solid #ccc; }


.photoType {border-top:2px solid #999;}
.photoType li {overflow:hidden;position:relative;padding:20px 10px;border-bottom:1px solid #dcdcdc;}
.photoType li .photo {float:left;margin:0px 3% 0px 0px;width:30%;}
.photoType li .photo img {width:100%;}
.photoType li .cont {/*float:left;width:65%;*/}
.photoType li .cont .subject {padding:5px 0 10px;color:#000;font-size:22px;letter-spacing:-1px;}
.photoType li .cont .subject b {font-weight:bold;font-size:24px;}
.photoType li .cont .subtxt {font-size:24px;line-height:1.2;letter-spacing:-1px;color:#14c451;}
.photoType li .cont .infor {color:#999;font-size:14px; line-height:15px; letter-spacing:-1px;}
.photoType li .cont .infor span {color:#ededed;display:inline-block;padding:0px 2px;}
.photoType li .cont .infor strong {color:#36F;font-weight:normal;}
.photoType li .cont .phone a {display:inline-block;border:1px solid #14c451;border-radius:2rem;padding:0 2rem;color:#14c451;font-size:26px;font-weight:bold; line-height:48px;}
.photoType li .cont .phone a:before {content:'\f095';margin-right:5px;font-family:'FontAwesome';font-size:28px;color:#14c451;font-weight:bold;line-height:48px;}
.photoType li .cont .call {position:absolute;right:1rem;bottom:1rem;font-size:0;}

.detailSearch {overflow:hidden;padding:10px;border-bottom:1px solid #eeeeee;}
.detailSearch select {margin:2px 0px;border:1px solid #dcdcdc;padding:5px;width:49%;}
.detailSearch input[type=button] {width:49%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5;-webkit-appearance:none;border:1px solid #dcdcdc;font-weight:bold;background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x #FFF;}
.detailSearch input[type=submit] {width:49%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5;-webkit-appearance:none;border:1px solid #e60012;color:#FFF;font-weight:bold;background:url(/mobile/image/bg_btnPoint.gif) left top repeat-x #e60012;}

.inforBox {padding:10px;font-size:13px; }

.formBox {  padding:10px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }

.t_form {font-size:12px; border-top:1px solid #dcdcdc;}
.t_form th {padding:8px;width:50px;background:#f6f6f6;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;}
.t_form td {padding:8px;border-bottom:1px solid #dcdcdc;font-size:15px;}
.t_form input {border:1px solid #dcdcdc;line-height:40px;/-webkit-border-radius:0;-webkit-appearance:none;}
.t_form select {width:60px;margin:2px 0px;border:1px solid #dcdcdc;padding:5px;}
.t_form textarea {border:1px solid #dcdcdc;width:90%;padding:5px;-webkit-border-radius:0;-webkit-appearance:none;}
.t_form .phoneNum {width:50px;line-height:40px;}
.t_form .info {color:#666;font-size:11px; letter-spacing:-1px;}

.page {overflow:hidden;margin:10px auto;border-left:1px solid #dcdcdc;    display: table;}
.page li {float:left;text-align:center;}
.page li a {display:block;padding:10px 15px;border:1px solid #dcdcdc;border-left:none !important;text-align:center;font-size:12px;}
.page li a.on {background:#666;color:#FFF;}

/* carView */
.carViewSubject {padding:10px 20px;font-size:18px;font-weight:bold;background: #f2f2f2;text-align:center;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  }
.carViewSubject .price {color:#F00;}

/*detail*/
.detail_title {position:relative;height:50px; color:#222;text-align:center;letter-spacing:-1px; font-weight:bold; line-height:50px;}
.detail_title .prev {position:absolute;display:block;left:0; width:50px; top:0; height:50px;line-height:50px;text-align:center;font-size:0;}
.detail_title a.prev:after {position:absolute;left:0;width:100%;content:"\f104";font-size:30px;color:#222;font-family:'FontAwesome';line-height:50px;}
.detail_title > div {z-index:10; color:#333;line-height:50px;font-size:17px;}
.detail_title.photo_zoom {height:120px; font-size:48px; line-height:120px;}
.detail_title.photo_zoom .prev {width:120px; height:120px;}
.detail_title.photo_zoom .prev i {font-size:56px; line-height:120px;}
.detail_title.photo_zoom > div {line-height:120px;font-size:42px;}


#carView {/*padding:0px 10px;*/}
#carView .carImage {overflow:hidden;position:relative;width:100%;}
#carView .carImage .arrow {position:absolute;left:0px;top:0px;}
#carView .carImage .arrow li {position:relative;float:left;width:50%;}
#carView .image_ea {text-align:center;color:#FFF;padding:5px 10px;background:#999;}
#carView .carImage .bx-wrapper {position:relative;}
#carView .carImage.sold .bxslider li:after {content:'';position:absolute;left:0;right:0;width:100%;height:100%;background:url(/image/icon_sold.png) no-repeat center center;background-size:auto 160px;}
#carView .carImage .bx-controls a {position:absolute;left:0;top:0;bottom:0;width:50px;background:url(/mobile/image/arrow_prev.png) no-repeat 0 center;background-size:auto 350px !important;font-size:0;}
#carView .carImage .bx-controls a.bx-next {left:auto;right:0;background:url(/mobile/image/arrow_next.png) no-repeat right center;}

.btnSetView {padding:10px;text-align:center;}
.btnSetView a {display:inline-block;width:49%; height:65px;border:0;padding:13px 5px; border-radius:0; color:white; font-size:18px; letter-spacing:-1px;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.btnSetView a.btn01 { background:#19ce60;}
.btnSetView a.btn02 { background:#898989;}
.btnSetView a span { display:block; font-size:10px; letter-spacing:0; }

.tit_carView {padding:30px 10px 5px;font-size:15px;letter-spacing:-1px;font-weight:600;}
.carView_photo {padding:10px;border-top:2px solid #999;}
.carView_photo > img {margin-bottom:10px;}
.optionList {border-top:2px solid #999;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.optionList dt {float:left;padding:10px 0px;width:30%;}
.optionList dd {float:left;padding:10px 0px;width:70%;}
.memo {border-top:2px solid #999;width:100%;overflow:hidden;}
.memo img {width:100% !important;}

/* btn */
.btnSet {padding:20px 20px 30px;text-align:center;}
.btnSet a {display:inline-block;width:49%;height:55px;border-radius:0;line-height:55px;  background:#19ce60;font-weight:600;font-size:15px; color:white; border:none;}
.btnSet input {display:inline-block;width:30%;margin:0px 5px;}
.btnSet .btnBig {background:#777;}

.btnSet02 {width:100%;padding:10px 0px;text-align:center; }
.btnSet02 input { width:100%; height:55px; line-height:55px;  background:#19ce60;font-weight:600;font-size:15px; color:white; border:none; }

.btnPointBig {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:none;color:#FFF;font-weight:bold;background:url(/mobile/image/bg_btnPoint.gif) left top repeat-x #e60012;}
.btnPointBigNew { width:100%; }
.btnBig {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #dcdcdc;font-weight:bold;background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x #FFF;}
.btnGrayBig {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #707070;color:#FFF;font-weight:bold;background:url(/mobile/image/bg_btnGray.gif) left bottom repeat-x #898989;}
.btnCT {height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #ffd200;font-weight:bold;letter-spacing:-1px;background:url(/mobile/image/bg_btnCT.gif) left bottom repeat-x #ffe000;}
.btnBack {display:block;margin:10px auto;width:50%;height:40px;line-height:40px;text-align:center;-webkit-border-radius:5px;-webkit-appearance:none;border:1px solid #dcdcdc;font-weight:bold;background:url(/mobile/image/bg_btnWrite.gif) left bottom repeat-x #FFF;}