/*  Title */

.title_wrap {position:relative; text-align:center; margin-bottom:2.5rem;}
.title_wrap h2 {display:block; font-size:20px; line-height:1.3em;padding-bottom:7px; font-weight:400; color:#000000; }
.title_wrap h2 strong {font-weight:600; color:var(--color-default); font-size:23px;}
.title_wrap h3 {position:relative; display:inline-block; font-size:30px; line-height:30px; font-weight:400;color:#000000; letter-spacing:-.05rem; }
.title_wrap h3 strong {font-weight:800; color:var(--color-default);}
.title_wrap p { margin-top:12px; color:#888; font-size:17px;font-weight:400;}

.row{margin-bottom:50px;}
.row .column {position: relative;max-width: 1200px;min-width: 910px;margin: 0 auto;}

@media screen and ( max-width:1200px ) {
  .row .column {max-width: 100%;}

  .title_wrap h3 { font-size:1.35rem; line-height:1.3em;   } 
  .title_wrap p { margin-top:12px; font-size:18px; }

}



/* 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 {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/visual_01.jpg')}
.swiper-slide.n02 {background-image:url('/images/main/visual_02.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; height:450px; overflow: hidden; z-index: 10;}
.main-visual .swiper-slide {width: 100%; height: 100%;  position: relative;  display: flex; align-items: center; }
.visual-copy {position: relative; width: 1024px; 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; word-break:keep-all; z-index:10; font-weight:300; margin-top:-40px;}
.visual-copy .main-copy .copy1{color:#ffffff;}
.visual-copy .main-copy .copy2{color:#ffffff;}
.visual-copy .main-copy strong{font-weight:800;}
.visual-copy .copy1,
.visual-copy .copy2,
.visual-copy ul,
.visual-copy .tx-box,
.swiper-slide .main-img{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: .2s;}
.visual-copy ul {transform: translateY(20px); transition-delay: .4s;}
.swiper-slide .main-img{transform: translateY(20px); transition-delay: .4s;}

.visual-copy .tx-box{font-size:2.5rem; background:#ffffff; padding:10px 15px; color:var(--color-default); font-weight:700; width:fit-content; margin-top:15px;}

.visual-copy .copy1{font-size:32px; line-height:1.2; letter-spacing:-.03rem;}
.visual-copy .copy1 strong{font-size:50px;}
.visual-copy ul{display:flex; flex-direction:column; gap:9px; margin-top:22px;}
.visual-copy ul li{display:flex; align-items:center; gap:10px;}
.visual-copy ul li p{color:#ffffff; font-size:19px;}
.visual-copy ul li p strong{color:#FFF600; font-weight:700;}
.visual-copy ul li:before{content:''; display:block; width:20px; height:20px; background:url('/images/main/visual_01_c.svg') center / cover no-repeat;}


.swiper-slide.n01 .visual-copy .main-img{position:relative; width:100%; height:100%;}
.swiper-slide.n01 .visual-copy .main-img img{position:absolute;}
.swiper-slide.n01 .visual-copy .main-img img:first-child{bottom:40px; right:0; z-index:1;}
.swiper-slide.n01 .visual-copy .main-img img:last-child{top:5px; right:40px;}

.swiper-slide.n02 .visual-copy .main-img{display:flex; gap:15px; margin-top:-30px; height:248px;}
.swiper-slide.n02 .visual-copy .main-img > .sport_wrap{display:flex; flex-direction:column; justify-content:space-between;}
.swiper-slide.n02 .visual-copy .main-img > div div{background-color:#ffffff; border-radius:15px; padding:30px;}
.swiper-slide.n02 .visual-copy .main-img > div div img{max-width:150px;}
.swiper-slide.n02 .visual-copy .main-img .teba{border-radius:15px; overflow:hidden;}
.swiper-slide.n02 .visual-copy .main-img .teba img{max-width:100%;}

.swiper-slide.n02 .main-copy .copy2{font-size:30px; margin-top:10px;}
.swiper-slide.n02 .visual-copy .copy1 strong{font-size:45px;}
.swiper-slide.n02 .main-copy .copy1 span{display:block; font-weight:800; font-size:35px; margin-top:10px;}


.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 ul {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .tx-box {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .main-img {transform: translateY(0px); opacity:1;}



.visual-swiper-control { position: absolute; left: 0; top:55%; margin-top:-30px;  color: #fff; display: flex; align-items: center; z-index: 333;cursor:pointer; width:100%;  display:none;}
.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 .swiper-button-prev,
.visual-swiper-control .swiper-button-next,
.visual-swiper-control .btn-swiper-stop {width: 60px;  height: 60px; border-radius:50%; background-color:transparent; border:1px solid rgba(0,0,0,0.2); 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:#333;  font-family:'xeicon'; font-weight:bold;text-indent: 0;   font-size:1.35rem; }
.visual-swiper-control .swiper-button-prev {position: absolute;  left:100px;}
.visual-swiper-control .swiper-button-next {position: absolute;  right:100px; }
.visual-swiper-control .swiper-button-prev:before {content:'\e93d'; }
.visual-swiper-control .swiper-button-next:before {content:'\e940'; }

.visual-swiper-control.is-last button:before{color:#fff;}
.visual-swiper-control.is-last .swiper-button-prev,
.visual-swiper-control.is-last .swiper-button-next,
.visual-swiper-control.is-last .btn-swiper-stop{border:1px solid rgba(255,255,255,0.3);}

.swiper-pagination-wrap{position:relative; max-width:1035px; top:-65px; margin:0 auto; z-index:9;}
.swiper-pagination-wrap .swiper-pagination{display:flex; position:relative;}
.swiper-pagination-wrap .swiper-pagination-bullet{background:#ffffff; margin:0 7px; opacity:.2; width:30px; height:5px; border-radius:10px; cursor:pointer;}
.swiper-pagination-wrap .swiper-pagination-bullet-active{ opacity:1;}
.swiper-pagination-wrap.is-last .swiper-pagination-bullet{background:var(--color-default);}



.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:80px 0}
section:after {content:''; display:block; clear:both; width:100%;}

/* ¸ÞÀÎÅÇ */
.maintab {font-size:0; text-align:center;  display:flex; justify-content: center; gap:1.3rem }
.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:600; letter-spacing:-.02rem;cursor:pointer;}
.maintab > li.on > span {font-weight:800;color:var(--color-default);}
.maintab > li.on > span:after {content:''; display:block; background-color:var(--color-default); width:100%; height:2px; margin-top:2px;}

/* ¸ÞÀΰ˻ö */

.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-default); 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; margin-top:-45px; margin-bottom:50px;}
.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:50px;}

