/*메인*/
@import url("common.css");

.main {width:100%; position:relative; z-index:1; background:var(--begie);}
.main .main-wrap {width:100%;}
.main .main-wrap section {position:relative;}
.main .main-wrap section > .inner {width:95%; max-width:var(--conts-w); margin:0 auto; padding:var(--gap-60) 0;}
.main .main-wrap section h2 {font-size:var(--font-28); font-weight:600;}
.main .main-wrap section .more {width:72px; height:30px; display:flex; align-items:center; justify-content:center; font-size:var(--font-16); font-weight:500; color:var(--main-color); border:1px solid var(--main-color); margin-left:auto; background:transparent; transition:background 0.5s ease-in-out; padding-bottom:2px; border-radius:4px;}
.main .main-wrap section .more:hover {background:var(--main-color); color:var(--begie);}

.main .visual {width:100%;}
.main .visual .visual-wrap {width:100%;}
.main .visual .visual-wrap .slick-slide {line-height:0;}
.main .visual .visual-wrap .visual-slide {background:var(--begie);}
.main .visual .visual-wrap .visual-slide span {display:block; width:100%; height:800px; position:relative; background-repeat:no-repeat; background-position:center; background-size:cover; transition:height 0.3s ease-in-out;}
.main .visual .visual-wrap .visual-slide span img {width:auto; height:100%; position:absolute; left:50%; top:0; display:block; transform:translateX(-50%);}

@media screen and (max-width: 1280px) {
	.main .visual .visual-wrap .visual-slide span {height:600px;}
}

@media screen and (max-width: 768px) {
	.main .visual .visual-wrap .visual-slide span {height:400px;}
}

@media screen and (max-width: 480px) {
	.main .visual .visual-wrap .visual-slide span {height:300px;}
}


