@charset "utf-8";
@import url('https://webfontworld.github.io/pretendard/Pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
    
/* 초기화 */
* {font-family: 'Montserrat', 'Pretendard', sans-serif; margin: 0; padding: 0; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-break: keep-all!important; letter-spacing: -1px;}
html{-webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; line-height: 1.15; -webkit-text-size-adjust: 100%; overflow-y: scroll;}
body{max-width: 900px; margin: auto; overflow: hidden;}
a{text-decoration: none; color: #000;}
strong, em{font-style: inherit;}
img{max-width: 100%;}

/* 컬러 변수 */
:root {--color1: #E0D4C8;}
:root {--color2: #C6A697;}
:root {--color3: #AB6853;}

/* 공통 */
.contents{background: #403E3D;}
.bold{font-weight: bold !important;}

.q_btn{position:fixed; bottom:5%; z-index:100; width:900px;}
.q_btn_inner{display:flex; justify-content:flex-end; margin-right:30px;}
.q_btn a{display:block; width: 86px; height: 86px; background:#C6A697; border-radius:50%; position:relative;}
.q_btn a *{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.q_btn a img{width: 40px; transition:all 0.3s;}
.q_btn a p{font-size: 16px; font-weight: 600; text-align: center; color: #FFF; letter-spacing: -1px; opacity:0; transition:all 0.3s;}
.q_btn a:hover img{opacity:0;}
.q_btn a:hover p{opacity:1;}

.sct_pd{padding: 150px 40px 0;}
.sct_pd2{padding: 150px 40px;}
.sct_pd .tit{text-align: center;}
.sct_pd .tit h2{color: var(--color1); font-size: 20px; font-weight: 700;}
.sct_pd .tit h1{font-size: 60px; color: var(--color1); font-weight: 800; margin-top: 60px; position: relative; z-index: 1;}
.sct_pd .tit h1 img{position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.sct_pd .tit_img_b h1 img{top: auto; bottom: -100px;}
.sct_pd .tit .line{display: block; margin: 60px auto; width: 1px; height: 130px; background: var(--color1);}
.sct_pd .tit p{font-size: 30px; color: var(--color1); z-index: 1; line-height: 1.5; position: relative;}

.sct_pd .txt{text-align: center;}
.sct_pd .txt p{font-size: 35px; color: var(--color1); z-index: 1; line-height: 1.5; position: relative;}

@media screen and (max-width: 900px){
    .sct_pd{padding: 16.67vw 4.44vw 0;}
    .sct_pd2{padding: 16.67vw 4.44vw;}
    .sct_pd .tit h2{font-size: 2.22vw; }
    .sct_pd .tit h1{font-size: 6.67vw; margin-top: 6.67vw;  }
    .sct_pd .tit_img_b h1 img{bottom: -11.11vw;}
    .sct_pd .tit .line{margin: 6.67vw auto; width: 0.11vw; height: 14.44vw;}
    .sct_pd .tit p{font-size: 3.33vw;}

    .sct_pd .txt p{font-size: 3.89vw;}
}

@media screen and (max-width: 600px){
    .sct_pd{padding: 20.67vw 5.67vw 0;}
    .sct_pd2{padding: 20.67vw 5.67vw;}
    .sct_pd .tit h2{font-size: 4.17vw;}
    .sct_pd .tit p{font-size: 3.87vw;}
    .sct_pd .txt p{font-size: 3.87vw;}
}


/* 비주얼 */
.visual{position: relative;}
.visual::before{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 50%; background: linear-gradient(#403E3D, rgba(0,0,0,0)); z-index: 2;}
.visual::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 30%; background: linear-gradient(rgba(0,0,0,0), #403E3D); z-index: 2;}

.visual .video_bg{padding-top: 177.34%; overflow: hidden; width: 100%; position: relative; height: auto;}
.visual .video_bg iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100vw; height: 100%;}

.visual .tit{text-align: center; position: absolute; top: 10%; left: 50%; transform: translateX(-50%); z-index: 9; width: 100%; padding: 0 20px;}
.visual .tit span{color: var(--color1); font-size: 20px; font-weight: 600;}
.visual .tit h1{position: relative; margin-top: 30px; font-size: 70px; font-weight: 700; color: var(--color1);}
.visual .tit h1 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.visual .tit p{color: var(--color1); margin-top: 50px; font-size: 30px; line-height: 1.5; font-weight: 300;}

.visual .btn{position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); font-size: 0; z-index: 999; width: 550px; height: fit-content;}
.visual .btn li{display: inline-block; width: calc(100% / 2 - 15px); border-radius: 0 50px 50px 50px;}
.visual .btn li+li{margin-left: 30px;}
.visual .btn li a{display: block; font-size: 22px; text-align: center; line-height: 85px; font-weight: 600;}
.visual .btn li:nth-child(1){background: var(--color1);}
.visual .btn li:nth-child(2){background: var(--color3);}
.visual .btn li:nth-child(1) a{color: #000;}
.visual .btn li:nth-child(2) a{color: #fff;}
.visual .btn img{display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; top: -2px;}

@media screen and (max-width: 900px){
/*    .visual .video_bg{margin-top: 0%;}*/

    .visual .tit{padding: 0 2.22vw;}
    .visual .tit span{font-size: 2.22vw;}
    .visual .tit h1{margin-top: 3.33vw; font-size: 7.78vw;}
    .visual .tit p{margin-top: 5.56vw; font-size: 3.33vw;}

    .visual .btn{width: 61.11vw;}
    .visual .btn li{width: calc(100% / 2 - 1.67vw); border-radius: 0 8.56vw 8.56vw 8.56vw;}
    .visual .btn li+li{margin-left: 3.33vw;}
    .visual .btn li a{font-size: 2.44vw; line-height: 9.44vw; }
    .visual .btn img{margin-left: 1.11vw; top: -0.22vw; width: 2.67vw;}

	.q_btn{width:100%;}
	.q_btn_inner{margin-right:3.33vw;}
	.q_btn a{width: 9.56vw; height: 9.56vw;}
	.q_btn a img{width: 4.44vw;}
	.q_btn a p{font-size: 1.78vw; letter-spacing: -0.11vw;}
}

@media screen and (max-width: 600px){
/*
    .visual .video_bg{padding-top: 100vh;}
    .visual .video_bg iframe{width: 125%;}
*/
    
    .visual .tit{padding: 0 5.67vw;}
    .visual .tit span{font-size: 4.17vw;}
    .visual .tit h1{font-size: 9.00vw;}
    .visual .tit p{font-size: 4.17vw;}
    
    .visual .btn{width: 76vw; left: 3vw; transform: translateX(0); padding:0;}
    .visual .btn{bottom: 5.67vw;}
	.visual .btn li+li { margin-left: 2.33vw; }
    .visual .btn li a{line-height: 13.33vw; font-size: 3.33vw;}
    .visual .btn img{width: 4.17vw;}

	.q_btn{bottom:5.67vw;}
	.q_btn_inner{margin-right:3.00vw;}
	.q_btn a{width: 13.33vw; height: 13.33vw;}
	.q_btn a img{width: 6.67vw;}
	.q_btn a p{font-size: 2.67vw; letter-spacing: -0.17vw;}
}


/* 섹션1 */
.sct1 .tit{text-align: center;}
.sct1 .tit p span{position: relative; color: #403E3D;}
.sct1 .tit p span::before{content: ''; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: var(--color1); z-index: -1;}

.sct1_slide{margin-top: 100px; position: relative; overflow: hidden;}
.swiper-container .control{position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 30px; padding: 0 20px;}
.swiper-container .control .arrow{display: flex;}
.swiper-container .control .arrow>div{width: 30px !important; height: 30px !important; position: relative; margin: 0; top: auto; left: auto; right: auto; bottom: auto;}
.swiper-container .control .arrow>div::after{display: none;}
.swiper-container .control .next{margin-left: 20px!important;}
.swiper-container .control .pgb{position: relative; top: auto; right: auto; left: auto; bottom: auto; width: 85%; height: 3px; overflow: hidden; background: rgba(224,212,200,0.4);}
.swiper-container .control .pgb .swiper-pagination-progressbar-fill{background: var(--color1);}

@media screen and (max-width: 900px){
    .sct1 .tit p span::before{top: -0.56vw; left: -0.56vw; width: calc(100% + 1.11vw); height: calc(100% + 1.11vw);}

    .sct1_slide{margin-top: 11.11vw;}
    .swiper-container .control{margin-top: 3.33vw; padding: 0 2.22vw;}
    .swiper-container .control .arrow>div{width: 3.33vw !important; height: 3.33vw !important;}
    .swiper-container .control .next{margin-left: 2.22vw!important;}
    .swiper-container .control .pgb{height: 0.1vw; width: 80%;}
}

@media screen and (max-width: 600px){
    .swiper-container .control{margin-top: 3.33vw; padding: 0 2.22vw;}
    .swiper-container .control .arrow>div{width: 5vw !important; height: 5vw !important;}
    .swiper-container .control .next{margin-left: 2.22vw!important;}
}

/* 섹션2 */
.sct2 .txt p+p{margin-top: 100px;}

.sct2 .test_box{margin-top: 100px;}
.sct2 .test_box .tit{position: relative;}
.sct2 .test_box .tit::before{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 1px; background: var(--color3); z-index: 1;}
.sct2 .test_box .tit h1{font-size: 25px; color: var(--color1); text-align: center; width: 300px; line-height: 65px; border-radius: 50px; background: var(--color3); margin: auto; z-index: 2; position: relative;}
.sct2 .test_box ul{display: flex; margin-top: 50px;}
.sct2 .test_box ul li{border-radius: 30px; width: calc(100% / 2 - 10px); position: relative;}
.sct2 .test_box ul li:nth-child(1){background: var(--color1); margin-right: 20px;}
.sct2 .test_box ul li:nth-child(2){background: var(--color3);}
.sct2 .test_box ul li:nth-child(2) span{color: #fff;}
.sct2 .test_box span{text-align: center; font-size: 22px; padding: 20px; display: block; font-weight: 500;}
.sct2 .test_box ul li:nth-child(1)::after{content: ''; width: 70px; height: 70px; background: url(/ld_img/before_arrow.svg) center no-repeat; background-size: cover; position: absolute; top: 50%; transform: translateY(-50%); right: -45px; z-index: 1;}

@media screen and (max-width: 900px){
    .sct2 .txt p+p{margin-top: 11.11vw;}

    .sct2 .test_box{margin-top: 11.11vw;}
    .sct2 .test_box .tit::before{height: 0.11vw;}
    .sct2 .test_box .tit h1{font-size: 2.78vw; width: 33.33vw; line-height: 7.22vw; border-radius: 5.56vw;}
    .sct2 .test_box ul{ margin-top: 5.56vw;}
    .sct2 .test_box ul li{border-radius: 3.33vw; width: calc(100% / 2 - 1.11vw);}
    .sct2 .test_box ul li:nth-child(1){margin-right: 2.22vw;}
    .sct2 .test_box span{font-size: 2.44vw; padding: 2.22vw;}
    .sct2 .test_box ul li:nth-child(1)::after{width: 7.78vw; height: 7.78vw; right: -5.00vw; }
}

@media screen and (max-width: 600px){
    .sct2 .test_box .tit h1{font-size: 3.67vw; width: 47.33vw; line-height: 11.22vw; border-radius: 7.56vw; font-weight: 600;}
    .sct2 .test_box span{font-size: 3.33vw; padding: 2.75vw;}
}

/* 섹션3 */
.sct3 .tit h1{margin-top: 0;}
.sct3 .tit p{margin-top: 60px;}
.sct3 ul{margin-top: 60px;}
.sct3 ul li+li{margin-top: 50px;}

@media screen and (max-width: 900px){
    .sct3 .tit p{margin-top: 5.67vw;}
    .sct3 ul{margin-top: 5.67vw;}
    .sct3 ul li+li{margin-top: 5.56vw;}
}

/* 섹션4 */
.sct4 .tit h1{margin-top: 0;}
.sct4 ul{display: flex; align-items: center; justify-content: space-between; margin-top: 60px;}
.sct4 ul li{width: calc(100% / 3); position: relative;}
.sct4 ul li+li{margin-left: 50px;}
.sct4 ul .num{display: block; margin: auto;}
.sct4 ul .img{margin-top: -10px;}
.sct4 ul h1{text-align: center; color: var(--color1); font-size: 18px; font-weight: 600; width: 100%; line-height: 58px; border-radius: 50px; background: var(--color3); margin-top: -30px; z-index: 2; position: relative;}
.sct4 .txt{margin-top: 100px;}
.sct4 .txt p:nth-child(2){font-size: 30px;}

@media screen and (max-width: 900px){
    .sct4 ul{margin-top: 5.67vw;}
    .sct4 ul li+li{margin-left: 5.56vw;}
    .sct4 ul .num{height: 8.00vw;}
    .sct4 ul .img{margin-top: -1.11vw;}
    .sct4 ul h1{font-size: 2.00vw; line-height: 6.44vw; border-radius: 5.56vw; margin-top: -3.33vw;  }
    .sct4 .txt{margin-top: 11.11vw;}
    .sct4 .txt p:nth-child(2){font-size: 3.33vw;}
}

@media screen and (max-width: 600px){
    .sct4 ul li+li{margin-left: 2.56vw;}
    .sct4 ul h1{font-size: 2.5vw;}
    .sct4 .txt p:nth-child(2){font-size: 4.17vw;}
}

/* 섹션5 */
.sct5 .tit h1{margin-top: 20px;}
.sct5 .tit h1 img{bottom: -80px;}

.sct5 .logo_slide{overflow: hidden; width: calc(100% + 80px); margin: 100px auto 0 -40px;}
.sct5 .logo_slide .swiper-wrapper{transition-timing-function: linear; gap: 0 25px;}
.sct5 .logo_slide .swiper-slide{/* width: 200px; */ padding-top: 4%; position: relative; overflow: hidden;}
.sct5 .logo_slide .swiper-slide.logo1{width:173px;}
.sct5 .logo_slide .swiper-slide.logo2{width:55px;}
.sct5 .logo_slide .swiper-slide.logo3{width:190px;}
.sct5 .logo_slide .swiper-slide.logo4{width:158px;}
.sct5 .logo_slide .swiper-slide.logo5{width:22px;}
.sct5 .logo_slide .swiper-slide.logo6{width:149px;}
/* .sct5 .logo_slide .swiper-slide img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; opacity: 0.6; max-width: inherit;} */
.sct5 .logo_slide .swiper-slide img{width:100%; height:100%; object-fit:cover; opacity: 0.6;}

.sct5_slide{margin-top: 60px; position: relative; overflow: hidden;}
.sct5_slide .swiper-slide img{width: 100%;}

@media screen and (max-width: 900px){
    .sct5 .tit h1{margin-top: 2.22vw;}
    .sct5 .tit h1 img{bottom: -8.89vw;}
    
    .sct5 .logo_slide{ width: calc(100% + 11.34vw); margin: 11.11vw auto 0 -5.67vw;}
    .sct5 .logo_slide .swiper-wrapper{gap: 0 2.78vw;}
    .sct5 .logo_slide .swiper-slide{width: 33.33vw; padding-top: 6%;}
    
    .sct5_slide{margin-top: 5.67vw;}

	.sct5 .logo_slide .swiper-slide.logo1{width:19.22vw;}
	.sct5 .logo_slide .swiper-slide.logo2{width:6.11vw;}
	.sct5 .logo_slide .swiper-slide.logo3{width:21.11vw;}
	.sct5 .logo_slide .swiper-slide.logo4{width:17.56vw;}
	.sct5 .logo_slide .swiper-slide.logo5{width:2.44vw;}
	.sct5 .logo_slide .swiper-slide.logo6{width:16.56vw;}
}


@media screen and (max-width: 600px){
	.sct5 .logo_slide .swiper-slide.logo1{width:28.83vw;}
	.sct5 .logo_slide .swiper-slide.logo2{width:9.17vw;}
	.sct5 .logo_slide .swiper-slide.logo3{width:31.67vw;}
	.sct5 .logo_slide .swiper-slide.logo4{width:26.33vw;}
	.sct5 .logo_slide .swiper-slide.logo5{width:3.67vw;}
	.sct5 .logo_slide .swiper-slide.logo6{width:24.83vw;}
}


/* 섹션6 */
.sct6 .tit h1{margin-top: 0;}
.sct6 .tit h1 .dot{position: relative;}
.sct6 .tit h1 .dot::before{content: ''; width: 10px; height: 10px; border-radius: 50%; background: var(--color3); position: absolute; top: -15px; left: 50%; transform: translateX(-50%);}
.sct6 .tit h1 img{bottom: -80px;}
.sct6 .tit p{margin-top: 100px;}

.sct6 .p{margin-top: 60px; font-size: 22px; color: var(--color1); font-weight: 300; margin-bottom: 30px;}
.sct6 .ul{display: flex;}
.sct6 .ul a{border-radius: 0  60px 0 60px; padding: 50px; position: relative;}
.sct6 .ul a:nth-child(1){background: var(--color1); margin-right: 20px; width: 45%;}
.sct6 .ul a:nth-child(2){background: #E0C2B3; width: 55%;}
.sct6 .ul a h2{font-size: 50px; font-weight: 700; color: rgba(0,0,0,0.08);}
.sct6 .ul a h1{font-size: 30px; font-weight: 700; margin-top: -30px; color: #333; margin-bottom: 30px;}
.sct6 .ul a span{display: block; background: #333; color: var(--color1); font-size: 16px; line-height: 56px; text-align: center; border-radius: 50px; font-weight: 500;}
.sct6 .ul a span+span{margin-top: 10px;}
.sct6 .ul a p{color: #333; font-size: 16px; margin-top: 10px; margin-bottom: 20px; text-align: center; font-weight: 500;}
.sct6 .ul a img{position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%);}
.sct6 .ul a .price{text-align: center; margin-top: 40px;}
.sct6 .ul a .price h2{color: #333; font-size: 30px; font-weight: 700;}
.sct6 .ul a .price h1{color: var(--color3); font-size: 35px; font-weight: 700; margin-top: 10px;}
.sct6 .ul a .price h1 em{color: #333; font-size: 20px; text-decoration: line-through; display: inline-block; vertical-align: middle; font-weight: 500; margin-right: 10px;}
.sct6 .ul a:nth-child(1) .price{position: absolute; bottom: 100px; left: 0; width: 100%;}

.sct6 .premium{margin-top: 20px; background: var(--color3); border-radius: 0 60px 0 60px; position: relative; overflow: hidden;}
.sct6 .premium > a{background: var(--color3); padding: 35px 50px 60px; display: block;}
.sct6 .premium h2{color: #fff; font-size: 18px; font-weight: 600; display: inline-block; text-decoration: underline;}
.sct6 .premium span{font-size: 50px; font-weight: 700; color: rgba(255,255,255,0.1); display: block;}
.sct6 .premium h1{font-size: 30px; font-weight: 700; margin-top: -30px; color: #fff;}
.sct6 .premium p{margin-top: 50px; font-size: 18px; font-weight: 300; line-height: 1.5; color: #fff;}
.sct6 .premium p .br{height: 10px;}
.sct6 .premium .link{position: absolute; top: 85px; right: 45px;}
.sct6 .premium .link a{background: #fff; color: var(--color3); font-size: 16px; font-weight: 600; line-height: 56px; border-radius: 50px; width: 330px; text-align: center; display: block;}
.sct6 .premium .link a+a{margin-top: 10px;}
.sct6 .premium .link p{font-size: 55px; color: rgba(255,255,255,0.1); font-weight: 900; position: absolute; bottom: 0; right: 0;}
.sct6 .premium .coming{position: absolute; bottom: 40px; right: 45px;}

.sct6 .event{border: 1px solid var(--color1); border-radius: 0 60px 0 60px; padding: 45px; text-align: center; margin-top: 20px;}
.sct6 .event .icon{margin: auto;}
.sct6 .event h1{margin-top: 20px; font-size: 35px; font-weight: 700; position: relative; color: var(--color1);}
.sct6 .event h1 img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sct6 .event p{margin-top: 60px; color: var(--color1); font-size: 30px; line-height: 1.5;}
.sct6 .event p .point{position: relative; font-weight: bold; color: #fff; z-index: 0;}
.sct6 .event p .point::before{content: ''; position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); background: var(--color3); z-index: -1;}

@media screen and (max-width: 900px){
    .sct6 .tit h1 .dot::before{width: 1.11vw; height: 1.11vw; top: -1.67vw;}
    .sct6 .tit h1 img{bottom: -8.89vw;}
    .sct6 .tit p{margin-top: 11.11vw;}

    .sct6 .p{margin-top: 6.67vw; font-size: 2.44vw; margin-bottom: 3.33vw;}
    .sct6 .ul a{border-radius: 0  6.67vw 0 6.67vw; padding: 5.56vw; }
    .sct6 .ul a:nth-child(1){margin-right: 2.22vw;}
    .sct6 .ul a h2{font-size: 5.56vw;}
    .sct6 .ul a h1{font-size: 3.33vw; margin-top: -3.33vw; margin-bottom: 3.33vw;}
    .sct6 .ul a span{font-size: 1.78vw; line-height: 6.22vw; border-radius: 5.56vw;}
    .sct6 .ul a span+span{margin-top: 1.11vw;}
    .sct6 .ul a p{ font-size: 1.78vw; margin-top: 1.11vw; margin-bottom: 2.22vw;}
    .sct6 .ul a .price{ margin-top: 4.44vw;}
    .sct6 .ul a .price h2{ font-size: 3.33vw; }
    .sct6 .ul a .price h1{font-size: 3.89vw; margin-top: 1.11vw;}
    .sct6 .ul a .price h1 em{font-size: 2.22vw; margin-right: 1.11vw;}
    .sct6 .ul a:nth-child(1) .price{bottom: 11.11vw;}

    .sct6 .premium{margin-top: 2.22vw; border-radius: 0 6.67vw 0 6.67vw;}
    .sct6 .premium > a{padding: 3.89vw 5.56vw 6.67vw;}
    .sct6 .premium h2{ font-size: 2.00vw;}
    .sct6 .premium span{font-size: 5.56vw;}
    .sct6 .premium h1{font-size: 3.33vw; margin-top: -3.33vw; }
    .sct6 .premium p{margin-top: 5.56vw; font-size: 2.00vw;}
    .sct6 .premium p .br{height: 1.11vw;}
    .sct6 .premium .link{ top: 9.44vw; right: 5.00vw;}
    .sct6 .premium .link a{font-size: 1.78vw; line-height: 6.22vw; border-radius: 5.56vw; width: 36.67vw;}
    .sct6 .premium .link a+a{margin-top: 1.11vw;}
    .sct6 .premium .link p{font-size: 6.11vw;}
    .sct6 .premium .coming{ bottom: 4.44vw; right: 5.00vw; width: 41.89vw;}

    .sct6 .event{border-radius: 0 6.67vw 0 6.67vw; padding: 5.00vw; margin-top: 2.22vw;}
    .sct6 .event .icon{width: 7.67vw;}
    .sct6 .event h1{margin-top: 2.22vw; font-size: 3.89vw;}
    .sct6 .event p{margin-top: 6.67vw; font-size: 3.33vw;}
    .sct6 .event p .point::before{top: -0.56vw; left: -0.56vw; width: calc(100% + 1.11vw); height: calc(100% + 1.11vw);}
}

@media screen and (max-width: 600px){
    .sct6 .p{font-size: 2.98vw;}
    
    .sct6 .ul a:nth-child(1){margin-right: 10px;}
    .sct6 .ul a h2{font-size: 7.56vw;}
    .sct6 .ul a h1{font-size: 4.53vw;}
    .sct6 .ul a span{font-size: 2.4vw; line-height: 7.8vw;}
    .sct6 .ul a p{font-size: 2.4vw;}
    .sct6 .ul a img{max-width: 85%;}
    
    .sct6 .premium{margin-top: 10px;}
    .sct6 .premium h2{font-size: 2.4vw;}
    .sct6 .premium span{font-size: 7.56vw;}
    .sct6 .premium h1{font-size: 4.53vw;}
    .sct6 .premium p{font-size: 2.4vw;}
    .sct6 .premium .coming{width: 38.24vw; bottom: 5.5vw;}
    .sct6 .premium .link{top: 11.55vw;}
    .sct6 .premium .link a{line-height: 7.8vw; font-size: 2.22vw;}
    
    .sct6 .event{margin-top: 10px;}
    .sct6 .event h1 img{width: 48.83vw;}
    .sct6 .event h1{font-size: 4.53vw;}
}
 
/* 섹션7 */
.sct7 .tit h1{margin-top: 20px;}

.sct7 .qna_list{margin-top: 100px; border-bottom: 1px solid var(--color1);}
.sct7 .qna_list dt{border-top: 1px solid var(--color1); padding: 30px 20px; font-size: 24px; font-weight: 600; color: var(--color1); position: relative; cursor: pointer;}
.sct7 .qna_list dt img{position: absolute; top: 27px; right: 20px; transform: rotate(-180deg);}
.sct7 .qna_list dd{border-top: 1px solid var(--color1); font-size: 20px; line-height: 1.5; color: var(--color1); padding: 30px 20px; display: none;}
.sct7 .qna_list dd span{padding-left: 15px; position: relative; display: block;}
.sct7 .qna_list dd span::before{content: ''; width: 5px; height: 5px; border-radius: 50px; background: var(--color1); position: absolute; top: 12px; left: 0;}

.sct7 .qna_list dl.on dt{border-top: none; border-radius: 0 30px 0 30px; background: var(--color3); color: #fff;}
.sct7 .qna_list dl.on dd{display: block; border-top: none;}
.sct7 .qna_list dl.on dt img{transform: rotate(0deg);}

@media screen and (max-width: 900px){
    .sct7 .tit h1{margin-top: 2.22vw;}

    .sct7 .qna_list{margin-top: 11.11vw;}
    .sct7 .qna_list dt{padding: 3.33vw 2.22vw; font-size: 2.67vw;}
    .sct7 .qna_list dt img{top: 3.00vw; right: 2.22vw; width: 3.56vw;}
    .sct7 .qna_list dd{font-size: 2.22vw; padding: 3.33vw 2.22vw; }
    .sct7 .qna_list dd span{padding-left: 1.67vw;}
    .sct7 .qna_list dd span::before{width: 0.56vw; height: 0.56vw; border-radius: 5.56vw; top: 1.33vw;}
    
    .sct7 .qna_list dl.on dt{border-radius: 0 3.33vw 0 3.33vw;}
}

@media screen and (max-width: 600px){
    .sct7 .qna_list dt{font-size: 3.45vw; padding: 4.33vw 8.58vw 4.33vw 3.58vw; line-height: 1.5;}
    .sct7 .qna_list dt img{top: 4vw; right: 3.58vw;}
    .sct7 .qna_list dl.on dd{padding: 4.33vw 3.58vw; font-size: 3.45vw;}
    .sct7 .tit_img_b h1 img{width: 66.78vw;}
}

/* 섹션8 */
.sct8{background: var(--color1);}
.sct8 .tit h1{color: #333; margin-top: 0;}
.sct8 .tit p{color: #333; margin-top: 60px;}
.sct8 .puzzle_list{width: 630px; margin: 60px auto 0;}
.sct8 .puzzle_list .puzzle{position: relative; display: inline-block; width: calc(100% / 2); vertical-align: top; color: var(--color1);}
.sct8 .puzzle_list .puzzle img{width: 100%;}
.sct8 .puzzle_list .logo{margin: 20px auto 70px; display: block;}
.sct8 .puzzle_list p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; font-size: 25px; font-weight: 600; text-align: center;}
.sct8 .puzzle_list .puzzle:nth-child(1){width: 46%; margin-right: 2px; height:335px;}
.sct8 .puzzle_list .puzzle:nth-child(2){width: 53%; height:288px;}
.sct8 .puzzle_list .puzzle:nth-child(4){width: 52%; height:288px;}
.sct8 .puzzle_list .puzzle:nth-child(5){width: 45%; top: -45px; right: -14px; height:334px;}
.sct8 .puzzle_list .puzzle:nth-child(1) p{top: 42%;}
.sct8 .puzzle_list .puzzle:nth-child(2) p{left: 56%;}
.sct8 .puzzle_list .puzzle:nth-child(4) p{left: 44%;}
.sct8 .puzzle_list .puzzle:nth-child(5) p{top: 55%;}
/* .sct8 .puzzle_list .puzzle.on p{color: var(--color1);} */

.sct8 .puzzle_list .puzzle{background-repeat:no-repeat; background-position:center; background-size:contain;}
.sct8 .puzzle_list .puzzle1.on{animation:puzzle1 ease 1.5s both;}
.sct8 .puzzle_list .puzzle2.on{animation:puzzle2 ease 1.5s both; animation-delay:0.5s;}
.sct8 .puzzle_list .puzzle3.on{animation:puzzle3 ease 1.5s both; animation-delay:0.9s;}
.sct8 .puzzle_list .puzzle4.on{animation:puzzle4 ease 1.5s both; animation-delay:0.7s;}

@keyframes puzzle1 {
	0%{background-image:url("/ld_img/sct_08_puzzle_01_on.svg"); opacity:0; transform:translateX(-80px);}
	100%{background-image:url("/ld_img/sct_08_puzzle_01.svg"); color: var(--color3); opacity:1; transform:translateX(0px);}
}

@keyframes puzzle2 {
	0%{background-image:url("/ld_img/sct_08_puzzle_02_on.svg"); opacity:0; transform:translateX(80px);}
	100%{background-image:url("/ld_img/sct_08_puzzle_02.svg"); color: var(--color3); opacity:1; transform:translateX(0px);}
}

@keyframes puzzle3 {
	0%{background-image:url("/ld_img/sct_08_puzzle_03_on.svg"); opacity:0; transform:translateX(-80px);}
	100%{background-image:url("/ld_img/sct_08_puzzle_03.svg"); color: var(--color3); opacity:1; transform:translateX(0px);}
}

@keyframes puzzle4 {
	0%{background-image:url("/ld_img/sct_08_puzzle_04_on.svg"); opacity:0; transform:translateY(80px);}
	100%{background-image:url("/ld_img/sct_08_puzzle_04.svg"); color: var(--color3); opacity:1; transform:translateY(0px);}
}

.sct8_1 ul{font-size: 0;}
.sct8_1 ul li{display: inline-block; width: calc(100% / 2 - 10px); margin-right: 20px; margin-top: 40px; vertical-align: top;}
.sct8_1 ul li:nth-child(2n){margin-right: 0;}
.sct8_1 ul li:nth-child(1){margin-top: 0;}
.sct8_1 ul li:nth-child(2){margin-top: 0;}
.sct8_1 ul li h1{font-size: 18px; font-weight: 600; text-align: center; line-height: 58px; width: 250px; border-radius: 50px; color: var(--color1); margin: auto; background: var(--color3);}
.sct8_1 ul li p{font-size: 20px; line-height: 1.5; color: var(--color1); text-align: center; padding: 65px 20px 40px; border: 2px solid var(--color3); margin-top: -29px; border-radius: 30px;min-height: 230px;}
.sct8_1 .txt{margin-top: 100px;}
.sct8_1 .txt p{font-size: 25px;}

@media screen and (max-width: 900px){
    .sct8 .tit p{ margin-top: 6.67vw;}
    .sct8 .puzzle_list{width: 100%; margin: 6.67vw auto 0;}
    .sct8 .puzzle_list .logo{margin: 2.22vw auto 7.78vw;}
    .sct8 .puzzle_list p{font-size: 2.78vw;}
    .sct8 .puzzle_list .puzzle:nth-child(1){margin-right: 0.22vw; height:37.22vw;}
	.sct8 .puzzle_list .puzzle:nth-child(2){height:32.00vw;}
	.sct8 .puzzle_list .puzzle:nth-child(4){height:32.00vw;}
    .sct8 .puzzle_list .puzzle:nth-child(5){top: -5.00vw; right: -1.56vw; height:37.11vw;}

    .sct8_1 ul{font-size: 0;}
    .sct8_1 ul li{width: calc(100% / 2 - 1.11vw); margin-right: 2.22vw; margin-top: 4.44vw;}
    .sct8_1 ul li h1{font-size: 2.00vw; line-height: 6.44vw; width: 27.78vw; border-radius: 5.56vw;}
    .sct8_1 ul li p{font-size: 2.22vw; padding: 7.22vw 2.22vw 4.44vw; border: 1px solid var(--color3); margin-top: -3.22vw; border-radius: 3.33vw; min-height: 25.56vw;}
    .sct8_1 .txt{margin-top: 11.11vw;}
    .sct8_1 .txt p{font-size: 2.78vw;}
}

@media screen and (max-width: 600px){
    .sct8 .puzzle_list .logo{width: 40%; margin: 2.44vw auto 6.89vw;}
    .sct8 .puzzle_list .puzzle:nth-child(1){margin-right: 0; height:47.83vw;}
	.sct8 .puzzle_list .puzzle:nth-child(2){height:40.00vw;}
	.sct8 .puzzle_list .puzzle:nth-child(4){height:40.00vw;}
	.sct8 .puzzle_list .puzzle:nth-child(5){height:47.67vw;}
    .sct8 .puzzle_list p{font-size: 3.48vw;}
    
    .sct8_1 ul li h1{font-size: 3.24vw; line-height: 8.44vw; width: 32.78vw; border-radius: 5.56vw;}
    .sct8_1 ul li p br{display: none;}
    .sct8_1 ul li p{font-size: 2.65vw; min-height: 28vw;}
    .sct8_1 .txt p{font-size: 3.57vw;}
}

/* 섹션9 */
.sct9{background: var(--color1);}
.sct9 .tit h1{color: #333; margin-top: 0;}
.sct9 .tit p{color: #333;}
.sct9 .tit h3{background: var(--color3); color: var(--color1); font-size: 30px; font-weight: 700; line-height: 70px; width: 625px; border-radius: 50px; margin: 60px auto 60px;}
.sct9 .sct9_slide{overflow: hidden; width: calc(100% + 80px); margin-left: -40px;}
.sct9 .sct9_slide .swiper-wrapper{transition-timing-function: linear; gap: 0 20px;}
.sct9 .sct9_slide .swiper-slide{width: auto; height: auto;}
.sct9 .sct9_slide img{height: 500px;}
.sct9 .txt{margin-top: 100px;}
.sct9 .txt p{color: #333;}
.sct9 .txt p:nth-child(2){margin-top: 40px; font-size: 30px;}

.sct9 .tit2{margin-top: 200px;}
.sct9 .tit2 h1 span{font-weight: 400;}
.sct9 .tit2 p{margin-top: 60px;}
.sct9 .rm_tit{display: block; margin: 100px auto 60px;}

@media screen and (max-width: 900px){
    .sct9 .tit h1{margin-top: 2.5vw;}
    .sct9 .tit h3{font-size: 3.33vw; line-height: 7.78vw; width: 69.44vw; border-radius: 5.56vw; margin: 6.67vw auto 6.67vw;}
    .sct9 .sct9_slide{width: calc(100% + 8.89vw); margin-left: -4.44vw;}
    .sct9 .sct9_slide .swiper-wrapper{gap: 0 2.22vw;}
    .sct9 .sct9_slide img{height: 55.56vw;}
    .sct9 .txt{margin-top: 11.11vw;}
    .sct9 .txt p:nth-child(2){margin-top: 4.44vw; font-size: 3.33vw;}
    
    .sct9 .tit2{margin-top: 22.22vw;}
    .sct9 .tit2 p{margin-top: 6.67vw;}
    .sct9 .rm_tit{margin: 11.11vw auto 6.67vw; width: 50.11vw;}
}

@media screen and (max-width: 600px){
    .sct9 .txt p:nth-child(2){font-size: 3.87vw;}
}

/* 섹션10 */
.sct10 .tit h1{margin-top: 0;}
.sct10 .tit p{margin-top: 60px;}
.sct10 dl{margin-top: 100px; background: var(--color3); border-radius: 0 60px 60px 60px;}
.sct10 dl dd{background: #fff; display: flex; padding: 50px; border-radius: 0 60px 60px 60px;}
.sct10 dl dd img{width: 50%;}
.sct10 dl dt{font-size: 20px; font-weight: 700; text-align: center; padding: 25px; color: #fff;}

@media screen and (max-width: 900px){
    .sct10 .tit p{margin-top: 6.67vw;}
    .sct10 dl{margin-top: 11.11vw; border-radius: 0 6.67vw 6.67vw 6.67vw;}
    .sct10 dl dd{padding: 5.56vw; border-radius: 0 6.67vw 6.67vw 6.67vw;}
    .sct10 dl dt{font-size: 2.22vw; padding: 2.78vw;}
}

@media screen and (max-width: 600px){
    .sct10 dl dt{font-size: 3.33vw; padding: 2.75vw}
}

/* 섹션11 */
.sct11 .tit h1{margin-top: 0;}
.sct11 .tit p{margin-top: 100px;}
.sct11 .tit p.bold{font-size: 35px;}
.sct11 .tit p:last-child{margin-top: 30px;}

.sct11 .img_list{margin-top: 100px; width: calc(100% + 80px); margin-left: -40px; display: flex; flex-direction: column;}
.sct11 .img_list img{width: calc(100% - 40px);}
.sct11 .img_list img+img{margin-top: -60px;}
.sct11 .img_list img:nth-child(2){position: relative; z-index: 2; right: -40px;}

@media screen and (max-width: 900px){
    .sct11 .tit p{margin-top: 11.11vw;}
    .sct11 .tit p.bold{font-size: 3.89vw;}
    .sct11 .tit p:last-child{margin-top: 3.33vw;}
    
    .sct11 .img_list{margin-top: 11.11vw; width: calc(100% + 11.34vw); margin-left: -5.67vw;}
    .sct11 .img_list img{width: calc(100% - 5.67vw);}
    .sct11 .img_list img+img{margin-top: -6.67vw;}
    .sct11 .img_list img:nth-child(2){right: -5.67vw;}
}

/* 섹션12 */
.sct12 .tit h1{margin-top: 0;}
.sct12 .tit p{margin-top: 100px; font-size: 25px;}
.sct12_slide{margin-top: 60px; position: relative; overflow: hidden;}

@media screen and (max-width: 900px){
    .sct12 .tit p{margin-top: 11.11vw; font-size: 2.78vw;}
    .sct12_slide{margin-top: 6.67vw;}
}

@media screen and (max-width: 600px){
    .sct12 .tit h1 img{width: 65.33vw;}
    .sct12 .tit p{font-size: 3.87vw;}
    .sct12 .tit p br{display: none;}
}

/* 섹션13 */
.sct13{background: url(/ld_img/sct_13_bg.png) center no-repeat; background-size: cover; position: relative;}
.sct13 .tit h1{margin-top: 0;}
.sct13 .tit h1 img{bottom: -80px;}
.sct13 .tit h2{margin-top: 60px;}
.sct13 .tit p{margin: 600px auto 0; z-index: 9; position: relative;}
.sct13::after{content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 10%; background: linear-gradient(rgba(0, 0, 0, 0), #403E3D); z-index: 2;}

.sct13_1 dl{border-top: 1px solid var(--color3); border-bottom: 1px solid var(--color3); padding: 100px 0; text-align: center;}
.sct13_1 dl dt{background: var(--color3); text-align: center; font-size: 35px; font-weight: 600; color: var(--color1); line-height: 80px; width: 500px; border-radius: 50px; margin: -140px auto 0;}
.sct13_1 dl dd{color: var(--color1); margin-top: 100px; font-size: 30px; line-height: 1.5;}

@media screen and (max-width: 900px){
    .sct13 .tit h1 img{bottom: -8.89vw;}
    .sct13 .tit h2{margin-top: 6.67vw;}
    .sct13 .tit p{margin: 66.67vw auto 0;}

    .sct13_1 dl{border-top: 1px solid var(--color3); border-bottom: 1px solid var(--color3); padding: 11.11vw 0;}
    .sct13_1 dl dt{font-size: 3.89vw; line-height: 8.89vw; width: 55.56vw; border-radius: 5.56vw; margin: -15.56vw auto 0;}
    .sct13_1 dl dd{margin-top: 11.11vw; font-size: 3.33vw;}
}
@media screen and (max-width: 600px){
    .sct13_1 dl dd{font-size: 3.87vw;}
    .sct13_1 dl dt{font-size: 3.89vw; line-height: 10.89vw; width: 60.56vw; border-radius: 5.56vw; margin: -16.92vw auto 0;}
}

/* 섹션14 */
.sct14{padding: 300px 40px;}
.sct14 .tit h1{margin-top: 0;}
.sct14 .tit h1 img{top: 50%;}
.sct14 .tit h2{margin-top: 150px; font-size: 35px;}
.sct14 .btn{font-size: 0; z-index: 9; width: 550px; margin: 100px auto 0;}
.sct14 .btn li{display: inline-block; width: calc(100% / 2 - 15px); border-radius: 0 50px 50px 50px;}
.sct14 .btn li+li{margin-left: 30px;}
.sct14 .btn li a{display: block; font-size: 22px; text-align: center; line-height: 85px; font-weight: 600;}
.sct14 .btn li:nth-child(1){background: var(--color1);}
.sct14 .btn li:nth-child(2){background: var(--color3);}
.sct14 .btn li:nth-child(1) a{color: #000;}
.sct14 .btn li:nth-child(2) a{color: #fff;}
.sct14 .btn img{display: inline-block; vertical-align: middle; margin-left: 10px; position: relative; top: -2px;}

@media screen and (max-width: 900px){
    .sct14{padding: 33.33vw 4.44vw;}
    .sct14 .tit h1{margin-top: 0;}
    .sct14 .tit h1 img{top: 50%;}
    .sct14 .tit h2{margin-top: 16.67vw; font-size: 3.89vw;}
    .sct14 .btn{font-size: 0;  width: 61.11vw; margin: 11.11vw auto 0;}
    .sct14 .btn li{ width: calc(100% / 2 - 1.67vw); border-radius: 0 5.56vw 5.56vw 5.56vw;}
    .sct14 .btn li+li{margin-left: 3.33vw;}
    .sct14 .btn li a{ font-size: 2.44vw;  line-height: 9.44vw; }
    .sct14 .btn li:nth-child(1){background: var(--color1);}
    .sct14 .btn li:nth-child(2){background: var(--color3);}
    .sct14 .btn li:nth-child(1) a{}
    .sct14 .btn li:nth-child(2) a{}
    .sct14 .btn img{  margin-left: 1.11vw;  top: -0.22vw;}
}

@media screen and (max-width: 600px){
    .sct14 .btn{width: 75.57vw;}
    .sct14 .btn li a{line-height: 11.44vw; font-size: 2.85vw;}
    .sct14 .btn img{width: 4vw;}
}

/* 하단 */
.foot{background: var(--color2); text-align: center; padding: 100px 40px 200px;}
.foot .link{margin-top: 60px;}
.foot .link a{color: #fff; font-size: 16px;}
.foot .link a.bold{font-weight: 600!important;}
.foot .link a+a{margin-left: 20px;}
.foot .info{margin-top: 40px;}
.foot .info span{color: rgba(255,255,255,0.95); font-size: 14px; margin-right: 20px; line-height: 2;}
.foot .info span:nth-child(2){margin-right: 0;}
.foot p{margin-top: 40px; color: #fff; font-size: 14px;}

@media screen and (max-width: 900px){
    .foot{padding: 11.11vw 4.44vw 26.22vw;}
}

@media screen and (max-width: 600px){
    .foot>img{width: 30.17vw;}
    .foot .link{margin-top: 8vw;}
    .foot .link a{font-size: 12px;}
    .foot .link a+a{margin-left: 3.33vw;}
    .foot .info{margin-top: 6.67vw;}
    .foot .info span{margin-right: 3.33vw; font-size: 12px; display: block; margin-right: 0; margin-top: 10px; line-height: 1.15;}
    .foot .info br{display: none;}
    .foot p{margin-top: 6.67vw; font-size: 12px;}
}