.main_search .searchArea {background-color:#fff; padding:14px 15px 14px 25px; border-radius:200px; 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:700;cursor:pointer;box-sizing:border-box;}
.main_search .searchArea .fast div .search_btn {width:100%;background-color:var(--color-default);text-align:center; font-size:24px; font-weight:bold; border-radius:150px; }

.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;}
.main_search .searchArea .fast .selectBox select,
.main_search .searchArea .fast .selectBox a {display:inline-block; vertical-align:top; height:58px;line-height:58px;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-default);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:16.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-default); }

.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 30px 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;}
.main_search .maker li img {margin-top:5px;}
.main_search .maker li a:hover {color:var(--color-default);}

.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-default); color:#fff; }

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




/* ¸Å¸ÅÈıâ */

section.sales_review{padding:90px 0;}
.sales_review {background-color:#f5f5f5; height:fit-content;}
.sales_review.row{margin-bottom:0;}
.sales_review a.btn_total{background:#ffffff;}
.sales_review .column{width:100%; display:flex; flex-direction:column; align-items:center;}
.sales_review .btn_wrap{margin-top:40px;}
.sales_review .title_wrap{margin-bottom:40px;}
.sales_review ul {display:block;font-size:0;}
.sales_review ul li {position:relative; width:280px; min-height:307px; border-radius:15px; overflow:hidden;}
.sales_review ul li:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:-1}
.sales_review ul li .thumb {height:180px; overflow:hidden; }
.sales_review ul li .thumb2 {height:180px; background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s ease-out;  }
.sales_review ul li:hover .thumb2{-ms-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1); }
.sales_review ul li img {width:100%;height:215px;min-height:215px;}
.sales_review ul li .txt_box {padding:1.5rem 2rem;}
.sales_review ul li .txt_box h2 { font-size:1.2rem; color:#222; font-weight:800; line-height:1.6rem; overflow:hidden; word-break:keep-all;  text-overflow:ellipsis; -webkit-line-clamp:2;
-webkit-box-orient:vertical; display:-webkit-box; max-height:3.2rem;}
.sales_review ul li .txt_box .txt{line-height:1.3em;font-size:1rem; letter-spacing:-.04em;margin:.5rem 0 0;color:#666; font-weight:400;
word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-height:2.6rem;}

