.main section {position:relative; padding:70px 0 80px;}


/* title */
.title-wrap { margin-bottom:1.875rem; position:relative; }
.title-wrap .title {font-size:1.875rem; color:var(--txt-black); line-height:1.5em; font-weight:300;}
.title-wrap .title.rec:after {content:''; display:inline-block; vertical-align:top; width:8px; height:8px; border-radius:8px; background-color:var(--txt-default);}
.title-wrap .txt {font-size:1rem; line-height:1.4em; margin-top:0.65rem; }
.title-wrap.white .title,
.title-wrap.white .txt {color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,0.06)}
.title-wrap a.btn-more {position:absolute; right:5px; top:1.6rem; font-size:0.98rem; font-weight:500;  color:var(--txt-dark-grey); font-family:'Spoqa Han Sans'; }
.title-wrap a.btn-more:after {content:"\e93f"; display:inline-block; vertical-align:top; margin-top:0.5px;font-family:'xeicon'; font-size:1.4rem; }
.title-wrap a.btn-plus {position:absolute; right:5px; top:1.6rem; font-size:0.98rem; font-weight:500;  color:var(--txt-dark-grey);  }
.title-wrap a.btn-plus:after {content:"\e9c5"; display:inline-block; font-family:'xeicon'; font-size:1.9rem; color:#fff;} /* "\e9c5" \e913*/
@media screen and ( max-width:1024px ) {
    .main  section { padding:40px 0;}

	.title-wrap { margin-bottom:1.25rem;   }
	.title-wrap .title {font-size:1.438rem;}
	.title-wrap .title.rec:after { width:6px; height:6px; }
	.title-wrap .txt {font-size:0.9rem}
	.title-wrap a.btn-more {top:0.5rem; }
    
	.title-wrap a.btn-plus {top:0.8rem}
    .title-wrap a.btn-plus:after { font-size:1.5rem; } 


}

@media screen and ( max-width:670px ) {
    .main  section { padding:30px 0;}

	.title-wrap { margin-bottom:1.25rem;   }
	.title-wrap .title {font-size:1.25rem;}
	.title-wrap .title.rec:after { width:6px; height:6px; }
	.title-wrap .txt {font-size:0.78rem; margin-top:0.125rem; letter-spacing:-.04em;}

	.title-wrap a.btn-more {font-size:0.85rem; top:0.35rem;letter-spacing:-.04em; }
    .title-wrap a.btn-more:after {margin-top:0.05rem; font-size:1.1rem; }

}

@media screen and ( max-width:540px ) {
   .main  section { padding:30px 0;}

	.title-wrap { margin-bottom:0.85rem;   }
	.title-wrap .title {font-size:1.125rem;}

}

.main-ad {position:absolute; left:50%; top:150px; margin-left:-750px;  z-index:50}
.video_bg { display:block; position:fixed; width:100%; height:100%; background:rgba(255,255,255,.5); z-index:999; }
.video_bg .video-wrap { position:fixed; width:1000px; height:550px;  top:50%; left:50%; transform: translate(-50%,-50%); z-index:1000; }
.video_bg .video-wrap .video { position:relative;  }
.video_bg .video-wrap .video .btn-close {position:absolute; top:-25px; right:25px; width:50px; height:50px; background:#fff url('/images/btn_close.png') no-repeat center ; background-size:auto 21px; border-radius:50%; text-align:center; cursor:pointer}

/*********************************************************/
/*                        spotzone
/******************************************************* */
.playerBox {position:relative !important;left:50%;top:0;width:105%; height:100% !important;background-color:#000; text-align:center;transform:translateX(-50%);}
.playerBox .video2 {margin:0 auto; width:1200px;max-width:100%;}
.mbYTP_wrapper {position:absolute !important; top:100px !important;}
.video {min-width: auto; min-height: 100%; }
.spotzone{ position:relative; margin:0 auto; height:670px;overflow:hidden;padding-top:90px;}
.spotzone li{ width:100% !important; position:relative; height:670px; }
.spotzone li.n01 {background: url('/images/main/main_visual_01.jpg') no-repeat center bottom; background-size:cover; }
.spotzone li.n02 {background: url('/images/main/main_visual_01.jpg') no-repeat center bottom; background-size:cover; }
.spotzone li a {display:block;  width:100%; height:100%;}
.spotzone li .txtbox { position:absolute;width:1200px;left:50%; margin-left:-600px; padding-top:11rem; padding-left:20px;  z-index:10; }
.spotzone li .txtbox .tit2{ margin-top:1rem; }
.spotzone li .txtbox .txt1 {margin-top:2rem;}
.spotzone li .txtbox .txt2 {margin-top:0.35rem;}

.spotzone li .txtbox .tit1, .spotzone li .txtbox .tit2, .spotzone li .txtbox .txt1, .spotzone li .txtbox .txt2{ transition:all 1s cubic-bezier(0.16, 0.84, 0.44, 1); transition-delay:0.6s; letter-spacing:-.04em; opacity:0;text-shadow:3px 3px 7px #fff;   }

.spotzone li .txtbox .tit1 {font-size:3.125rem; line-height:3.2rem; font-weight:300; color:#222; }
.spotzone li .txtbox .tit2 {font-size:3.125rem; line-height:3.2rem; font-weight:bold; color:var(--txt-default); text-transform:uppercase; }
.spotzone li .txtbox .txt1 {font-size:1.25rem; line-height:1.25em; color:#555; font-weight:500;}
.spotzone li .txtbox .txt2 {font-size:1.25rem; line-height:1.25em; color:#555; font-weight:500;}

.spotzone li .txtbox .tit1{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .tit2{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .txt1{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }
.spotzone li .txtbox .txt2{ transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px); }


/* active */
.spotzone li.active .txtbox .tit1 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay: 0.2s;}
.spotzone li.active .txtbox .tit2 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.4s;}
.spotzone li.active .txtbox .txt1 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.8s;}
.spotzone li.active .txtbox .txt2 {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:1.0s;}

.spotzone .bx-pager{ z-index:33; position:absolute; bottom:1rem; left:50%; width:1200px; margin-left:-600px; padding-left:20px; }
.spotzone .bx-pager div{ display:inline-block; }
.spotzone .bx-pager a { display:inline-block; position:relative; width:12px; height:12px; margin-right:10px; background:#fff; border-radius:50%; transition:all .4s; text-indent:-999em; }
.spotzone .bx-controls a.active{  background-color:var(--txt-default);}

.spotzone .bx-controls-direction a { position:absolute; top:50%; right:0;  width:60px; height:60px; line-height:60px; z-index:50; background:transparent;color:#fff;text-align:center;font-size:0; transition: all 0.3s ease-in; }
.spotzone .bx-controls-direction a:hover { background-color:#fff; color:var(--txt-default); border-radius:50%; }
.spotzone .bx-controls-direction a:after {display:inline-block; font-family:'xeicon'; font-size:25px !important;}
.spotzone .bx-controls-direction a.bx-prev { left:20px; }
.spotzone .bx-controls-direction a.bx-prev:after {content:"\e908"; }
.spotzone .bx-controls-direction a.bx-next { right:20px; }
.spotzone .bx-controls-direction a.bx-next:after {content:"\e90b"; }
.spotzone .bx-controls-direction a.bx-prev:hover {left:10px;}
.spotzone .bx-controls-direction a.bx-next:hover {right:10px;}

.spotzone  .bx-controls-auto {position:absolute;bottom:217px;left:50%;  margin-left:-610px; width:80px; height:30px; z-index:33; color:#fff;}
.spotzone  .bx-controls-auto .bx-controls-auto-item { display:inline-block; width:25px; height:25px; margin-right:0px; text-align:center; }
.spotzone  .bx-controls-auto a { overflow:hidden;height:25px; font-size:0 }
.spotzone  .bx-controls-auto  a.active{background-color:transparent; }
.spotzone  .bx-controls-auto .bx-start:before {content:"\ea3e"; display:inline-block; color:#fff; font-size:25px;text-align:center;  }
.spotzone  .bx-controls-auto .bx-stop:before {content:"\ea3b"; display:inline-block; color:#fff; font-size:25px;text-align:center;  }
.spotzone  .bx-controls-auto .bx-start:after { display:none;}
.spotzone  .bx-controls-auto .bx-start.active:before,
.spotzone  .bx-controls-auto .bx-stop.active:before { color:#fe6000}

@media screen and ( max-width:1350px ) {
    .spotzone .bx-controls-direction a {display:none;}

}
@media screen and ( max-width:1200px ) {
	.spotzone{ max-height:550px;padding-top:4.375rem;}
	.spotzone li{height:550px;}

	.spotzone li .txtbox { width:100%;left:0; margin-left:0px;  padding-left:20px;  padding-top:10rem;}
	.spotzone .bx-pager{ left:0; width:100%; margin-left:0; padding-left:20px; }

	.spotzone li .txtbox .tit1 {font-size:2.125rem; line-height:2.2rem; }
	.spotzone li .txtbox .tit2 {font-size:2.125rem; line-height:2.2rem; }
	.spotzone li .txtbox .txt1 {font-size:1.05rem; line-height:1.1em; }
	.spotzone li .txtbox .txt2 {font-size:1.05rem; line-height:1.1em; }


}

@media screen and ( max-width:1024px ) {
    .spotzone{ max-height:500px; }
    .spotzone li{ height:500px; }

	.spotzone li .txtbox { padding-top:8rem;}
    .spotzone li .txtbox .tit2{ margin-top:0.65rem; }
    .spotzone li .txtbox .txt1 {margin-top:1rem;}

	.spotzone li .txtbox .tit1,	.spotzone li .txtbox .tit2 {font-size:1.85rem; line-height:1.85rem; }
	.spotzone li .txtbox .txt1,
	.spotzone li .txtbox .txt2 {font-size:0.9rem; line-height:1em; }

}


@media screen and ( max-width:767px ) {
    .spotzone { max-height:450px; }
    .spotzone li { height:450px; }
}

@media screen and ( max-width:640px ) {
	.spotzone, .spotzone li { height:400px; }
}

@media screen and ( max-width:414px ) {
    .spotzone, .spotzone li { height:300px; }
	.spotzone li.n01 {background:url('/images/main/m_main_visual_01.jpg') no-repeat center bottom; background-size:cover; }
	.spotzone li.n02 {background:url('/images/main/m_main_visual_01.jpg') no-repeat center bottom; background-size:cover; }
	.spotzone li .txtbox {padding-top:3rem; }

    .spotzone li .txtbox .tit1,	.spotzone li .txtbox .tit2 {font-size:1.5rem; line-height:1.5rem; }
}

@media screen and ( max-width:360px ) {
	.spotzone , .spotzone li { height:270px;  }
	.spotzone li .txtbox {padding-top:2.5rem; }
	.spotzone li .txtbox .tit1,	.spotzone li .txtbox .tit2 {font-size:1.25rem; line-height:1.25rem; }
}





/* Â÷·®°Ë»ö */
.mainSec1 {background-color:#fff; }
.search_area h4 strong {color: var(--txt-default)}
.search_area h4 em { display:inline-block; vertical-align:middle; text-indent:8px; font-size:1.875rem; line-height:1.9rem;color:#333; font-weight:500;  letter-spacing:-.04em;}
.search_area h4 span {display:inline-block; vertical-align:middle; width:135px; height:65px;  margin-left:10px; background:url('/images/main/qt_car.png') no-repeat center ; }
.search_area .box {margin-top:0.5rem; padding:1rem; border-radius:120px; border:1px solid #78a4fe; box-shadow:7px 7px 15px -3px rgba(18,117,240,0.1)}
.search_area > ul > li {display:inline-block;}
.search_area form > div {float:left;display:inline-block;box-sizing:border-box;vertical-align:middle;}

.search_area .selectBox {width:40%; text-align:left; font-size:0;}
.search_area .selectBox a{display:inline-block;width:50%;padding:0 0 0 15px; border-right:1px solid #eee; background:transparent url('/images/main/arrow.png') right center no-repeat; background-position:calc(100% - 15px) ; color:#333; line-height:60px; font-size:1rem;font-weight:500;  text-align:left; box-sizing:border-box; -webkuit-box-sizing:border-box; -moz-box-sizing:border-box;}
.search_area .sel2 {width:50%;}

.search_area a.selected, .search_area a.first {background:transparent  url('/images/main/arrow2.png') right center no-repeat; background-position:calc(100% - 15px) ; font-weight:bold !important; color:var(--txt-default) ;}
.search_area a.active{ position:relative; background:transparent url('/images/main/arrow2.png') right center no-repeat ;background-position:calc(100% - 15px) ;border-bottom-color:#fff;font-weight:bold !important;color:var(--txt-default) !important;z-index:14;}

.search_area .selectBox.box2 {width:60% !important; }
.search_area .selectBox.box2 a.sel3 {width:calc(60% - 170px) !important;  }
.search_area .selectBox.box2 input[type="text"] { display:inline-block; vertical-align:top;  width:40%; background-color:transparent;padding:0 0 0 15px; margin:0;height:60px; line-height:60px; font-size:1rem; color:var(--txt-default);border:0px solid #f00;  }
.search_area .selectBox.box2 .search_btn {display:inline-block;width:170px;border:0;padding:0;margin:0; border-radius:100px; background: linear-gradient(to bottom right, #1275ef 0%, #3346fa 100%); color:#fff;height:60px; line-height:60px;font-size:17px; font-weight:bold; vertical-align:top; 
                                                       box-sizing:border-box; -webkuit-box-sizing:border-box;-moz-box-sizing:border-box;}
.search_area .selectBox.box2 .search_btn:after {content:''; display:inline-block; vertical-align:middle; margin-top:-4px; width:23px; height:23px; margin-left:10px; background:url('/images/main/ico_search.png') no-repeat center ; background-size:auto 23px;}


.search_area .selectOption {position:relative;clear:both;width:100%;}
.search_area .selectOption h4 {text-indent:0px; color:#aaa;font-weight:500; font-size:1rem; text-align:center; margin-bottom:0.65rem;}
.search_area .optionBox {display:none;position:absolute;top:15px;left:-1rem;width:calc(100% + 2rem);padding:30px;border:1px solid #78a4fe; border-radius:12px; background:#fff;font-size:14px;text-align:left;z-index:333;box-shadow:3px 3px 7px rgba(0,0,0,.1);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.search_area .optionBox > div {font-size:0;}
.search_area .optionBox h4 button { position:absolute;top:0;right:0;font-size:0;width:45px;height:45px;background:url('/images/main/pop_close.png') no-repeat center center;background-size:auto 17px;}
.search_area .optionBox h5 {padding:15px 0 5px;font-size:0.95rem; color:#555;font-weight:600;}
.search_area .optionBox h5.first {padding-top:0 !important;}
.search_area .optionBox a {display:inline-block;width:14%;margin:0 .2% .3% 0;padding:9px .5%;border:0px solid #eaeaea; background-color:#f8f8f8; border-radius:4px;text-decoration:none;font-size:0.95rem; font-weight:500; letter-spacing:-1px;line-height:24px;text-align:center;vertical-align:top;}
.search_area .optionBox a:hover {border-color:var(--txt-default);color:#fff;background:var(--txt-default);}
.search_area .optionBox.optBox3 a {width:19.6%;margin:0 .2% .3% 0;}

/*
.search_area div.btn_set {position:relative;float:right;width:200px;font-size:0;} 
.search_area div.btn_set .search_btn {display:inline-block;width:100%;border:0;padding:0;border-radius:100px; background: linear-gradient(to bottom right, #1275ef 0%, #3346fa 100%); color:#fff;height:60px; line-height:58px;font-size:17px; font-weight:bold; vertical-align:middle; box-sizing:border-box; -webkuit-box-sizing:border-box;-moz-box-sizing:border-box;}
.search_area div.btn_set .search_btn:after {content:''; display:inline-block; vertical-align:middle; margin-top:-4px; width:23px; height:23px; margin-left:10px; background:url('/images/main/ico_search.png') no-repeat center ;}
.search_area div .more_btn {position:absolute;right:0;top:60px;color:#989fa1;line-height:45px;text-decoration:underline;letter-spacing:-1px;}
*/

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

	.search_area h4 em { text-indent:0px; font-size:1.25rem;margin-bottom:0.65rem; }
	.search_area h4 span {width:100px; height:48px;  margin-left:5px; background-size:cover; }
	.search_area .box { padding:0.625rem; }

	.search_area .selectBox a{padding:0 0 0 12px;height:50px; line-height:50px; font-size:14px;background-size:12px 12px; }
    .search_area .selectBox.box2 a.sel3 { letter-spacing:-.12em; height:50px; line-height:50px;  }
	.search_area a.selected, .search_area  a.first {background-size:12px 12px}
	.search_area a.active{background-size:12px 12px}
    .search_area .selectBox.box2 input[type="text"]{height:50px; line-height:50px;  }
	.search_area .selectBox.box2 .search_btn { width:150px;height:50px; line-height:50px;font-size:15px;}
	.search_area .selectBox.box2 .search_btn:after {margin-top:-2px; width:20px; height:20px; margin-left:5px; background-size:cover; }

	.search_area .optionBox {top:10px;padding:15px; left:-10px; width:calc(100% + 20px) }
	.search_area .optionBox a {display:inline-block;width:19%;margin:0 .5% .5% 0; }
    .search_area .optionBox.optBox3 a {width:32%;margin:0 .5% .5% 0;}


}

@media screen and (max-width:899px){
	.search_area h4 {font-size:0; padding:0 5px;}
	.search_area h4 em{ width:calc(100% - 85px); font-size:1.0rem;line-height:1.35rem; margin-bottom:0.35rem; }
	.search_area h4 span { width:80px; height:39px;  }

	.search_area .selectOption h4 {font-size:0.8rem; margin-bottom:0.35rem; }

	.search_area .box { border-radius:0.85rem; }
	.search_area .selectBox {width:100%;}
	.search_area .selectBox a {border-right:0 !important; font-size:13px; border-radius:6px; background-color:#f1f4fa }
	.search_area .sel2 {width:calc(50% - 5px) !important; margin-left:5px;}
	.search_area .selectBox.box2 {width:100% !important;}
	.search_area .selectBox.box2 a.sel3 {margin-top:5px; width:50% !important}
	.search_area .selectBox.box2 input[type="text"] {width:calc(50% - 60px) !important;  font-size:13px; padding-left:10px; margin-left:5px;  margin-top:5px; border-radius:6px; background-color:#f1f4fa}
	.search_area .selectBox.box2 .search_btn {font-size:0;border-radius:6px; margin-top:5px; width:50px;margin-left:5px; }
    .search_area .selectBox.box2 .search_btn:after {margin-left:0px;   }
	.search_area .optionBox { border-radius:0.85rem; padding:10px; }
	.search_area .optionBox h4 button { width:35px;height:35px;background:url('/images/main/pop_close.png') no-repeat center center;background-size:auto 12px;}

}

@media screen and (max-width:380px){
	.search_area .selectBox a{ height:45px; line-height:45px}
	.search_area .selectBox.box2 a.sel3 {height:45px; line-height:45px;  }
	.search_area .selectBox.box2 input[type="text"] {height:45px; line-height:45px; width:calc(50% - 55px) !important; }
	.search_area .selectBox.box2 .search_btn { width:45px;height:45px; line-height:45px;}

	.search_area .optionBox a {width:49%;  }
	.search_area .optionBox.optBox3 a {width:100%;margin:0 0 .5% 0;}


}


.search_tab {margin:0 auto 10px;padding-top:0px;}
.search_tab > ul {font-size:0;}
.search_tab > ul > li {display:inline-block;padding:0 1.5rem;border:1px solid transparent;border-radius:0px;box-sizing:border-box;}
.search_tab > ul > li > span {display:block; height:50px; line-height:50px;  font-size: 1.125rem; font-weight:600; padding-top:3px; letter-spacing:-.5px; border-bottom:4px solid transparent; cursor:pointer;color:#9ca2ad;}
.search_tab > ul > li.on > span { border-color:var(--txt-default); color:var(--txt-default);}


.main_search {position:relative;padding:20px 0 0; }
.main_search .search > ul > li {display:inline-block; }
.main_search .class {font-size:0; padding:10px 0px 0px; overflow:hidden; }
.main_search .class li{ box-sizing:border-box; text-align:center; width:calc(12.5% - 2px); margin-left:2px; }
.main_search .class li:first-child { margin-left:0; }
.main_search .class li.c1 a {background:url('/images/main/class_car01.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c2 a {background:url('/images/main/class_car02.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c3 a {background:url('/images/main/class_car03.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c4 a {background:url('/images/main/class_car04.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c5 a {background:url('/images/main/class_car05.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c6 a {background:url('/images/main/class_car06.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c7 a {background:url('/images/main/class_car07.png')no-repeat center 0; background-size:65%;}
.main_search .class li.c8 a {background:url('/images/main/class_car08.png')no-repeat center 0; background-size:65%;}
.main_search .class li a { display:block; height:85px; padding:0; color:#fff; font-size:15px; background-color:#fff;
              background-position-x: 50%;
			  background-position-y: 0%; 
			  -webkit-animation: zoomout .3s linear;
			  animation: zoomout .3s linear;
			  }
.main_search .class li a span {line-height: 135px; color:#333; font-weight:500;border:0px solid #f00;}
.main_search .class li a:hover {  background-position-x: 50%;
			  background-position-y: 0%; 
			  -webkit-animation: zoomin .3s linear;
			  animation: zoomin .3s linear;
			  animation-fill-mode: both;  }
.main_search .class li a:hover span { color:#000;}

.main_search .maker {font-size:0; padding:12px 0px 0;}
.main_search .maker li{ box-sizing:border-box; text-align:center; width:9%;vertical-align:middle;}
.main_search .maker li a {height:83px;padding-top:10px; padding:0;font-size:14px; color:#111; display:block;}
.main_search .maker li a span {display:block;line-height: 15px; text-align:center; }
.main_search .maker li img {margin:5px auto 0;}
.main_search .maker li a:hover {color:var(--txt-default);}

.main_search .local {position: relative;width:100%;height:95px;font-size:0;}
.main_search .local ul { text-align:center; font-size:0}
.main_search .local ul li {display:inline-block; vertical-align:top; padding:0;margin:0 3px;padding:1rem 0; }
.main_search .local ul li a {display:block;background:#f9f9f9; padding:0 1rem;margin:0 0;border-radius:4px;font-size:1rem;letter-spacing:-1px;line-height:55px;font-weight:bold;}
.main_search .local ul li a:hover {background:var(--txt-default); color:#fff; }


.main_search .fuel {position: relative;width:100%;height:95px;font-size:0;}
.main_search .fuel ul { text-align:center; font-size:0}
.main_search .fuel ul li {display:inline-block; vertical-align:top; padding:0;margin:0 3px;padding:1rem 0; }
.main_search .fuel ul li a {display:block;background:#fff; border:1px solid #eee; padding:0 2.65rem;margin:0 0;border-radius:4px;font-size:1rem;letter-spacing:-1px;line-height:55px;font-weight:bold;}
.main_search .fuel ul li a:hover {background:var(--txt-default); border-color:var(--txt-default);color:#fff; }
 

@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



@media screen and (max-width:1200px){
.main_search .local { }
.main_search .local ul li {padding:0.3rem 0; }
.main_search .local ul li a {padding:0 0.8rem;font-size:0.9rem;line-height:55px;font-weight:500;}
.main_search .fuel ul li {padding:0.3rem 0; }
.main_search .fuel ul li a { padding:0 1.65rem;margin:0 0; font-size:0.9rem;}

}

@media screen and (max-width:1024px){
	.search_tab > ul > li {padding:0 0.65rem;}
	.search_tab > ul > li > span { height:40px; line-height:40px;  font-size: 0.95rem; border-bottom:3px solid transparent; }

	.main_search .maker {padding-top:0; }
	.main_search .maker li a {height:65px;}
	.main_search .maker li a span {font-size:12px;}
	.main_search .maker li img {height:35px;}

	.main_search .class {padding:5px 0px 0px; }

	.main_search .class li.c1 a,
	.main_search .class li.c2 a,
	.main_search .class li.c3 a,
	.main_search .class li.c4 a,
	.main_search .class li.c5 a,
	.main_search .class li.c6 a,
	.main_search .class li.c7 a,
	.main_search .class li.c8 a { background-size:auto 30px;}
	.main_search .class li a { height:60px; font-size:12px; }
	.main_search .class li a span {line-height:90px; }

	.main_search .local {height:65px; }
	.main_search .local ul { white-space:nowrap; overflow-x: auto;}
	.main_search .local ul li{ width:20%;}

	.main_search ::-webkit-scrollbar { width: 3px;height:3px; }
.main_search ::-webkit-scrollbar-thumb { background:#ddd;}

}
@media screen and (max-width:890px){
	.main_search .local ul li{ width:30%;}
	.main_search .fuel ul li a { padding:0 1.1rem;}


}
@media screen and (max-width:670px){
    .main_search{height:135px; }
	.main_search .local ul li{ width:35%; }
	.main_search .local ul li a {padding:0; text-align:center; line-height:45px;}
	.main_search .fuel ul {white-space:nowrap; overflow-x: auto;}
	.main_search .fuel ul li a {line-height:45px; font-size:0.80rem}

}

@media screen and (max-width:580px){
	.main_search .search > ul { white-space:nowrap; overflow-x: auto;}
	.search_tab > ul > li > span {  font-size: 0.9rem; }

	.main_search .maker {font-size:0; padding:0px 0px 0; text-align:center; }
	.main_search .maker li {  width:18%;  margin:0 0rem;}
	.main_search .maker li a span {display:block;line-height: 15px;}
	.main_search .maker li img {margin-top:5px; height:30px;}
		.main_search .fuel ul li a {line-height:40px; }


	.main_search .class li {width:21%;}

}

.main_btn {display:flex; padding:1rem .65rem;  justify-content: center; }
.main_btn a {width:100%; height:3.25rem; background-color:var(--txt-default); color:#fff; font-size:1.1rem; font-weight:500; display:flex;  justify-content: center; align-items: center; border-radius:.35rem;}
.main_btn a:after {content:''; display:inline-block; vertical-align:top; margin-right:.5rem; width:3.25rem; height:3.25rem; background-repeat:no-repeat; background-size:auto 60%; background-position:center center; 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M10.3,19H6v1c0,0.5-0.4,1-1,1H4c-0.5,0-1-0.5-1-1v-8l2.1-6c0.2-0.6,0.7-1,1.4-1h11c0.6,0,1.2,0.4,1.4,1l2,5.7 c-0.7-0.8-1.7-1.4-2.7-1.8L17.1,7H6.8l-1,3h8.1c-1.1,0.4-2.1,1.1-2.8,2H5v5h4.7C9.8,17.7,10,18.4,10.3,19 M6,14.5 C6,15.3,6.7,16,7.5,16S9,15.3,9,14.5S8.3,13,7.5,13S6,13.7,6,14.5 M16.1,11.6c-2.5,0-4.5,2-4.5,4.5s2,4.5,4.5,4.5 c0.9,0,1.7-0.2,2.4-0.7l3.1,3.1l1.4-1.4l-3.1-3.1c0.4-0.7,0.7-1.5,0.7-2.4C20.6,13.6,18.6,11.6,16.1,11.6 M16.1,13.6 c1.4,0,2.5,1.1,2.5,2.5s-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5S14.7,13.6,16.1,13.6'/%3E%3C/svg%3E%0A");
}
/*********************************************************/
/*          car-list
/******************************************************* */
.car_list_item {display: inline-block; vertical-align: top; position:relative; box-sizing:border-box;padding:0 0px; width: 25%; margin:0 10px 20px;   border-radius:7px; overflow:hidden; background-color:#fff; outline: none; box-shadow:7px 7px 10px -5px rgba(25,100,210,0.1);}
.car_list_item a {display:block; }
.car_list_item figure { display:block; width:100%; position:relative;  height:210px;  background-repeat:no-repeat; background-position:center center; background-size:cover;  }
.car_list_item .car-badge {position:absolute; left:10px; top:10px; z-index:5;font-family:'Spoqa Han Sans' ; width:calc(100% - 20px) }
.car_list_item .car-badge label {display:inline-block;font-size:0.75rem; font-weight:500; color:#fff; margin-right:5px; height:1.5rem; line-height:1.5rem; padding:0 10px; border-radius:30px; background-color:#317ffd;}
.car_list_item .car-badge img {display:inline-block; margin-right:3px;}
.car_list_item .info-box {padding:1.563rem; }
.car_list_item .info-box .car-name { font-size:1.125rem; line-height:1.13em;  font-weight:bold; color:var(--txt-dark-grey); overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.car_list_item .info-box .car-desc {margin-top:0.85rem; font-size:0.85rem; color:#666; font-weight:500; font-family:'Spoqa Han Sans' ; letter-spacing:0;}
.car_list_item .info-box .car-desc em {display:inline-block; vertical-align:middle; width:4px; height:4px; border-radius:8px; background-color:#c3c7d3; margin:0 10px;}
.car_list_item .info-box .priceWrap {position:relative; margin:1.563rem 0 0.35rem; display:flex; flex-direction:row; justify-content:space-between; width:100%; }
.car_list_item .info-box .priceWrap .price {font-size:1.5rem; font-weight:bold; color:var(--txt-default);}
.car_list_item .info-box .priceWrap .price em {font-size:1.05rem; color:var(--txt-light-grey); margin-left:3px; font-weight:500; }

.car_list_item .btnCart {position:absolute;padding:1.563rem; right:0rem; bottom:0; z-index:33; }
.car_list_item .btnCart button {display:inline-block; width:26px; height:26px; background-color:transparent; margin-left:13px; z-index:35; }
.car_list_item .btnCart button:first-child {margin-left:0}
.car_list_item .btnCart button.wish { background-image:url('/images/sub/ico_wish_off.png'); background-size:auto 26px; background-position:center center; background-repeat:no-repeat;  }
.car_list_item .btnCart button.wish.on {background-image:url('/images/sub/ico_wish_on.png'); }
.car_list_item .btnCart button.vs { background-image:url('/images/sub/ico_vs_off.png'); background-size:auto 26px;  background-position:center center; background-repeat:no-repeat;  }
.car_list_item .btnCart button.vs.on {background-image:url('/images/sub/ico_vs_on.png'); }
.car_list_item .btnCart button.wish:hover {background-image:url('/images/sub/ico_wish_on.png'); }
.car_list_item .btnCart button.vs:hover {background-image:url('/images/sub/ico_vs_on.png'); }

.slick-dots {margin-top:0.95rem;text-align: center; display:none; }
.slick-dots > li {display: inline-block;vertical-align: top;width: 12px !important;height:12px !important;margin: 0 5px !important; padding:0 !important; background:#c9d9eb;border-radius: 12px !important;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background: var(--txt-default) !important;}
.slick-dots > li > button {text-indent:-9999px;}


.mainSec2 {background-color:#eaf1fb; overflow:hidden}
.mc2_list {font-size: 0;}



@media screen and ( max-width:1024px ) {
	.mc2_list {margin-left: 0; margin-right: 0;padding: 0 6px; }
	.mc2_list .slick-list {overflow: visible;}
    .mc2_list li.car_list_item {margin:0 5px 15px;  }

	.car_list_item .btnCart button.vs {display:none}
	

}


@media screen and ( max-width:677px ) {
	.mc2_list { padding: 0 3px; }

	.car_list_item .car-badge label {font-size:0.7rem;margin-right:3px; height:1.3rem; line-height:1.3rem; padding:0 8px;}
	.car_list_item .info-box {padding:1.2rem; }
	.car_list_item .info-box .car-name { font-size:1.1rem; }
	.car_list_item .info-box .car-desc {margin-top:0.65rem; font-size:0.8rem; height:2.25rem;}

	.car_list_item .info-box .priceWrap {position:relative; margin:1.2rem 0 0.25rem; }
	.car_list_item .info-box .priceWrap .price {font-size:1.2rem; font-weight:bold; color:var(--txt-default);font-family:'Spoqa Han Sans' ;}
	.car_list_item .info-box .priceWrap .price em {font-size:0.85rem;  }

	.car_list_item .btnCart { padding:1.2rem;  }
	.car_list_item .btnCart button {margin-left:8px; }
	.car_list_item .btnCart button.wish { background-size:auto 24px;  }
	.car_list_item .btnCart button.vs {  background-size:auto 24px;   }

	button.wish { background-image:url('/images/sub/ico_wish_off.png') !important;  }
    button.wish.on {background-image:url('/images/sub/ico_wish_on.png') !important; }



   
	.slick-dots {margin-top:0.25rem; }
	.slick-dots > li { width: 10px;height:10px;margin: 0 4px !important; }


}


/*********************************************************/
/*          ¾ÈÀü°Å·¡¼­ºñ½º
/******************************************************* */
.mainSec3 {
  background: linear-gradient(145deg, #4397ff, #376afe, #08d8b8);
  background-size: 200% 200%;
  -webkit-animation: bg-pan-left 6s alternate both infinite;
  animation: bg-pan-left 6s alternate both infinite;
}

.mainSec3 ul {margin-top:2rem; font-size:0; }
.mainSec3 ul li {display:inline-block;  vertical-align:top; width:16.6%; padding:1.2rem 0;text-align:center; border-left:1px solid rgba(255,255,255,0.1) ; }
.mainSec3 ul li:first-child {border-left:0; }
.mainSec3 ul li a {display:block;}
.mainSec3 ul li p {display:block; font-size:1.1rem; color:#fff; font-weight:500; line-height:1.5em; padding-top:1.1rem; }
.mainSec3 ul li figure {display:block; width:100%; height:90px; background-repeat:no-repeat; background-position:center center; background-size:auto; }
.mainSec3 ul li.n01 figure {background-image:url('/images/main/ico_service_01.png')}
.mainSec3 ul li.n02 figure {background-image:url('/images/main/ico_service_02.png')}
.mainSec3 ul li.n03 figure {background-image:url('/images/main/ico_service_03.png')}
.mainSec3 ul li.n04 figure {background-image:url('/images/main/ico_service_04.png')}
.mainSec3 ul li.n05 figure {background-image:url('/images/main/ico_service_07.png')}
.mainSec3 ul li.n06 figure {background-image:url('/images/main/ico_service_06.png')}


@media screen and ( max-width:1024px ) {
	.mainSec3 ul li img {height:65px; }
	.mainSec3 ul li figure {height:65px; background-size:auto 100%; }
	.mainSec3 ul li p {font-size:0.98rem; }

}

@media screen and ( max-width:780px ) {
	.mainSec3 ul li p {font-size:0.85rem; }

}
@media screen and ( max-width:677px ) {
.mainSec3 ul {margin-top:0.85rem;}
.mainSec3 ul li {width:33.3%; padding:1rem 0; }
.mainSec3 ul li:nth-child(4) {border-left:0; }
.mainSec3 ul li:nth-child(4),
.mainSec3 ul li:nth-child(5),
.mainSec3 ul li:nth-child(6) {border-top:1px solid rgba(255,255,255,0.1)}
}

@media screen and ( max-width:460px ) {
    .mainSec3 ul li  {padding:0.8rem 0}
	.mainSec3 ul li img,
	.mainSec3 ul li figure {height:50px; }
	.mainSec3 ul li p {font-size:0.80rem; }

}


@-webkit-keyframes bg-pan-left {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}

@keyframes bg-pan-left {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 100%;
  }
}


/*********************************************************/
/*         ±¹»êÂ÷·® / ¼öÀÔÂ÷·®
/******************************************************* */
.mainSec4, .mainSec5 {overflow:hidden; position:relative;}
.mc4_list .car_list_item,
.mc5_list .car_list_item {border:1px solid #e9edf3 ; box-shadow:7px 7px 10px -5px rgba(0,0,0,0.03);}
.mc4_list .car_list_item figure, .mc5_list .car_list_item figure {  height:180px;   }

.mainSec5 {background-color:#e9f2f8}


@media screen and ( max-width:1024px ) {
	.mc4_list, .mc5_list {margin-left: 0; margin-right: 0;padding: 0 6px; }
	.mc4_list .slick-list , .mc5_list .slick-list {overflow: visible;}
    .mc4_list li.car_list_item, .mc5_list li.car_list_item {margin:0 5px 10px;  }

}


.mainSec6 {overflow:hidden; position:relative;}
.mc6_list {margin:0}
.mc6_list li  { margin:0 10px;}
.mc6_list li img {border-radius:7px; }

.mainSec6 .slick-dots {position:absolute; right:5px; top:-60px;}

@media screen and ( max-width:1024px ) {
	 .mc6_list li img { width:100%; border-radius:4px;}
	 .mc6_list li  { margin:0 5px;}

}

@media screen and ( max-width:580px ) {
 .mc6_list li  { margin:0 3px;}
 .mainSec6 .slick-dots { top:-40px;}

}


.mainSec7 {overflow:hidden; position:relative; background-color:#6767f8; }
.mc7_list{ font-size:0; }
.mc7_list li {display:inline-block; margin:0 10px; background-color:#fff; border-radius:7px; padding:1.65rem 1.5rem; }
.mc7_list li .cp-name {font-size:1.25rem; line-height:1.25rem; color:#444; font-weight:bold }
.mc7_list li .number {margin-top:1.75rem; font-weight:bold; color:#5b3bff; font-size:1.3rem; line-height:1.3rem;}
.mc7_list li .number span {display:block; font-size:1.015rem; font-weight:500; color:#111; padding-bottom:0.35rem; }

.mainSec7 .slick-dots {position:absolute; right:5px; top:-60px; }
.mainSec7 .slick-dots > li {background:#c9c6fd !important}
.mainSec7 .slick-dots > li.slick-active {background:#fff !important;}


@media screen and ( max-width:1024px ) {
	.mc7_list li { margin:0 5px;border-radius:5px; padding:1.1rem 1.1rem; }
	.mc7_list li .cp-name {font-size:1rem; line-height:1.05rem;  }
	.mc7_list li .number {margin-top:1.125rem; font-size:1.15rem; line-height:1.15rem;}
	.mc7_list li .number span { font-size:0.95rem;padding-bottom:0.265rem; }
}
@media screen and ( max-width:580px ) {
 .mainSec7 .slick-dots { top:-40px;}

}

@media screen and ( max-width:380px ) {
	.mc7_list li { margin:0 3px;border-radius:4px; padding:0.9rem 0.9rem; }
	.mc7_list li .cp-name {font-size:0.95rem; line-height:1rem;  }
	.mc7_list li .number {margin-top:1rem; font-family:'Spoqa Han Sans';}
	.mc7_list li .number span { font-size:0.85rem;padding-bottom:0.215rem; }
}

@media screen and ( max-width:360px ) {
	.mc7_list li { margin:0 3px;  padding:0.8rem 0.8rem; }
	.mc7_list li .cp-name {font-size:0.75rem; line-height:0.9rem;  }
	.mc7_list li .number {margin-top:0.65rem; font-size:0.95rem;}
	.mc7_list li .number span { font-size:0.65rem;padding-bottom:0.115rem; }
}

.mainSec8 {background-color:#f7f7f8; }
.mainSec8 .inr {font-size:0}
.mainSec8 .cs { display:inline-block; vertical-align:top; width:50%; padding-right:5.313rem;}
.mainSec8 .cs ul {font-size:0;  }
.mainSec8 .cs ul li {display:inline-block; width:calc(50% - 5px); margin-left:10px; margin-bottom:10px; text-align:center;  }
.mainSec8 .cs ul li:nth-child(1),
.mainSec8 .cs ul li:nth-child(3) {margin-left:0;}
.mainSec8 .cs ul li a {display:block; background-color:#fff; border-radius:5px; box-shadow:2px 2px 5px rgba(0,0,0,0.05); height:4.063rem; line-height:4.063rem; font-size:1.125rem; color:#444;font-weight:500; }
.mainSec8 .cs ul li a:hover {background-color:var(--txt-default); color:#fff; }

.mainSec8 .news {  display:inline-block;  vertical-align:top; width:50%; }
.mainSec8 .news ul li {display:block; position:relative; width:100%; margin:2.188rem 0; padding-left:15px; }
.mainSec8 .news ul li:before {content:''; position:absolute; left:3px; top:6px; width:5px; height:5px; border-radius:5px; background-color:#555; }
.mainSec8 .news ul li a {display:block; position:relative;font-size:1.125rem; color:#333; font-weight:500; padding-right:120px; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; font-family:'Spoqa Han Sans';}
.mainSec8 .news ul li:hover a,
.mainSec8 .news ul li:hover a span{color:var(--txt-default)}
.mainSec8 .news ul li:hover:before{background-color:var(--txt-default)}
.mainSec8 .news ul li a span {position:absolute; right:10px; top:0px; font-size:1rem; color:#666; }
.mainSec8 .title-wrap a.btn-more {right:0px;}


@media screen and ( max-width:1024px ) {
	.mainSec8 .cs { padding-right:2.5rem;}
	.mainSec8 .cs ul li a { height:3.125rem; line-height:3.125rem; font-size:1rem;}

	.mainSec8 .news ul li { margin:1.5rem 0; padding-left:10px; }
	.mainSec8 .news ul li:before {top:7px; width:3px; height:3px;  }
	.mainSec8 .news ul li a  {font-size:0.875rem; }
	.mainSec8 .news ul li a span { font-size:0.813rem;  }

}


@media screen and ( max-width:680px ) {
	.mainSec8 .cs { padding-right:1.875rem;}

}

@media screen and ( max-width:580px ) {
	.mainSec8 .cs,
	.mainSec8 .news {display:block; width:100%;  }
	.mainSec8 .cs { padding-right:0;}
	.mainSec8 .news {margin-top:1.25rem;}
	.mainSec8 .news ul li { margin:0; margin-bottom:1rem; }
}

@media screen and ( max-width:360px ) {
.mainSec8 .news ul li a{padding-right:0}
.mainSec8 .news ul li a span {display:none;}
}