/*  bxslider */
.spotzone{ z-index:5; position:relative; width:100%;height:450px;overflow:hidden}
.spotzone:after {content:''; clear:both; display:block; }
.spotzone li{width:100% !important; min-height:450px;height:450px; position:relative;  background-size:auto;  background-repeat:no-repeat; background-position:center center; }
.spotzone li.n01{ background-image:url('/images/main/visual01.jpg'); }
.spotzone li.n02{ background-image:url('/images/main/visual02.jpg'); }
.spotzone li.n03{ background-image:url('/images/main/visual03.jpg'); }
.spotzone li .txtbox{position:relative;  width:1200px; height:100%; position:relative; padding-left:1rem; margin:0 auto; letter-spacing:-.04em; display:flex; flex-direction: column; justify-content: center; gap:.85rem;}
.spotzone li .txtbox .tit1 { color:#333; font-size:2.813rem; line-height:1.2em;font-weight:400; text-transform:uppercase;font-family:'GmarketSans'; margin-top:-2.5rem; }
.spotzone li .txtbox .exp { color:#333; font-size:1.2rem; line-height:1.8rem; font-weight:500; }
.spotzone li .txtbox strong {font-weight:700;}
.spotzone li .txtbox .img {margin-top:.5rem;}

.spotzone li.n02 .txtbox .tit1 { color:#10143b; }
.spotzone li.n02 .txtbox .exp {color:#10143b; }

.spotzone li.n03 .txtbox {text-align:center; height:auto;}
.spotzone li.n03 .txtbox .tit1 {margin-top:3.5rem;}

.spotzone li .txtbox .tit1,
.spotzone li .txtbox .exp,
.spotzone li .txtbox .img{ opacity:0; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:0.4s; text-shadow:2px 2px 6px rgba(0, 0, 0, 0.05);}


.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 .exp{transform:translateY(30px);-moz-transform:translateY(30px);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);}
.spotzone li .txtbox .img{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(0);-moz-transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.2s;}
.spotzone li.active .txtbox .exp{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 .img{opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay:0.6s;}

.spotzone .bx-pager {z-index:3333;position:absolute; left:50%; margin-left:-600px; bottom:50px; width:1200px; padding-left:.85rem; text-align:left; opacity:1;}
.spotzone .bx-pager div {display:inline-block;}
.spotzone .bx-pager a {opacity:1;display:inline-block; position:relative; width:13px; height:13px; margin:0 5px; font-size:0; border-radius:30px;  color:transparent; background-color:#fff; box-shadow:3px 3px 6px rgba(0,0,0,0.05); }
.spotzone .bx-pager a.active {background-color:var(--color-main); width:45px; }

.bx-controls-direction a {position:absolute; top:50%; margin-top:-30px;  width:60px; height:60px;  line-height:60px; border-radius:50%; z-index:50;color:transparent; background-color:transparent;color:#fff; border:1px solid rgba(255,255,255,0.3); text-align:center;font-size:0; transition: all 0.3s ease-in; }
.bx-controls-direction a:after {display:inline-block; font-family:'xeicon'; font-weight:bold; font-size:25px !important; }
.bx-controls-direction a.bx-prev {left:100px; }
.bx-controls-direction a.bx-prev:after {content:'\e93d'; }
.bx-controls-direction a.bx-next {right:100px; }
.bx-controls-direction a.bx-next:after {content:'\e940'; }

@media screen and ( max-width:1300px ) {
 .bx-controls-direction {display:none !important;}
}

@media screen and ( max-width:1200px ) {
   .spotzone li .txtbox{ width:100%; }
   .spotzone .bx-pager {width:100%; left:0; margin-left:0; padding-left:1rem;}
  
}

@keyframes ani_ico {
    0% {
    	transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	-moz-transform:translateY(0px);
    }
    50% {
    	transform:translateY(-15px);
    	-webkit-transform:translateY(-15px);
    	-ms-transform:translateY(-15px);
    	-moz-transform:translateY(-15px);
    }
}


.slick-arrow {position:absolute;top:50%;margin-top:-25px; width:50px; height:50px; border-radius:50%;  background-color:#fff; text-align:center; border:1px solid #dee1e9; font-size:0; box-shadow:5px 5px 1rem rgba(0,0,0,0.1); cursor:pointer; }
.slick-arrow:before {content:''; font-family:'xeicon'; display:inline-block; line-height:48px; width:100%; text-align:center; color:#4c6080; font-size:1.125rem; font-weight:500;  }
.slick-arrow:after {display:none;}
.slick-arrow.slick-prev { left:-60px;  }
.slick-arrow.slick-prev:before {content:"\e93b"}
.slick-arrow.slick-next { right:-60px;  }
.slick-arrow.slick-next:before {content:"\e93e"}


.slick-dots { position:absolute; left:5rem; bottom:3rem;height:1rem !important;  z-index:333  }
.slick-dots>li {display: inline-block;vertical-align: top;width: .9rem !important;height:.9rem !important;margin: 0 5px !important; padding:0 !important; background-color:#fff; border-radius: 3rem !important;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots>li:before,
.slick-dots>li:after{display:none !important; }
.slick-dots>li.slick-active {background:var(--color-main) !important; width:3rem !important;}
.slick-dots>li>button {text-indent:-9999px; display:none !important;}


section {padding:5rem 0 0}
section:after {content:''; display:block; clear:both; width:100%;}
section.pt0 {padding-top:0}

/*  Title */
.title_wrap {position:relative; text-align:center; margin-bottom:1.25rem;color:#222;}
.title_wrap.left {text-align:left;}
.title_wrap h3 {position:relative; display:block; font-size:2.125rem;line-height:2rem; font-weight:600; letter-spacing:-.02em; }
.title_wrap h3 strong {font-size:inherit; color:var(--color-main);font-weight:700;}
.title_wrap p {display:inline-block; margin-top:.85rem; color:#666; font-size:1.125rem; line-height:1.3rem;letter-spacing:-.02em; font-weight:400;}
.title_wrap p strong {font-weight:700;}
.title_wrap.white {color:#fff;}

.btn_wrap {position:relative; display:block; text-align:center; clear:both; border:0px solid #f00; padding-top:1.5rem;}
a.btn_total {display:inline-flex; align-items: center; justify-content: center;  font-size:1.125rem; width:auto; padding:0 2.35rem; height:3.25rem;font-weight:500; color:#fff; background-color:var(--color-main); margin:0 auto; border-radius: 8rem; }


.main_search {position:relative;z-index:50; }
.main_search .search { display:flex;  flex-wrap: nowrap;align-items: center;  clear:both; margin:0; position:relative; border:1px solid #ddd; height:318px;  border-radius:10px; overflow:hidden; padding:0; box-shadow:5px 5px 20px rgba(30,65,155, .05);transition: all 0.2s ease-in;}
.main_search .search .search_wrap {width:calc(100% - 210px);}

.search_tab { width:210px;  padding-top:0px;text-align:center;}
.search_tab > ul {font-size:0;}
.search_tab > ul > li {display:block;position:relative; height:106px;  box-sizing:border-box; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; background-color:#fafafa; }
.search_tab > ul > li:before {content:''; position:absolute; left:0; top:0; height:100%; width:13px; }
.search_tab > ul > li:first-child {border-top:0}
.search_tab > ul > li > span {display:block;  font-size:1.3rem;line-height:106px;  font-weight:600;  color:#555; cursor:pointer; }
.search_tab > ul > li.on{border-right:1px solid #fff; background-color:#fff;}
.search_tab > ul > li.on > span { color:var(--color-main); }
.search_tab > ul > li.on:before {background-color:var(--color-main)}

.main_search .searchArea {min-height:70px; padding:10px 0 0;}
.main_search .searchArea > ul > li {display:inline-block; }
.main_search .searchArea .fast {position:relative;font-size:0;text-align:right; }
.main_search .searchArea .fast form > div {float:left;display:inline-block;box-sizing:border-box; vertical-align: middle;}
.main_search .searchArea .fast div.fastbtn { width:17%; box-sizing:border-box; padding:17px 20px; } 
.main_search .searchArea .fast div.fastbtn button {width:50%; height:55px; box-sizing:border-box; font-size:16px; background:#d4d4d4; color:#fff; border:none; cursor:pointer;}
.main_search .searchArea .fast div.fastbtn button.on {border:1px solid #ff611f; color:#ff611f; background:#fff; font-weight:500;}
.main_search .searchArea .fast div.kr { width:58%; box-sizing:border-box; padding:17px 0px;font-size:0;}
.main_search .searchArea .fast div select {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none;  padding:14px;  background: url('/images/inc/arrow.png') right center no-repeat #fff; color:#555555; font-size:18px; border-right:1px solid #d8d8d8;height: 65px;}
.main_search .searchArea .fast div select.select1 {width:20%;} 
.main_search .searchArea .fast div select.select2 {width:30%;} 
.main_search .searchArea .fast div select.select3 {width:50%; border-right:none;} 
.main_search .searchArea .fast div.btn_set {float:right;width:20%;font-size:0;} 
.main_search .searchArea .fast div.btn_set a, .main_search .searchArea .fast div.btn_set input {display:inline-block;border:0;padding:0 30px; color:#fff;  line-height:58px; font-size:1.05rem;font-weight:normal;cursor:pointer;box-sizing:border-box;}
.main_search .searchArea .fast div .search_btn {width:100%;/*width:55%;*/background:#153aaf;text-align:center; font-size:24px; font-weight:bold;}
.main_search .searchArea .fast div .more_btn {display:none !important;width:45%;background:#9a9a9a; text-align:center;}

.main_search .searchArea .fast .selectBox {width:80%;text-align:left;font-size:0;overflow:hidden;border:0px solid #ddd;}
.main_search .searchArea .fast .selectBox a {display:inline-block; height:58px;line-height:58px;font-size:17px;border-top:1px solid #fff;border-right:1px solid #d5d5d5;padding:0 0 0 25px;background: url(/images/inc/arrow.png) right center no-repeat #fff;background-size:auto 20px; color:#111;font-weight:normal;text-align:left;box-sizing:border-box;}
.main_search .searchArea .fast .selectBox a.selected {background-color:#fff;color:#153aaf;}
.main_search .searchArea .fast .selectBox #select01 {width:25%;}
.main_search .searchArea .fast .selectBox #select02 {width:30%;}
.main_search .searchArea .fast .selectBox #select03 {width:45%; border-right:none;}

.main_search .searchArea .fast .optionBox { position:absolute; top:58px; left:0; width:90%; padding:20px 25px 30px;border:1px solid #d5d5d5;background:#fff;font-size:14px; z-index:9;text-align:left;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.2);}
.main_search .searchArea .fast .optionBox h4 { font-size:16px;}
.main_search .searchArea .fast .optionBox h4 a, .main_search .searchArea .fast .optionBox h5 a { position:absolute;top:7px;right:20px;font-size:18px; width:20px; text-align:center;}
.main_search .searchArea .fast .optionBox h5 {border-bottom:1px dashed #cccccc; padding:20px 0 8px; font-size:16px;font-weight:bold;}
.main_search .searchArea .fast .optionBox a { width:14%; display:inline-block; text-decoration:none; margin-top:12px;font-size:14px;}
.main_search .searchArea .fast .optionBox #c_nameDiv a {width:25%;}
.main_search .searchArea .fast .optionBox a:hover { color:#153aaf; }

.main_search .searchArea .fast #option01 { display:none; }
.main_search .searchArea .fast #option02 { display:none; }
.main_search .searchArea .fast #option03 { display:none; }

.main_search .search > ul > li {display:inline-block; }

.main_search .class {font-size:0; padding:0px 3rem 0px; overflow:hidden; text-align:center; }
.main_search .class li{display:inline-block; vertical-align:top;  text-align:center; width:25%; margin:1rem 0;}
.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:47%;}
.main_search .class li.c2 a {background:url('/images/main/class_car02.png')no-repeat center 0; background-size:47%;}
.main_search .class li.c3 a {background:url('/images/main/class_car03.png')no-repeat center 0; background-size:47%;}
.main_search .class li.c4 a {background:url('/images/main/class_car04.png')no-repeat center 0; background-size:47%;}
.main_search .class li.c5 a {background:url('/images/main/class_car05.png')no-repeat center 0; background-size:47%;}
.main_search .class li.c6 a {background:url('/images/main/class_car06.png')no-repeat center 0; background-size:47%;}
.main_search .class li.c7 a {background:url('/images/main/class_car07.png')no-repeat center 0; background-size:47%;}
.main_search .class li.c8 a {background:url('/images/main/class_car08.png')no-repeat center 0; background-size:47%;}
.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:var(--color-main);}
@-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);
  }
}

.main_search .maker {font-size:0; padding:0 2rem 0; }
.main_search .line {display:block; width:100%; border-top:1px solid #eaeaea; margin-top:0.5rem; padding-top:0.5rem; }
.main_search .maker li{ display:inline-block; width:11.1%;vertical-align:top;  text-align:center; padding:0;}
.main_search .maker li.clear {clear:both;}
.main_search .maker li a {height:83px; padding:0 ;color:#333;display:block; border-radius:5px;  }
.main_search .maker li a span {display:block;line-height: 15px; font-size:13px; letter-spacing:-.06em;  }
.main_search .maker li img {margin-top:5px;  }
.main_search .maker li a:hover {color:var(--color-main);  }

.main_search .local {position: relative;width:100%; font-size:0;}
.main_search .local ul {  text-align:center; font-size:0; display:flex;justify-content: center; align-items: flex-start;flex-direction: row;  flex-wrap: wrap; gap:1.5rem; padding:0 2rem; }
.main_search .local ul li { width:30%; }
.main_search .local ul li a {display:block;background:#fff; border:1px solid #eaeaea; padding:0 1.25rem; border-radius:60px;font-size:1rem;letter-spacing:-1px;line-height:55px;font-weight:bold;}
.main_search .local ul li a:hover {background:var(--color-main); border-color:var(--color-main); color:#fff; }

@media screen and ( max-width:1200px ) {
	.main_search .local ul li a {font-size:.9rem;}	

}

/* °í°´Èıâ */
.cs_review {display:block; position:relative; }
.cs_review ul {display:flex;flex-wrap: wrap; font-size:0; gap:1rem; }
.cs_review ul li { width:calc(25% - .75rem); }
.cs_review ul li a {display:block;}
.cs_review ul li .thumb {width:100%; height:210px; border-radius:10px; background:#f9f9f9 url('/images/no_img.png') no-repeat center ; background-size:cover; overflow:hidden; }
.cs_review ul li figure {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:all 0.3s ease-out; }
.cs_review ul li:hover figure { -ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.cs_review ul li p {font-size:1.1rem; line-height:1.5em; font-weight:500; color:#444; margin-top:0.5rem; padding:0 .2rem; text-align:center; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.cs_review .btn-wrap { display:block; text-align:center;  margin:10px auto; clear:both; color:#222 }
.cs_review .btn-wrap .btn_total {position:relative; display:inline-block;top:auto; right:auto; font-size:16px;font-weight:600; color:#fff; background-color:var--color-main); border:1px solid var--color-main); font-family:'OneMobile';   z-index:10; height:45px; line-height:45px; padding:0 30px; border-radius:60px; transition: all 0.2s ease-in;}
.cs_review .btn-wrap .btn_total:hover { background-color:#fff; color:var--color-main); border-color:var--color-main); }

.partner {padding-top:80px;}
.partner .title_wrap p{font-size:1.3rem; line-height:1.5em; color:#444; font-weight:600;  }
.partner .cont {display:block; text-align:center; padding-top:2rem; }
.partner .cont img {max-width:100%;}


.benefit {width:1200px; margin:0 auto; margin-top:2.5rem; }
.benefit a { display:block; background-color:#ecf2f6;border:1px solid #ecf2f6; padding:2.5rem 0; border-radius:1rem; transition: all 0.1s ease-in; }
.benefit a:hover {background-color:#fff; border:1px solid var(--color-main); box-shadow:5px 5px 16px rgba(0,0,0,0.08);}
.benefit ul {display:flex;}
.benefit ul li {width:33.3%; text-align:center; }
.benefit ul li h2 {font-size:1.35rem; line-height:1.4em; font-weight:700; color:#222; margin-top:.5rem; }
.benefit ul li p {font-size:1.1rem; font-weight:500; line-height:1.5em; color:#555; margin-top:.35rem;}
@media screen and ( max-width:1200px ) {
	 

}