@charset "utf-8";

/* 공용 */
section{position: relative;}
#quick_wrap{position: relative;}
#quick_wrap .quick{position: fixed; z-index: 9999; top: 150px; right: -10%; transition: 0.5s; cursor: pointer}
#quick_wrap .quick.scroll_on{right: 1%;}


/* 메인 */
main{background: url(../image/main_bg.jpg) no-repeat bottom center / cover; position: relative; height: 2405px;}
main #main .title{position: absolute; top: 185px; left: 50%; transform: translateX(-50%); z-index: 2;}
main #main .cherry .img{position: absolute; z-index: 2;}
main #main .cherry .img:nth-child(1){top: 616px; left: 50%; margin-left: -547px;}
main #main .cherry .img:nth-child(2){top: 526px; left: 50%; transform: translateX(-50%); height: 500px; overflow: hidden;}
main #main .cherry .img:nth-child(3){top: 590px; left: 50%; margin-left: 228px;}
main #main .bg .cloud{position: absolute; top: -45px; animation: cloud 2s alternate infinite ease-in; z-index: 1;}
@keyframes cloud{0%{top: -45px;} 100%{top: 45px;}}
main #main .bg .light{position: absolute; top: -750px; left: 50%; transform: translateX(-50%); animation: light 3s alternate infinite linear; opacity: 0.9;}
@keyframes light{0%{top: -850px;} 25%{left: 60%;} 75%{top: -650px;} 100%{left: 45%;}}
main #main .floating{position: absolute; left: 50%; transform: translateX(-50%); top: 80px; animation: float 1s alternate infinite linear;}
@keyframes float{0%{top: 80px;} 100%{top: 60px;}}
canvas{display: block; position: absolute;}
.blur{filter: blur(10px);}

/* 섹션1 */
#s01{position: relative; z-index: 2;}
#s01 .title{position: absolute; top: 1235px; left: 50%; transform: translateX(-50%);}
#s01 .point .img{position: absolute; top: 1325px; left: 50%; margin-left: 498px;}
#s01 .point .img:nth-child(2){animation: rotate 10s infinite linear;}
@keyframes rotate{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}
#s01 .ctn_wrap .cherry .img{position: absolute;}
#s01 .ctn_wrap .cherry .img:nth-child(1){left: 50%; margin-left: -628px; top: 1575px;}
#s01 .ctn_wrap .cherry .img:nth-child(2){left: 50%; margin-left: 302px; top: 1895px;}
#s01 .ctn_wrap .ctn{display: flex; position: absolute; top: 1535px; left: 50%; transform: translateX(-51%);}
#s01 .ctn_wrap .ctn .img:nth-child(1){align-self: flex-end;}
#s01 .ctn_wrap .ctn .img:nth-child(2){margin: 0 30px; width: 409px; height: 733px; border-radius: 50px; overflow: hidden;}
#s01 .ctn_wrap .ctn .img video{width: 100%; height: 100%; object-fit: cover;}

/* 섹션2 */
#s02{height: 1675px; background: #f5f8ff;}
#s02 .title{position: absolute; top: 260px; left: 50%; margin-left: -660px;}
#s02 .con{position: absolute; left: 50%; transform: translateX(-50%); top: 475px; z-index: 1;}
#s02 .ctn{position: absolute; left: 50%; margin-left: 30px; top: 100px;}
#s02 .ctn .img{position: absolute;}

/* 섹션3 */
#s03{background: url(../image/s03_bg.jpg) no-repeat center / cover; height: 974px;}
#s03 .img{position: absolute; top: 100px; left: 50%; margin-left: -860px;}
#s03 .title{position: absolute; top: 135px; left: 50%; margin-left: 125px;}
#s03 .list{display: flex; justify-content: space-between; width: 1100px; position: absolute;  left: 50%; margin-left: -188px; top: 435px;}

