@charset "UTF-8";
@import "font.css";
/* resect code */
*{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;word-break:break-all;padding:0;margin:0;box-sizing:border-box;}
html, body{height:100%;font-family:"Pretendard", sans-serif;font-size:22px;font-weight:600;}
body{height:auto;overflow-y:auto;position:relative;}
body.on{overflow-y:hidden;}
ul{list-style:none;}
a{text-decoration:none;}
span{display:inline-block;}
img{max-width:100%;object-fit:fill;}
button {background: transparent;color: inherit;border: none;padding: 0;font: inherit;cursor: pointer;outline: inherit;}
.pc-only{display: block!important;}
.mobile-only{display:none!important;}
.only-mobile{display: none!important;}
.only-mobile-s{display:none!important;}
[data-translate] {word-break: break-word!important;}
.blind-txt {overflow: hidden;position: absolute;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);}
/*.sec7_swiper_card{display: none!important;}*/
/*.sec7_swiper_slide{display: block!important;}*/
/* 리스트 스타일 */
ol {
    list-style-position: inside;  /* 번호를 안쪽에 표시 */
    padding-left: 20px;           /* 전체 리스트 좌측 여백 */
}

/* 공통애니 */
@keyframes float {
    0% {
        transform: translateY(0); /* 처음 위치 */
    }
    50% {
        transform: translateY(-15px); /* 위로 15px 이동 */
    }
    100% {
        transform: translateY(0); /* 원래 위치로 돌아옴 */
    }
}
@keyframes float2 {
    0% {
        transform: translateY(0); /* 처음 위치 */
    }
    50% {
        transform: translateY(-10px); /* 위로 15px 이동 */
    }
    100% {
        transform: translateY(0); /* 원래 위치로 돌아옴 */
    }
}
@keyframes float3 {
    0% {
        transform: translateY(0); /* 처음 위치 */
    }
    50% {
        transform: translateY(-20px); /* 위로 15px 이동 */
    }
    100% {
        transform: translateY(0); /* 원래 위치로 돌아옴 */
    }
}
@keyframes riseDiagonal {
    0% {
        opacity: 0;
        transform: translate(50px, 50px); /* 오른쪽 하단에서 시작 */
    }
    100% {
        opacity: 1;
        transform: translate(-50px, -50px); /* 왼쪽 상단으로 이동 */
    }
}
@keyframes float-diagonal1 {
    0%,100% {
        transform: translate(-50px, -50px); /* riseDiagonal의 종착점에서 시작 및 종료 */
    }
    50% {
        transform: translate(-50px, -65px); /* 15px 아래로 이동 */
    }
}
@keyframes riseDiagonal2 {
    0% {
        opacity: 0;
        transform: translate(0, 0); /* 제자리에서 시작 */
    }
    100% {
        opacity: 1;
        transform: translate(50px, -50px); /* 오른쪽 상단으로 이동 */
    }
}
@keyframes float-diagonal2 {
    0%,100% {
        transform: translate(50px, -50px); /* riseDiagonal2의 종착점에서 시작 및 종료 */
    }
    50% {
        transform: translate(50px, -35px); /* 상단으로 15px 추가 이동 */
    }
}
/* popup - Animation */
@-webkit-keyframes animatetop {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/* popup */
/* popup - 기본 모달 디자인 */
.dy-modal *{box-sizing:border-box;font-family:'Pretendard','sans-serif'}
.dy-modal {display: none;position: fixed;z-index: 100000;left: 0;top: 0;width: 100%;height: 100%;align-items:center;justify-content:center;overflow: auto;background-color: #000;background-color: rgba(0, 0, 0, .4)}
.dy-modal-content {max-height:850px;position:relative;background-color:#fff;margin: auto;overflow:hidden;padding-bottom:60px;border: 1px solid #888;border-radius:0;width: 100%;max-width:820px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);-webkit-animation-name: animatetop;-webkit-animation-duration: .4s;animation-name: animatetop;animation-duration: .4s}
.dy-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:60px 60px 20px 60px;}
.dy-header > h5 {text-align:left;font-size:28px;font-weight:700;color:#000;width:calc(100% - 40px);}
.dy-header > .dy-close-btn{width:30px;height:30px;background: url("/resources/images/contents/dy_ico_close.svg") center center no-repeat;background-size:contain;border:0;}
.dy-body{padding: 20px 60px 9px;/*height:200px;overflow-y:auto;*/}/*60vh */
.dy-body > div {width:100%;}
.dy-body > p {font-size:20px;margin-bottom:30px;font-weight: 500;}
.dy-body > p.em{color:#4b4b4b;margin-bottom:0;}
.dy-modal .btn-wrap{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px;}

/* 공통 */
.select-box {position: relative;padding:10px;margin-top:4px;}
.select-box > button.label {min-width:78px;position:relative;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff;padding-right:13px;}
.select-box > button.label::after {content:'';width:9px;height:6px;background:url("/resources/images/header/dropdown.svg") right center no-repeat;position:absolute;right:6px;top:50%;transform: translateY(-50%);}
.select-box.active > button.label::after {content:'';width:9px;height:6px;background:url("/resources/images/header/dropdown.svg") right center no-repeat;position:absolute;right:6px;top:50%;transform: translateY(-50%) rotate(-180deg);}
.select-box > button.label img{width: 20px;}
.select-box > .option-list {display:none;position:absolute;margin-top:6px;}
.select-box > .option-list > .option-item {cursor:pointer;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#fff;}
.select-box > .option-list > .option-item img{width:20px;}
.select-box > .option-list > .option-item + .option-item {margin-top:6px;}
.select-box.active > button.label + .option-list{display:block;}
.btn{width:288px;height:90px;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:700;color:#fff;text-align:center;padding:28px;border-radius:112px;background:#33BB9A;box-shadow: 0 4px 15px 0 rgba(84, 93, 91, 0.25);}
.btn:hover{  background-color: rgba(41, 150, 123, 0.5);}
.btn.small-ver{width:260px;height:80px;font-size:24px;}
.btn.small-ver2{width:180px;height:32px;font-size:18px;}
/* 헤더 */
header {width:100%;height:80px;display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;background-color:transparent;z-index: 10005;}
header > .inner-wrap {max-width:1280px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
header h1 > a {display: block;}
header nav > ul {display:flex;align-items:center;}
header nav > ul > li + li {margin-left:30px;}
header nav > ul > li{position:relative;}
header nav > ul > li.on a{display:block;position:relative;}
header nav > ul > li.on a::after{content:'';width:calc(100% - 20px);height:1px;background-color:#fff;position:absolute;left:50%;bottom:11px;transform:translateX(-50%);}
header nav > ul > li:last-child {margin-left:80px;}
header nav > ul > li > a {display:inline-flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;color:#fff;padding:10px;}
header.sub {background:#fff;}
header.sub  nav > ul > li.on a::after{background-color:#fff;}
header.scroll nav > ul > li.on a::after{background-color:#000;}
header.scroll nav > ul > li > a {color:#000;}
header.sub.scroll nav > ul > li.on::after{background-color:#000;}
header.scroll .select-box > button.label,
header.scroll .select-box > .option-list > .option-item{color:#000;}
/*header .select-box > button.label {background: none;cursor: unset}*/
header.scroll .select-box > button.label::after {background:url("/resources/images/header/dropdown_dark.svg") right center no-repeat;}

/*  푸터 */
footer {width:100%;background-color:#F3F8FE;padding:100px 0 90px;}
footer > .inner-wrap {max-width:1468px;width:100%;margin:0 auto;}
footer .logo-wrap{padding-bottom:28px;border-bottom: 1px solid #ccced2;margin-bottom: 28px;}
footer .em {font-size:18px;font-weight:700;margin-top:32px;color:#212121;}
.footer-info-wrap {display:flex;align-items:flex-start;justify-content:space-between;}
.policy-wrap > li{width: auto!important;}
.policy-wrap > li > button,
.policy-wrap > li > a {position:relative;display:block;padding:0 20px;font-size:16px;font-weight:600;color:#151515;}
.policy-wrap > li + li > button::after,
.policy-wrap > li + li > a::after{content:'';width:1px;height:10px;background-color:#151515;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.policy-wrap > li:first-child  > a{padding-left:0;}
.place-info {display:flex;flex-wrap:wrap;margin-top: 8px;}
.place-info + .place-info {margin-top:0;}
.place-info > li {font-size:15px;font-weight:400;color:#151515;margin-right:13px;line-height: 1.5}
.copyright {font-size:15px;font-weight:600;color:#666;margin-top:23px;}
.footer-info-wrap .select-box{border:1px solid #6b6c6d;min-width:156px;margin:0;padding:10px 16px;}
/*.footer-info-wrap .select-box > button.label {width:100%;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#151515;position:relative;padding-right:13px;background:url("/resources/images/header/dropdown_dark.svg") right center no-repeat;background-size:12px;}
.footer-info-wrap .select-box > button.label::after {width:100%;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#151515;position:relative;padding-right:13px;background:url("/resources/images/header/dropdown_dark.svg") right center no-repeat;background-size:12px;}*/
.footer-info-wrap .select-box > button.label {width:100%;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#151515;position:relative;padding-right:13px;}
.footer-info-wrap .select-box > button.label::after {content:'';width:12px;height:6px;background:url("/resources/images/header/dropdown_dark.svg") right center no-repeat;position:absolute;right:6px;top:50%;transform: translateY(-50%);background-size:12px;}
.footer-info-wrap .select-box.active > button.label::after {content:'';width:12px;height:6px;background:url("/resources/images/header/dropdown_dark.svg") right center no-repeat;position:absolute;right:6px;top:50%;transform: translateY(-50%) rotate(-180deg);background-size:12px;}
.footer-info-wrap .select-box > button.label > span{display: inline-block;padding-right:12px;}
.footer-info-wrap .select-box > .option-list {display:none;position:absolute;top:-128px;left:-1px;width:calc(100% + 2px);padding:14px 10px 18px 10px;border-width:1px 1px 0 1px;border-style:solid;border-color:#151515;background-color:#F3F8FE;margin-top:6px;z-index: 10000;}
.footer-info-wrap .select-box > .option-list::after{content:'';width:calc(100% - 20px);height:1px;background-color:#151515;position:absolute;left:50%;bottom:0;transform:translateX(-50%);}
.footer-info-wrap .select-box > .option-list > .option-item {display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#151515;padding:0 6px;}
.footer-info-wrap .select-box > .option-list > .option-item + .option-item {margin-top:16px;}
.footer-info-wrap .select-box.active > button.label + .option-list{display:block;}

/* 콘텐츠 공통 */
.contents-wrap {width:100%;}
.desc-wrap {width:793px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.desc-wrap > span{font-size:32px;font-weight:700;color:#33BB9A;margin-bottom:20px;}
.desc-wrap > h3{font-size:50px;font-weight:700;color:#fff;text-align: center;text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);margin-bottom:32px;;}
.desc-wrap > p {font-size: 22px;font-weight:400; color:#fff;text-align: center;}
#sec5 .desc-wrap > span,
#sec5 .desc-wrap > h3,
#sec5 .desc-wrap > p,
#sec4 .desc-wrap > span,
#sec4 .desc-wrap > h3,
#sec4 .desc-wrap > p,
.event-ver .desc-wrap > span,
.event-ver .desc-wrap > h3,
.event-ver .desc-wrap > p {opacity:0;position:relative;top:-10px;transition: opacity 0.3s, top 0.3s;}
.desc-wrap.shadow-ver > span{text-shadow: 0 4px 30px rgba(27, 27, 27, 0.25);color:#41D4B1;}
.desc-wrap.shadow-ver > h3{text-shadow: 0 4px 30px rgba(27, 27, 27, 0.25);}
.desc-wrap.shadow-ver > p {text-shadow: 0 4px 30px rgba(27, 27, 27, 0.25);}
.desc-wrap.regular-ver > span{font-size:32px;font-weight:700;color:#33BB9A;}
.desc-wrap.regular-ver > h3{color:#000;text-shadow: unset;}
.desc-wrap.regular-ver > p {color:#000;text-align: center;/*text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);*/}

/* sec1 */
#sec1 { width: 100%; height: 1080px; position: relative; overflow: hidden; }
#sec1 > img { position: absolute; right: 0; top: 0; z-index: -1; width: auto;}
#sec1 > .inner-wrap { max-width: 1298px; width: 100%; margin: 0 auto; padding-top: 259px; }
#sec1 .star{display:inline-block;width:435px;height:401px;position:absolute;right:-480px;top:150px;background:url("/resources/images/contents/sec1_star.png") right bottom no-repeat;background-size:375px;animation: float 2s ease-in-out infinite;padding:36px 0 0 50px;}
#sec1 .star > .small1{display:inline-block;width:43px;height:43px;background:url("/resources/images/contents/sec1_small-star1.svg") center center no-repeat;background-size: contain;position:absolute;left:0;top:0;animation: float3 2s ease-in-out infinite;animation-delay: -0.2s;  /* 애니메이션 딜레이 추가 */}
#sec1 .star > .small2{display:inline-block;width:29px;height:29px;background:url("/resources/images/contents/sec1_small-star2.svg") center center no-repeat;background-size: contain;position:absolute;left:43px;top:33px;animation: float 2s ease-in-out infinite;animation-delay: -0.2s;  /* 애니메이션 딜레이 추가 */}

#sec1 .text-wrap{width:auto;display:inline-flex;flex-direction:column;align-items: flex-start;position:relative;}
#sec1 .text-wrap > h2 {display: inline-block;}
#sec1 .text-wrap > .btn-wrap{display: inline-flex;}
/* 각 줄 및 버튼 초기 상태 설정 */
#sec1 .text-wrap > h2 > span:first-child,
#sec1 .text-wrap > h2 > span:last-child,
#sec1 .text-wrap > .btn-wrap,
#sec1 .text-wrap .book { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }

/* show 클래스를 추가하면 보이도록 설정 */
#sec1 .text-wrap > h2 > span:first-child.show,
#sec1 .text-wrap > h2 > span:last-child.show,
#sec1 .text-wrap > .btn-wrap.show,
#sec1 .text-wrap .book.show { opacity: 1; transform: translateY(0); }

#sec1 .text-wrap { padding-top: 215px; position: relative; }
#sec1 .text-wrap .book { display: inline-block; width: 197px; height: 181px; background: url("/resources/images/contents/sec1_book.png") center center no-repeat;background-size:contain; position: absolute; left: 0; top: 10px; }
#sec1 .text-wrap > h2 > span { display: block; font-size: 52px; font-weight: 800; color: #000; }
#sec1 .text-wrap > h2 + .btn-wrap { margin-top: 38px; display: flex; align-items: center; gap: 12px; }
#sec1 .download-badge { display: inline-block; max-width:183px;}

/* sec2 */
#sec2 {width:100%;height:2528px;background: url("/resources/images/contents/sec2_bg.png") center center no-repeat;background-size:cover;overflow: hidden;}
#sec2 > .inner-wrap{max-width:993px;width:100%;margin:0 auto;padding-top:258px;padding-bottom:363px;}
#sec2 .desc-wrap{margin-bottom:170px;}
#sec2 .animation-wrap{width:100%;height:1600px;margin:0 auto;position:relative;}
#sec2 .animation-wrap > .image-wrap {width:314px;height:416px;position: absolute; left: 50%; top: 0; transform: translateX(-50%); transition: top 1.5s ease; }
#sec2 .animation-wrap > .image-wrap > img { position: absolute; left: 0; top: 0; transition: opacity 1s ease; }
#sec2 .animation-wrap > .image-wrap .second{opacity: 0;transition: top 1.5s ease, opacity 0.2s ease;}
/* 두둥실 효과 */
#sec2 .dress{position:absolute;left:0;top:387px;width:196px;height:256px;}
#sec2 .cloud1{position:absolute;right:0;top:124px;}
#sec2 .cloud2{position:absolute;right:84px;top:459px;}
#sec2 .dress {opacity: 0;transform:translate(-50px, 50px);}
#sec2 .cloud1 {opacity: 0; transform: translate(50px, -50px);}
#sec2 .cloud2 {opacity: 0; transform: translate(50px, -50px);}
#sec2 .phone-wrap{width:945px;height:464px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);/*background:url("/resources/images/contents/sec2_phone_2.png") center center no-repeat;background-size: contain;*/}
#sec2 .phone-wrap::before{content:'';width:881px;height:437px;background:url("/resources/images/contents/sec2_phone_bg.svg") center center no-repeat;background-size:contain;position:absolute;right:14px;top:123px;z-index: -1;}
#sec2 .phone-wrap > img{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index: 1;width:94%;}
#sec2 .phone-wrap .screen{transition: opacity 0.5s ease-in-out;}
#sec2 .phone-wrap .screen.second{opacity: 0;}
#sec2.on .desc-wrap > span {animation: fadeIn 0.3s ease forwards;}
#sec2.on .desc-wrap > h3 {animation: fadeIn 0.3s ease forwards;}
#sec2.on .desc-wrap > p {animation: fadeIn 0.3s ease 0.3s forwards;}
#sec2.on .animation-wrap .dress{animation: riseDiagonal 0.5s ease-out forwards, float-diagonal1 3s ease-in-out infinite;animation-delay: 0.8s, 1.2s;}
#sec2.on .animation-wrap .cloud1{animation: riseDiagonal2 0.5s ease-out forwards, float-diagonal2 3s ease-in-out infinite;animation-delay: 1.2s, 1.5s}
#sec2.on .animation-wrap .cloud2{animation: riseDiagonal2 0.5s ease-out forwards, float-diagonal2 3s ease-in-out infinite;animation-delay: 1.5s, 1.8s;}
#sec2 .image-wrap{  transition: top 0.3s ease-out;}
.card {position: absolute;width: 100%; /*height: 500px; !* 카드 높이 *!*/transform-style: preserve-3d; /* 3D 회전 효과 활성화 */transition: transform 1s ease-in-out, top 1s ease-in-out; /* 부드러운 회전 및 이동 효과 */top: 0; /* 초기 위치 */}
.card-face {position: absolute;width: 100%;height: 100%;backface-visibility: hidden; /* 뒷면 숨김 */}
.card-front {background: #fff;z-index: 2; /* 앞면 우선 표시 */}
.card-back {background: #eee;transform: rotateY(180deg); /* 뒷면 초기 회전 */}
/* 애니메이션: 컨테이너가 활성화될 때 */
.animation-wrap .card.on {perspective: 250px;transform: rotateY(180deg); /* 아래로 떨어지며 뒤집힘 */}
@keyframes fadeIn {
    0% { opacity: 0; top: 10px; }
    50% { opacity: 0.5; top: 5px; }
    100% { opacity: 1; top: 0; }
}

/* sec3 */
#sec3 > .inner-wrap{max-width:1136px;width:100%;margin: 0 auto;padding:211px 0 183px;}
#sec3 .container-wrap {position: relative;max-width:1136px;margin:0 auto;}
#sec3 .star{width:236px;height:230px;display:inline-block;background:url("/resources/images/contents/sec3_star.svg") center center no-repeat;position: absolute;right: -90px; top: -90px; animation: float 1.5s ease-in-out infinite;z-index: 100}
#sec3 .desc-wrap {position:relative;display: none;}
#sec3 .desc-wrap.active{display:flex;}
#sec3 .desc-wrap::after{content:'';width:96px;height:73px;background:url("/resources/images/contents/sec3_starbg.svg") center center no-repeat;position: absolute;left:-36px;top:34px;background-size: contain;}
#sec3 .hover-box{max-width:1136px;width:100%;margin:84px auto 0;}
#sec3 .slide-wrap{display:flex;align-items:center;gap:28px;overflow: hidden;transition: all 0.3s ease;}
#sec3 .slide-wrap > .slide-image{flex: 1;transition: flex 0.3s ease;overflow: hidden;border-radius: 10px;}
#sec3 .slide-image img {width: 100%;height: 596px;display: block;object-fit: cover;}
#sec3 .slide-image.active {flex: 0 0 760px;}
#sec3 .slide-image:not(.active) {flex: 0 0 160px;position:relative;}
#sec3 .slide-image:not(.active)::before{content:'';width:100%;height:100%;background:rgba(20,20,20,0.7);position:absolute;left:0;top:0;}
#sec3 .pagination-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:44px;}
#sec3 .pagination-wrap > button.bullet{width:14px;height:14px;border-radius:50%;text-indent:-9999px;overflow:hidden;background: rgba(217, 217, 217, 1);;box-shadow: 0 4px 2px 0 rgba(165, 165, 165, 0.25) inset;}
#sec3 .pagination-wrap > button.bullet.active{background: rgba(51, 187, 154, 1);}

#sec3.on .desc-wrap > span {animation: fadeIn 0.3s ease forwards;}
#sec3.on .desc-wrap > h3 {animation: fadeIn 0.3s ease forwards;}
#sec3.on .desc-wrap > p {animation: fadeIn 0.3s ease 0.3s forwards;}

/* #sec4, #sec5 */
#full-wrap {
    height: 100vh; /* 뷰포트 높이만큼 설정 */
    overflow: hidden; /* 내부 스크롤 방지 */
    z-index: -1;
}
#fullpage{position:relative;z-index: 9999;background:#fff;transition: all 0.3s ease;height:100vh;overflow:hidden;}
#fullpage > .section{height:100vh;position:absolute;left:0;top:0;opacity: 0;transition: all 0.3s;}
#fullpage > .section.active{opacity: 1;transition: opacity 0.3s;}
/*#fullpage > #sec5.section.active{z-index: 1;}*/
/* sec4 */
#sec4 {width:100%;background: url("/resources/images/contents/sec4_bg1.svg") center center no-repeat;background-size:cover;overflow: hidden;}
#sec4.section {opacity: 1;z-index: 10;}
#sec4 > .inner-wrap{padding-top:100px;display:flex;flex-direction:column;justify-content:space-between;height:100%;}
#sec4 .desc-wrap {max-width:960px;}
#sec4 .image-wrap{width:716px;height:calc(100vh - 440px);margin:0 auto;display:flex;justify-content: center;}
#sec4 .image-wrap img{object-fit: contain;object-position: center bottom;}
/* sec5 */
#sec5 {width:100%;background: url("/resources/images/contents/sec4_bg2.svg") center center no-repeat;background-size:cover;overflow: hidden;}
#sec5.section.active{z-index: 11;}
#sec5 > .inner-wrap{padding-top:100px;display:flex;flex-direction:column;justify-content:space-between;height:100%;}
#sec5 .desc-wrap {/*margin-bottom:70px*/;width:100%;max-width:960px; padding:0 24px;}
#sec5 .image-wrap{width:716px;height:calc(100vh - 440px);margin:0 auto;display:flex;justify-content: center;}
#sec5 .image-wrap.sec5-eng-ver {height: calc(100vh - 439px);}
#sec5 .image-wrap> img{height: 100%;}


#sec4.on .desc-wrap > span {animation: fadeIn 0.3s ease forwards;}
#sec4.on .desc-wrap > h3 {animation: fadeIn 0.3s ease forwards;}
#sec4.on .desc-wrap > p {animation: fadeIn 0.3s ease 0.3s forwards;}
#sec5.on .desc-wrap > span {animation: fadeIn 0.3s ease forwards;}
#sec5.on .desc-wrap > h3 {animation: fadeIn 0.3s ease forwards;}
#sec5.on .desc-wrap > p {animation: fadeIn 0.3s ease 0.3s forwards;}

/* sec6 */
#sec6 {overflow: hidden;position: relative;background-color:#fff;z-index: 10000;}
#sec6 > .inner-wrap{padding-top:190px;padding-bottom:167px;position:relative;/*background: url("/resources/images/contents/sec5_bg.svg") left 221px top 119px no-repeat;background-size: contain;*/}
#sec6 .desc-wrap {max-width:700px;margin:0 auto;}
#sec6 svg{position:absolute;left:56%;top:50px;transform:translateX(-50%);z-index: -1;}
.big-wrapper{margin-top:104px;}
.icon-wrap.swiper{margin-right:0}
.flow_banner {overflow: hidden;display: flex;max-width:100%;margin: 0 auto;}
.flow_banner .list {display: flex;gap:16px;}
.flow_banner .list > li {display:flex;justify-content:center;align-items:center;width:410px;height:410px;border-radius:10px;overflow:hidden;;}
.flow_banner .list > li:last-child{margin-right:16px;}
#sec6.on .desc-wrap > span {animation: fadeIn 0.3s ease forwards;}
#sec6.on .desc-wrap > h3 {animation: fadeIn 0.3s ease forwards;}
#sec6.on .desc-wrap > p {animation: fadeIn 0.3s ease 0.3s forwards;}
@keyframes flowRolling {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* sec7 */
#sec7{background-color:#fff;z-index: 10000;overflow: hidden;}
#sec7 > .inner-wrap{max-width:1278px;width:100%;margin:0 auto;padding-top:245px;padding-bottom:265px;}
#sec7 .desc-wrap{margin-bottom:83px;}
#sec7 .image-wrap{/*display:flex;gap:18px;align-items:flex-start;*/}
#sec7 .image-wrap > .image{display:flex;justify-content: center;opacity: 0;}
#sec7 .image-wrap > .image:nth-child(2n){padding-top:52px;}
#sec7 .image-wrap > .image > img{object-fit: contain;}
#sec7 .image-wrap > .image:nth-child(1){top:10px;position:relative;}
#sec7 .image-wrap > .image:nth-child(2){top:20px;position:relative;}
#sec7 .image-wrap > .image:nth-child(3){top:10px;position:relative;}
#sec7 .image-wrap > .image:nth-child(4){top:20px;position:relative;}
#sec7 .swiper-pagination{position: relative;top:10px;opacity: 0;}
#sec7 .swiper-pagination-bullet-active{background:#33BB9A!important;}
#sec7 .swiper-pagination-bullet{width:12px;height:12px;}
#sec7.on .desc-wrap > span {animation: fadeIn 0.3s ease forwards;}
#sec7.on .desc-wrap > h3 {animation: fadeIn 0.3s ease forwards;}
#sec7.on .desc-wrap > p {animation: fadeIn 0.3s ease 0.3s forwards;}
#sec7.on .image-wrap > .image.swiper-slide:nth-child(1){animation: flowRolling2 0.3s ease 0.3s forwards;}
#sec7.on .image-wrap > .image.swiper-slide:nth-child(2){animation: flowRolling2 0.3s ease 0.5s forwards;}
#sec7.on .image-wrap > .image.swiper-slide:nth-child(3){animation: flowRolling2 0.3s ease 0.7s forwards;}
#sec7.on .image-wrap > .image.swiper-slide:nth-child(4){animation: flowRolling2 0.3s ease 0.9s forwards;}
#sec7.on .swiper-pagination {animation: flowRolling2 0.3s ease 0.3s forwards;}
#sec7 .sec7_swiper.swiper {width:75%!important;}
#sec7 .swiper-slide-shadow{display: none!important;}
@keyframes flowRolling2 {
    0% {
        top:10px;
        opacity: 0;
    }
    100% {
        top:0;
        opacity: 1;
    }
}

/* sec8 */
#sec8 {width:100%;height:880px;display:flex;flex-direction:column;justify-content:flex-end;margin-top:60px;background: url("/resources/images/contents/sec7_bg.svg") center bottom no-repeat;background-size:cover;}
#sec8 > .inner-wrap{display:flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom:200px;}
#sec8 .btn-wrap{padding:20px 20px 0 20px;}
#sec8 .star{width:345px;height:485px;position:relative;right:-6px;background-size:contain!important;}
#sec8 .star > img {position: absolute;right: 17px;top:70px;animation: float2 2.3s ease-in-out infinite;}

/* 이용약관 */
.contents-wrap.sub{max-width:1280px;width: 100%;margin:80px auto 0;padding: 100px 0 140px; }
h2.sub-title{text-align:center;font-size:40px;font-weight:600;color:#151515;margin-bottom:36px;}
.policy-box{width:100%;padding:21px 19px;border:1px solid #C0C2C3;background: #F3F8FE;}
.policy-box > .inner-wrap{max-height:1156px;overflow-y:auto;padding:33px 21px;background-color:#fff;border:1px solid #E7E7E7;}
.policy-box .info-box + .info-box {margin-top:50px;}
.policy-box .info-box > p {font-size:18px;font-weight:600;margin-bottom:18px;}
.policy-box .info-box > ul> li{font-size:18px;font-weight:500;color:#151515;}
.policy-box .info-box > ul> li + li{margin-top:12px;}
.policy-box .info-box ul.style-list{counter-reset: number;}
.policy-box .info-box ul.style-list > li{padding-left:20px;position:relative;}
.policy-box .info-box ul.style-list > li:nth-child(n+10) {padding-left:28px;}
.policy-box .info-box ul.style-list > li::before {position:absolute;left:0;top:0;counter-increment: number 1;content:  counter(number) '. ';}
.policy-box .info-box .sub-list {margin-top:8px;}
.policy-box .info-box .sub-list.insert-ver {padding-left:24px;}
.policy-box .info-box .style-list.insert-ver {padding-left:8px;margin-top:12px;}
.policy-box .info-box .sub-list > li {font-size:16px;font-weight:500;color:#676767;}
.policy-box .info-box ul.text-list > li > p {margin:12px 0;}
.policy-box .info-box .sub-list.text-ver {padding-left: 20px;}
.policy-box .info-box .sub-list.text-ver > li + li {margin-top: 6px;}
.policy-box .info-box .sub-list.text-ver > li > p{font-size:16px;font-weight:600;color:#151515;}
.policy-box .info-box .sub-list.text-ver > li > span{font-size:16px;font-weight:500;color:#676767;}
.policy-box .info-box .sub-list.dot-ver > li {position:relative;padding-left:24px;}
.policy-box .info-box .sub-list.dot-ver > li > em {  font-style: normal;color:#151515;}
.policy-box .info-box .sub-list.dot-ver > li::before{content:'';width:4px;height:4px;border-radius:50%;background-color:#676767;position:absolute;top:8px;left:13px;}
.policy-box ::-webkit-scrollbar {width: 8px;}
.policy-box ::-webkit-scrollbar-track {background:#E4E8ED;}
.policy-box ::-webkit-scrollbar-thumb {background:#7A7A7A;border-radius: 12px;}

/* Contact 페이지 */
.title-wrap {display:flex;justify-content:center;}
.title-wrap > div {display:inline-block;position:relative;}
.title-wrap  h2.sub-title.ver2 {font-size:50px;font-weight:700;color:#33BB9A;margin-bottom:24px;}
.title-wrap  span {display:block;font-size: 32px;font-weight:500;color:#000;text-align:center;}
.contact-box {margin-top:42px;}
.contact-box .btn-wrap{display:flex;justify-content:center;margin-top:147px;}
.star-contact{position:absolute;right:-138px;top:0;animation: float 2s ease-in-out infinite;}
.star-contact > img {width:138px;}
.essential-text{font-size:16px;font-weight:500;color:#33BB9A;}
.forms {border-top:2px solid #000;}
.form-wrap{display:flex;align-items:center;}
.form-wrap + .form-wrap {border-top:1px solid #EAEAEA;}
.form-wrap + .form-wrap:last-child{border-bottom:1px solid #EAEAEA}
.form-box{width:100%;display:flex;align-items:center;padding:24px 0;}
.form-box.top{align-items: flex-start;}
.form-wrap.con2 {gap:66px;}
.form-wrap.con2 > .form-box{width:calc(50% - 33px);}
.form-box > .label {width:147px;font-size:20px;font-weight:700;color:#000;text-align:left;}
.form-box > .label.essential::after{content:'*';color:#33BB9A;font-size:20px;margin-left:4px;}
.form-box > .input-box {width:calc(100% - 147px);}
.input-box{border-radius:8px;background-color:#F6F6F6;}
.input-box  input {width:100%;height:100%;outline:none;background-color:transparent;border:2px solid transparent;padding:15px 21px;font-size:18px;color:#000;}
.input-box  textarea:focus,
.input-box  input:focus {border:2px solid #33BB9A;border-radius:8px;}
.input-box  textarea {border:2px solid transparent;outline:none;width:100%;background-color:transparent;padding:15px 21px;font-size:18px;color:#000;resize:none;height:300px;overflow-y:auto;}
.input-box  textarea::placeholder,
.input-box  input::placeholder{font-family: inherit;color:#9E9FA2;font-weight:400;}
.input-box ::-webkit-scrollbar {width: 8px;}
.input-box ::-webkit-scrollbar-track {background:#E4E8ED;}
.input-box ::-webkit-scrollbar-thumb {background:#7A7A7A;border-radius: 12px;}
.check-box-wrap{margin-top:18px;}
.check-box label > input{width:0;height:0;opacity:0;position:absolute;z-index:-1;}
.check-box label > input + span{padding-left:32px;position:relative;font-size:18px;font-weight:400;color:#767676;}
.check-box label > input + span:before{content:"";width:24px;height:24px;position:absolute;top:0;left:0;}
.check-box label > input[type=checkbox] + span:before{background:url("/resources/images/contents/checkbox.svg") no-repeat;background-size:100%;}
.check-box label > input[type=checkbox]:checked + span:before{background:url("/resources/images/contents/checkbox_checked.svg") no-repeat;background-size:100%;}

/* manual 페이지 */
.contents-wrap.manual{max-width:712px;width: 100%;margin:80px auto 0;padding: 100px 0 140px;}
.contents-wrap.manual > .contents-wrap::after{content:'';width:124px;height:124px;background: url("/resources/images/pkb_logo.svg") center center no-repeat;position:absolute;left:0;top:-170px;background-size: contain;border-radius: 28px;overflow:hidden;}
.contents-wrap.manual::before{content:'';width:100%;height:30vh;background:url("/resources/images/contents/manual_bg.webp")center center no-repeat;background-size:cover;position:absolute;left:0;top:0;}
.contents-wrap.manual > .contents-wrap{margin-top:30vh;position: relative;}
.contents-wrap.manual > .contents-wrap > * + *{margin-top:32px}
.manual h2{font-size:40px;font-weight: 900;text-align: left;}
.manual *{font-weight: 400;font-size:16px;line-height:1.8;}
.d-line{padding-left:16px;border-left:6px solid #000;}
.c-title{font-weight:600;margin-bottom:16px}
.c-green{color:#448361;}
.f-bold{font-weight: 700;}
.color-box{padding:12px 16px 12px 12px;background: rgb(241, 241, 239);border-radius: 4px;}
.icon-box {padding-left:36px;}
.icon-box + .icon-box {margin-top:32px;}
.icon-box > p {font-weight: 700;}
.icon-box > p > span {display: inline-flex;padding:0 6px;border-radius: 4px;background: rgba(135,131,120,.15);color:#EB5757;font-weight:600;}
.square-list > li {padding-left:14px;position:relative;}
.square-list > li::before{content:'';width:4px;height:4px;background:#000;position:absolute;left:0;top:10px;}
.py-custom-table {margin:6px 0 4px;border:1px solid #C0C2C3;max-width: 500px;}
.py-custom-table > table {border-collapse: collapse;width: 100%;}
.py-custom-table th > .th-wrap{padding:4px 12px;font-weight:700;font-size:14px;background-color:#E7E7E7;}
.py-custom-table td > .td-wrap{padding:4px 12px;font-weight:700;font-size:14px;background-color:#fff;}
.py-custom-table tr + tr {border-top:1px solid #C0C2C3;}
/* [반응형] */
@media (max-width:1920px) {
    /*#sec1 .star{top:140px;right:-480px;}*/
    /*#sec1 .star{width:435px;height:401px;;}*/
}
@media (max-width:1750px) {
    #sec1 > img {width:63%;}
    #sec1 .star{right:-480px;}
    /*#sec1 .star{width:435px;height:401px;;}*/
}
@media (max-width:1400px) {
    /* 공통 */
    .desc-wrap > span{font-size:24px;margin-bottom:15px;}
    .desc-wrap > h3{font-size:36px;margin-bottom:24px;}
    .desc-wrap > p {font-size: 20px;}
    .desc-wrap.regular-ver > span{font-size:18px;}

    .contents-wrap {width:100%;}
    .desc-wrap {width:100%;margin:0;padding:0 24px;}
    #sec1 { height: 100vh;}
    #sec1 > .inner-wrap{max-width:100%;padding-right: 24px;padding-left:24px;padding-top:200px;padding-top:327px;}
    #sec1 > .inner-wrap.sec1-env-ver{padding-bottom: 70px;}
    #sec1 .text-wrap {padding-top:160px;}
    #sec1 .text-wrap .book{width:144px;height:150px;}
    #sec1 .star{width:250px;height:300px;background-size: contain;right: -280px;}
    #sec1 .star > .small1{animation: float 2.3s ease-in-out infinite;}
    #sec1 .star > .small2{animation: float 2.4s ease-in-out infinite;}
    #sec2 > .inner-wrap {padding-left: 24px;padding-right:24px;}
    #sec2 .animation-wrap{max-width:initial;width:calc(100% - 40px);}
    #sec2 .dress  {left:48px;}
    #sec2 .cloud1 {right:36px;}
    #sec2 .cloud2 {right:48px;}
    #sec3 .container-wrap {max-width:initial;padding:0 24px;}
    #sec3 .slide-wrap{flex-direction:column;/*height:972px;*/}
    #sec3 .slide-image {width:100%;}
    #sec3 .slide-image img {width: 100%;display: block;object-fit: cover;}
    #sec3 .slide-image:not(.active) {flex: 0 0 136px;position:relative;}
    #sec3 .slide-image.active{flex: 0 0 528px;}
    #sec3 .desc-wrap::after{left:48px;}
    #sec3 .star{position: absolute;right: -40px; top: -90px; animation: float 1.5s ease-in-out infinite;z-index: 100}
    #fullpage .inner-wrap{display: flex;flex-direction:column;align-items: center;}
    /* sec4 */
    #sec4 > .inner-wrap{padding-top:80px;}
    #sec4 .desc-wrap {/*margin-bottom:32px;*/padding:0 24px;max-width:960px;width:100%;}
    #sec4 .image-wrap{width: 100%;height:calc(100vh - 330px);}
    #sec4 .image-wrap > img {height: 100%;width:auto;}
    /* sec5 */
    #sec5 > .inner-wrap{padding-top:80px;}
    #sec5 .desc-wrap {/*margin-bottom:32px;*/padding:0 24px;max-width:100%;}
    #sec5 .image-wrap{width: 100%;height:calc(100vh - 330px);}
    #sec5 .image-wrap.sec5-eng-ver {height: calc(100vh - 330px);}
    /*#sec5 .image-wrap.sec5-viet-ver {height: calc(100vh - 352px);}*/
    #sec7 > .inner-wrap{max-width:initial;padding: 50px 24px;}
    header{width: 100%;}
    header > .inner-wrap {max-width:100%;padding:0 12px;}
    footer > .inner-wrap {max-width:initial;padding: 0  12px;}
    /* 이용약관 */
    .contents-wrap.manual,
    .contents-wrap.sub{max-width:initial;width: 100%;margin:60px auto 0;padding-right:36px;padding-left:36px;}
}
@media (max-width: 1280px) {
    /* sec1 */
    #sec1 > img {width:auto;height:70vh}
    #sec3 .star{position: absolute;right: 0; top: -90px; animation: float 1.5s ease-in-out infinite;z-index: 100}
}
@media (max-width:1024px) {
    .pc-only{display: none!important;}
    .mobile-only{display:block!important;}
    /* 공통 */
    .select-box {position: relative;padding:10px;margin-top:4px;}
    .select-box > button.label {width:68px;gap:8px;font-size:12px;}
    .select-box .label-img{width:14px;}
    .select-box .option-img{width:14px;}
    .select-box > .option-list > .option-item {;font-size:12px;}

    /* 콘텐츠 공통 */
    .desc-wrap > span{font-size:22px;margin-bottom:10px;}
    .desc-wrap > h3{font-size:38px;margin-bottom:21px;}
    .desc-wrap > p {font-size: 20px;}
    .desc-wrap.regular-ver > span{font-size:16px;}
    .btn{width:120px;height:48px;font-size:14px;padding:14px;}

    /* header */
    header {height:60px}
    header h1{width:100px;}
    header nav > ul {display:flex;align-items:center;}
    header nav > ul > li + li {margin-left:10px;}
    header nav > ul > li:last-child {margin-left:0;}
    header nav > ul > li > a {display:inline-flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#fff;padding:10px;}

    /*  푸터 */
    footer {padding:45px 0 60px;}
    footer .logo-wrap{padding-bottom:12px;margin-bottom: 12px;}
    footer .logo-wrap img{width: 52px;}
    footer .em {font-size:14px;}
    .footer-info-wrap {flex-direction:column;}
    .footer-info-wrap > div:first-child{width: 100%;}

    .policy-wrap > li > button,
    .policy-wrap > li > a {position:relative;display:inline-block;padding:0 20px;font-size:12px;font-weight:600;color:#151515;}
    .policy-wrap > li + li > button::after,
    .policy-wrap > li + li > a::after{content:'';width:1px;height:10px;background-color:#151515;position:absolute;left:0;top:50%;transform:translateY(-50%);}
    .policy-wrap > li:first-child  > a{padding-left:0;}
    .place-info {margin-top: 16px;flex-direction:column;}
    .place-info > li {font-size:12px;font-weight:400;color:#151515;}
    .copyright{font-size:12px;margin-top:12px;}
    .footer-info-wrap .select-box{border:1px solid #151515;margin-top:24px;}
    .footer-info-wrap .select-box > button.label {display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#151515;position:relative;padding-right:13px;}
    .footer-info-wrap .select-box > .option-list {display:none;position:absolute;top:-129px;left:-1px;width:calc(100% + 2px);padding:14px 10px 18px 10px;border-width:1px 1px 0 1px;border-style:solid;border-color:#151515;background-color:#F3F8FE;margin-top:6px;z-index: 10000;}
    .footer-info-wrap .select-box > .option-list::after{content:'';width:calc(100% - 20px);height:1px;background-color:#151515;position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);}
    .footer-info-wrap .select-box > .option-list::before{content:'';width:100%;height:1px;background-color:#F3F8FE;position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);}
    .footer-info-wrap .select-box > .option-list > .option-item {display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#151515;padding:0 6px;}
    .footer-info-wrap .select-box > .option-list > .option-item + .option-item {margin-top:16px;}
    .footer-info-wrap .select-box.active > button.label + .option-list{display:block;}
    /* sec1 */
    #sec1 {height:100vh;}
    #sec1 > .inner-wrap{max-width:100%;padding-right: 24px;padding-left:24px;padding-top:0;padding-bottom:100px;height:100vh;display:flex;align-items:flex-end;}
    #sec1 .star{width:170px;height:180px;top:-60px;right:-160px;background-size:150px;}
    #sec1 .star > .small1{width:30px;height:30px;left:0;top:-10px;animation: float 2.3s ease-in-out infinite;}
    #sec1 .star > .small2{width:18px;height:18px;left:10px;top:20px;animation: float 2.4s ease-in-out infinite;}
    #sec1 .text-wrap { padding-top: 80px;}
    #sec1 .text-wrap .book {width: 80px; height: 75px;}
    #sec1 .text-wrap > h2 > span {font-size: 45px;}

    /* sec2 */
    #sec2 .animation-wrap{max-width:initial;width:calc(100% - 40px);}
    #sec2 .phone-wrap{width:calc(100% - 36px);height:300px;background-size: contain;}
    /*#sec2 .phone-wrap > .screen {width: 94%;}*/
    #sec2 .phone-wrap .bg {width:100%;height:300px;background:url("/resources/images/contents/sec2_phone_bg.svg") center center no-repeat;background-size:contain;position:absolute;right:-36px;top:50px;z-index: -1;}
    #sec3 .container-wrap {margin:0;}
    #sec3 .hover-box{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:initial;margin:32px auto 0;}

    /* sec4, sec5 */
    #sec4 .image-wrap{width: 100%;height:calc(100vh - 320px);}
    #sec5 .image-wrap{width: 100%;height:calc(100vh - 320px);}

    /* sec7 */
    #sec7 .image-wrap{/*display:flex;gap:10px;*//*flex-wrap:wrap;*/}
    #sec7 .image-wrap > .image{min-height:239px;width: 100%;margin-bottom:8px;display: inline-flex;display: inline-flex;justify-content: center;}
    #sec7 .image-wrap > .image > img{object-fit:contain;}
    #sec7 .image-wrap > .image:nth-child(2n){padding-top:0;}
    /* contact페이지 */
    span.star-contact{display: none!important;}
}
@media (max-width: 820px) {
    /* popup - 기본 모달 디자인 */
    .dy-modal-content {padding-top:24px;padding-bottom:30px;border: 1px solid #888;border-radius:0;width:calc(100% - 24px);max-width:820px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);-webkit-animation-name: animatetop;-webkit-animation-duration: .4s;animation-name: animatetop;animation-duration: .4s}
    .dy-header{height:77px;gap:20px;padding:24px 24px 20px 24px;}
    .dy-header > h5 {font-size:24px;width:calc(100% - 30px);}
    .dy-header > .dy-close-btn{width:20px;height:20px;}
    .dy-body{padding: 20px 24px;/*height:200px;overflow-y:auto;*/}/*60vh */
    .dy-body > div {width:100%;}
    .dy-body > p {font-size:16px;margin-bottom:30px;font-weight: 500;}
    .dy-body > p.em{color:#4b4b4b;margin-bottom:0;}
    .dy-modal .btn-wrap{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:50px;}
    .btn.small-ver2{height:40px;width:auto;padding-left:40px;padding-right:40px;font-size:14px;}
}
@media (max-width:767px) {
    header.scroll{background-color:rgba(255,255,255,0.8);}
}
@media (max-width:700px) {
    .only-mobile{display: inline-block!important;}
    /* 콘텐츠 공통 */
    .desc-wrap > span{font-size:16px;margin-bottom:10px;}
    .desc-wrap > h3{font-size:24px;margin-bottom:21px;}
    .desc-wrap > p {font-size: 14px;}

    .btn.small-ver{width:120px;height:48px;font-size:14px;padding:14px;}

    /* sec1 */
    #sec1 {
        height: 100vh;
        background: url('/resources/images/contents/sec1_bg2_2.png') no-repeat;
        background-size: cover;
        background-position-x: center;
        background-position-y: -290px;
    }
    /*#sec1 .text-wrap > h2 > span {font-size: 7.0vw;}*/
    #sec1 .inner-wrap{height:100%;}
    #sec1 > img {display: none;}
    #sec1 .star{width:100px;height:100px;top:-60px;right:-20px;background-size:80px;}
    #sec1 .star > .small1{width:25px;height:25px;left:0;top:-10px;animation: float 2.3s ease-in-out infinite;}
    #sec1 .star > .small2{width:16px;height:16px;left:10px;top:20px;animation: float 2.4s ease-in-out infinite;}
    #sec1 .text-wrap { padding-top: 55px;}
    #sec1 .text-wrap .book {width: 50px; height: 45px;}
    #sec1 .text-wrap > h2 > span {font-size: 7.0vw;}
    #sec1 .text-wrap > h2 + .btn-wrap { margin-top: 19px;gap:12px;}
    #sec1 .btn-wrap {gap:10px;}
    #sec1  .download-badge { display: inline-block; height: 38px; }
    #sec1  .download-badge > img{height: 100%;}
    #sec1 .viet-t{font-size:6.5vw;}

    /* sec2 */
    #sec2 {height:1300px;overflow:hidden;}
    #sec2 > .inner-wrap{padding-top:120px;padding-bottom:150px;}
    #sec2 .desc-wrap{margin-bottom:80px;}
    #sec2 .animation-wrap{max-width:initial;height:700px;width:calc(100% - 40px);}
    #sec2 .animation-wrap > .image-wrap {width:150px;height:187px;}
    #sec2 .dress  {width:100px;top:250px;left:12px;}
    #sec2 .cloud1 {width:110px;right:12px;top:219px}
    #sec2 .cloud2 {width:110px;right:24px;top:359px}
    #sec2 .phone-wrap{width:447px;height:218px;background-size: contain;}
    #sec2 .phone-wrap > .screen {width: 94%;}
    #sec2 .phone-wrap .bg {width:100%;height:222px;background:url("/resources/images/contents/sec2_phone_bg.svg") center center no-repeat;background-size:contain;position:absolute;right:-36px;top:50px;z-index: -1;}

    /* sec3 */
    #sec3 > .inner-wrap{padding:50px 0 70px;display:flex;flex-direction:column;align-items:center;}
    #sec3 .container-wrap {max-width:initial;padding:0 24px;}
    #sec3 .star{display:none;width:50px;height:46px;position: absolute;right: -90px; top: -90px; animation: float 1.5s ease-in-out infinite;z-index: 100}
    #sec3 .desc-wrap{width:auto;max-width: 375px;}
    #sec3 .desc-wrap::after{display:none;content:'';width:45px;height:34px;position: absolute;left:-14px;top:22px;}
    /*#sec3 .hover-box{display:flex;justify-content:center;align-items:center;flex-direction:column;max-width:initial;margin:32px auto 0;}*/
    #sec3 .slide-wrap{gap:12px;flex-direction:column;height:370px;}
    #sec3 .slide-image img {width: 100%;height: 267px;display: block;object-fit: cover;}
    #sec3 .slide-image.active {flex: 0 0 200px;}
    #sec3 .slide-image:not(.active) {flex: 0 0 60px;}
    #sec3 .pagination-wrap{gap:7px;margin-top:22px;}
    #sec3 .pagination-wrap > button.bullet{width:10px;height:10px;}

    /* #sec4, #sec5 */
    /* sec4 */
    /*#full-wrap  .inner-wrap{background:red}*/
    #sec4 {height:100vh;background: url("/resources/images/contents/sec4_bg1.svg") center center no-repeat;background-size:cover;overflow: hidden;}
    #sec4 .desc-wrap{/*background:green;*/padding-right:8px;padding-left:8px;margin-bottom:0;}
    #sec4 .image-wrap.sec4-kor-ver {padding:0 12px;height: calc(100vh - 280px);}
    #sec4 .image-wrap.sec4-jpn-ver {padding:0 12px;height: calc(100vh - 280px);}
    #sec4 .image-wrap.sec4-eng-ver {padding:0 12px;height: calc(100vh - 280px);}
    /* sec5 */
    #sec5 {height:100vh;background: url("/resources/images/contents/sec4_bg2.svg") center center no-repeat;background-size:cover;overflow: hidden;}
    #sec5 .desc-wrap {/*margin-bottom:32px;*/padding:0 12px;margin-bottom:0;}
    #sec5 .image-wrap.sec5-kor-ver {padding:0 12px;height: calc(100vh - 280px);}
    #sec5 .image-wrap.sec5-jpn-ver {padding:0 12px;height: calc(100vh - 280px);}
    #sec5 .image-wrap.sec5-eng-ver {padding:0 12px;height: calc(100vh - 280px);}
    #sec4 .image-wrap.sec5-viet-ver {padding:0 12px;height: calc(100vh - 355px);}
    #sec5 .image-wrap.sec5-viet-ver {padding:0 12px;height: calc(100vh - 355px);}

    /* sec6 */
    #sec6 {overflow: hidden;position: relative;background-color:#fff;z-index: 10000;}
    #sec6 svg{width:100%;height:100%;top:-22px;}
    #sec6 > .inner-wrap{padding-top:80px;padding-bottom:70px;/*background: url("/resources/images/contents/sec5_bg.svg") left 10px top 50px no-repeat;background-size:105%;*/}
    .big-wrapper{margin-top:32px;}
    .flow_banner .list {gap:8px;}
    .flow_banner .list > li {width:140px;height:140px;}
    .flow_banner .list > li:last-child{margin-right:8px;}

    /* sec7 */
    #sec7{background-color:#fff;z-index: 10000;}
    #sec7 .desc-wrap{margin:0 auto 40px;max-width:375px;}
    #sec7 .image-wrap > .image{min-height:239px;width: 100%;margin-bottom:8px;display: flex;justify-content: center;padding:0;}
    #sec7 .image-wrap > .image > img{object-fit:contain;}
    #sec7 .image-wrap > .image:nth-child(2n){padding-top:0;}
    #sec7 .swiper-pagination{position: static!important;}

    /* sec8 */
    #sec8 {width:100%;height:540px;padding-top:0;background: url("/resources/images/contents/sec7_bg.svg") center bottom no-repeat;background-size:cover;}
    #sec8 > .inner-wrap{display:flex;align-items: center;justify-content: center;flex-direction: column;padding-bottom:80px;}
    #sec8 .btn-wrap{padding:20px 10px 0 10px;}
    #sec8 .star{width:200px;height:280px;}
    #sec8 .star > img {width:50px;position: absolute;right: 17px;top:54px;animation: float 2.3s ease-in-out infinite;}

    /* 이용약관 */
    .contents-wrap.sub{max-width:initial;width: 100%;margin:60px auto 0;padding: 50px 24px 70px; }
    h2.sub-title{font-size:24px;font-weight:600;margin-bottom:18px;}
    .policy-box{padding:15px 12px;}
    .policy-box > .inner-wrap{max-height:600px;padding:24px 12px;}
    .policy-box .info-box + .info-box {margin-top:25px;}
    .policy-box .info-box > p {font-size:12px;margin-bottom:12px;}
    .policy-box .info-box > ul> li{font-size:12px;}
    .policy-box .info-box > ul> li + li{margin-top:6px;}
    .policy-box .info-box ul.style-list > li{padding-left:12px;position:relative;}
    .policy-box .info-box ul.style-list > li:nth-child(n+10) {padding-left:16px;}
    .policy-box .info-box .sub-list {margin-top:6px;}
    .policy-box .info-box .sub-list.insert-ver {padding-left:12px;}
    .policy-box .info-box .style-list.insert-ver {padding-left:4px;margin-top:6px;}
    .policy-box .info-box .sub-list > li {font-size:12px;}
    .policy-box .info-box ul.text-list > li > p {margin:6px 0;:}
    .policy-box .info-box .sub-list.text-ver {padding-left: 12px;}
    .policy-box .info-box .sub-list.text-ver > li + li {margin-top: 3px;}
    .policy-box .info-box .sub-list.text-ver > li > p{font-size:12px;}
    .policy-box .info-box .sub-list.text-ver > li > span{font-size:12px;}
    .policy-box .info-box .sub-list.dot-ver > li {padding-left:16px;}
    .policy-box .info-box .sub-list.dot-ver > li::before{width:2px;height:2px;top:4px;left:6px;}
    .policy-box ::-webkit-scrollbar {width: 6px;}

    /* Contact 페이지 */
    .title-wrap  h2.sub-title.ver2 {font-size:24px;margin-bottom:6px;}
    .title-wrap  span {font-size:16px;}
    .contact-box {margin-top:22px;}
    .contact-box  .btn-wrap{margin-top:72px;}
    .star-contact{right:-64px;}
    .star-contact > img {width:64px;}
    .essential-text{font-size:12px;}
    .form-box{padding:12px 0;}
    .form-wrap.con2 {gap:16px;}
    .form-wrap.con2 > .form-box{width:calc(50% - 8px);}
    .form-box > .label {width:90px;font-size:12px;}
    .form-box > .label.essential::after{font-size:12px;margin-left:2px;}
    .form-box > .input-box {width:calc(100% - 90px);}
    .input-box{border-radius:4px;}
    .input-box > input {padding:7px 16px;font-size:12px;}
    .input-box > textarea {padding:7px 16px;font-size:12px;height:150px;}
    .input-box  input::placeholder{font-size:12px;}
    .input-box  textarea::placeholder{font-size:12px;}
    .check-box-wrap{margin-top:12px;}
    .check-box label > input + span{padding-left:20px;font-size:12px;}
    .check-box label > input + span:before{width:16px;height:16px;}

    /* manual 페이지 */
    .contents-wrap.manual > .contents-wrap::after{content:'';width:64px;height:64px;background: url("/resources/images/pkb_logo.svg") center center no-repeat;position:absolute;left:0;top:-80px;background-size: contain;border-radius: 16px;overflow:hidden;}
    .contents-wrap.manual::before{content:'';width:100%;height:208px;background:url("/resources/images/contents/manual_bg.webp")center center no-repeat;background-size:cover;position:absolute;left:0;top:0;}
    .contents-wrap.manual > .contents-wrap{margin-top:208px;padding-top:0;position: relative;}
    .contents-wrap.manual > .contents-wrap > * + *{margin-top:24px}
    .manual h2{font-size:24px;font-weight: 900;text-align: left;}
    .manual *{font-weight: 400;font-size:14px;line-height:1.8;}
    .d-line{padding-left:16px;border-left:6px solid #000;}
    .c-title{font-weight:600;margin-bottom:16px}
    .c-green{color:#448361;}
    .f-bold{font-weight: 700;}
    .color-box{padding:12px 16px 12px 12px;background: rgb(241, 241, 239);border-radius: 4px;}
    .icon-box {padding-left:10px;}
    .icon-box + .icon-box {margin-top:32px;}
    .icon-box > p {font-weight: 700;}
    .icon-box > p > span {display: inline-flex;padding:0 6px;border-radius: 4px;background: rgba(135,131,120,.15);color:#EB5757;font-weight:600;}
    .square-list > li {padding-left:14px;position:relative;}
    .square-list > li::before{content:'';width:4px;height:4px;background:#000;position:absolute;left:0;top:10px;}
    .contents-wrap.manual > .contents-wrap > .comment + .comment {margin-top:32px;}
}
@media (max-width: 500px) {
    .sec7_swiper_slide{width:75%;}
    /*.sec7_swiper_slide{display: none!important;}*/
    header h1{width:70px;}
    header nav > ul > li + li {margin-left:5px;}
    /* sec1 */
    #sec1 > .inner-wrap{padding-bottom:12vw;}
    #sec1 > .inner-wrap.sec1-env-ver{padding-bottom: 12vw;}
    #sec1 .viet-t{font-size:6.5vw;}
    /* sec2 */
    #sec2 .desc-wrap{padding-left:6px;padding-right:6px;}
    #sec2 .phone-wrap{width:100%;height:196px;background-size: contain;}
    /* sec6 */
    #sec6 svg{width:100%;height:100%;top:-60px;}
    #sec8 .star > img {top:45px;animation: float2 2.3s ease-in-out infinite;}
    /* contact */
    .form-wrap.con2 {gap:0;flex-wrap:wrap;}
    .form-wrap.con2 > * + *{border-top:1px solid #EAEAEA;}
    .form-wrap.con2 > .form-box{width:100%;}
    .input-box  textarea{padding:12px;}
    .input-box input{padding:6px 12px;}
}
@media (max-width:400px) {
    #sec1 {
        background-position-y: -220px;
    }
    #sec1 > .inner-wrap{padding-bottom:12vw;}
    .only-mobile-s{display:inline!important;}
    /* sec5 */
    #sec4 .image-wrap.sec4-kor-ver {padding:0 12px;height: calc(100vh - 300px);}
    #sec4 .image-wrap.sec4-jpn-ver {padding:0 12px;height: calc(100vh - 300px);}
    #sec4 .image-wrap.sec4-eng-ver {padding:0 12px;height: calc(100vh - 300px);}
    /* sec5 */
    #sec5 .image-wrap.sec5-kor-ver {padding:0 12px;height: calc(100vh - 300px);}
    #sec5 .image-wrap.sec5-jpn-ver {padding:0 12px;height: calc(100vh - 300px);}
    #sec5 .image-wrap.sec5-eng-ver {padding:0 12px;height: calc(100vh - 300px);}
}

@media(max-width:380px) {
    /* sec1 */
    #sec1 {
        background-position-y: -200px;
    }
    #sec1 > .inner-wrap{padding-bottom:10vw;}
    #sec1 > .inner-wrap.sec1-env-ver{padding-bottom:10vw;}
    .policy-wrap > li:nth-child(1){width:130px;}
    .policy-wrap > li:nth-child(2){width:130px;}
    .policy-wrap > li:nth-child(3){width:130px;}
}

@media(max-width:375px) {
    /* sec1 */
    #sec1 {
        background-position-y: -200px;
    }
    /* footer */
    /*.policy-wrap > li:last-child button{padding-left:0;}
    .policy-wrap > li:last-child button::after{display: none;}*/
}