.sales_review ul li .txt_box .txt p,
.sales_review ul li .txt_box .txt span{line-height:1.6em;font-size:.9rem !important; letter-spacing:-.04em; word-break:keep-all; color:#777 !important;  }
.sales_review ul li a {display:block;}

.sales_review .swiper {overflow: hidden; width:1200px;}
.sales_review .swiper-wrapper {display: flex;}

.sales_review .column:after{display:none;}


.btn_wrap {margin-top:1rem; text-align:center;}
a.btn_total {display:inline-flex; align-items: center; justify-content: center;  font-size:1rem; font-weight:500; color:#222; margin:0 auto;  width:180px; height:3rem; line-height:3rem; border:1px solid #dedede; border-radius: 8rem; }
a.btn_total:hover {background-color:var(--color-default); border-color:var(--color-default); color:#fff;}


.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 {margin-top:0.95rem;text-align: center; display:none; }
.slick-dots > li {display: inline-block;vertical-align: top;width: .9rem !important;height:.9rem !important;margin: 0 5px !important; padding:0 !important; background-color:rgba(255,255,255,0.4); border-radius: 3rem !important;cursor: pointer;-webkit-transition: all 400ms;transition: all 400ms;}
.slick-dots > li.slick-active {background:#fff !important; width:2.85rem !important;}
.slick-dots > li > button {text-indent:-9999px; display:none !important;}



.main_consult{background-color:#FF8F1F;}
.main_consult .title_wrap h3{color:#ffffff;}
.main_consult .title_wrap h3 strong{color:#ffffff;}
.main_consult .consult_wrap{display:flex; justify-content:space-between;}
.main_consult .consult_wrap > div{width:600px; height:540px; border-radius:15px; background:url('/images/main/consult4.jpg') center / cover no-repeat;}
.main_consult ul{display:flex; justify-content:space-between; flex-direction:column; width:550px;}
.main_consult ul li{position:relative; width:100%; padding:40px 42px; background-color:#ffffff; border-radius:15px; transition:transform .3s; transform:translateY(0);}
.main_consult ul li:hover{ transform:translateY(-10px);}
.main_consult ul li p{font-size:24px; font-weight:700; color:#1B1B1B; margin-bottom:10px;}
.main_consult ul li span{font-size:17px; font-weight:400; color:#727272;}
.main_consult ul li:after{content:''; position:absolute; top:50%; right:23px; transform:translateY(-50%); background-position:center; background-size:cover; background-repeat:no-repeat;}
.main_consult ul li:nth-of-type(1):after{width:137px; height:84px; background-image:url('/images/main/consult1.png');}
.main_consult ul li:nth-of-type(2):after{width:125px; height:83px; background-image:url('/images/main/consult2.png');}
.main_consult ul li:nth-of-type(3):after{width:129px; height:82px; background-image:url('/images/main/consult3.png');}
.main_consult ul li a{position:absolute; width:100%; height:100%; top:0; left:0; z-index:5;}