/* 섹션4 */
#s04{background: url(../image/s04_bg.jpg) no-repeat center / cover; height: 1448px;}
#s04 .ctn_wrap{position: absolute; left: 50%; margin-left: -620px; top: 190px; text-align: center;}
#s04 .ctn_wrap .cherry{margin: 35px 0 30px;}
#s04 .img_wrap{position: absolute; top: 90px; left: 50%; margin-left: 111px; width: 775px; height: 1232px; overflow: hidden;}
#s04 .img_wrap .img{position: absolute;}

/* 섹션5 */
#s05{background: url(../image/s05_bg.jpg) no-repeat center / cover; height: 1132px;}
#s05 .ctn_wrap{position: absolute; left: 50%; margin-left: 128px; bottom: 0;}
#s05 .ctn_wrap .title{margin-bottom: 25px;}
#s05 .frame{position: absolute; left: 50%; margin-left: -848px; bottom: 0; z-index: 11;}
#s05 .s05_swiper{width: 563px; overflow: hidden; position: absolute; left: 50%; margin-left: -655px; top: 213px;}

/* 섹션6 */
#s06{display: flex;}
#s06>div{width: 50%; height: 1320px; position: relative;}
#s06 .left{background: url(../image/s06_bg01.jpg) no-repeat center / cover; overflow: hidden;}
#s06 .right{background: url(../image/s06_bg02.jpg) no-repeat center / cover; overflow: hidden;}
#s06>div .con{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center;}
#s06>div .con .cherry{margin: 50px 0;}

/* 섹션7 */
#s07{background: url(../image/s07_bg.jpg) no-repeat center / cover; height: 1036px;}
#s07 .title{position: absolute; left: 50%; margin-left: -714px; top: 170px;}
#s07 .img{position: absolute; left: 50%; transform: translateX(-50%); top: 93px;}
#s07 .ctn img{position: absolute; left: 50%; margin-left: 629px; top: 225px;}

/* 섹션8 */
#s08{background: url(../image/s08_bg.jpg) no-repeat center / cover; height: 2067px;}
#s08 .title01{position: absolute; left: 50%; transform: translateX(-50%); top: 200px;}
#s08 .list{display: flex; justify-content: space-between; width: 1580px; position: absolute; left: 50%; transform: translateX(-50%); top: 415px;}
#s08 .text{position: absolute; left: 50%; margin-left: -785px; top: 835px;}
#s08 .ctn_wrap{position: absolute; left: 50%; margin-left: -798px; top: 1160px; text-align: center;}
#s08 .ctn_wrap .title02{margin-bottom: 30px;}
#s08 .img_wrap{display: flex; flex-wrap: wrap; justify-content: spcae-between; width: 845px; position: absolute; left: 50%; margin-left: -44px; top: 1060px;}
#s08 .img_wrap .img{width: 50%; filter:drop-shadow(4px 0 12px rgba(0, 0, 0, 0.15));}

/* 섹션9 */
#s09{height: 960px; position: relative; background: #fff;}
#s09 .title{position: absolute; top: 210px; left: 50%; margin-left: -515px;}
#s09 .ctn{position: absolute; top: 110px; left: 50%; margin-left: 40px;}
#s09 table{width: 1280px; margin: 0 auto; font-family: 'SOYOMapleBoldTTF'; position: absolute; top: 450px; left: 50%; transform: translateX(-50%);  text-align: center;}
#s09 table thead{background: #6a96f9; color: #fff;}
#s09 table thead tr td{font-size: 25px; padding: 15px 20px;}
#s09 table tbody tr td{font-size: 20px; padding: 15px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.25);}
#s09 table tbody tr:last-child td{border: none;}