.main .visual .visual-menu {width:100%; position:absolute; left:0; bottom:0;}
.main .visual .visual-menu:before {content:""; width:100%; height:100%; background:var(--main-color); opacity:0.9; position:absolute; left:0; top:0; z-index:0;}
.main .visual .visual-menu .menu-wrap {width:100%; max-width:var(--conts-w); margin:0 auto; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1;}
.main .visual .visual-menu .menu-wrap .menu-box {width:33.33%; height:88px;}
.main .visual .visual-menu .menu-wrap .menu-box > a {width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:var(--font-18); font-weight:600; color:var(--begie); text-align:center;}
.main .visual .visual-menu .menu-wrap .menu-box > a span {position:relative; padding-left:calc(var(--gap-16) + var(--gap-32)); padding-right:calc(var(--gap-16) + 22px); letter-spacing:-0.5px;}
.main .visual .visual-menu .menu-wrap .menu-box > a span:before {content:""; width:var(--gap-32); height:var(--gap-32); background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.main .visual .visual-menu .menu-wrap .menu-box > a span:after {content:""; width:22px; height:22px; background:url(/img/main/icon_dir.svg) center no-repeat; background-size:cover; position:absolute; right:0; top:50%; transform:translateY(-50%); transition:right 0.3s ease-in-out;}
.main .visual .visual-menu .menu-wrap .menu-box > a.schedule span:before {background-image:url(/img/main/icon_calendar.svg);}
.main .visual .visual-menu .menu-wrap .menu-box > a.plan span:before {background-image:url(/img/main/icon_plan.svg);}
.main .visual .visual-menu .menu-wrap .menu-box > a.record span:before {background-image:url(/img/main/icon_record.svg);}
.main .visual .visual-menu .menu-wrap .menu-box > a:hover span:after {right:-10px;}

@media screen and (max-width: 768px) {
	.main .visual .visual-menu .menu-wrap .menu-box {height:70px;}
	.main .visual .visual-menu .menu-wrap .menu-box > a {font-size:var(--font-14);}
	.main .visual .visual-menu .menu-wrap .menu-box > a span {padding-left:0; padding-right:0; padding-top:25px;}
	.main .visual .visual-menu .menu-wrap .menu-box > a span:before {width:20px; height:20px; left:50%; top:0; transform:translateX(-50%);}
	.main .visual .visual-menu .menu-wrap .menu-box > a span:after {display:none;}
}

@media screen and (max-width: 480px) {
	.main .visual .visual-menu {display:none;}
	.main .visual .visual-menu .menu-wrap .menu-box > a span {display:block; width:100%; max-width:76px; margin:0 auto; line-height:1.2; padding-top:20px;}
	.main .visual .visual-menu .menu-wrap .menu-box > a span:before {width:18px; height:18px;}
}


.main .works {background:var(--begie);}
.main .works .top-conts {width:100%; text-align:center; color:var(--main-color);}
.main .works .top-conts h2 {margin-bottom:var(--gap-24); color:var(--main-color);}
.main .works .top-conts .conts {font-family:var(--Sanchez); font-size:var(--font-20);}

@media screen and (max-width: 768px) {
    .main .works .top-conts .conts{text-align: left;}
}

.main .works .slide-conts {width:100%; margin-top:var(--gap-60); display:flex; align-items:center; justify-content:center; gap:0 80px;}
.main .works .slide-conts .option-card {width:400px; height:300px; display:flex; align-items:center; padding:var(--gap-16); text-align:center; font-family:var(--Sanchez); border-radius:4px;}
.main .works .slide-conts .option-card .card-wrap {width:100%; text-align:center;}
.main .works .slide-conts .option-card em {display:block; font-size:var(--font-24);}
.main .works .slide-conts .option-card .ani-box {width:100%; margin:var(--gap-16) auto var(--gap-24) auto; max-width:301px;}
.main .works .slide-conts .option-card .ani-box img {max-width:100%; display:block; margin:0 auto;}
.main .works .slide-conts .option-card .conts {font-size:var(--font-20);}
.main .works .slide-conts .option-card .learn-more {font-size:var(--font-16); font-style:italic; display:inline-block; position:relative; text-decoration:underline; margin-top:var(--gap-8);}
.main .works .slide-conts .option-card.card-1 {background:var(--main-color); color:var(--begie);}
.main .works .slide-conts .option-card.card-1 a {color:var(--begie);}
.main .works .slide-conts .option-card.card-2 {background:#6F9570; color:var(--begie);}
.main .works .slide-conts .option-card.card-2 a {color:var(--begie);}
.main .works .slide-conts .option-card.card-3 {background:var(--lightgreen); color:var(--begie);}
.main .works .slide-conts .option-card.card-3 a {color:var(--begie);}
.main .works .slide-conts .option-card.card-4 {background:#B7CAB7; color:var(--main-color);}
.main .works .slide-conts .option-card.card-4 a {color:var(--main-color);}
.main .works .slide-conts .option-card.card-5 {background:#DCE5DB; color:var(--main-color);}
.main .works .slide-conts .option-card.card-5 a {color:var(--main-color);}

@media screen and (max-width: 1024px) {
	.main .works .slide-conts {gap:0 30px;}
}

.main .works .slide-conts .lf-box {width:470px; overflow:hidden;}
.main .works .slide-conts .lf-box .card-slide {width:100%;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap {width:400px; height:300px; position:relative; margin-left:auto; margin-right:0;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box {position:absolute; top:0;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(1) {left:0; z-index:5; transform:translateX(-20px); opacity:1; transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(2) {left:-7.5%; z-index:4;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(2) .option-card {transform:scale(0.925);}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(3) {left:-15%; z-index:3;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(3) .option-card {transform:scale(0.85);}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(4) {left:-22.5%; z-index:2;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(4) .option-card {transform:scale(0.775);}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(5) {left:-30%; z-index:1;}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box:nth-child(5) .option-card {transform:scale(0.7);}
.main .works .slide-conts .lf-box .card-slide .slide-wrap .slide-box.active {transform:translateX(0); opacity:1; animation:slideCard 0.7s ease-in-out both;}
.main .works .slide-conts .lf-box .card-slide.hide {display:none;}

@keyframes slideCard{
	0% {transform:translateX(-20px); opacity:1;}
	100% {transform:translateX(0); opacity:1;}
}

.main .works .slide-conts .lf-box .mo-card-slide {width:100%; max-width:600px; margin:0 auto;}
.main .works .slide-conts .lf-box .mo-card-slide .slide-wrap .slide-box {display:flex; flex-direction:column; justify-content:end; align-items:self-start; width:400px;}
.main .works .slide-conts .lf-box .mo-card-slide .slide-wrap .slide-box .option-card {width:100%;}
.main .works .slide-conts .lf-box .mo-card-slide .slide-wrap .slide-box .option-card .card-wrap {visibility:hidden;}
.main .works .slide-conts .lf-box .mo-card-slide .slide-wrap .slide-box.swiper-slide-active .option-card .card-wrap {visibility:visible;}

.main .works .slide-conts .lf-box .slide-pagination {width:400px; margin-top:var(--gap-24); margin-left:auto; margin-right:0; display:flex; align-items:center; justify-content:center; gap:var(--gap-8);}
.main .works .slide-conts .lf-box .slide-pagination span {display:block; font-size:0; width:8px; height:8px; border-radius:50%; background:#B7CAB7;}
.main .works .slide-conts .lf-box .slide-pagination span.on {background:var(--main-color);}
.main .works .slide-conts .rt-box {width:calc(100% - 530px); max-width:400px; padding-bottom:calc(8px + var(--gap-24));}
.main .works .slide-conts .rt-box.hide {display:none;}

.main .works .slide-conts .slide-thum li {width:100%; margin-top:var(--gap-16); font-size:var(--font-20); font-weight:600; color:var(--main-color); font-weight:400; cursor:pointer;}
.main .works .slide-conts .slide-thum li:first-child {margin-top:0;}
.main .works .slide-conts .slide-thum li span {position:relative; padding-left:20px;}
.main .works .slide-conts .slide-thum li span:before {content:""; width:14px; height:14px; box-sizing:border-box; border:2px solid var(--lightgreen); position:absolute; left:0; top:8px;}
.main .works .slide-conts .slide-thum li span:after {content:""; width:6px; height:6px; background:var(--main-color); position:absolute; left:4px; top:12px; display:none;}
.main .works .slide-conts .slide-thum li.on {font-weight:600;}
.main .works .slide-conts .slide-thum li.on span:before {border-color:var(--main-color); background:var(--main-color);}


.card-slide .slide-wrap .slide-box.active #illust01 .line,
.mo-card-slide .swiper-slide-active #illust01 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:ani01 1.5s linear both;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0101,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0101 {animation-delay:0;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0103,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0103 {animation-delay:0.5s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0104,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0104 {animation-delay:0.8s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0106,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0106 {animation-delay:0.9s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0108,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0108 {animation-delay:1s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0110,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0110 {animation-delay:1.1s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0105,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0105 {animation-delay:1.2s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0107,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0107 {animation-delay:1.3s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0109,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0109 {animation-delay:1.4s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0111,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0111 {animation-delay:1.5s;}

.card-slide .slide-wrap .slide-box.active #illust01 .ilust-line-0102,
.mo-card-slide .swiper-slide-active #illust01 .ilust-line-0102 {animation-delay:1.6s;}


.card-slide .slide-wrap .slide-box.active #illust02 .line,
.mo-card-slide .swiper-slide-active #illust02 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:ani01 1.5s linear both;}

.card-slide .slide-wrap .slide-box.active #illust02 .circle-0201,
.mo-card-slide .swiper-slide-active #illust02 .circle-0201 {animation-delay:0;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0201,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0201 {animation-delay:0.5s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0202,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0202 {animation-delay:0.6s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0203,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0203 {animation-delay:0.9s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0206,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0206 {animation-delay:0.7s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0207,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0207 {animation-delay:1s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0204,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0204 {animation-delay:0.8s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0205,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0205 {animation-delay:1.1s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0209,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0209 {animation-delay:1.1s;}

.card-slide .slide-wrap .slide-box.active #illust02 .ilust-line-0210,
.mo-card-slide .swiper-slide-active #illust02 .ilust-line-0210 {animation-delay:1.2s;}

.card-slide .slide-wrap .slide-box.active #illust03 .line,
.mo-card-slide .swiper-slide-active #illust03 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:ani01 1.5s linear both;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0308,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0308 {animation-delay:0;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0309,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0309 {animation-delay:0.5s;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0301,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0301 {animation-delay:0.8s;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0307,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0307 {animation-delay:0.9s;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0306,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0306 {animation-delay:1s;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0305,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0305 {animation-delay:1.1s;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0304,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0304 {animation-delay:1.2s;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0303,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0303 {animation-delay:1.3s;}

.card-slide .slide-wrap .slide-box.active #illust03 .ilust-line-0302,
.mo-card-slide .swiper-slide-active #illust03 .ilust-line-0302 {animation-delay:1.4s;}

.card-slide .slide-wrap .slide-box.active #illust04 .line,
.mo-card-slide .swiper-slide-active #illust04 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:ani01 1.5s linear both;}

.card-slide .slide-wrap .slide-box.active #illust04 .ilust-line-0406,
.mo-card-slide .swiper-slide-active #illust04 .ilust-line-0406 {animation-delay:0.3s;}

.card-slide .slide-wrap .slide-box.active #illust04 .ilust-line-0405,
.mo-card-slide .swiper-slide-active #illust04 .ilust-line-0405 {animation-delay:1s;}

.card-slide .slide-wrap .slide-box.active #illust04 .ilust-line-0409,
.mo-card-slide .swiper-slide-active #illust04 .ilust-line-0409,
.card-slide .slide-wrap .slide-box.active #illust04 .ilust-line-0407,
.mo-card-slide .swiper-slide-active #illust04 .ilust-line-0407,
.card-slide .slide-wrap .slide-box.active #illust04 .ilust-line-0410,
.mo-card-slide .swiper-slide-active #illust04 .ilust-line-0410,
.card-slide .slide-wrap .slide-box.active #illust04 .ilust-line-0408,
.mo-card-slide .swiper-slide-active #illust04 .ilust-line-0408 {animation-delay:1.2s;}

.card-slide .slide-wrap .slide-box.active #illust05 .line,
.mo-card-slide .swiper-slide-active #illust05 .line {stroke-dasharray:500; stroke-dashoffset:500; animation:ani01 1.5s linear both;}

.card-slide .slide-wrap .slide-box.active #illust05 .ilust-line-0504,
.mo-card-slide .swiper-slide-active #illust05 .ilust-line-0504 {animation-delay:0.8s;}

.card-slide .slide-wrap .slide-box.active #illust05 .ilust-line-0512,
.mo-card-slide .swiper-slide-active #illust05 .ilust-line-0512 {animation-delay:1s;}

.card-slide .slide-wrap .slide-box.active #illust05 .ilust-line-0505,
.mo-card-slide .swiper-slide-active #illust05 .ilust-line-0505 {animation-delay:0.9s;}

.card-slide .slide-wrap .slide-box.active #illust05 .ilust-line-0510,
.mo-card-slide .swiper-slide-active #illust05 .ilust-line-0510 {animation-delay:1.1s;}

.card-slide .slide-wrap .slide-box.active #illust05 .ilust-line-0506,
.mo-card-slide .swiper-slide-active #illust05 .ilust-line-0506 {animation-delay:1s;}

.card-slide .slide-wrap .slide-box.active #illust05 .ilust-line-0511,
.mo-card-slide .swiper-slide-active #illust05 .ilust-line-0511 {animation-delay:1.2s;}


@keyframes ani01 {
	0% {stroke-dashoffset:500;}
	100% {stroke-dashoffset:0;}
}



@media screen and (max-width: 900px) {
	.main .works .slide-conts .lf-box {width:100%;}
	.main .works .slide-conts .rt-box {display:none;}

	.main .works .slide-conts .lf-box .slide-pagination {width:100%;}
}


.main .banner {width:100%;}
.main .banner .banner-wrap {width:100%; max-width:var(--wid-w); margin:0 auto; display:flex; align-items:center;}
.main .banner .banner-wrap .banner-box {width:50%; height:380px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; display:flex; align-items:center; justify-content:center;}
.main .banner .banner-wrap .banner-box.banner-1 {background-image:url(/img/main/banner_01.png);}
.main .banner .banner-wrap .banner-box.banner-2 {background-image:url(/img/main/banner_02.png);}
.main .banner .banner-wrap .banner-box:before {content:""; width:100%; height:100%; background:transparent; opacity:0.8; position:absolute; left:0; top:0; z-index:0; transition:all 1s ease-in-out;}
.main .banner .banner-wrap .banner-box > .wrap {width:100%; padding:0 var(--gap-16); z-index:10; position:relative;}
.main .banner .banner-wrap .banner-box .conts {width:100%; color:var(--begie); display:flex; align-items:center; justify-content:center; gap:var(--gap-16); margin-bottom:0; transition:margin-bottom 0.5s ease-in-out;}
.main .banner .banner-wrap .banner-box .conts p {font-size:var(--font-28); font-weight:600;}
.main .banner .banner-wrap .banner-box .conts span,
.main .banner .banner-wrap .banner-box .conts a.banner-detail {padding:0 var(--gap-16); height:40px; display:flex; align-items:center; justify-content:center; font-family:var(--KoPubWorld); font-weight:700; font-size:var(--font-16); cursor:pointer; border-radius:4px; color:var(--begie);}
.main .banner .banner-wrap .banner-box .sub-wrap {width:100%; display:flex; align-items:center; gap:var(--gap-24); justify-content:center; visibility:hidden; opacity:0; transition:height 1s ease-in-out, visibility 1s ease-in-out, opacity 1s ease-in-out;}
.main .banner .banner-wrap .banner-box .sub-wrap > a {font-size:var(--font-16); color:var(--begie); position:relative;}
.main .banner .banner-wrap .banner-box .sub-wrap > a:before {content:""; width:1px; height:40%; box-sizing:border-box; border-left:1px solid var(--begie); position:absolute; left:calc((var(--gap-24) / 2) * -1); top:50%; transform:translateY(-50%);}
.main .banner .banner-wrap .banner-box .sub-wrap > a:first-child:before {display:none;}
.main .banner .banner-wrap .banner-box.banner-1 .conts span,
.main .banner .banner-wrap .banner-box.banner-1 .conts a.banner-detail {background:#78A9BE;}
.main .banner .banner-wrap .banner-box.banner-2 .conts span,
.main .banner .banner-wrap .banner-box.banner-2 .conts a.banner-detail {background:#CEB643;}
.main .banner .banner-wrap .banner-box.on:before {background:var(--main-color); opacity:0.8;}
.main .banner .banner-wrap .banner-box.on .conts { margin-bottom:var(--gap-16)}
.main .banner .banner-wrap .banner-box.on .sub-wrap {visibility:visible; opacity:1;}

@media screen and (max-width: 1024px) {
	.main .banner .banner-wrap .banner-box {height:300px;}
	.main .banner .banner-wrap .banner-box > .wrap {padding:0 var(--gap-24);}
	.main .banner .banner-wrap .banner-box .conts {flex-wrap:wrap; gap:5px; justify-content:flex-start;}
	.main .banner .banner-wrap .banner-box .conts p {width:100%;}
	.main .banner .banner-wrap .banner-box .sub-wrap {justify-content:flex-start; flex-wrap: wrap; gap: var(--gap-8) var(--gap-24);}
	.main .banner .banner-wrap .banner-box .sub-wrap > a {letter-spacing:-0.5px;}
}

@media screen and (max-width: 900px) {
	.main .banner .banner-wrap {flex-wrap:wrap;}
	.main .banner .banner-wrap .banner-box {width:100%;}
}

@media screen and (max-width: 768px) {
	.main .banner .banner-wrap .banner-box .conts span,
	.main .banner .banner-wrap .banner-box .conts a.banner-detai {height:35px;}
}

@media screen and (max-width: 600px) {
	.main .banner .banner-wrap .banner-box {height:200px;}
}


@media screen and (max-width: 480px) {
	.main .banner .banner-wrap .banner-box .conts span,
	.main .banner .banner-wrap .banner-box .conts a.banner-detai {height:32px;}
	.main .banner .banner-wrap .banner-box {height:180px;}
}


.main .index-faq {width:100%;}
.main .index-faq .faq-wrap {width:100%; max-width:var(--conts-w); margin:0 auto; display:flex;}
.main .index-faq .faq-wrap > * {width:50%;}
.main .index-faq .faq-wrap .lf-box .title-box {width:100%;}
.main .index-faq .faq-wrap .lf-box .title-box h2 {color:var(--main-color);}
.main .index-faq .faq-wrap .lf-box .title-box .txt {width:100%; margin-top:var(--gap-16); font-family:var(--Sanchez); font-size:var(--font-20); color:var(--main-color);}
.main .index-faq .faq-wrap .lf-box .tab-wrap {width:100%; margin-top:var(--gap-40);}
.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab {width:100%;} 
.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li {width:100%; margin-top:var(--gap-16); font-size:var(--font-16); color:#ababab; position:relative; padding-left:12px;}
.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li:before {content:""; width:4px; height:4px; border-radius:50%; background:var(--main-color); position:absolute; left:0; top:12px;}
.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li:first-child {margin-top:0;}
.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li span {cursor:pointer;}
.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li.on {font-weight:600; color:var(--main-color);}
.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li.on span {text-decoration:underline;}

.main .index-faq .faq-wrap .rt-box .tab-conts-wrap {width:100%; margin-top:var(--gap-16);}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts {width:100%; display:none;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts.on {display:block;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts {width:100%; border-top:1px solid var(--main-color);}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li {width:100%; padding:var(--gap-24) 0; border-bottom:1px solid var(--main-color);}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt {width:100%; position:relative; font-size:var(--font-20); font-weight:600; color:var(--main-color); padding-right:30px; cursor:pointer;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt:before,
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt:after {content:""; background:var(--main-color); position:absolute; top:50%; transform:translateY(-50%);}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt:before {width:12px; height:2px; right:10px;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt:after {width:2px; height:12px; right:15px; transition:all 0.5s ease-in-out;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt span {position:relative; padding-left:30px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt span:before {content:"Q. "; width:30px; height:100%; position:absolute; left:0; top:0;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .conts {width:100%; margin-top:var(--gap-32); font-size:var(--font-16); color:#3E3A39; display:none;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .conts .txt {width:100%; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-align:left;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .conts .dir {font-size:var(--font-16); color:var(--main-color);}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .conts .more-box {width:100%; margin-top:var(--gap-8); text-align:right;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .conts .view-more {font-size:var(--font-16); color:var(--main-color); text-decoration:underline;}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li.on .tlt:after {transform:translateY(-50%) rotate(-90deg);}
.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li.on .tlt span {white-space:normal;}

@media screen and (max-width: 1024px) {
	.main .index-faq .faq-wrap {flex-wrap:wrap; gap:var(--gap-40);}
	.main .index-faq .faq-wrap > * {width:100%;}

	.main .index-faq .faq-wrap .lf-box .tab-wrap {width:100%; overflow-x:scroll; overflow-y:hidden;}
	.main .index-faq .faq-wrap .lf-box .tab-wrap::-webkit-scrollbar {height:5px; border-radius:10px;}
	.main .index-faq .faq-wrap .lf-box .tab-wrap::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.03);}

	.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab {display:flex; align-items:center; gap:var(--gap-32); padding:var(--gap-8) 0; width:max-content;}
	.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li {padding-left:0; margin-top:0; max-width:100px; text-align:center;}
	.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li:before {display:none;}
	.main .index-faq .faq-wrap .lf-box .tab-wrap ul.tab li:first-child {max-width:80px;}

	.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt span {padding-left:26px;}
	.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt span:before {width:26px;}
	.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .conts {padding-left:26px;}
}

@media screen and (max-width: 480px) {
	.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt span {padding-left:23px;}
	.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .tlt span:before {width:23px;}
	.main .index-faq .faq-wrap .rt-box .tab-conts-wrap .tab-conts ul.faq-conts li .conts {padding-left:23px;}
}


.main .review {background:var(--main-color);}
.main .review .title-box {width:100%; margin-bottom:var(--gap-32);}
.main .review .title-box h2 {color:var(--begie);}
.main .review .review-wrap {width:100%; position:relative;}
.main .review .review-wrap .review-slide .review-box {background:var(--begie); border-radius:var(--gap-8);}
.main .review .review-wrap .review-slide .review-box a {display:block; width:100%; height:100%;}
.main .review .review-wrap .review-slide .review-box .wrap {width:100%; padding:var(--gap-32);}
.main .review .review-wrap .review-slide .review-box .grade {font-size:var(--font-16); color:var(--main-color);}
.main .review .review-wrap .review-slide .review-box .conts {width:100%; height:168px; font-size:var(--font-16); color:var(--black); overflow-y:auto; /*display:-webkit-box; -webkit-line-clamp:7; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;*/ margin-top:var(--gap-24);}
.main .review .review-wrap .review-slide .review-box .conts::-webkit-scrollbar {width:5px; border-radius:10px;}
.main .review .review-wrap .review-slide .review-box .conts::-webkit-scrollbar-thumb {background:rgba(75,122,76,0.5);}
.main .review .review-wrap .review-slide .review-box .write-info {width:100%; margin-top:var(--gap-40); display:flex; align-itesm:center; justify-content:space-between; font-size:var(--font-14); font-weight:500; color:var(--black);}
.main .review .review-wrap .review-slide .review-box .write-info span {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .review .review-wrap .review-slide .review-box .write-info span.name {width:calc(100% - 120px);}
.main .review .review-wrap .review-slide .review-box .write-info span.date {width:120px; text-align:right;}
.main .review .review-wrap .arrow {width:40px; height:40px; border-radius:50%; font-size:0; position:absolute; top:50%; transform:translateY(-50%); cursor:pointer; border:1px solid var(--begie); z-index:50; background:transparent; transition:background 0.5s ease-in-out;}
.main .review .review-wrap .arrow:before {content:""; width:100%; height:100%; background:url(/img/main/arrow_right.svg) center no-repeat; position:absolute; left:0; top:0;}
.main .review .review-wrap .arrow:hover {background:var(--begie);}
.main .review .review-wrap .arrow:hover:before {background-image:url(/img/main/arrow_right_on.svg);}
.main .review .review-wrap .arrow.slide-prev {left:-70px;}
.main .review .review-wrap .arrow.slide-prev:before {transform:scaleX(-1);}
.main .review .review-wrap .arrow.slide-next {right:-70px;}

@media screen and (max-width: 1440px) {
	.main .review .review-wrap .review-slide {width:calc(100% - 140px); margin:0 auto;}
	.main .review .review-wrap .arrow.slide-prev {left:0;}
	.main .review .review-wrap .arrow.slide-next {right:0;}
}

@media screen and (max-width: 1024px) {
	.main .review .title-box {text-align:center;}
	.main .review .review-wrap .review-slide {width:calc(100% - 100px);}
	.main .review .review-wrap .review-slide .review-box .write-info span.name {width:calc(100% - 90px);}
	.main .review .review-wrap .review-slide .review-box .write-info span.date {width:90px;}
}


@media screen and (max-width: 768px) {
	.main .review .review-wrap .review-slide {width:calc(100% - 90px);}
	.main .review .review-wrap .review-slide .review-box .conts {height:147px;}
	.main .review .review-wrap .arrow {width:32px; height:32px;}
	.main .review .review-wrap .arrow:before {background-size:auto 15px;}
}


@media screen and (max-width: 480px) {
	.main .review .review-wrap .review-slide {width:calc(100% - 80px);}
	.main .review .review-wrap .review-slide .review-box {width:100%;}
	.main .review .review-wrap .review-slide .review-box .conts {height:137px;}	
	.main .review .review-wrap .review-slide .review-box .write-info span.name {width:calc(100% - 70px);}
	.main .review .review-wrap .review-slide .review-box .write-info span.date {width:70px;}
	.main .review .review-wrap .arrow {width:28px; height:28px;}
	.main .review .review-wrap .arrow:before {background-size:auto 12px;}
}


.main .about .about-wrap {width:100%; display:flex; justify-content:space-between; gap:30px;}
.main .about .about-wrap .about-box {flex:1; max-width:560px;}
.main .about .about-wrap .about-box .title-box {width:100%; margin-bottom:var(--gap-16); display:flex; align-items:center; justify-content:space-between;}
.main .about .about-wrap .about-box .title-box h2 {color:var(--main-color);}
.main .about .about-wrap .about-box .conts-box {width:100%;}
.main .about .about-wrap .about-box .conts-box ul {width:100%; border-top:1px solid var(--main-color);}
.main .about .about-wrap .about-box .conts-box ul li {width:100%; border-bottom:1px solid var(--lightgreen);}

.main .about .about-wrap .about-box .conts-box ul.info-tb li {padding:var(--gap-24) 0; font-size:var(--font-16);}
.main .about .about-wrap .about-box .conts-box ul.info-tb li:last-child {border-bottom:none;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li em {font-weight:600; color:var(--main-color);}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap {width:100%;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box {width:100%; margin-top:var(--gap-16); display:flex; gap:var(--gap-16);}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box:first-child {margin-top:0;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .head {width:85px;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts {flex:1; display:flex; align-items:center; gap:5px var(--gap-16); flex-wrap:wrap;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts span {font-weight:600;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts a {font-weight:600; font-size:var(--font-16);}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts span.hide {display:none;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts .button-wrap {display:flex; align-items:center; gap:var(--gap-32);}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts .button-wrap a {font-size:var(--font-16); font-weight:500; color:var(--main-color); position:relative; padding-right:24px; white-space:nowrap;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts .button-wrap a:before {content:""; width:1px; height:50%; box-sizing:border-box; border-left:1px solid var(--lightgreen); position:absolute; left:calc((var(--gap-32) / 2) * -1); top:50%; transform:translateY(-50%);}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts .button-wrap a:after {content:""; width:16px; height:16px; border-radius:50%; border:1px solid var(--main-color); box-sizing:border-box; background-color:transparent; background-image:url(/img/main/arrow_right_on.svg); background-size:auto 8px; background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:calc(50% + 2px); transform:translateY(-50%); transition:background-color 0.5s ease-in-out;}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts .button-wrap a:hover:after {background-color:var(--main-color); background-image:url(/img/main/arrow_right.svg);}
.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts .button-wrap a:first-child:before {display:none;}

.main .about .about-wrap .about-box .conts-box .sns-wrap {width:100%; margin-top:var(--gap-16); display:flex; align-items:center; gap:var(--gap-32);}
.main .about .about-wrap .about-box .conts-box .sns-wrap a {width:40px; height:40px; font-size:0; display:block; background-size:cover; background-repeat:no-repeat; background-position:center;}
.main .about .about-wrap .about-box .conts-box .sns-wrap a.facebook {background-image:url(/img/main/icon_facebook.svg);}
.main .about .about-wrap .about-box .conts-box .sns-wrap a.instagram {background-image:url(/img/main/icon_instagram.svg);}
.main .about .about-wrap .about-box .conts-box .sns-wrap a.vimeo {background-image:url(/img/main/icon_vimeo.svg);}

.main .about .about-wrap .about-box .conts-box ul.current-tb li {width:100%; padding:var(--gap-16) 0; display:flex; align-items:center; font-size:var(--font-16); color:var(--black);}
.main .about .about-wrap .about-box .conts-box ul.current-tb li .subject {flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .about .about-wrap .about-box .conts-box ul.current-tb li .subject a {font-size:var(--font-16); color:var(--black);}
.main .about .about-wrap .about-box .conts-box ul.current-tb li .date {width:90px; text-align:right;}
.main .about .about-wrap .about-box .conts-box ul.current-tb li:hover {color:var(--main-color);}
.main .about .about-wrap .about-box .conts-box ul.current-tb li:hover .subject a {color:var(--main-color);}


@media screen and (max-width: 1280px) {
	.main .about .about-wrap .about-box {width:50%;}
}

@media screen and (max-width: 900px) {
	.main .about .about-wrap {flex-wrap:wrap; gap:var(--gap-60);}
	.main .about .about-wrap .about-box {width:100%; flex:none; max-width:100%;}
}

@media screen and (max-width: 768px) {
	.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .head {width:75px;}
	.main .about .about-wrap .about-box .conts-box .sns-wrap a {width:36px; height:36px;}
}

@media screen and (max-width: 480px) {
	.main .about .about-wrap .about-box .conts-box ul.info-tb li .detail-wrap .detail-box .conts span {width:100%;}
	.main .about .about-wrap .about-box .conts-box .sns-wrap a {width:32px; height:32px;}
}


.main .partner {width:100%; background:#fff;}
.main .partner .partner-wrap {width:100%; max-width:var(--conts-w); height:100px; margin:0 auto; display:flex; align-items:center; overflow:hidden;}
.main .partner .partner-wrap .swiper-wrapper {transition-timing-function:linear;}
.main .partner .partner-wrap .swiper-slide {width:auto !important; margin:0 10px;}
.main .partner .partner-wrap ul li img {display:block; max-width:100%; margin:0 auto; height:40px;}

@media screen and (max-width: 480px) {
	.main .partner .partner-wrap {height:80px;}
	.main .partner .partner-wrap ul li img {height:32px;}
}



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

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

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