.container {padding-top:80px;  word-break:keep-all;}
.container:after {content:''; display:block; width:100%; clear:both; }
.cont-body {padding:70px 0 70px; width:1200px; margin:0 auto; }
.cont-body.talk-view {max-width:1024px; margin:0 auto; }
.go-back {display:none;}
.title-wrap {display:block;background-color:#f4f4f4; padding: 40px 0; text-align:center; }
.title-wrap.bg-rv {background-color:transparent !important;padding: 100px 0 0; }
.title-wrap .inr {font-size:0; }
.title-wrap a.sort {display:inline-block; margin:2px 3px; height:42px; line-height:40px; padding:0 25px; font-size:16px; font-weight:400;color:#333; border:1px solid #ddd; background-color:#fff; border-radius:60px; }
.title-wrap a.sort:hover { background-color:#fff; color:#333;}
.title-wrap a.on { background-color:#ee3e24; border:1px solid #ee3e24; color:#fff; }
.title-wrap h2.title { display:inline-block; font-size:42px; line-height:45px; font-weight:500; color:#111;  font-family: 'Spoqa Han Sans'; position:relative;  }
.title-wrap h2.title span{display:inline-block;  position:relative; }
.title-wrap h2.title span:after {content:''; position:absolute; right:-10px; top:-5px; width:7px; height:7px; border-radius:50%; background-color:#ea5858;}
.title-wrap h2.title strong{font-weight:500}
.title-wrap h2.title p {display:block; padding-top:10px; font-size:21px; font-weight:400; color:#888; font-family:'SpoqaHanSans'; }
.tit-exp {display:block; text-align:center; font-size:32px; line-height:1.5em; font-weight:400; color:#111 }

.acco-wrap {display:block;padding: 100px 0 30px; text-align:center; font-size:0 }
.acco-wrap .model {display:inline-block; position:relative; vertical-align:top; margin:0 30px; font-size:30px; line-height:40px; color:#333;  font-weight:500; font-family: 'Spoqa Han Sans';}
.acco-wrap .model.on {color:#ee3e24}
.acco-wrap .on:after {content:''; position:absolute; left:0; bottom:-12px;  height:4px; width:100%; background-color:#f65858; }


.btn-wrap {display:block; text-align:center; } 
.btn-wrap .btn-confirm { display:inline-block; clear:both; margin:20px auto 0; background-color:#f71d00;padding-left:50px;padding-right:90px;  height:55px; line-height:55px;  color:#fff; font-size:17px; text-align:left;  background-image:url('/images/main/ico_arrow.png'); 
                                            background-repeat:no-repeat; background-position:right ; background-position:calc(100% - 20px); }
.btn-wrap .btn-confirm:hover { background-color:#222}
.btn-wrap .btn-list {display:inline-block; clear:both; margin-top:50px; border-radius:5px; background-color:#333; height:45px; line-height:43px; color:#fff; font-size:16px; padding:0 30px; }

.m_ver {display:none;}

@media screen and ( max-width:1200px ) {	
     .cont-body {width:100%; padding:30px 10px 50px;}
	 .title-wrap a.sort {font-size:16px;}
}

@media screen and ( max-width:1024px ) {	

	.title-wrap {padding: 32px 0; }
	.title-wrap a.sort {margin:2px; height:36px; line-height:35px; padding:0 20px; font-size:14px;  }
	.tit-exp {font-size:25px;  }
	.title-wrap.bg-rv {padding: 40px 0 0; }
	.title-wrap h2.title {font-size:33px; line-height:35px; }
	.title-wrap h2.title p {padding-top:10px; font-size:18px;  }

	.acco-wrap {padding: 50px 0 20px;  height:120px; max-width:100%; overflow-x:scroll; white-space: nowrap; }
	.acco-wrap .model { margin:0 20px; font-size:25px; line-height:30px;}
	.acco-wrap .on:after {height:3px;  }

   	.cont-body.talk-view {max-width:100%;  }
    .btn-wrap .btn-confirm { margin:20px auto 0; width:250px;height:45px; line-height:45px;font-size:15px;padding-left:30px;/*padding-left:20px; height:40px; line-height:40px; font-size:14px; background-position:calc(100% - 15px); */}
}

@media screen and (max-width:768px){

	.container {padding-top:60px; }
	.cont-body {width:100%; padding-bottom:30px;}

	.title-wrap {padding: 20px 0; }
	/*.title-wrap a.sort {height:32px; line-height:31px; padding:0 17px; font-size:13px;  }*/
	.tit-exp {font-size:18px;  }

	.btn-wrap .btn-confirm {/*padding-left:15px; height:35px; line-height:35px; font-size:14px;padding-right:50px;   background-position:calc(100% - 10px);*/}
	.btn-wrap  .btn-list {margin-top:30px; height:40px; line-height:38px; font-size:15px; padding:0 25px; }

}
@media screen and (max-width:640px){
    .m-view .container {padding-top:0px; }


	.title-wrap h2.title {font-size:26px; line-height:26px; }
	.title-wrap h2.title p {padding-top:10px; font-size:16px;  }

	.acco-wrap .model { margin:0 15px; font-size:21px; line-height:1.3em;}
	.acco-wrap .on:after {bottom:-8px; }

	.m_ver {display:block;}

}

@media screen and (max-width:460px){
    .acco-wrap {padding: 40px 0 10px;  }
	.acco-wrap .model { margin:0 10px; font-size:18px; }

}


.label-area {position:absolute; right:10px; top:10px; z-index:55; }
.label-area label {display:inline-block;width:50px;height:50px;padding:0;background-size:100% auto;background-repeat:no-repeat;font-size:0;vertical-align:top;}
.label-area label.may {background-image:url(/images/label_mabu.png);}
.label-area label.ass {background-image:url(/images/label_guarantee.png);}
.label-area img {display:none;}


/* **************************************** *
 * car-list
 * **************************************** */
.car-list{font-size:0;}
.car-list li {display:inline-block; position:relative; width:calc(50% - 16px); margin-left:32px; vertical-align:top; margin-bottom:40px;  }
.car-list li:nth-child(2n+1){margin-left:0}
.car-list li a {display:block;}
/*.car-list li .label-area label {display:inline-block; vertical-align:top; color:#fff;  height:32px; line-height:32px; padding:0 12px; font-size:14px; font-weight:400;  font-family:'NotoSans'; letter-spacing:-.07em;}
.car-list li .label-area label.may {background-color:#053487; }
.car-list li .label-area label.ass {background-color:#43b207; }
.car-list li .label-area img {height:18px; display:inline-block; vertical-align:top; margin-top:7px;  margin-right:5px; }*/
.car-list li .img-wrap { display:block; width:100%; position:relative;  height:390px;  background:#f1f1f1 url('/images/no_img_640_2_mini.png') no-repeat center center; background-size:cover;  }
.car-list li .thumb {position:absolute;left:0; top:0;width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.car-list li .cover {position:absolute;left:0; top:0;width:100%; height:100%; transition: all 0.2s ease-in; z-index:50}
.car-list li .play {position:absolute; top:50%; left:50%; width:70px; height:70px; margin-left:-35px; margin-top:-35px; text-align:center; z-index:33}
.car-list li .play:before { content:"\ea40"; display:inline-block; line-height:70px; font-size:70px; color:#fff;text-shadow:2px 2px 4px rgba(0, 0, 0, 0.1)  }
/*.car-list li .car-name { position:absolute; left:0px; bottom:0px; padding:15px 0 18px 18px; width:100%; font-size:19px; color:#fff;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); 
                              text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3) ;z-index:1;overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }*/
.car-list li .car-name {font-size:19px;}
.car-list li .label-area label.may {background-image:url(/images/label_mabu_w.png);}
.car-list li .label-area label.ass {background-image:url(/images/label_guarantee_w.png);}
.car-list li .txt-box {position:relative; padding:15px 0 25px; text-align:center;}
.car-list li .txt-box .car-desc {display:none;font-size:0; color:#777;  }
.car-list li .txt-box .car-desc span {display:inline-block;  vertical-align:middle; font-size:14px; }
.car-list li .txt-box .car-desc span.divide {padding:0 10px;}
.car-list li .txt-box .price, .cardetail-top .price-wrap .price { font-size:23px; line-height:1.5em;color:#000; padding:10px 0; letter-spacing:-.02em; }
.car-list li .txt-box .label, .cardetail-top .price-wrap .label, .main_item_txt .label { display:inline-block; padding:0 30px; height:45px;line-height:45px;  border-radius:60px; border:1px solid #dedede; font-size:15px; color:#402525;  }
.car-list li .txt-box .label span, .cardetail-top .price-wrap .label span { font-weight:500; color:#ee2d23; padding-left:7px; }
.car-list li .txt-box .label span img, .cardetail-top .price-wrap .label span img  { display:inline-block; vertical-align:middle; margin-right:4px; }
.car-list li .txt-box .label span img {height:15px; }
/*.car-list li a:hover .cover { background-color:rgba(247,29,0,0.9); }
.car-list li a:hover .play:before { text-shadow:none; }*/

.car-list li.end .img-wrap:after {content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:url('/images/label_sold.png') no-repeat right bottom rgba(0,0,0,.4);z-index:100;}
.car-list li.end .txt-box:after {content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,.6);}
.car-list li.end:after {content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(255,255,255,.05);z-index:101;}
.car-list li.contract .img-wrap:after {content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:url('/images/label_contract.png') no-repeat right bottom rgba(255,255,255,.1);z-index:100;}

.car-list li .list_b {display:none;}



@media screen and ( max-width:1200px ) {	
	.car-list li {width:calc(50% - 10px); margin-left:20px; margin-bottom:30px;  }
	.car-list li .img-wrap {height:350px;   }
}

@media screen and ( max-width:1024px ) {	
	.car-list li .img-wrap { height:300px;   }
	.car-list li .car-name { font-size:17px;font-weight:bold;}
    .car-list li .play:before { font-size:50px; }
    .car-list li .txt-box { padding:15px 0;  }
	.car-list li .txt-box .car-desc span { font-size:13px; }
	.car-list li .txt-box .car-desc span.divide { padding:0 5px;}
	.car-list li .txt-box .price { font-size:18px;}
	.car-list li .txt-box .label { height:36px;line-height:35px;font-size:14px; }
	.car-list li .txt-box .label span { padding-left:5px; }
	.car-list li .txt-box .label span img { margin-right:3px; }

}

@media screen and ( max-width:899px ) {	
	.car-list li .img-wrap { height:250px;   }

}
@media screen and ( max-width:767px ) {	
	.car-list li .img-wrap { height:200px;   }

}

@media screen and ( max-width:640px ) {
    .car-list{padding:0 10px; }
    .car-list li {width:100%; margin-bottom:40px; margin-left:0 }
	.car-list li .img-wrap { height:300px;   }
	.car-list li .txt-box .car-desc span { font-size:14px; }
	.car-list li .txt-box .car-desc span.divide { padding:0 0px;}
	.car-list li .txt-box .price {font-size:20px;padding:5px 0;}
	/*.car-list li .txt-box .label { padding:0px 15px; height:30px;line-height:28px;font-size:12px; }*/
	.car-list li.contract .img-wrap:after, .car-list li.end .img-wrap:after {background-size:auto 100px;}
	.car-list li:after {content:'';position:relative;display:block;margin:.8rem -20px 0;height:.8rem;background:#f1f1f1;}
	.car-list li .list_b {display:block;margin:1.2rem -20px -.8rem;}
	.car-list li .list_b img {width:100%}
}
@media screen and ( max-width:500px ) {	
	.car-list li .img-wrap { height:180px;   }
	.car-list li .car-name {font-size:15.5px; }
	.car-list li .play:before { font-size:45px; }
	.car-list li .label-area label {width:35px;height:35px;}
}


/* **************************************** *
 * car-view
 * **************************************** */
 .mobile-view-close {display:none; }
.car-detail-wrap {position:relative; padding-bottom:70px;}
.car-detail-wrap:after {content:''; position:absolute; left:0; top:0; width:100%; height:480px; background-color:#f0f0f0;  z-index:-1 }


.cardetail-top {padding-top: 50px; }
.cardetail-top .car-name {display:block;font-size: 2.2rem; color:#000; line-height:1.8em; font-weight:normal;text-align:center;padding-bottom:10px;}
.cardetail-top .car-desc {display:inline-block;  vertical-align:middle; font-size:0; color:#111; clear:both; }
.cardetail-top .car-desc span {display:inline-block;  vertical-align:top; font-size:17px;  line-height:20px;letter-spacing:0;}
.cardetail-top .car-desc span.divide { padding:0 18px; width:5px; }
.cardetail-top .car-desc span.divide:before {content:''; display:inline-block; vertical-align:top; margin-top:8px; width:3px; height:2px; background-color:#888; }
.cardetail-top .car-sn {display:inline-block; vertical-align:middle; float:right; font-size:13px; color:#888; }
.cardetail-top .price-wrap {clear:both;display: block;/* vertical-align:top; */ padding:10px 0 0 0;text-align: right;overflow:hidden;}
.cardetail-top .price-wrap .price {display:inline-block; vertical-align:middle;font-size: 2rem;color:#f71d00;font-weight: bold;}
.cardetail-top .price-wrap .label {display:inline-block; vertical-align:middle;margin: 7px 1.5rem 0 0;background:#fff;}
.cardetail-top .btn-home-service {/* position:absolute; *//* right:0; */display:inline-block; vertical-align:top;min-width: 12rem;float:right; margin-top:19px;margin-left: .5rem;height:55px; line-height:55px; padding:0 40px; border-radius:3px; color:#fff; font-size:17px; background-color:#ee3e24;z-index:55;text-align: center;}
.cardetail-top .btn-home-service.color2 {background-color:#ff6625;}

.divide-line {display:block; width:100%; height:10px; background-color:#f0f0f0; margin:90px 0; box-shadow: 0px 0px 2px  rgba(0, 0, 0, .05) inset; }

/* toggle tab */
.tab-slider--nav {  width: 100%; text-align:center;  margin-top: 0px;}
.tab-slider--tabs {  display: block; display:inline-block;  text-align: center;   margin: 0; margin-top:20px; padding: 0;  list-style: none;  position: relative; height: 50px; border-radius: 90px;  overflow: hidden;  background: #bababa; border:3px solid #bababa; 
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tab-slider--tabs:after {  content: "";  width: 60px;  background: #fff;  height: 100%;  position: absolute;  top: 0;  left: 0;  transition: all 250ms ease-in-out;  border-radius: 90px;}
.tab-slider--tabs.slide:after {  left:52%;}

.tab-slider--trigger {  font-weight: bold;  color: #fff;  text-transform: uppercase;  text-align: center;  padding: 0px 18px;  position: relative;  z-index: 2;  cursor: pointer;  display: inline-block;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tab-slider--trigger i {display:inline-block; font-size:25px; line-height:43px; }
.tab-slider--trigger.active {  color: #333;}
.tab-slider--body { width:100%; }
.tab-slider--body .video { width:100% !important;height:680px; }

/* slider */
.slider{height:auto;margin:0;/*overflow:hidden;*/}
#mylightbox {width: 100%;max-width:1200px;}
.flexslider{margin:0 !important;border:none !important;background:none !important;}
.slider .flexslider .slides {padding-bottom:0px;max-height:675px;overflow:hidden;}
.slider .flexslider .slides li {position:relative; display:inline-block;  width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center; z-index:5;text-align:center;}
.slider .flexslider .slides li > img {display:none;}
.slider .flexslider .slides li b{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.slider .flexslider .slides li b img {overflow:hidden;width:100%;height:100%;object-fit:cover;}
.slider .flexslider .slides img {display:inline-block;width:auto;height:auto;max-width:100%;max-height:900px;}

.flex-direction-nav a{top:45%; width:50px;height:50px;  text-indent:-99999px !important;overflow:hidden;font-size:0; background-color:rgba(0,0,0,0.3)}
.flex-direction-nav a:before {display:block;height:50px;line-height:44px;width:50px;padding:0; text-align:center; }
.flex-direction-nav a.flex-prev { opacity:1;}
.flex-direction-nav a.flex-next {opacity:1; }
.flexslider .flex-direction-nav .flex-next {right:0 !important;opacity: 0;}
.flexslider .flex-direction-nav .flex-prev {left:0 !important;opacity: 0;}
.flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7;  left: 0;}
.flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7;  right: 0;}
.flex-direction-nav .flex-next:before {content:'\e93e' !important;position:absolute; left:-5px; top:-2px;display:inline-block; color:#fff;font-size:16px; text-indent:0px !important;  }
.flex-direction-nav .flex-prev:before {content:'\e93b' !important;position:absolute; left:-5px; top:-2px; display:inline-block; color:#fff;font-size:16px !important; text-indent:0px !important;  text-align:center; border:0px solid #f00 !important; }

.flex-control-thumbs {margin:0 !important; }
.flex-control-thumbs img {height:100%; border:2px solid transparent ;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.flex-control-thumbs .flex-active.flex-active {border:2px solid #e9575a; background-color:#e9575a;}
.flex-control-thumbs .flex-active.flex-active img {max-height:45px;}

.flex_bigslider .flex-control-thumbs img {border:0;}
.flex_bigslider .flex-control-thumbs {position:relative;overflow:visible !important;background:#222;}	
.flex_bigslider .flex-control-thumbs .flex-active {border: 2px solid #ee3e24;background-color:#ee3e24;}
.flex_bigslider .flex-control-thumbs li:first-child img {display:inline-block;height:100% !important;width:100% !important;}
.flex_bigslider.media .flex-control-thumbs {margin-left:10% !important;width:calc(100% - 10%) !important;}
.flex_bigslider.media .flex-control-thumbs li:first-child {position:absolute;left:-10%;top:0;bottom:0;width:10%;height:auto !important;background-color:#000;text-align:center;}

.slider .flex-control-thumbs {position:absolute;bottom:0;left:0;right:0;/*background:#f4f4f4;padding:5px;*/font-size:0;z-index:10;}
.slider .flex-control-thumbs li{position:relative;display:inline-block;width:5%;/*height:auto;*/ margin:0px; overflow:hidden; }
.slider .flex-control-thumbs li i{position:absolute;top:0;left:0;width:100%;height:100%;display:block;}
.slider .flex-control-thumbs li img {height:100%;}
.slider .flex-control-thumbs li i img {overflow:hidden;width:100%;height:100%;object-fit:cover;}/* ie,¿§Áö ¿Ü ´Ù¸¥ºê¶ó¿ìÀúÀ§ÇØ ²À ÇÊ¿äÇÔ */
.slider .flex-control-thumbs li:nth-child(10n+0){border-right:0px;}

.btn-mobile-view {display:none; }

@media screen and ( max-width:1024px ) {	
	.car-detail-wrap:after { height:350px;}

	.cardetail-top {padding-top: 30px; }
	.cardetail-top .car-name {  font-size:30px;padding-bottom:30px; }
	.cardetail-top .car-desc span { font-size:15px; }
	.cardetail-top .car-desc span.divide {padding:0 10px; }
	.cardetail-top .car-desc span.divide:before {margin-top:8px; width:2px; height:1px; }
	.cardetail-top .car-sn { font-size:12px; margin-top:5px; }
	.cardetail-top .price-wrap .price {font-size:32px;}
	.cardetail-top .price-wrap .label {margin:3px 5px 0 0;font-size:13px;}

	.cardetail-top .btn-home-service { margin-top:15px; }

	.tab-slider--body .video { height:580px; }
	/*.slider .flexslider .slides {height:600px;}*/

	.divide-line {height:6px;margin:50px 0;}
}

@media screen and ( max-width:767px ) {	
    .car-detail-wrap {  padding-bottom:40px;}
    .cardetail-top .car-name {  font-size:26px; padding:20px 0 12px; }
    .cardetail-top .car-desc {display:block; width:100%; text-align:center; }
	.cardetail-top .car-desc span { font-size:14px; }
    .cardetail-top .car-sn { float:none; clear:both; display:block;margin-top:5px; text-align:left;text-indent:15px;}
	.tab-slider--body .video { height:420px; }
	.cardetail-top .price-wrap {text-align:left;}
	.cardetail-top .price-wrap .price {font-size:28px;}
	.cardetail-top .price-wrap .label {height:30px;line-height:30px;font-size:12px;}
	/*.slider .flexslider .slides {height:450px;}*/
 
}

@media screen and ( max-width:667px ) {	
    .car-detail-wrap {padding-top:20px;}
	.go-back {display:block; font-size:13px; color:#000; padding-left:13px;line-height:20px; letter-spacing:0; font-family:'GmarketSans';font-weight:500;}
	.go-back i { display:inline-block; vertical-align:middle; line-height:20px;  margin-right:0px; font-size:20px; }

	.cardetail-top {padding-top: 20px; }
    .car-detail-wrap:after { height:300px;background-color: #f7f7f7;}
	.cardetail-top .car-name { padding-top:5px;  font-size: 1.4rem; line-height:1.8rem;padding-bottom:15px;  font-weight:700; color:#000 }
	.cardetail-top .car-desc span { font-size: .80rem; color:#888 }
	.cardetail-top .car-sn {position:absolute;left:8px;top:15px;font-size:10px;}
	.cardetail-top .price-wrap {padding:0px 0 20px;}
	.cardetail-top .price-wrap .price {font-size:24px;}
	.cardetail-top .price-wrap .label {font-size:12px;}
	.tab-slider--body .video { height:360px; }
	/*.slider .flexslider .slides {height:370px;}*/

   /* toggle tab */
	.tab-slider--tabs { margin-top:10px; height: 40px;  border-width:2px; }
	.tab-slider--tabs:after { width: 50px; }
	.tab-slider--tabs.slide:after { left:52%; }
	.tab-slider--trigger { padding: 0px 15px; } 
	.tab-slider--trigger i { display:inline-block; font-size:20px; line-height:36px; }

	.flex-direction-nav a{width:30px !important;height:40px; margin-top:-20px; border:0px solid #f00}
	.flex-direction-nav a:before {height:40px;line-height:40px;width:30px;}
	.flex-direction-nav a.flex-prev { left:0px; border-radius:0 5px 5px 0}
	.flex-direction-nav a.flex-next { right:0px; border-radius:5px 0px 0px 5px}
	.flex-direction-nav .flex-next:before {left:0px; top:0}
	.flex-direction-nav .flex-prev:before { left:0px; top:0 }

	.divide-line {height:5px;margin:30px 0;}

}

@media screen and ( max-width:640px ) {
     .mobile-view-close {display:block; position:absolute; right:15px; top:12px; z-index:55}
	 .mobile-view-close a {display:block; width:35px; height:35px;border:0px solid #fff; text-align:center; }
	 .mobile-view-close i { display:inline-block; font-size:25px; margin-top:3px; font-weight:500; color:#222; vertical-align:middle;  }

	 .cardetail-top {padding-top: 35px; }
}

@media screen and ( max-width:500px ) {

 /*.slider .flexslider .slides {height:270px;}*/
    .slider .flex-control-thumbs {display:none}
	.flexslider .flex-direction-nav .flex-next {opacity: 0.7;}
	.flexslider .flex-direction-nav .flex-prev {opacity: 0.7;}

	.cardetail-top .car-name { font-size: 1.42rem; line-height:1.75rem; }

	.cardetail-top .price-wrap .label {border:0 !important; padding:0; margin:10px 0 0; }
	.cardetail-top .price-wrap .price {display:block; line-height:21px;  text-align:left; padding:0; margin:0}

	.cardetail-top .btn-home-service {position:relative;right:auto;width:100%;height:50px; line-height:50px;margin:0 0 .5rem;padding:0 1.5rem; border-radius:2px; color:#fff; font-size:16px;background: url(/images/main/ico_arrow.png) no-repeat 93% center #ee3e24;}

	.btn-mobile-view {display:block; position:absolute; left:10px; bottom:10px; width:32px; height:32px;  line-height:32px; text-align:center;border-radius:3px; background-color:rgba(0,0,0,0.2); z-index:333 }
	.btn-mobile-view i {display:inline-block; color:#fff; font-size:23px; color:#fff;line-height:32px; }
	
   #zoom-wrap {width:100%}
   #zoom-wrap .zoom-title{height:50px; color:#fff; background:#f55941; text-align:center; font-size:18px;letter-spacing:-1px; font-weight:bold; line-height:50px;}
   #zoom-wrap .zoom-title .prev{position:absolute; left:5px; width:18px; top:3px; height:17px; }
   #zoom-wrap .zoom-title .prev a{height:100%; display:block; }
   #zoom-wrap .zoom-title .prev i {display:inline-block; color:#fff; font-size:25px; }
   #zoom-wrap .zoom-title.photo-zoom{height:50px; font-size:20px; line-height:50px; }
   #zoom-wrap .zoom-title.photo-zoom .prev{width:50px; height:120px;}
   #zoom-wrap img {width:100%;}


}

@media screen and ( max-width:460px ) {
	
	/*.slider .flexslider .slides {height:194px; padding-bottom:5px;}*/

}
@media screen and ( max-width:360px ) {
	
	/*.slider .flexslider .slides {height:183px; }*/

}

@media screen and ( max-width:350px ) {
	.cardetail-top .price-wrap {margin-left:-10px;}
	.cardetail-top .price-wrap .price {font-size:20px; line-height:22px;}
	.cardetail-top .btn-home-service {  height:38px; line-height:38px; padding:0 12px; border-radius:2px; color:#fff; font-size:14px; }
	/*.slider .flexslider .slides {height:155px; }*/
}
/* **************************************** *
 *     detail01
 * **************************************** */
.car-detail01 {clear:both;position:relative; margin-top:25px; padding-bottom:30px; }
.car-detail01 .auto-tit {clear:both;display:block; width:80%;margin:120px auto 30px; padding-left:120px; height:70px; line-height:70px; border-radius:60px; background-color:#999; color:#fff; font-size:29px; letter-spacing:-.04em; font-weight:400; text-align:center; position:relative; }
.car-detail01 .auto-tit img {position:absolute; left:6%; bottom:0; z-index:5;}
.car-detail01 .auto-tit br {display:none;}
.car-detail01 .reason {display:block; text-align:center; font-size:0; }
.car-detail01 .reason li {display:inline-block; width:20%; vertical-align:top; margin-top:30px;  }
.car-detail01 .reason li .title {font-size:23px; color:#000; font-weight:500;padding-top:15px;  }
.car-detail01 .reason li .exp {font-size:18px; color:#999; line-height:1.5em;padding-top:10px;  }
.car-detail01 .reason li img {height:60px;}
.car-detail01 .reason li .img-wrap {display:block;}
.car-detail01 .reason li dl{}

.car-detail01 .label-area {right:20px;}
.car-detail01 .label-area label {width:100px;height:100px;}
.car-detail01 .label-area label.may {background-image:url(/images/label_mabu_w.png);}
.car-detail01 .label-area label.ass {background-image:url(/images/label_guarantee_w.png);}

/*.car-detail01 .label-area label {display:inline-block; vertical-align:top; color:#fff;  height:32px; line-height:32px; padding:0 12px; font-size:14px; font-weight:400;  font-family:'NotoSans'; letter-spacing:-.07em;}
.car-detail01 .label-area label.may {background-color:#053487; }
.car-detail01 .label-area label.ass {background-color:#43b207; }
.car-detail01 .label-area img {height:18px; display:inline-block; vertical-align:top; margin-top:7px;  margin-right:5px; }*/

	

/* »ó¼¼³»¿ë ŸÀÌƲ */
.dt-title { display:block; text-align:center; }
.dt-title h3 { font-size:43px; line-height:1.3; font-weight:400; color:#000; }
.dt-title h3 .thin {font-weight:300;}
.dt-title h3 i { font-style:normal; display:inline-block; background-color:#f71d00; color:#fff; padding:2px;}
.dt-title h3 strong{ color:#f71d00;font-weight:400 }
.dt-title h3 img { vertical-align:top;height:33px; margin-top:13px;}
.dt-title p.desc {padding:25px 0 15px; font-size:19px; line-height:1.6em; color:#999;}
.dt-title p.desc strong{font-weight:500; color:#000; }

@media screen and ( max-width:1200px ) {
	.dt-title h3 { font-size:40px;}
	.car-detail01 .auto-tit { width:80%;margin:80px auto 0; padding-left:100px; font-size:23px;}
	.car-detail01 .auto-tit img {left:10%; height:110px;}
}

@media screen and ( max-width:1024px ) {	
	.car-detail01 { margin-top:12px;  }
	.car-detail01 .auto-tit { width:80%;margin:70px auto 0; padding-left:70px; font-size:20px; height:55px; line-height:55px; }
    .car-detail01 .auto-tit img {left:8%; height:90px;}

	.car-detail01 .reason li .title {font-size:18px; padding-top:5px;  }
    .car-detail01 .reason li .exp {font-size:14px; padding-top:5px;line-height:1.3em;  }

	.dt-title h3 {font-size:30px; line-height:40px;margin-bottom:6px;}
	.dt-title h3 img {height:30px; margin-top:8px;}
	.dt-title p.desc  {padding-top:15px; font-size:16px; line-height:1.5em; }

}

@media screen and ( max-width:767px ) {
	.car-detail01 .auto-tit { width:85%;margin:40px auto 0; padding-left:70px; }
    .car-detail01 .auto-tit img {left:6%; height:70px;}

	.dt-title h3 {font-size:23px; line-height:32px;}
	.dt-title h3 img {height:20px;margin-top:7px; }
    .dt-title p.desc {padding-top:12px; font-size:14px; }

	.car-detail01 .reason {text-align:left; padding:0 30px;  }
	.car-detail01 .reason li { margin-top:15px;  display:block;width:100%}
	.car-detail01 .reason li .title {font-size:20px;padding-top:0px; }
	.car-detail01 .reason li .exp {font-size:16px;  }
	.car-detail01 .reason li .exp br{display:none;}
	.car-detail01 .reason li .img-wrap {display:inline-block; vertical-align:middle; width:85px; height:85px; padding:0 0px; text-align:center; padding-top:20px; border-radius:50%; border:1px dashed #ddd;}
	.car-detail01 .reason li .img-wrap img {width:53%; height:auto; }
    .car-detail01 .reason li dl{display:inline-block; vertical-align:middle; width:calc(100% - 100px) ; padding-left:30px; }

}

@media screen and ( max-width:580px ) {
	.car-detail01 .auto-tit { width:100%;padding-left:0; text-align:center; font-size:23px; line-height:30px;margin:40px auto 10px; background-color:transparent; color:#000 }
    .car-detail01 .auto-tit img {display:none; }
    .car-detail01 .auto-tit br {display:block;}
	.car-detail01 .auto-tit .under {position:relative; border-bottom:1px solid #333}

	.car-detail01 .reason {padding:10px 0px 0;  }
	.car-detail01 .reason li .title {font-size:17px;  }
	.car-detail01 .reason li .exp {font-size:14px; line-height:20px; }
	.car-detail01 .reason li .img-wrap { width:85px; height:85px; padding:0 0px; text-align:center; padding-top:20px; border-radius:50%; border:1px dashed #ddd;}
	.car-detail01 .reason li .img-wrap img {width:53%; }
    .car-detail01 .reason li dl{width:calc(100% - 90px) ; padding-left:15px; }

}

@media screen and ( max-width:500px ) {
	.car-detail01 { margin-top:12px;  }
	.car-detail01 .label-area {right:-10px;top:10px;}
	.car-detail01 .label-area label {width:35px;height:35px;}
	/*.car-detail01 .label-area {left:-20px;}
	.car-detail01 .label-area label {  height:28px; line-height:28px; padding:0 8px; font-size:13px; }
	.car-detail01 .label-area img {height:15px; margin-top:6px; margin-right:3px;  }*/

	.dt-title h3{padding-top: 20px;font-size:24px;line-height:30px; letter-spacing:-.07em}
	.dt-title h3 img {height:20px; margin-top:6px;}
    .dt-title p.desc  { font-size:14px; }


}

@media screen and ( max-width:460px ) {
   
    .dt-title p.desc  { font-size: .85rem; line-height:1.30rem; padding:5px 10px 5px; letter-spacing:-.07em; }
	.dt-title p.desc br {display:none;}
}

@media screen and ( max-width:360px ) {
    .dt-title h3{font-size:19px;line-height:28px;}
	.dt-title h3 img {height:18px; margin-top:6px;}
	.dt-title p.desc  {padding:5px 2px 5px; font-size: .80rem; line-height:1.20rem; }

    .car-detail01 .auto-tit {padding-left:0px;text-align:center;  }
    .car-detail01 .auto-tit img {display:none; }	
}



/* **************************************** *
 *      detail02
 * **************************************** */

 #scatter-chart {width:100% !important; height:300px ;position:relative; padding:0 !important; background-color:transparent !important }
.highcharts-background { padding-top:50px !important}
.highcharts-exporting-group {display:none !important;}/* ¹öÆ° ÇÁ¸°Æ®,Å©°Ôº¸±â ±â´É*/
.highcharts-credits {display:none !important} /* Ãâó Å©·¹µ÷ ¼û±è*/
/* .highcharts-legend{display:none !important}dot ŸÀÌƲ ¼û±è*/
.highcharts-axis{display:none !important}
.y-price {position:absolute; left:-10px; top:0;/*left:30px; top:7px;*/ font-size:14px; color:#555;z-index:55 }
.x-km {position:absolute; right:-10px; bottom:54px;/*right:0; bottom:36px;*/  font-size:14px; color:#555;z-index:55 }
.drive-section { display:none;position:absolute; left:50%; margin-left:-65px; top:10px; width:100px; text-align:center; font-size:15px; color:#333; }
.bg-kmarea-wrap {position:relative;margin:0 10px 0 82px;}
.bg-kmarea {position:absolute; left:30%; bottom:60px; width:30%; height:230px; background-color:rgba(251,228,228,0.5); z-index:-1}
.bg-kmarea:before {content:'Á¤»óÁÖÇ౸°£';position:absolute;width:100px;left:50%;top:-30px;transform:translateX(-50%);text-align:center;font-size:13px;}

.car-detail02 {text-align:center;}
.car-detail02 .img-wrap {display:block;padding-top:50px; }


.graph-area {max-width:1024px; margin:50px auto 0; display:block; font-size:0; text-align:left;overflow:hidden;}
.graph-area .graph {width:70%; display:inline-block; position:relative; vertical-align:middle; position:relative;z-index:1}

.graph-area .price-pt { position:absolute; left:0; width:100%;top:0px;}
.graph-area .price-pt dl{display:inline-block; width:33.3%;vertical-align:bottom; padding-left:15px; padding-top:10px;font-family:'Spoqa Han Sans'; }
.graph-area .price-pt dl dt { font-size:14px; color:#888 }
.graph-area .price-pt dl dd { font-size:17px; color:#333; padding-top:0px; letter-spacing:0;}

.graph-area .graph_tooltip {position:relative;width:120px;padding:10px;font-size:16px;letter-spacing:0;color:#000;}
.graph-area .graph_tooltip:before {content:'½ÃÀåÆǸŰ¡°Ý';display:block;padding:0 0 7px;font-size:13px;font-weight:bold;font-family:'µ¸¿ò';letter-spacing:-2px;}
.graph-area .graph_tooltip2 {position:relative;width:120px;background:#f71d00;border:1px solid #f71d00;padding:10px;font-size:16px;letter-spacing:0;color:#fff;}
.graph-area .graph_tooltip2:before {content:'¿ÀÅäÇ÷¡´Ö °¡°Ý';display:block;padding:0 0 7px;font-size:13px;color:#fff;font-weight:bold;font-family:'µ¸¿ò';letter-spacing:-2px;}

.graph-area .graph svg > g > g > g > rect:nth-child(2) {height:10px;}

.level-price {display:inline-block; position:relative; width:30%;border:0px solid #ddd; text-align:right; padding-right:130px;font-size:15px;vertical-align:middle;  z-index:10}
.level-price .bar {position:relative; display:inline-block;width:15px; height:280px; border:1px solid #ccc; border-radius:12px;  }
.level-price .bar .m-price { position:absolute; top:30%; right:0; width:100%; height:25%; background-color:rgb(20, 102, 195, .4)}
/*.level-price .price {position:absolute;width:auto;right:0px; font-size:14px;line-height:18px; color:#555; padding-right:0px; text-align:left; padding-left:0px;}*/
.level-price .bar .m-price .price {position:absolute;width:140px;left:-150px;top:50%; font-size:14px;line-height:18px; color:#555; padding:0px; text-align:right;transform: translateY(-50%);}
.level-price .price1 {position:absolute;left:-112px;top:0; }
.level-price .price2 { top:35%; }
.level-price .auto-price {position:absolute;left:20px !important;width:120px;background-color:#f71d00; height:48px;transform:translateY(-24px);line-height:18px; padding:3px 0 0; text-align:center; border-radius:60px; color:#fff; font-size:17px; font-weight:500; }
.level-price .auto-price:after {content:''; position:absolute; left:-12px; top:50%;margin-top:-15px; transform: rotate(-90deg);z-index:0;
  width: 0px;height: 0px;
  border-top:30px solid none;
  border-bottom:30px solid rgba(247,29,0,1);
  border-right: 10px solid transparent;
  border-left: 10px solid  transparent; }
.level-price .auto-price span {font-size:14px; font-weight:300; }

.level-price .auto-price2 { display:none; position:absolute; right:133px;margin-left:-100px;background-color:#f71d00; height:48px; line-height:18px; padding:3px 20px 0; text-align:center; border-radius:60px; color:#fff; font-size:17px; font-weight:500; }
.level-price .auto-price2:after {content:''; position:absolute; right:-12px; top:50%;margin-top:-15px; transform: rotate(90deg);z-index:0;
  width: 0px;height: 0px;
  border-top:30px solid none;
  border-bottom:30px solid rgba(247,29,0,1);
  border-right: 10px solid transparent;
  border-left: 10px solid  transparent; }
.level-price .auto-price2 span {font-size:14px; font-weight:300; }

@media screen and ( max-width:1024px ) {	
	.car-detail02 .img-wrap {padding:30px 20px 0;}
	.car-detail02 .img-wrap img {width:100%;}

	.graph-area {max-width:100%; padding:0 0px;}
	.graph-area .graph {width:100%;  vertical-align:top;}
	.graph-area .price-pt dl{padding-left:8px; padding-top:5px;}
	.graph-area .price-pt dl dt { font-size:13px;  }
	.graph-area .price-pt dl dd { font-size:15px; }
	.graph-area .graph circle {r: 7;}

	.drive-section { font-size:13px;  }
    .y-price,
	.x-km { font-size:12px;  }

	.level-price {width:10px;padding:0;margin-top:90px;transform:rotate(-90deg);transform-origin:0 0;}
	.level-price .bar .m-price .price {left: -7px;top: 0;text-align:left;letter-spacing:0;transform:rotate(90deg);transform-origin:0 0;}
	.level-price .price1 {left: -7px;top: 0;width:80px;text-align:left;line-height: 18px;transform:rotate(90deg);transform-origin:0 0;}
	.level-price .auto-price {transform:rotate(90deg);transform-origin:0 0;margin:-70px 0 0 53px;}
	.level-price .auto-price:after {top:100%;left:50%;margin:-5px 0 0 -10px;transform: rotate(-180deg);}

	.level-price.type2 .price1 {left:-55px;top:2px;}
	.level-price.type2 .price1:before {content:'';position:absolute;left:0;top:-53px;width:1px;height:47px;border-left:1px dashed #ccc;}
	.level-price .bar .m-price.rightactive .price {top: -110px;text-align:right;}
 	/*.level-price { position:relative;vertical-align:top; margin:30px auto 50px; padding-right:0; padding-top:40px; text-align:left;  padding-bottom:30px; width:100%; margin-left:0%; }
	.level-price .bar {position:relative; width:100%; display:block; margin-left:0%; height:15px;  margin-top:0px;  }
	.level-price .bar .m-price { position:absolute; top:0 !important; left:33.3%; width:100px; height:100% !important; background-color:#c0bbbb;}
	.level-price .price {transform:ratate(90deg);}
	.level-price .price {position:absolute;width:auto; top:0px !important; font-size:13px;line-height:16px; color:#555; padding-left:0px;}
	.level-price .price1 {left:0%;}
	.level-price .price2 {left:33.3%;  }
	.level-price .auto-price {display:none;}
	.level-price .auto-price2 { display:inline-block; position:absolute; top:75px;left:40%; font-size:15px; width:200px !important;  height:auto; padding:7px 10px 8px; background-color:#f71d00;border-radius:50px; }
    .level-price .auto-price2:after {content:''; position:absolute; left:50%; top:auto; top:-13px; margin-top:0px; margin-left:-10px; transform: rotate(360deg);z-index:-1;
	  width: 0px;height: 0px;
	  border-top:20px solid none;
	  border-bottom:20px solid rgba(247,29,0,1);
	  border-right: 10px solid transparent;
	  border-left: 10px solid  transparent; }
	  .level-price .auto-price2 br {display:none;}

	  .level-price .auto-price2.right {right:0; left:auto; border-radius:50px 0px 50px 50px; }
	  .level-price .auto-price2.right:after {right:0; left:auto; margin-left:auto;
	   border-top:0px solid none;
	  border-bottom:20px solid rgba(247,29,0,1);
	  border-right:0px solid transparent;
	  border-left: 20px solid  transparent; 
	  }

	   .level-price .auto-price2.left {left:0; border-radius:0px 50px 50px 50px; }
	  .level-price .auto-price2.left:after {left:0; right:auto; margin-left:auto;
	   border-top:0px solid none;
	  border-bottom:20px solid rgba(247,29,0,1);
	  border-right:20px solid transparent;
	  border-left: 0px solid  transparent; 
	  }*/
	 
}

@media screen and ( max-width:640px ) {	
    .graph-area { padding:0 0px;}
	.graph-area .price-pt dl{padding-left:5px; }
	.graph-area .price-pt dl dt { font-size:11px;  }
	.graph-area .price-pt dl dd { font-size:13px; }	
	.graph-area .graph circle {r: 5;}
    /*.level-price .price {font-size:12px; line-height:15px;}
	.level-price .auto-price2 {  font-size:15px; line-height:17px; padding:4px 0px 5px; }
	.level-price .auto-price2 span{font-size:12px !important;}*/
	
}

@media screen and ( max-width:460px ) {	
    .graph-area { padding:0 0px;margin-top:20px;}
	.graph-area .price-pt dl{padding-left:7px; padding-top:8px;}
	.graph-area .price-pt dl dd { font-size:12px; }
}



/* **************************************** *
 *      detail03
 * **************************************** */
.car-detail03 {text-align:center;}
.car-detail03 ul {display:block; padding-top:30px;}
.car-detail03 ul li {display:inline-block; width:400px; height:400px; margin:0 30px;vertical-align:top; border-radius:50%; background-color:#f7f7f7; border:1px solid #f3f3f3;  padding-top:125px; }
.car-detail03 ul li .brand {display:block;}
.car-detail03 ul li .txt { font-size:26px; line-height:1.5em; color:#333; }
.car-detail03 ul li .price {font-size:24px; padding-top:18px; color:#f71d00; font-weight:500;}
.car-detail03 ul li .price span { display:inline-block; vertical-align:top; margin-top:8px; font-size:15px; margin-right:3px; }
.car-detail03 ul li .price img {vertical-align:top; margin-top:7px;display:inline-block ;margin-left:7px; height:20px; }
.car-detail03 ul li a.btn-sale {display:inline-block; clear:both; margin-top:7px; height:40px; line-height:38px; padding:0 40px; font-size:16px; color:#333; font-weight:500;  border-radius:60px; border:1px solid #ccc; background-color:#fff;  }
.car-detail03 ul li a.btn-sale:hover { border:1px solid #f71d00; background-color:#f71d00; color:#fff;}

@media screen and ( max-width:1200px ) {
	.car-detail03 ul li {width:320px; height:320px; padding-top:75px; }
}

@media screen and ( max-width:767px ) {	
	.car-detail03 ul li {width:270px; height:270px; margin:0 20px; padding-top:65px; }
	.car-detail03 ul li .brand img {height:14px; }
	.car-detail03 ul li .txt { font-size:22px; }
	.car-detail03 ul li .price {font-size:21px; padding-top:12px; }
	.car-detail03 ul li .price span {margin-top:5px;}
	.car-detail03 ul li a.btn-sale { height:36px; line-height:34px; padding:0 30px; font-size:14px;  }

}

@media screen and ( max-width:667px ) {	
    .car-detail03 ul {  padding-top:20px;}
    .car-detail03 ul li {width:230px; height:230px; margin:0 7px; padding-top:50px; }
    .car-detail03 ul li .txt { font-size:20px; }
	.car-detail03 ul li .price {font-size:19px; padding-top:10px; }
	.car-detail03 ul li .price span {margin-top:6px; font-size:12px;}
	.car-detail03 ul li .price img {margin-top:5px;margin-left:5px; height:18px; }
}

@media screen and ( max-width:540px ) {	
    .car-detail03 ul li {width:190px; height:190px; margin:0; margin-left:12px;  padding-top:40px; }
	.car-detail03 ul li:first-child {margin-left:0}
	.car-detail03 ul li .brand img {height:12px; }
    .car-detail03 ul li .txt { font-size:17px; }
	.car-detail03 ul li .price {font-size:16px; padding-top:7px; }
	.car-detail03 ul li .price span {margin-top:6px; font-size:11px;}
	.car-detail03 ul li .price img { height:16px; }
	.car-detail03 ul li a.btn-sale { height:30px; line-height:28px; padding:0 20px; font-size:13px;  }
}

@media screen and ( max-width:400px ) {	
    .car-detail03 ul li {width:160px; height:160px;   padding-top:35px; }
	.car-detail03 ul li .brand img {height:12px; }
    .car-detail03 ul li .txt { font-size:15px;line-height:15px; }
	.car-detail03 ul li .price {font-size:17px; padding-top:7px; }
	.car-detail03 ul li .price span {margin-top:4px; font-size:13px;}
	.car-detail03 ul li .price img { height:14px; }
	.car-detail03 ul li a.btn-sale {margin-top:3px; height:26px; line-height:23px; padding:0 15px; font-size:12px;  }
}

@media screen and ( max-width:360px ) {	
    .car-detail03 ul li {width:155px; height:155px; margin-left:7px;}
	.car-detail03 ul li .price {padding-top:2px; }

}
@media screen and ( max-width:350px ) {	
    .car-detail03 ul li {width:136px; height:136px; padding-top:30px; margin-left:4px;}
	.car-detail03 ul li .price img { height:12px; }
	.car-detail03 ul li .price {padding-top:5px; }

}



/* **************************************** *
 *      detail04
 * **************************************** */
.car-option {display:block; padding:40px 0 30px; font-size:0;margin:0 auto;text-align:center;max-width:1024px; }
.car-option li {display:inline-block; vertical-align:top; width:10%;  text-align:center;opacity:0.4}
.car-option li.on {opacity:1;}
.car-option li  p {display:block; clear:both; font-size:14px; color:#000; padding-top:5px; }
.car-option li img{height:50px;}

.car-option.col9 li {width:11%;}
.car-option.col8 li {width:12.5%;}
.car-option.col7 li {width:14.2%;}
.car-option.col6 li {width:16.6%;}
.car-option.col5 li, .car-option.col4 li, .car-option.col3 li, .car-option.col2 li, .car-option.col1 li {width:15%;}
.car-option.col0 {display:none;}


/* FAQ */
.option-toggle {border-top:1px solid #ddd; display:block; clear:both;  margin:30px auto 0; max-width:1024px; }
.option-toggle h2 { display:block; padding:10px 10px 10px 15px; font-weight:500; color:#333; line-height:50px; }
.option-toggle .toggle_dl {border-bottom:1px solid #ddd;  }
.option-toggle .toggle_dl .title {position:relative; cursor:pointer; font-size:20px; color:#888}
.option-toggle .toggle_dl .count { display:inline-block; vertical-align:top; margin-left:10px; }
.option-toggle .toggle_dl .count strong { font-family:'OpenSans-bold';padding:0 3px; color:#000}
/*.option-toggle .toggle_dl .title:before {content:'Q'; display:inline-block; margin-right:10px; font-family:'GmarketSans'; font-size:18px; width:35px;height:35px; padding-top:2px;  line-height:35px; text-align:center; color:#fff; background-color:#1bb4fb; border-radius:50%; font-weight:500;  }*/
.option-toggle .toggle_dl .title:after {content:"\e943"; position:absolute;right:15px;  top:12px;font-family :'xeicon'; color:#999;font-size:30px; cursor:pointer; transition: all 0.2s ease-in;}
.option-toggle .toggle_dl .title.on:after { transform:rotate(180deg); }
.option-toggle .toggle_dl .answer {position:relative; width:100%; padding:40px 30px; border-top:1px dashed #ddd; }
.option-toggle .toggle_dl .subtitle {position:relative; cursor:pointer; font-size:18px; color:#999}

.option-toggle .list {}
.option-toggle .list ul { display:block; width:100%; font-size:0}

.optlist {padding-top:30px;font-size:0;}
.optlist h4 {font-weight:400;font-size:15px;line-height:55px;text-align:center;color:#fff;}
.optlist .opt-default {float:left;width:65%;}
.optlist .opt-default h4 {background:#999;}
.optlist .opt-default > ul {padding:25px 10px 30px;border-right:1px solid #eee;}
.optlist .opt-default li.subtitle > span {display:inline-block;padding:25px 0;color:#000;vertical-align:top;font-size:16px;line-height:1.2;font-weight:400;}
.optlist .opt-default li.subtitle:first-child > span {padding-top:0;}
.optlist .opt-default li.subtitle ul li {position:relative; display:inline-block;color:#555;}
.optlist .opt-default li.subtitle ul li span {display:inline-block;width:auto;padding:10px 15px;margin:0 2px 2px 0;background:#f7f7f7;border-radius:50px;line-height:1.2;font-size:13px;color:#555;}
.optlist .opt-select {float:left;width:35%;}
.optlist .opt-select h4 {background:#ee3e24;}
.optlist .opt-select ul {padding:10px 10px 30px;}
.optlist .opt-select li {padding:8px 18px;line-height:1.2;font-size:15px;color:#555;word-break:keep-all;}
.optlist .opt-select li b {padding:0 10px;font-size:16px;letter-spacing:0;color:#ee3e24;}
.optlist .opt-select li.off {line-height:3;}

@media screen and ( max-width:700px ) {	
	.optlist .opt-default li.subtitle > span {padding-bottom:15px;}
	.optlist .opt-default li.subtitle ul li span {font-size:12px;}
	.optlist .opt-default, .optlist .opt-select {clear:both;float:none;width:100%;}
	.optlist .opt-default > ul {border:0;}
	.optlist h4 {line-height:35px;font-size:13px;}
}
.option-toggle .list ul li.subtitle > span {display:inline-block;width:210px;padding:10px 0;color:#000;vertical-align:top;font-size:18px;line-height:1.2;}
.option-toggle .list ul li.subtitle ul {display:inline-block;width:calc(100% - 220px);vertical-align:top;}
.option-toggle .list ul li li {position:relative; display:inline-block; vertical-align:top; width:auto; padding-left:10px; font-size:15px; color:#555; margin-bottom:10px;}
.option-toggle .list ul li li label {line-height:1.4;}
.option-toggle .list ul li:before { position:absolute; left:0px; top:8px; width:4px; height:1px; background-color:#555; }
.option-toggle .list ul li input[type=checkbox] + label:before, .option-toggle .list ul li input[type=checkbox] + label:after {display:none;}
.option-toggle .list ul li input[type=checkbox] + label {display:inline-block;width:auto;padding:10px 30px;margin:0 2px 2px 0;border:1px solid #f1f1f1;background:#f1f1f1;border-radius:50px;line-height:1.2;font-size:15px;color:#555;}
.option-toggle .list ul li .off {display:inline-block;width:auto;padding:10px 30px;margin:0 5px 5px 0;border:1px solid #f7f7f7;border-radius:50px;line-height:1.2;font-size:15px;color:#999;text-align:center;}


@media screen and ( max-width:1024px ) {	
	.car-option { padding-top:30px; max-width:100%; }
	.car-option li img{height:40px;}
	.car-option li  p {font-size:13px;letter-spacing:-.09em; }

	.option-toggle { padding-bottom:40px;margin:20px auto 0; max-width:100%; }
	.option-toggle h2 { padding:10px 10px 10px 15px;line-height:40px; }
	.option-toggle .toggle_dl .title {font-size:16px; }
	.option-toggle .toggle_dl .title:after { right:12px;  top:10px; font-size:25px; }
	.option-toggle .toggle_dl .answer { padding:20px;}

	/*.option-toggle .list ul li {font-size:14px; margin-bottom:12px; width:50%; }*/

}

@media screen and ( max-width:767px ) {	
	.car-option li {width:20% !important; margin-bottom:20px;}
	.option-toggle .list ul li {   font-size:13px;}
	.option-toggle .list ul li.subtitle > span {width:170px;font-size:15px;}
	.option-toggle .list ul li.subtitle ul {width:calc(100% - 175px);}
}

@media screen and ( max-width:640px ) {	
    .option-toggle h2 { padding-left:5px; }
	.option-toggle .toggle_dl .title {font-size:15px; }
	.option-toggle .toggle_dl .title:after { top:6px; font-size:20px; }
	.option-toggle .toggle_dl .count { margin-left:5px; }

	.optlist .opt-select li {padding-left:0;padding-right:0;}
}

@media screen and ( max-width:500px ) {	
	.car-option { padding:30px 0 0;text-align:left;}
	.car-option li {width:25% !important; text-align:center; }
	.car-option li img{height:40px;}
	.car-option li  p {font-size:11px; }
	.option-toggle .toggle_dl .answer { padding:10px 3px;}
	.option-toggle .list ul li.subtitle > span {width:125px;font-size:15px;}
	.option-toggle .list ul li.subtitle ul {width:calc(100% - 130px);}
	.option-toggle .list ul li input[type=checkbox] + label {padding:10px 20px;font-size:13px;}
	.option-toggle .list ul li .off {padding:10px 20px;font-size:13px;}

}

/* **************************************** *
 *     detail 06 
 * **************************************** */

.insurance {position:relative;max-width:1024px; margin:0 auto; padding-top:30px; font-size:0 }
.insurance .data-txt {display:none;position:absolute;lefT:0;top:0;right:0;bottom:0;background:rgba(255,255,255,.8);line-height:230px;text-align:center;font-size:18px;z-index:10;}
.insurance.nodata .data-txt {display:block;}
.insurance h2 {font-size:22px; color:#222; font-weight:400; padding-bottom:10px; }
.insurance ul {display:inline-block; vertical-align:top;  position:relative;  }
.insurance ul.line1 {width:65% ; font-size:0;}
.insurance ul.line1:after {content:''; position:absolute; right:0; top:40px;width:1px; height:80%; background-color:#eee; }
.insurance ul.line2 {width:35%; padding-left:50px;font-size:0 }
.insurance ul.line1 li {display:inline-block; vertical-align:top; width:50%;}
.insurance ul li {font-size:18px; color:#000; margin:5px 0}
.insurance ul li span {display:inline-block; vertical-align:middle; }
.insurance ul li span:first-child { position:relative; width:150px; font-size:15px; color:#888; margin-right:12px;}
.insurance ul li span:first-child em {padding-right:10px;background-color:#fff;}
.insurance ul li span:first-child:after {content:''; position:absolute; left:0; top:10px; width:100%; height:1px; border-bottom:1px dashed #ccc; z-index:-1}

@media screen and ( max-width:1024px ) {
	.insurance {max-width:100%; }
	.insurance h2 {font-size:19px; }

	.insurance ul.line1 {width:70% ;}
	.insurance ul.line2 {width:30%; padding-left:30px; }
	.insurance ul li {font-size:16px; }
	.insurance ul li span:first-child {width:120px; font-size:14px; margin-right:10px;}

	.insurance.nodata {height:100px;}
	.insurance.nodata .line1, .insurance.nodata .line2 {display:none;}
	.insurance.nodata .data-txt {line-height:100px;font-size:16px;color:#888;}
}

@media screen and ( max-width:767px ) {
	.insurance h2 {font-size:17px;font-weight:700 }
	.insurance ul li {font-size:15px; }
	.insurance ul li span:first-child {width:95px; font-size:14px; margin-right:7px;}
	.insurance ul li span:first-child em {padding-right:5px;}
	
}

@media screen and ( max-width:640px ) {
    .insurance ul.line1,
	.insurance ul.line2 {padding-left:15px; }
    .insurance ul.line1 {width:100% ;}
	.insurance ul.line1:after {display:none;}
	.insurance ul.line1 li {display:inline-block;vertical-align:top;  width:50%;}
	.insurance ul.line2 {width:100%; margin-top:20px; padding-top:20px; border-top:1px dashed #ddd; }
	.insurance ul.line2 li {display:inline-block; vertical-align:top;  width:50%;}

}
@media screen and ( max-width:500px ) {
    .insurance ul li {font-size:17px; margin-bottom:20px; }
    .insurance ul li span:first-child:after {display:none;}
	.insurance ul li span:first-child {width:80px;}
    .insurance ul.line1 li {display:inline-block;vertical-align:top;  width:50% !important;}
	.insurance ul li span:first-child {display:block;}
	.insurance ul.line1 li:nth-child(2n) {width:100%; }
	.insurance ul.line2 li {  width:50%;}
}


/* photo-detail */
.photo-wrap {margin:0 auto; width:1024px;}
.photo-wrap .photo-title {display:block; clear:both; padding-top:7px; font-size:14px; color:#000 }
.photo-detail {display:block; float:left; width:100%; margin:0 auto; position:relative;background: #f0f0f0;}
.photo-detail ul {font-size:0; position:relative;}
.photo-detail li {display:inline-block; vertical-align:top;float:left;  background-size:cover; background-repeat:no-repeat; background-position:center center ;}
.photo-detail li:nth-child(1) { width:calc(75% - 1px); height:512px; }
.photo-detail li:nth-child(2),
.photo-detail li:nth-child(3),
.photo-detail li:nth-child(4){width:25%; margin-left:1px; margin-bottom:1px;height:170px;} 
.photo-detail li:nth-child(4){margin-bottom:0}

a.btn-big { position:absolute; right:0; bottom:0; height:35px; line-height:35px; background-color:rgba(0,0,0,0.8); color:#fff; font-size:13px; font-weight:500; padding:0 20px; z-index:33}
a.btn-big i {display:inline-block;vertical-align:top; margin-top:9px; font-size:16px;  color:#fff; margin-right:5px; }

/* Â÷·®¼³¸í */
.car-exp {display:block; padding:30px 0; text-align:center; }
.car-exp .quot {padding:30px 0;}
.car-exp p {display:block; font-size:17px; line-height:1.5em; color:#111; margin:20px 0;}

.edit-detail {position:relative;max-width:1024px;margin:0 auto;font-size:110%;line-height:2;letter-spacing:-.5px;font-family:'¸¼Àº°íµñ, arial';}
.edit-detail span, .edit-detail p, .edit-detail div, .edit-detail em, .edit-detail i, .edit-detail strong, .edit-detail b {line-height:2;letter-spacing:-.5px;}

@media screen and ( max-width:1024px ) {
    .photo-wrap {width:100%;}
    .photo-detail {width:100%; }

	.photo-detail li:nth-child(1) { height:410px; }
	.photo-detail li:nth-child(2),
	.photo-detail li:nth-child(3),
	.photo-detail li:nth-child(4){height:136px;} 

  
}
@media screen and ( max-width:676px ) {
    .photo-detail li:nth-child(1) { height:332px; }
	.photo-detail li:nth-child(2),
	.photo-detail li:nth-child(3),
	.photo-detail li:nth-child(4){ height:110px;} 

	a.btn-big { right:auto; left:0; height:30px; line-height:30px;  font-size:12px;padding:0 15px;}
    a.btn-big i {margin-top:8px; font-size:13px;margin-right:3px; }

	.photo-wrap .photo-title {font-size:12px; }

	.car-exp {padding:20px 0; }
	.car-exp .quot {padding:20px 0;}
	.car-exp .quot img {height:20px;}
	.car-exp p {font-size:15px;  margin:15px 0;}

	.edit-detail {font-size:100% !important;}
}


@media screen and ( max-width:500px ) {
    .photo-detail li:nth-child(1) {  width:calc(70% - 1px); height:212px; }
	.photo-detail li:nth-child(2),
	.photo-detail li:nth-child(3),
	.photo-detail li:nth-child(4){width:30%; height:70px;} 

	.car-exp .quot img {height:15px;}
	.car-exp p {font-size:15px;  margin:12px 0;}

	a.btn-big i {margin-top:10px;}

}
@media screen and ( max-width:360px ) {
    .photo-detail li:nth-child(1) { height:182px; }
	.photo-detail li:nth-child(2),
	.photo-detail li:nth-child(3),
	.photo-detail li:nth-child(4){ height:60px;} 
	a.btn-big { height:25px; line-height:25px;  font-size:11px;padding:0 12px;}
	a.btn-big i {margin-top:7.5px; font-size:12px;}

}

/* Ä«¸Þ´ÏÀú */
.car-manager {max-width:1024px; margin:0 auto; text-align:center; font-size:0; }
.car-manager .photo-wrap {display:inline-block; width:130px; height:130px; border-radius:50%; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.car-manager .mg-name { display:block; padding:20px 0 40px; font-size:21px; line-height:21px; font-weight:400; color:#000 }
.car-manager .mg-name span {display:inline-block; margin-right:10px; vertical-align:middle;  font-size:15px; color:#888; }
.car-manager .label-area {position:relative;left:0 !important;top:auto;width:400px; margin:0 auto; text-align:center;}
.car-manager .label-area label { display:inline-block; vertical-align:top; width: 145px;height: 145px;margin:0 3px;}

.car-manager .intro{display:inline-block; clear:both; vertical-align:middle; width:55%;padding-left:30px;  font-size:17px; line-height:1.6em; color:#888; text-align:left; }
.car-manager .contact {display:inline-block; vertical-align:middle; width:45%;}
.car-manager .contact li {display:block; margin-bottom:15px; font-size:0; text-align:left; }
.car-manager .contact li span {display:inline-block; vertical-align:top; font-size:18px; color:#000; letter-spacing:0}
.car-manager .contact li span:first-child {width:150px; margin-right:15px; position:relative; }
.car-manager .contact li span:first-child:after {content:''; position:absolute; left:0; top:12px; width:100%; height:1px; border-bottom:1px dashed #ccc;  z-index:-1;}
.car-manager .contact li span:first-child em {padding-right:10px; background-color:#fff;color:#888; font-size:15px;  }


@media screen and ( max-width:1024px ) {
	.car-manager {max-width:100%; }
}

@media screen and ( max-width:767px ) {
.car-manager .photo-wrap {width:100px; height:100px; }
	.car-manager .mg-name { padding:10px 0 30px; font-size:18px; line-height:18px; }
	.car-manager .mg-name span {margin-right:6px;  font-size:13px;  }

	.car-manager .intro{padding-left:20px;  font-size:14px; }
	.car-manager .contact li {margin-bottom:10px; }
	.car-manager .contact li span {font-size:15px;}
	.car-manager .contact li span:first-child {width:130px; margin-right:10px; }
	.car-manager .contact li span:first-child:after { top:12px; }
	.car-manager .contact li span:first-child em {padding-right:5px;  font-size:13px;  }

	.car-manager .label-area{width:300px !important; margin:0 auto !important; left:none !important;}
	.car-manager .label-area label {display:inline-block; width: 125px !important;height: 125px !important;}

}

@media screen and ( max-width:580px ) {
	.car-manager .intro{width:100%; text-align:center; padding:0 30px; }
	.car-manager .contact {width:60%; border-top:1px dashed #ddd;  margin:20px auto; padding-top:20px; padding-left:30px; }

	.car-manager .label-area label {display:inline-block; width: 105px !important;height: 105px !important;}
}

@media screen and ( max-width:500px ) {
	.car-manager .contact {width:80%;  padding-left:20px; }
	.car-manager .mg-name span { display:block; padding-bottom:5px;margin-right:0px; }
}



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         »çÁøÅ©°Ôº¸±â
///////////////////////////////////////////////////////////////////////////////////////////*/
.modal-popup {overflow-x:hidden;width:100%;background:#f4f4f4;z-index:10001;-webkit-overflow-scrolling:touch; }
.modal-popup .pop-head {display:block; position:relative; background-color:#222;  color:#fff; height:auto;font-size:16px; line-height:1.4em; font-weight:300; padding:15px 20px ; }
.modal-popup .pop-head strong{vertical-align:middle; }
.modal-popup .pop-head  span {display:inline-block; vertical-align:middle;  font-size:16px; margin-left:20px; }
.modal-popup .pop-head em {display:inline-block; vertical-align:top; width:1px; height:16px; background:rgba(255,255,255,0.2); margin:5px 10px 0; }

html.with-featherlight{}
.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;text-align:center;white-space:nowrap;cursor:pointer;background:rgba(0,0,0,0)}
.featherlight:last-of-type{background:rgba(0,0,0,.4)}
.featherlight .bg{position:absolute;left:0;top:0;right:0;bottom:0;z-index:999991;background:rgba(0,0,0,.4);}
.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle; }
.featherlight .featherlight-content{position:relative;text-align:left; max-width:1200px; width:100%; vertical-align:middle;display:inline-block;overflow:auto;padding:0;border:1px solid rgba(0,0,0,0.5);margin-left:0%;margin-right:0%;min-width:auto; min-height:auto;border-radius:0px; background:#fff;cursor:auto;white-space:normal;  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);z-index:999992;}
.featherlight .featherlight-content iframe{width:100% !important; height:100% !important;}
.featherlight .featherlight-inner{display:block}
.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}
.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:10px;right:10px;line-height:30px;width:30px;cursor:pointer;text-align:center;font-family:Arial,sans-serif; font-size:25px;color:#fff; background:transparent; border:0;padding:0}
.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}
.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

@media screen and ( max-width:1024px ) {
	.modal-popup .pop-head {font-size:14px; padding:12px 15px ; }

	.featherlight .featherlight-content {max-width:94%;/*max-height:540px;*/ }
}

@media screen and ( max-width:640px ) {
	/*.featherlight .featherlight-content { max-height:450px;  }*/
	.modal-popup .flex-control-thumbs {display:block; }
	.featherlight .featherlight-close-icon{top:7px;right:7px; font-size:20px; outline:0; border:0}
}
@media screen and ( max-width:500px ) {
	/*.featherlight .featherlight-content {max-height:222px;  }*/
	.modal-popup .flex-control-thumbs {display:none; }
    /* .layer popup slider flex-direction */
	.modal-popup .flex-direction-nav a {  margin: -30px 0 0;}
}
@media screen and ( max-width:360px ) {
	/*.featherlight .featherlight-content {max-height:194px;  }*/
}


/* **************************************** *
 * bbs-list
 * **************************************** */
 .bg_talk {background: linear-gradient(to bottom, #fff 0%, #f4f4f4 100%); }

.talk-list { position:relative; display:block; clear:both; margin-top:10px;padding:0px 30px 0 30px }
.talk-list:after{content:''; clear:both; display:block; width:100%; }
.talk-list li {display:block; margin-bottom:80px; position:relative; width:100%;   clear:both; text-align:right; }

.talk-list li .img-wrap { position:absolute; left:-90px; top: 50%;margin-top:-75px; width:150px; height:150px; border-radius:50%; overflow:hidden; background:#f1f1f1 url('/images/no_img_320.png') no-repeat center ; background-size:120%; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.05); }
.talk-list li .img-wrap .thumb {position:absolute; left:0;top:0;width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; }

.talk-list li .txt-box { position:relative; display:inline-block; vertical-align:middle; width:calc(85% - 90px); min-height:170px; padding:30px 120px; border-radius:30px; border:1px solid #e7e7e7; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.03); 
                           background:#fff url('/images/inc/ico_quot.png') no-repeat 75px 30px; background-size:26px 26px;  text-align:left !important; transition: all 0.2s ease-in; }
.talk-list li .txt-box:after {content:''; position:absolute;bottom:-34px; right:10%; width:45px; height:34px; background:url('/images/inc/bubble_arrow.png') no-repeat center 0; z-index:3;}
.talk-list li .txt-box:before {content:''; position:absolute;bottom:-34px; right:10%; width:45px; height:34px; }

.talk-list li a {display:block; }
/*.talk-list li a:hover .txt-box { position:relative; border-color:#ea5858; box-shadow: 5px 5px 5px rgba(234, 88, 88, 0.05); }*/

.talk-list li .txt-box .title {font-size:22px; font-weight:500; color:#000; }
.talk-list li .txt-box .cont {font-size:17px; line-height:1.4em; color:#777; padding-top:12px; }
.talk-list li .txt-box .date { display:inline-block;  clear:both; font-size:14px; padding-top:15px;font-family:'OpenSans-Regular'; color:#999; letter-spacing:0}
.talk-list li.t-right { text-align:left; }
.talk-list li.t-right .img-wrap {position:absolute; right:-90px;left:auto;}
.talk-list li.t-right .txt-box {padding:30px 120px 30px 110px; background-position:65px 30px; }
.talk-list li.t-right .txt-box:after {right:auto;left:10%; background:url('/images/inc/bubble_arrow2.png') no-repeat center 0;}

/* º°Á¡ */
.talk-list li  .score { position:relative; display:inline-block;vertical-align:middle;  margin-left:20px;  width:100px; height:16px; background-position:0 0; overflow:hidden; font-size:xx-small; color:transparent; background-image:url('/images/score.png') }
.talk-list li  .score i { position:absolute; left:0; top:0; display:block; height:16px; width:100%; background-position:0 -16px; background-image:url('/images/score.png')}
.talk-list li  .score i.gauge0 { width:0;}
.talk-list li  .score i.gauge1 { width:20px;}
.talk-list li  .score i.gauge2 { width:40px;}
.talk-list li  .score i.gauge3 { width:60px;}
.talk-list li  .score i.gauge4 { width:80px;}
.talk-list li  .score i.gauge5 { width:100px;}




@media screen and ( max-width:1024px ) {	

	.talk-list { padding:0px 20px 0px; margin-top:0px; }
	.talk-list li { margin-bottom:32px;  }
	.talk-list li .img-wrap {  left:-60px; margin-top:-60px; width:120px; height:120px; }
	.talk-list li .txt-box {  width:calc(100% - 60px); min-height:150px; padding:20px 40px 20px 120px; border-radius:20px; background-size:20px 20px; background-position:85px 21px;   }
	.talk-list li.t-right .img-wrap { right:-60px;}
	.talk-list li.t-right .txt-box  { padding:20px 90px 20px 60px;background-position:25px 21px;  }
	.talk-list li .txt-box:after,
	.talk-list li.t-right .txt-box:after {display:none;}

}

@media screen and ( max-width:767px ) {
	.talk-list { padding:0px 10px 0px; }
	.talk-list li .txt-box .title {font-size:15px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
	.talk-list li .txt-box .cont {font-size:14px;padding-top:8px; }
	.talk-list li .txt-box .date {font-size:13px; padding-top:10px;}
}



@media screen and ( max-width:550px ) {
	.talk-list li { margin-bottom:20px;  }
	.talk-list li .img-wrap {  left:-30px; margin-top:-40px;  width:80px; height:80px;  }
	.talk-list li .txt-box {  width:calc(100% - 30px); min-height:120px; padding:15px 15px 15px 70px; border-radius:15px;  background-position:47px 12px;  background-size:16px 16px }
	.talk-list li .txt-box .title {font-size:14px; }
	.talk-list li .txt-box .cont {font-size:12px;max-height:57px;overflow:hidden; }
	.talk-list li .txt-box .date {font-size:12px; }
	.talk-list li.t-right { text-align:right; }
	.talk-list li.t-right .img-wrap {position:absolute; left:-30px; right:auto; }
	.talk-list li.t-right .txt-box {padding:15px 15px 15px 70px;  background-position:47px 12px;  }
}


/* **************************************** *
 * bbs-view
 * **************************************** */
.talk-view-title { display:block; text-align:center; padding-top:20px; padding-bottom:0px; }
.talk-view-title h2 {font-size:42px; line-height:1.6em;  color:#000; font-weight:500; font-family: 'Spoqa Han Sans'; }

.view-info { display:inline-block; clear:both; margin-top:30px;padding: 12px 20px 12px; font-size: 0; font-family:'OpenSans-Semibold', 'NotoSans'; border-radius:60px; border:1px dashed #ddd;}
.view-info span, .view-info time {display: inline-block; padding: 0 15px;position: relative; vertical-align: top; font-size: 15px;color: #999; letter-spacing:0;}
.view-info b {display: inline-block;padding-right: 7px;font-weight: 400;color: #000;}
.view-info span.author {font-weight: 600;color: #444;}

.view_content {display:block; padding:20px 20px; line-height:1.8em; color:#666; font-size:17px;min-height:500px; text-align:center;  }
.view_content img {max-width:100%;margin:20px auto; border-radius:15px;}
.view_content p {display:block; margin:30px 0;}


@media screen and ( max-width:1024px ) {
	.talk-view-title h2 {font-size:24px;}
	.view-info span, .view-info time {padding: 0 15px;font-size: 14px;}
	.view_content { padding:10px 10px;  font-size:15px;min-height:350px; }
	.view_content img { height:auto; width:80%;margin:20px auto; border-radius:12px;}
	.view_content p { margin:20px 0;}
	.view_content p br {display:none; }
   
}

@media screen and ( max-width:676px ) {
   .talk-view-title {padding-bottom:0; padding-top:5px}
   .view-info span, .view-info time { padding:0 10px; line-height:25px}
   .talk-view-title h2 {font-size:22px; font-weight:400 }
}
@media screen and ( max-width:500px ) {
   .view-info { padding: 8px 17px 8px; }

  .talk-view-title h2 {font-size:22px; line-height:30px;font-weight:500; }
  .view_content img { width:85%}
}

/* **************************************** *
 * bbs-write
 * **************************************** */
.talk-write {position:relative;width:100%;max-width:1000px; margin:0 auto; border-top:2px solid #f0d7d4; padding:15px; border-bottom:1px solid #d8d8d8}
.talk-write .row {display:block; font-size:0; padding:0px 0 10px;}
.talk-write .col-title {display:inline-block; vertical-align:top;line-height:45px;  font-size:15px; color:#333; width:160px;}
.talk-write .col-cont {display:inline-block; vertical-align:top; width:calc(100% - 160px); font-size:15px; color:#555;  }
.talk-write select,
.talk-write input[type="text"] {height:45px; line-height:43px; border-radius:3px; border:1px solid #e0d8d7; padding:0 5px; background-color:#fff;  position:relative; }
.talk-write select,
.talk-write textarea { border-radius:3px; border:1px solid #e0d8d7;background-color:#fff;}
.talk-write textarea {height:400px; }
.talk-write .w01 {width:110px; margin-right:5px;  }
.talk-write .w02 {width:140px;  margin-right:5px; }
.talk-write .w03 {width:385px; margin-right:5px; }
.talk-write .w100pc {width:100%; }
.talk-write button.btn-rep { height:45px; line-height:43px; border-radius:3px; font-size:15px; color:#fff; background-color:#444;border:1px solid #444 !important;  text-align:center; width:90px; outline:0 !important; }
.talk-write button.btn-rep:focus {border-color:#444 !important;}
.talk-write input + .remain {position:absolute;right:25px; top:15px; font-weight:bold;color:#f03d3d;z-index:1;}
.talk-write .time {position:relative;}
.talk-write .result {position:relative;display:inline-block; padding-top:5px; width:400px; margin-right:5px;  }
.fuc_wrap {display:none;}

.btnArea { display:block; text-align:center; font-size:0; padding-top:30px; }
.btnArea a { display:inline-block; margin:0 5px; border-radius:6px; border:1px solid #f5453b; font-size:16px; font-weight:500; font-family:'NotoSans';  height:50px; line-height:48px; padding:0 45px;}
.btnArea a.cancel { color:#f5453b; background-color:#fff; }
.btnArea a.confirm { color:#fff; background-color:#f5453b; }

@media screen and ( max-width:1024px ) {

   .talk-write {width:100%; padding:10px }

}

@media screen and ( max-width:800px ) {
   .talk-write .col-title { width:90px;}
   .talk-write .col-cont {width:calc(100% - 90px);  }
   .talk-write .w01 {width:calc(40% - 80px); margin-right:5px;  }
   .talk-write .w02 {width:calc(30% - 5px);  margin-right:5px; }
   .talk-write button.btn-rep { width:75px; }
   .talk-write .result {width:calc(100% - 80px); }

.talk-write select,
.talk-write input[type="text"] {height:40px; line-height:38px; }
.talk-write button.btn-rep { height:40px; line-height:38px; }
.talk-write textarea {height:300px; }

.btnArea a { border-radius:3px;  font-size:14px;  height:45px; line-height:43px; padding:0 30px;}


}

@media screen and ( max-width:500px ) {
   .talk-write .row {padding:0px 0 10px;}
   .talk-write .col-title { display:block; width:100%;}
   .talk-write .col-cont {display:block; width:100%;}
   .talk-write textarea {height:200px; }
      .talk-write .w01 {width:calc(46% - 80px);   }
   .talk-write .w02 {width:calc(27% - 5px); }

}

/* **************************************** *
 *  View- PAGINATION
 * **************************************** */
.view-pagination {display: table; width: 100%;height: 180px;margin: 0 auto;position: relative;border-top: 1px solid #ddd;}
.pagination_link, .pagination_title {display: table-cell;width:50%;height: 100%;position: relative;font-size: 15px;font-weight: 400;text-align: center;vertical-align: middle;color: #555;cursor:pointer;}
.pagination_next, .pagination_title_next {padding-left: 90px;padding-right: 0px;}
.pagination_prev, .pagination_title_prev {padding-right: 90px;padding-left: 0px;}
.pagination_prev:after, .pagination_next:after {content: ''; display: block;width: 100%; height: 2px;position: absolute;top: -1px;left: 0;background: transparent;-webkit-transition: background 300ms;transition: background 300ms;}
.pagination_link span {display: block;padding-top: 10px;-webkit-transition: color 200ms;transition: color 200ms;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.pagination_link b {display: inline-block;position: relative;font-size: 22px;line-height: 1;letter-spacing: 0.05em;font-weight: 600;text-transform: uppercase;-webkit-transition: color 200ms, padding 300ms;transition: color 200ms, padding 300ms;}
.pagination_link b:after {content: '';display: block;opacity: 0;visibility: hidden;width: 22px;height: 22px;line-height: 22px;position: absolute;top: 2px;font-size: 25px;font-family:'xeicon';font-weight: normal;text-align: center;color: #ea5858;
                                 -webkit-transition: opacity 300ms, left 200ms, right 200ms;transition: opacity 300ms, left 200ms, right 200ms; }
.pagination_prev b:after {left: 0;content:"\e93c";}
.pagination_next b:after {right: 0;content:"\e93f";}
.pagination_link:hover:after {background: #ea5858;}
.pagination_link:hover span {color: #ea5858;}
.pagination_link:hover b {color: #ea5858;}
.pagination_link:hover b:after {opacity: 1;visibility: visible;}
.pagination_prev:hover b {padding-left: 30px;}
.pagination_prev b:after {left: -3px;}
.pagination_next:hover b {padding-right: 30px;}
.pagination_next b:after {right: -3px;}

.pagination_list { display: block; text-align:center; width: 180px; height: 180px; position: absolute; top: 0;left: 50%;padding:60px 0;margin-left: -90px;font-size: 0;z-index:1;}
.pagination_list.pagination_link {font-size: 0;}
.pagination_list a{display:inline-block !important;vertical-align:top;  width: 60px; height: 60px;text-align:center; line-height:60px; font-size:15px; color:#333; border:1px solid #ddd; }
.pagination_list a.list { background: #222 url('/images/sub/ico_list.png') no-repeat center center; background-size: 20px 20px; z-index: 1; border:1px solid #222;  -webkit-transition: background 300ms;transition: background 300ms;  font-size:0}
.pagination_list a.list:hover { background-color: #ea5858; }


.en { font-family: 'OpenSans-Semibold'; }
/* span text-overflow ellipsis debug */
.pagination_prev, .pagination_next { max-width: 0; }


.pagination_list2 {display:inline-block; vertical-align:top; width:50%;  text-align:center; border-bottom:1px solid #ddd;}
.pagination_list2 a {display:inline-block; vertical-align:middle; margin:0 3px; height:73px; background-color:#fff; color:#333; font-size:16px; line-height:73px; padding:0 20px; border:1px solid #ddd; }
.pagination_list2  .w-list{background-color:#333; border-color:#333; color:#fff; }

/* BBS pagination */
.pagination { display:inline-block; width:100%; margin:5px 0 0; padding:0; position:relative; }
.pagination:after {content:''; clear:both; }
.pagination ul {font-size:0;text-align:center; font-size:0  }
.pagination li { display:inline-block;  margin:0 3px; }
.pagination li a { display:inline-block; font-size:14px; border:1px solid #dcdde0; width:40px; height:40px; line-height:40px; border-radius:50%; color:#333;background:#fff; vertical-align:middle; transition:300ms ease-out 0ms;}
.pagination li i {font-family:"Material Design Icons","xeicon"; font-size:24px;  }
.pagination li.prev {margin-right:10px; }
.pagination li.next {margin-left:10px; }
.pagination li a:hover {background:#ea5858; border:1px solid #ea5858;  color:#fff; }
.pagination li a.on { background:#ea5858; border:1px solid #ea5858; color:#fff; }
.pagination li a.off { color:#ea5858; }
.pagination li a.on,
.pagination li a.off:hover {color:#fff;}
.pagination li:first-child a{  margin-left:0;border-left:1px solid #dcdde0; }
.pagination li:last-child a {  }

.btn-write {position:absolute; right:0; top:0;}
.btn-write a {display:block; height:40px; line-height:40px; padding:0 30px; border-radius:7px; background-color:#f33c23; box-shadow:3px 3px 8px -3px rgba(243,60,35,0.3); color:#fff; font-size:16px; font-weight:500;  }

@media screen and ( max-width:1024px ) {
	.view-pagination { height: 110px; }
	.pagination_link {padding-top:15px;}
	.pagination_link, .pagination_title {font-size: 13px;}
	.pagination_link b {font-size: 18px;}
	.pagination_link span {font-size:12px;}



	.pagination_list { margin-top:-20px}

	
}

@media screen and ( max-width:676px ) {
	.view-pagination { height: 80px; }
	.pagination_title {font-size: 12px;}
    .pagination li {  margin:0 1px; }
    .pagination li i {font-size:20px;}

}

@media screen and ( max-width:500px ) {

.btn-write {position:relative;display:block; text-align:right; padding-top:18px; }
.btn-write a {display:inline-block; height:30px; line-height:30px; padding:0 18px; 0 font-size:14px; }

.pagination_next, .pagination_title_next {padding-left: 60px;}
.pagination_prev, .pagination_title_prev {padding-right: 60px;}

.pagination_list { width: 120px; height: 40px;margin-left: -60px;margin-top:-10px}
.pagination_list a{ width: 40px; height: 40px;text-align:center; line-height:40px; font-size:13px; }
.pagination_list a.list {  background-size: 16px 16px; }

.pagination_link b {font-size: 15px;}
	.pagination_link span {font-size:12px; color:#999}
}


/**************************************************************************************************/
/*                                                  ·¹À̾îÆ˾÷                              
/************************************************************************************************ */
.pop-layer {  display: none;  position: absolute;  top: 50%;  left: 50%;  width:750px;  height:auto; border-top:5px solid #f05943; background-color: #fff; z-index: 3333; }
.pop-layer .pop-container { position:relative;  padding: 30px 30px;}
.pop-layer .btn-r {}

.dim-layer {  display: none;  position: fixed;  _position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%; z-index:3330 }
.dim-layer .dimBg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .6;  filter: alpha(opacity=50); }
.dim-layer .pop-layer {  display: block;  }

.pop-conts {display:block;  }
.pop-layer .head {display:block; padding:0px 0; text-align:center; }
.pop-layer .head h2{ font-size:32px; font-weight:500; color:#333; line-height:1.4em;  }
.pop-layer .head h2 strong {font-weight:bold;}
.pop-layer .head p {font-size:17px; line-height:1.3em; color:#888; padding-top:10px;letter-spacing:-.09em; }
.pop-layer .line {display:block;margin:20px 0 0; height:5px; background:url(/images/inc/line_pattern.png) repeat-x 0;}
.pop-layer .table {width:100%;}
.pop-layer .table li { border-bottom:1px solid #dedede; padding:20px 0; font-size:0}
.pop-layer .table li span {display:inline-block; vertical-align:middle; font-size:16px; color:#555}
.pop-layer .table li span:first-child { width:120px; padding-left:5px;}
.pop-layer .table li span:first-child + span {width:calc(100% - 120px); }
.pop-layer .textbox {background-color:#f5f5f5; border:1px solid #ddd; padding:20px; font-size:14px; line-height:1.4em; height:120px;overflow-y:scroll; margin:15px 0 10px; font-family:'NotoSans'}
.pop-layer .textbox .tit {font-size:15px; color:#333;font-weight:500 }
.pop-layer .textbox .exp {font-size:13px; color:#777;  margin-bottom:10px; padding-top:7px; }
.pop-layer .agree {display:block; font-size:14px; color:#666;  padding-bottom:10px; border-bottom:1px solid #dedede;}
.pop-layer .btn-wrap {  display:block;margin-top:30px;  text-align: center; font-size:0}
.pop-layer .btn-wrap a{display: inline-block; vertical-align:top; margin:0 5px; height: 40px; line-height:39px !important; padding:0 30px; font-size:16px;  color:#fff; border-radius:3px; letter-spacing:-.04em;}
.pop-layer .btn-wrap a.home-service { background-color:#f05943}
.pop-layer .btn-wrap a.btn-layerClose {  background-color: #444;  }

.pop-layer input[type="text"] {background-color:#f5f5f5;border:1px solid #f5f5f5; margin:0 5px;  height:45px; line-height:45px; letter-spacing:0}
.pop-layer input[type="text"]:focus {background-color:#fff; border-color:#f05943}

.pop-layer .w150 {width:150px; }
.pop-layer .w100 {width:100px; }
.pop-layer .w120 {width:120px; }
.pop-layer .w150 {width:150px; }
.pop-layer .w200 {width:200px; }
.pop-layer .w300 {width:300px; }
.pop-layer .w20pc {width:20%; }
.pop-layer .w30pc {width:30%; }
.pop-layer .w50pc {width:50%; }

/* ½ºÅ©·ÑÄ÷¯ */
.pop-layer ::-webkit-scrollbar { width: 8px;height:8px;}
.pop-layer ::-webkit-scrollbar-thumb { background:#999; opacity:1 !important;  border-radius:12px; }


@media screen and ( max-width:1024px ) {
.pop-layer { border-width:3px;}
.pop-layer .head h2{ font-size:23px; }
.pop-layer .head p {font-size:14px; }

.pop-layer a{margin:0 2px; height: 32px; line-height:31px !important; padding:0 15px; font-size:14px;  }

}
@media screen and ( max-width:750px ) {
	.pop-layer {  width:550px; }

}

@media screen and ( max-width:550px ) {
  .pop-layer {  width:450px; }
}


@media screen and ( max-width:500px ) {
.pop-layer {  width:400px; }
.pop-layer .pop-container { position:relative;  padding: 20px;}

    .pop-layer .head h2{ font-size:19px; }
    .pop-layer .head p {font-size:13px; padding-top:5px;}


	.pop-layer .table li { padding:7px 0; font-size:0}
	.pop-layer .table li span { font-size:14px; }
	.pop-layer .table li span:first-child { width:55px; padding-left:3px;}
	.pop-layer .table li span:first-child + span {width:calc(100% - 55px); }
	.pop-layer .textbox { padding:10px; font-size:13px; line-height:1.3em; }
	.pop-layer .textbox .tit {font-size:14px; }
	.pop-layer .textbox .exp {font-size:13px; color:#777;  padding-top:5px; }


	.pop-layer .btn-wrap a{ margin:0 2px; height: 35px; line-height:34px !important; padding:0 12px; font-size:14px; }

   .pop-layer input[type="text"] { margin:0 2px;  height:38px; line-height:38px; letter-spacing:0}
   .pop-layer .w50pc {width:80%; }
   .pop-layer .w100 {width:65px; }
   .pop-layer .w120 {width:80px; }



}
@media screen and ( max-width:380px ) {
  .pop-layer {  width:350px; }
}
@media screen and ( max-width:360px ) {
  .pop-layer {  width:320px; }
     .pop-layer .w100 {width:55px; }
   .pop-layer .w120 {width:65px; }

}

.zoom-list {padding: 10px 0 0;}
.zoom-list div {padding:0 0 5px;}
.zoom-list div img {width:100%;}