/* 푸터 */
footer{background: #151515; padding: 75px 0; text-align: center; color: #fff;}
footer p{font-size: 16px; line-height: 1.8;}

/* db */
#db_wrap{background: #f5f8ff; padding: 125px 0; width: 1920px; left: 50%; transform: translateX(-50%);}
#db_wrap .title{text-align: center; margin-bottom: 35px;}
#db_wrap .db_inner{background: #fff; width: 50%; margin: 0 auto; border-radius: 24px; padding: 50px 75px; box-sizing: border-box;}
#db_wrap .db_inner .info{display: flex; flex-wrap: wrap; justify-content: space-between;}
#db_wrap .db_inner .info li{width: 47.5%; margin-bottom: 35px;}
#db_wrap .db_inner .info .consider{width: 100%;}
#db_wrap .db_inner .info li h5{font-size: 28px; margin-bottom: 10px; font-family: 'SOYOMapleBoldTTF'; letter-spacing: -1.8px;}
#db_wrap .db_inner .info li input[type="text"],
#db_wrap .db_inner .info li input[type="tel"]{width:100%; padding: 0 10px 0; height: 50px; font-size: 16px; font-weight:500; letter-spacing: -0.5px; font-family: 'Pretendard';
								              color: #777; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; box-sizing: border-box;}

#db_wrap .db_inner .info .consider textarea{width: 100%; padding: 10px 10px 0; font-size: 16px; font-weight:500; letter-spacing: -0.5px; font-family: 'Pretendard';
								            color: #777; background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; box-sizing: border-box;}
#db_wrap .db_inner .info .select{width: 100%;}
#db_wrap .db_inner .info .select ul{display: flex; justify-content: space-between; width: 100%;}
#db_wrap .db_inner .info .select ul li{width: 16%; position: relative; text-align: center; margin-bottom: 0;}
#db_wrap .db_inner .info .select ul li input{position: absolute; top: 0; bottom: 0; left: 0; width: 0; height: 0;}
#db_wrap .db_inner .info .select ul li input[type="radio"]:checked+label{background: #6a96f9; color: #fff; border: none;}
#db_wrap .db_inner .info .select ul li label{display: block; cursor: pointer; border: 1px solid rgba(0, 0, 0, 0.2); font-size: 20px; padding: 20%; box-sizing: border-box;
											 border-radius: 10px; font-family: 'SOYOMapleBoldTTF'; letter-spacing: -1.8px;}
#db_wrap .agree{display:flex; justify-content:center; align-items:center; font-size: 18px; margin-bottom: 25px;}
#db_wrap .agree a{text-decoration:underline; font-weight:600; cursor: pointer;}
#db_wrap .agree input[type="checkbox"]{width:20px; height:20px; margin-right:5px; margin-top: 1px;}
#db_wrap .db_submit{margin: 0 auto; text-align: center;}

.layer{position:fixed; left:0; top: 180px; z-index: 99999; width:100%; display: none;}
.layer .close_btn{position:absolute; overflow: hidden; right:0; top:0;background:#6a96f9; border-radius:0 10px 0 10px; color: #fff;}
.layer .close_btn a{display: block;color: #fff;padding:14px 18px; font-size:20px; font-weight:bold;}
.layer .layer_wrap{position:relative;width:100%; max-width:700px; top:350px; margin:0 auto; border-radius:10px; background:rgba(0,0,0,0.95); text-align:left; letter-spacing:-0.5px; box-shadow:0 0 50px rgba(0,0,0,0.6);}
.layer .layer_wrap .DB_info_detail{width:100%;  margin:18px auto; padding-bottom:16px; line-height:1.6; color: #fff;font-size:12px;}
.layer .layer_wrap .DB_info_detail h2{padding:22px;border-bottom:1px solid #222; font-size:24px; font-weight:bold;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap p{padding:8px;margin-bottom:12px; font-size:13px; }
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap{width:98%; height:360px; padding:8px 16px; overflow:auto; box-sizing:border-box;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dt{display:block; background: #fff;border-radius:3px; padding:7px 10px; font-weight: bold; color: #333;}
.layer .layer_wrap .DB_info_detail .DB_info_detail_wrap dl dd{margin-bottom:16px; padding:4px 12px; box-sizing:border-box;}


@media all and (min-width:720px){
#db_wrap .title h1{font-size: 74px;}
#db_wrap .db_inner ul h4{font-size: 24px;}
}