.row {padding:100px 0;}
.row .column {position: relative;max-width: 1200px;min-width: 910px;margin: 0 auto;}
@media screen and ( max-width:1200px ) {
  .row .column {max-width: 100%;}
}


/*  bxslider */
.spotzone{ z-index:5; position:relative; width:100%;height:600px;overflow:hidden}
.spotzone:after {content:''; clear:both; display:block; }
.spotzone li{width:100% !important; min-height:600px;height:600px; position:relative;  background-size:cover;  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 .txtbox{position:relative;  width:1200px; height:100%; position:relative;  margin:0 auto; letter-spacing:-.04em; display:flex; flex-direction: column; justify-content: center; }
.spotzone li .txtbox .tit1 { color:#fff; font-size:3.438rem; line-height:4.25rem;font-weight:600; text-transform:uppercase; }
.spotzone li .txtbox .tit2 { color:#fff; font-size:21px; line-height:21px; font-weight:400; padding-top:20px; text-shadow:2px 2px 5px rgba(0,0,0,0.9); }
.spotzone li .txtbox .exp { color:#fff; font-size:1.25rem; line-height:1.85rem; font-weight:500; padding-bottom:20px;}
.spotzone li .txtbox .img {position:absolute; right:80px; top:120px;}
.spotzone li .txtbox .box {width:45%; padding:0 30px; }
.spotzone li .txtbox strong {color:#2cffd0; font-size:inherit; font-weight:700;}
.spotzone li .txtbox dl {margin-top:2rem; }
.spotzone li .txtbox dl dt { font-size:1.5rem; line-height:1.5rem; font-weight:600; color:#2cffd0; padding-bottom:.65rem; }
.spotzone li .txtbox dl dd {position:relative; margin-top:.85rem; padding-left:1rem; font-size:1.25rem; color:#fff; font-weight:500; }
.spotzone li .txtbox dl dd:before {content:''; width:5px; height:5px; background-color:#fff; position:absolute; left:.2rem; top:.6rem; transform: rotate( 45deg );}
.spotzone li .txtbox .exp,
.spotzone li .txtbox .tit1,
.spotzone li .txtbox .tit2,
.spotzone li .txtbox .img,
.spotzone li .txtbox dl,
.spotzone li .txtbox .btn{ opacity:0; transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1); transition-delay:0.4s; text-shadow:3px 3px 8px rgba(0, 0, 0, 0.1);}

.spotzone li.n02 .txtbox .tit1 {position:relative; height:105px;font-size:55px; line-height:60px; font-weight:bold; padding-left:200px; }
.spotzone li.n02 .txtbox .tit1:before {content:'';position:absolute; left:0; top:0;width:170px; height:105px;background:url('/images/main/ico_youtube.png') no-repeat left 0;}
.spotzone li.n02 .txtbox .tit1 img {display:inline-block; vertical-align:top;  height:120px; margin-top:-1rem;}
.spotzone li.n02 .txtbox .tit1 strong {display:block; font-size:1.65rem; line-height:2rem; margin-bottom:0.5rem; }
.spotzone li.n02 .txtbox .btn {display:block;padding-left:150px;  padding-top:30px; text-align:center; border:0px solid #f00 }
.spotzone li.n02 .txtbox .btn a {display:inline-block; height:55px; line-height:53px; padding:0 2rem 0 2.2rem; border:1px solid rgba(255,255,255,0.3); border-radius:60px ; color:#fff; font-size:1.1rem; font-weight:600; }
.spotzone li.n02 .txtbox .btn a:after {content:"\e90b";font-family:'xeicon'; font-size:1.5rem; font-weight:normal; margin-left:2rem; display:inline-block; vertical-align:top; }
.spotzone li.n02 .txtbox .btn a:hover {border-color:#fff; background-color:#fff; color:var(--color-main)}

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

.spotzone .bx-pager {z-index:3333;position:absolute; left:50%; margin-left:-600px; bottom:50px; width:1200px;  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:transparent; border:1px solid #fff;}
.spotzone .bx-pager a.active {background-color:#fff; 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: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);
    }
}


/* swiper */
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; /*transition-timing-function: linear;*/}
.swiper-slide { flex-shrink: 0; /*width: 100%;*/ height: 100%; position: relative; transition-property: transform; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.swiper-slide.n01 {background-image:url('/images/main/visual01.jpg')}
.swiper-slide.n02 {background-image:url('/images/main/visual02.jpg')}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}


.main-visual { position: relative;  left: 0;  right: 0;  top: 0; width:100%; height:600px; overflow: hidden; z-index: 10; }
.main-visual .swiper-slide { width: 100%; height: 100%;  position: relative;  display: flex; align-items: center; }
.main-visual .swiper-slide video { position: absolute;  left: 0;  top: 0;  right: 0; bottom: 0;  width: 100%; height: 100%;  object-fit: cover;  z-index: 0;  opacity: 0.6; }
.visual-copy {position: relative; width: 1200px; height:100%; padding:0 0rem; margin:0 auto;  text-align: left; display:flex;  align-items: center; z-index: 10;  }
.visual-copy .main-copy { width:100%; display:flex; flex-direction: column;padding-top:1rem;gap:.5rem; word-break:keep-all; z-index:10; color:#fff;}
.visual-copy .copy1,
.visual-copy .copy2,
.visual-copy .img,
.visual-copy .btn,
.visual-copy dl {transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);opacity: 0; }
.visual-copy .copy1 {transform: translateY(20px); transition-delay: .2s; }
.visual-copy .copy2 {transform: translateY(20px); transition-delay: .4s; margin-top:.85rem;}
.visual-copy dl {transform: translateY(20px); transition-delay: .6s; }
.visual-copy .btn {transform: translateY(20px); transition-delay: .8s; }
.visual-copy .img {transform: translateX(20px); transition-delay: .8s; }
.visual-copy .main-img {position:relative; }
.visual-copy strong {font-weight:700 !important; color:#2cffd0}

.visual-copy .copy1 {font-size:1.25rem; line-height:1.25rem; font-weight:500; color:#fff; }
.visual-copy .copy2{font-size:3.438rem; line-height:4.25rem;font-weight:600; color:#fff;}
.visual-copy dl {padding-top:2rem;}
.visual-copy dl dt { font-size:1.5rem; line-height:1.5rem; color:#2cffd0; padding-bottom:.9rem;font-weight:700; }
.visual-copy dl dd {position:relative; margin-top:.75rem; padding-left:1.1rem; font-size:1.25rem; color:#fff; font-weight:500; }
.visual-copy dl dd:before {content:''; width:5px; height:5px; background-color:#fff; position:absolute; left:.25rem; top:.6rem; transform: rotate( 45deg );}
.visual-copy .img {padding-top:2rem;}

.swiper-slide.n02 .visual-copy { display:flex; flex-direction: row; padding:0 4rem;}
.swiper-slide.n02 .main-copy {}
.swiper-slide.n02 .copy1 { background:url('/images/main/ico_youtube.png') no-repeat left 1rem; padding-left:180px;}
.swiper-slide.n02 .copy1 img{height:120px;}
.swiper-slide.n02 .btn { padding-left:190px;  padding-top:30px; border:0px solid #f00 }
.swiper-slide.n02 .btn a {display:inline-block; height:55px; line-height:53px; padding:0 2rem 0 2.2rem; border:1px solid rgba(255,255,255,0.3); border-radius:60px ; color:#fff; font-size:1.1rem; font-weight:600; }
.swiper-slide.n02 .btn a:after {content:"\e90b";font-family:'xeicon'; font-size:1.5rem; font-weight:normal; margin-left:2rem; display:inline-block; vertical-align:top; }
.swiper-slide.n02 .btn a:hover {border-color:#fff; background-color:#fff; color:var(--color-main)}

.main-visual .swiper-slide.swiper-slide-active .visual-copy .copy1 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .copy2 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy dl{transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .img{transform: translateX(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .btn{transform: translateY(0px); opacity:1;}



@keyframes barMotion {
  0% { width: 0; }
  100% { width: 100%; }
}

.visual-swiper-control { position: absolute; left: 0; top:50%; margin-top:-30px;  color: #fff; display: flex; align-items: center; z-index: 333;cursor:pointer; width:100%; }
.visual-swiper-control .swiper-pagination {  display: flex;  align-items: center;  margin-right: 30px;  font-size: 18px;  color: #fff;  font-weight: 700;  }
.visual-swiper-control .swiper-pagination .current-page,
.visual-swiper-control .swiper-pagination .total-page {  width: 24px;  text-align: center; color:#fff;}

.visual-swiper-control .btn-swiper-prev,
.visual-swiper-control .btn-swiper-next,
.visual-swiper-control .btn-swiper-stop {  width: 60px;  height: 60px; border-radius:50%; background-color:transparent; border:1px solid rgba(255,255,255,0.3); text-align: left; overflow: hidden;cursor:pointer;  }
.visual-swiper-control button:before {content:''; width:100%; height:100%;  display:flex; justify-content: center;  align-items: center; color:#fff;  font-family:'xeicon'; font-weight:bold;text-indent: 0;   font-size:1.35rem; }
.visual-swiper-control .btn-swiper-prev {position: absolute;  left:100px;}
.visual-swiper-control .btn-swiper-next {position: absolute;  right:100px; }
.visual-swiper-control .btn-swiper-prev:before {content:'\e93d';  }
.visual-swiper-control .btn-swiper-next:before {content:'\e940'; }
.visual-swiper-control .btn-swiper-stop {  }
.visual-swiper-control .btn-swiper-stop.on {  opacity: 0.3;}
.main-visual .arr-down { opacity: 1;  animation: arrMotion 1.5s infinite; }


@media screen and ( max-width:1200px ) {
    .swiper-slide .visual-copy,
    .swiper-slide.n02 .visual-copy { padding:0 1rem;}

	.visual-copy {position: relative; width: 100%; }
	.visual-swiper-control {display:none;}
}




section {padding:6rem 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:2.5rem;}
.title_wrap.left {text-align:left;}
.title_wrap h3 {position:relative; display:block; color:#000;font-size:1.875rem;line-height:2rem; font-weight:700; color:#333;letter-spacing:-.02em; }
.title_wrap strong {color:var(--color-main); font-size:inherit; font-weight:inherit;}
.title_wrap p {display:inline-block; margin-top: .85rem; color:#888; font-size:17px;letter-spacing:-.02em; font-weight:400;}

.title_wrap.white h3 {color:#fff;}
.title_wrap.white p {color:#fff;}

.btn_wrap {position:relative; display:block; text-align:center; clear:both; border:0px solid #f00}
a.btn_total {display:inline-block;  font-size:15px;font-weight:500; color:#222; margin:0 auto;  width:180px; height:2.85rem; line-height:2.8rem; text-align:center; border:1px solid #dedede; border-radius:.35rem; }
a.btn_total:hover {background-color:var(--color-main); border-color:var(--color-main); color:#fff;}

/* ¸ÞÀÎÅÇ */
.maintab {font-size:0; text-align:center; padding-bottom:20px; display:flex; justify-content: center;gap:2rem }
.maintab > li {display:inline-block;box-sizing:border-box; font-weight:500; width:auto;}
.maintab > li > span {color:#777; display:inline-block; padding:0 0 3px; line-height:1.4em; font-size:18px; font-weight:500; letter-spacing:-1px;cursor:pointer;}
.maintab > li.on > span {font-weight:600;color:var(--color-main);}
.maintab > li.on > span:before {content:''; display:inline-block; vertical-align:top;  width:25px; height:25px; background:url('/images/main/ico_check2.png') no-repeat left  ; }

/* ¸ÞÀΰ˻ö */

.search_tab {max-width:1200px; min-width:1000px; margin:0 auto 0px;padding-top:0px;text-align:center;}
.search_tab > ul {font-size:0;}
.search_tab > ul > li {display:inline-block;padding:0 0rem;border:1px solid transparent;border-radius:0px;box-sizing:border-box;}
.search_tab > ul > li > span {display:block; height:50px; line-height:53px;  font-size: 1.15rem; font-weight:400; padding:0 30px; border-radius:90px;  letter-spacing:-.5px; cursor:pointer;color:#555;}
.search_tab > ul > li.on > span {color:var(--color-main); font-weight:700;}
.search_tab > ul > li.on > span:before {content:"\e929"; font-family:'xeicon';display:inline-block; vertical-align:middle; margin-right:5px;width:30px; height:30px; line-height:30px; font-size:2.3rem; text-align:center; font-weight:normal;  border:0px solid #f00}

@media screen and ( max-width:1024px ) {
	.search_tab {max-width:95%; }
}

.main_search {position:relative; z-index:333; padding:5rem 0;}
.main_search .search.column {position:relative;max-width:1200px; padding: 0 1.5rem; z-index:1;}
.main_search .search { margin:0 auto; position:relative; }
.main_search .search .search_tab {margin-top:1.65rem; }

.main_search .searchArea {background-color:#fff;  border-radius:0; border:1px solid var(--color-main); box-shadow:5px 5px 20px rgba(0,0,0,0.08)}
.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;  padding:14px;  background:transparent url('/images/inc/arrow.png') right center no-repeat ; color:#555555; font-size:18px; 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:150px;font-size:0;padding-left:7px;} 
.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%; margin-top:-1px; margin-right:-1px; margin-bottom:-1px; height:calc(75px + 1px); background-color:var(--color-main);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:calc(100% - 150px);text-align:left;font-size:0; overflow:hidden;border:0px solid #ddd;padding:.9rem 0 0 .65rem; }
.main_search .searchArea .fast .selectBox select,
.main_search .searchArea .fast .selectBox a { display:inline-block; vertical-align:top; height:45px;line-height:45px;font-size:16px; font-weight:500 !important;border-radius:0;  padding:0 0 0 20px; 
    color:#111;font-weight:normal;text-align:left;box-sizing:border-box;  border:0;  border-right:1px solid #eee;  background-color:transparent; background-image:url('/images/inc/arrow.png') ; background-repeat:no-repeat; background-size:auto 23px; background-position:calc(100% - 10px) ; cursor:pointer; 
}
.main_search .searchArea .fast .selectBox a:last-child {border:0;}
.main_search .searchArea .fast .selectBox a.selected:last-child {border:0;}
.main_search .searchArea .fast .selectBox a.selected,
.main_search .searchArea .fast .selectBox select:focus{background-color:#fff;color:var(--color-main);border:0; border-right:1px solid #eee; outline:0; }
.main_search .searchArea .fast .selectBox select {width:13%; padding-left:20px;}
.main_search .searchArea .fast .selectBox #select01 {width:25%; }
.main_search .searchArea .fast .selectBox #select02 {width:25%;}
.main_search .searchArea .fast .selectBox #select03 {width:37%;}

.main_search .searchArea .fast .optionBox { position:absolute; top:70px; left:0; width:calc(100% - 150px); 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:19.6%; display:inline-block; text-decoration:none; margin-top:12px;font-size:14px; font-weight:500;}
.main_search .searchArea .fast .optionBox #c_nameDiv a {width:20%;}
.main_search .searchArea .fast .optionBox #company1Div,
.main_search .searchArea .fast .optionBox #company2Div {font-size:0; }
.main_search .searchArea .fast .optionBox a:hover { color:var(--color-main); }

.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: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;}

@-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:12px 0 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; letter-spacing:-.04em;}
.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%;height:95px;font-size:0;}
.main_search .local ul {position:absolute;left:0;right:0;top:0;padding:5px 0px 5px; 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:#f1f1f1;padding:0 1rem;margin:0 0;border-radius:.0rem;font-size:1rem;letter-spacing:-1px;line-height:55px;font-weight:500;}
.main_search .local ul li a:hover { background:var(--color-main); color:#fff; }

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


/* À¯Æ©ºê Ä«Ä«¿À */
.sns_wrap { padding-top:0; }
.sns_wrap .item_wrap {display:flex;  justify-content: space-between; gap:2rem; }
.sns_wrap .youtube {  width:calc(100% - 450px); }
.sns_wrap .kakao_ch {background-color:var(--color-yellow); width:450px; height:410px;display:flex; justify-content: center;align-items: center; }

.iframebox {position: relative; width: 100%; padding-bottom: 56.25%;}
.iframebox iframe { position: absolute; width: 100%; height: 100%; }


/* °í°´Èıâ */
.review {clear:both;  background-color:var(--color-main)}
.review .column {width:1380px; max-width:1380px;  }
.review .title_wrap h3,
.review .title_wrap p {color:#fff;}
.review:after {content:''; clear:both; width:100%; display:block;}
.review .btn_total {border-color:rgba(255,255,255,0.5); color:#fff; margin-top:.5rem; }
.review .btn_total:hover {border:1px solid #fff !important; }
.review ul {position:relative;width:100%; max-height:468px;margin-bottom:1rem;font-size:0;overflow:hidden;}
.review ul li {position:relative;display:inline-block; width:calc(24% - 2px); height:232px; margin-left:2px; margin-bottom:2px; background-color:#f4f4f4;vertical-align: top; }
.review ul li:nth-child(3), .review ul li:nth-child(4), .review ul li:nth-child(6), .review ul li:nth-child(7), .review ul li:nth-child(8), .review ul li:nth-child(9), .review ul li:nth-child(11), .review ul li:nth-child(12) {width:13%;height:115px;}
.review ul li:nth-child(4), .review ul li:nth-child(7), .review ul li:nth-child(9), .review ul li:nth-child(12){ margin: 117px 0 0 -13%;}
.review ul li a {display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.review ul li span {opacity:0;position:absolute;display:flex;justify-content: center; align-items: center;left:0;top:0;right:0;bottom:0;padding:0px 2rem 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:1rem; line-height:1.3rem;transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);}
.review ul li:hover span {opacity:1;}
.review ul li:nth-child(5) {margin-left:2px;}
.review ul li:nth-child(3) span, 
.review ul li:nth-child(4) span, 
.review ul li:nth-child(6) span, 
.review ul li:nth-child(7) span, 
.review ul li:nth-child(8) span, 
.review ul li:nth-child(9) span, 
.review ul li:nth-child(11) span, 
.review ul li:nth-child(12) span, 
.review ul li:nth-child(14) span,
.review ul li:nth-child(15) span {padding:1rem;font-size:.9rem;}
.review .btn_wrap a {color:#fff; border:1px solid rgba(255,255,255,0.3)}
.review .btn_wrap a:hover {border-color:var(--color-main)}

@media screen and (max-width:1380px){
	.review .column {width:100%;max-width:100%; padding:0 1rem;}
}
@media screen and (max-width:1024px){
	.review ul {max-height:auto !important;margin:0; border-radius:.5rem; }
	.review ul li:nth-child(7),
	.review ul li:nth-child(8),
	.review ul li:nth-child(9),
	.review ul li:nth-child(10),
	.review ul li:nth-child(11),
	.review ul li:nth-child(12),
	.review ul li:nth-child(13),
	.review ul li:nth-child(14),
	.review ul li:nth-child(15) {display:none !important;}
	.review ul li {width:calc(33.3% - 2px) !important; height:110px !important; margin:0 !important; margin-left:2px !important; margin-bottom:2px !important;}
	.review ul li:nth-child(4),
	.review ul li:nth-child(5),
	.review ul li:nth-child(6) {margin-bottom:0 !important;}
	.review ul li span {padding:.5rem !important; font-size:.85rem !important;}
	.review ul li span em {height:2.5rem;line-height:1.2rem !important;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; }
}


.consult_banner {background:url("/images/bg_consult.jpg") no-repeat center ; }
.consult_banner ul {display:flex;justify-content: space-between; gap:8rem; }
.consult_banner ul li {width:50%;height:200px; background-repeat:no-repeat; display:flex;align-items: center; cursor:pointer; }
.consult_banner ul li:nth-child(1) {background-position:left ; background-image:url('/images/img_sell.png'); text-align:right;  justify-content: flex-end;}
.consult_banner ul li:nth-child(2) {background-position:right ; background-image:url('/images/img_buy.png'); text-align:left;  justify-content: flex-start; }
.consult_banner dl {color:#fff; }
.consult_banner dl dt {font-size:1.85rem; line-height:1.3rem;  font-family:'Tenada'; }
.consult_banner dl dd {font-size:1.125rem; line-height:1.5rem; font-weight:400; margin-top:.85rem;}


/* **************************************** *
 *  ÀÚµ¿Â÷´º½º
 * **************************************** */
.car_news {display:block;  position:relative; z-index:10; background-color:#f3f3f3} 
.car_news ul {display:block; padding-top:10px;}
.car_news ul li {display:inline-block; float:left; position:relative; width:25%; height:100px;  margin-left:0px; margin-bottom:0px; overflow:hidden;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url(/images/nophoto/nophoto_115x85.gif);
                         -webkit-transition:all  0.4s; -moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s }
.car_news ul li a {display:block; position:relative;width:100%; height:100%; transition: all 0.2s ease-in; }
.car_news ul li .img-wrap {display:block; width:100%; height:100%; position:relative;overflow:hidden; }
.car_news ul li .img-wrap:after { content:''; position:absolute; left:0; bottom:-100px; width:100%; height:30%; background: linear-gradient(to bottom, transparent 0%, transparent 100%);  -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.car_news ul li .img-wrap .thumb {transform:scale(1);-webkit-transform:scale(1); background-repeat:no-repeat;display:block; width:100%; height:100%;  background-position:center center; background-size:cover; transition:transform 0.4s ease 0s;-webkit-transition:transform 0.4s ease 0s;}
.car_news ul li a  p { opacity:0; display:inline-block; position:absolute; left:0; bottom:-50px; text-align:center;  background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.5) 100%); width:100%; padding:15px 20px 30px; color:#fff; font-size:16px; letter-spacing:-.07em; font-weight:500; z-index:5; 
                                       overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; 
                                       -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;
}
.car_news ul li a:hover p { opacity:1; bottom:0;padding:60px 20px 30px; background: linear-gradient(to bottom, transparent 0%, #000 100%);  overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; }
.car_news ul li a:hover .thumb {transform:scale(1.08,1.08);-webkit-transform:scale(1.08,1.08);}
.car_news ul li:nth-child(1) {width:50%; height:340px; }
.car_news ul li:nth-child(2) {width:25%; height:170px; }
.car_news ul li:nth-child(3) {width:25%; height:170px;}
.car_news ul li:nth-child(4) { clear:both; width:25%; height:170px;}
.car_news ul li:nth-child(5) { width:25%; height:170px;}
.car_news ul li:nth-child(6) { width:50%; height:340px; margin-top:-170px;}


#map {position:relative; height:500px; width:100%; border-top:1px solid #eef0f4; }