@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","Noto Sans SC", 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;}
.pc-flex-only{display: flex!important;}
.mobile-only{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);}
ol {list-style-position: inside;padding-left: 20px;           /* 전체 리스트 좌측 여백 */}
/* dim */
*{word-break: break-word!important;}
body.no-scroll {/*width:100%;position:fixed;left:0;*/overflow: hidden; touch-action:none;-webkit-overflow-scrolling:initial;overscroll-behavior: none/* 스크롤 막기 */}
.dim {display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.25);z-index:1;opacity:1;transition:opacity 0.3s;}
.dim.active {display:block;opacity:1;}
/* 모바일 */
@media (max-width:650px) {
    .pc-only,
    .pc-flex-only {display: none!important;}
    .mobile-only{display: block!important;}
}
/* 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 {position:relative;background-color:#fff;overflow:hidden;padding-bottom:24px;border-radius:24px;width: 100%;max-width:520px;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:24px 24px 20px 24px;}
.dy-header > h5 {text-align:left;font-size:20px;font-weight:500;color:#454545;width:calc(100% - 40px);}
.dy-header > .dy-close-btn{width:24px;height:24px;background: url("../../resources/images/contents/dy_ico_close.svg") center center no-repeat;background-size:24px;border:0;}
.dy-body{padding: 0 24px;/*height:200px;overflow-y:auto;*/}/*60vh */
.dy-body > div {width:100%;}
.dy-body > p {font-size:16px;margin-bottom:12px;font-weight: 500;color:#727272;}
.dy-body > p.em{color:#979797;font-size:14px;margin-bottom:0;}
.dy-modal .btn-wrap{padding:0 20px;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:40px;}
@media (max-width: 650px) {
    .dy-modal-content {max-width:calc(100% - 40px);}
    .dy-modal .btn-wrap .btn.small-ver2 {width:100%;}
}

/* 공통 */
.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:200px;height:48px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;color:#fff;text-align:center;padding:12px;border-radius:100px;background:#1E90FF;transition:background-color 0.3s;}
.btn:hover{  background-color: #1A82F0;}
.btn.small-ver{width:320px;height:80px;font-size:24px;}
.btn.small-ver2{width:200px;height:48px;font-size:16px;}
/* 헤더 */
header {max-width:100%;width:100%;height:80px;display:flex;align-items:center;justify-content:center;position:fixed;left:50%;top:0;transform:translateX(-50%);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.nav-list {display:flex;align-items:center;}
header nav > ul.nav-list > li + li {margin-left:30px;}
header nav > ul.nav-list > li{position:relative;}
header nav > ul.nav-list > li.on a{display:block;position:relative;}
header nav > ul.nav-list > 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.nav-list > li:last-child {margin-left:80px;}
header nav > ul.nav-list > li > a {display:inline-flex;justify-content:center;align-items:center;font-size:20px;font-weight:600;color:#fff;padding:10px;}
header nav > ul.nav-list > li:hover > a {color:#1E90FF!important;}
header.sub {background:#fff;}
header.sub  nav > ul.nav-list > li.on a::after{background-color:#fff;}
header h1 .first {display:block;}
header h1 .second {display:none;}
header.sub.scroll nav > ul.nav-list > li.on::after{background-color:#000;}
.headerSelect.select-box > button.label::after {width:18px;height:18px;right:0;background-size:contain;background:url("../../resources/images/header/dropdown_white.svg") right center no-repeat;}
.headerSelect.select-box > button.label {height:48px;padding-left:24px;padding-right:24px;background:url("../../resources/images/header/ico_world.svg") left center no-repeat;}
.headerSelect.select-box > button.label  > span {font-size:16px;font-weight:500;}
.headerSelect .option-list {background-color:#fff;border-radius:12px;border:1px solid #efefef;padding:10px;}
.headerSelect .option-list > li {padding:10px;}
header.active h1 .first {display: none;}
header.active h1 .second {display: block;}
header.active nav > ul > li.on a::after{background-color:#000;}
header.sub nav > ul > li > a,
header.active nav > ul > li > a {color:#454545;}
header.sub .headerSelect.select-box > button.label::after,
header.active .headerSelect.select-box > button.label::after  {background:url("../../resources/images/header/dropdown_dark.svg") right center no-repeat}
header.sub .headerSelect .label,
header.active .headerSelect .label {background:url("../../resources/images/header/ico_world_scroll.svg") left center no-repeat;}
header.sub .select-box > button.label,
header.active .select-box > button.label{color:#727272;}
header .select-box > .option-list > .option-item{color:#454545;white-space:nowrap;}
header .menu {width:28px;height:28px;background:url("../../resources/images/header/ico_hamburger.svg") center center no-repeat;background-size:28px;}
header.active .menu{background:url("../../resources/images/header/ico_hamburger_black.svg") center center no-repeat;background-size:28px;}
header.scroll.active {background-color:#fff;}
/* header > 서브 페이지용 */
header.sub h1 .first {display: none;}
header.sub h1 .second {display: block;}
header.sub .menu {background:url("../../resources/images/header/ico_hamburger_black.svg") center center no-repeat}
/* 모바일용 사이드바 */
.sidebar.active {display:block;}
.sidebar-top {display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:12px;}
.sidebar-top h2 > img {width: 83px;}
.lang-wrap {display:flex;align-items:center;gap:12px;}
.lang-wrap img {width:28px;}
.sidebar-list {padding-bottom:192px;}
.sidebar-list > ul > li > a {display:block;font-size:16px;font-weight:700;color:#979797;padding:16px 20px;}
.sidebar-list > ul > li > a:focus {color:#353535;}
.select-lang-wrap {position:relative;}
.select-lang-box {display:none;position:absolute;right:0;top:28px;padding:16px;border:1px solid #EFEFEF;border-radius:16px;background-color:#fff;}
button.lang.active + .select-lang-box {display:block;}
.select-lang-box > ul > li > button {display:block;font-size:12px;font-weight:600;color:#454545;text-align:left;white-space:nowrap;}
.select-lang-box > ul > li + li {margin-top:10px;}
@media (max-width: 1280px) {
    header > .inner-wrap {width:100%;padding:0 20px;}
}
@media (max-width:650px) {
    .sidebar {display:none;position:fixed;left:-1px;top:0;z-index:10006;width:calc(100% + 1px);background:#fff;}
    .sidebar.mobile-only {display: none!important;}
    .sidebar.mobile-only.active {display: block!important;}
    header {height:48px;}
    header h1 > a {width:80px;}

    header nav > ul > li + li {margin-left:12px;}
    header nav > ul > li:last-child {margin-left:12px;}
    header nav > ul > li > a {font-size:14px;}
}
/*  푸터 */
footer {max-width:100%;width:100%;margin:0 auto;background-color:#fff;border-top:1px solid #EFEFEF;}
footer > .inner-wrap {max-width:1280px;width:100%;margin:0 auto;padding:60px 0;}
footer .logo-wrap{margin-bottom: 40px;}
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 + li {margin-left:32px;}
.policy-wrap > li > button,
.policy-wrap > li > a {position:relative;display:block;font-size:16px;font-weight:600;color:#454545;}
.place-info {margin-top:20px;display:flex;flex-direction:column;gap:6px;}
.place-info > li {font-size:14px;font-weight:500;color:#727272;line-height: 1.4;}
.copyright {font-size:16px;font-weight:500;color:#ababab;margin-top:12px;}
.footer-info-wrap .select-box{border:1px solid #727272;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:16px;font-weight:500;color:#727272;position:relative;padding-right:13px;}
.footer-info-wrap .select-box > button.label::after {content:'';width:20px;height:20px;background:url("../../resources/images/footer/dropdown_dark2.svg") right center no-repeat;position:absolute;right:0;top:50%;transform: translateY(-50%);background-size:20px;}
.footer-info-wrap .select-box.active > button.label::after {transform: translateY(-50%) rotate(-180deg);}
.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:#fff;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;}
@media (max-width:1280px) {
    footer {padding:40px 0;}
    footer > .inner-wrap {max-width:100%;padding:0 20px;}
}
@media (max-width: 1024px) {
    /*  푸터 */
    .footer-info-wrap{flex-direction: column;gap:28px;}
}
@media (max-width: 650px) {
    /*  푸터 */
    footer .logo-wrap{margin-bottom: 28px;}
    footer .logo-wrap img {width:48px;}
    .policy-wrap > li > button,
    .policy-wrap > li > a {font-size:14px;}
    .place-info {margin-top:12px;gap:4px;}
    .copyright {font-size:14px;}
    .footer-info-wrap .select-box{min-width:169px;}
    .footer-info-wrap .select-box > button.label {font-size:14px;}
}

/* 콘텐츠 공통 */
.inner-wrap .desc-wrap * {line-height:1.4;}
.inner-wrap .desc-wrap {display:flex;flex-direction:column;align-items:flex-start;}
.inner-wrap .desc-wrap.end {align-items:flex-end;}
.inner-wrap .desc-wrap.end > * {text-align:right;}
.inner-wrap .desc-wrap.center {align-items:center;}
.inner-wrap .desc-wrap.center > * {text-align:center;}
.inner-wrap .desc-wrap > .sub-tit {font-size:20px;font-weight:700;color:#1E90FF;margin-bottom:8px;}
.inner-wrap .desc-wrap > .tit {font-size:44px;font-weight:700;color:#1E1E1E;margin-bottom:16px;}
.inner-wrap .desc-wrap > .tit.c-white {color:#fff;}
.inner-wrap .desc-wrap > .desc {font-size:20px;font-weight:500;color:#727272;}
.inner-wrap .desc-wrap > .desc.c-white {color:#fff;}
/* 공통 (영어) */
.lang-en .inner-wrap .desc-wrap > .tit {font-size:32px;}
@media (max-width:1280px) {
    /* 콘텐츠 공통 */
    .inner-wrap .desc-wrap {width:100%;align-items:center;}
    .inner-wrap .desc-wrap.end {align-items:center;}
    .inner-wrap .desc-wrap.end > * {text-align:center;}

    .inner-wrap .desc-wrap.center > * {text-align:center;}
    .inner-wrap .desc-wrap > .sub-tit {font-size:18px;}
    .inner-wrap .desc-wrap > .tit {font-size:24px;}
    .inner-wrap .desc-wrap > .desc {font-size:16px;text-align:center;}
    /* 언어별 */
    .lang-en .inner-wrap .desc-wrap > .tit {font-size:24px;}
}
@media (max-width:650px) {
    /* 콘텐츠 공통 */
    .inner-wrap .desc-wrap {width:100%;align-items:flex-start}
    .inner-wrap .desc-wrap.end {align-items:flex-start;}
    .inner-wrap .desc-wrap.end > * {text-align:left;}
    /* 콘텐츠 공통 */
    .inner-wrap .desc-wrap.center > * {text-align:center;}
    .inner-wrap .desc-wrap > .sub-tit {font-size:14px;margin-bottom:4px;}
    .inner-wrap .desc-wrap > .tit {font-size:18px;margin-bottom:12px;}
    .inner-wrap .desc-wrap > .desc {font-size:14px;line-height: 1.5;font-weight:500;}
}

/* sec1 */
#sec1 {position:relative;max-width:100%;width:100%;margin:0 auto;}
#sec1 > img {width:100%;display: inline-block;vertical-align:middle;}
#sec1 .inner-wrap {max-width:1280px;width:100%;margin:0 auto;height:100%;display:flex;align-items:center;position:absolute;left:50%;top:0;transform:translateX(-50%);}
#sec1 .desc-wrap {display:flex;flex-direction:column;gap:40px;}
#sec1 .desc-wrap > p {font-size:56px;font-weight:700;color:#fff;line-height:1.4;}
#sec1 .btn-wrap {display:flex;gap:16px;}
#sec1  .download-badge { display: inline-flex;align-items:center;justify-content:center;width:173px; height: 48px;border-radius:100px;border:1px solid #fff; background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);}

@media (max-width:1280px) {
    #sec1 .inner-wrap {padding:0 54px;align-items:flex-end;}
    #sec1 .desc-wrap {margin-bottom: 40px;gap:20px;align-items:center;}
    #sec1 .desc-wrap > p {font-size:24px;text-align:center;}
    #sec1 .btn-wrap {gap:10px;}
    #sec1  .download-badge {width:130px; height: 36px; }
    #sec1  .download-badge.google img {width:98px;height:20px;}
    #sec1  .download-badge.apple img {width:87px;height:20px;}
}
@media (max-width:650px) {
    #sec1 .inner-wrap {padding:0 54px;align-items:flex-end;}
    #sec1 .desc-wrap {max-width:100%;margin-bottom: 40px;gap:20px;align-items:center;}
    #sec1 .desc-wrap > p {font-size:24px;text-align:center;}
    #sec1 .btn-wrap {gap:10px;}
}
/* sec2 */
#sec2 {max-width:100%;width:100%;margin:0 auto;height:863px;overflow:hidden;}
#sec2 .inner-wrap {max-width:1280px;width:100%;margin: 0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;}
#sec2 .desc-wrap {max-width:462px;}
#sec2 .img-wrap {position:relative;display:flex;gap:32px;height:100%;overflow:hidden}
#sec2 .img-wrap::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0) 20%,
        rgba(255,255,255,0) 80%,
        rgba(255,255,255,1) 100%
    );
}
.roll-list {animation: scroll-up 20s linear infinite;display:flex;flex-direction:column;gap:32px;align-items:center;}
.roll-list-reverse {animation: scroll-down 20s linear infinite;display:flex;flex-direction:column;gap:32px;align-items:center;}
@media (max-width:1280px) {
    #sec2 {height: auto;padding:80px 0;}
    #sec2 .inner-wrap {padding:0 20px;max-width:100%;flex-direction:column;gap:40px;}
    #sec2 .img-wrap {flex-direction:column;gap:16px;}
    #sec2 .img-wrap::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;
        background: linear-gradient(
                to right,
                rgba(255,255,255,1) 0%,
                rgba(255,255,255,0) 20%,
                rgba(255,255,255,0) 80%,
                rgba(255,255,255,1) 100%
        );
    }
    #sec2 .inner-wrap .desc-wrap {max-width:450px}
    #sec2 .inner-wrap .desc-wrap > *{text-align:center;}
    .roll-list {animation: scroll-right 30s linear infinite;flex-direction:row;gap:16px;align-items:flex-start;}
    .roll-list > li {flex-shrink:0;width: 148px;}
    .roll-list > li > img {width: 100%;}
    .roll-list-reverse {display:none;}
}
@media (max-width:650px) {
    #sec2 {height: auto;padding:40px 0;}
    #sec2 .inner-wrap {padding:0 20px;max-width:100%;flex-direction:column;gap:40px;}
    #sec2 .inner-wrap .desc-wrap > .desc {text-align:left;}
    #sec2 .img-wrap {flex-direction:column;gap:16px;}
    #sec2 .img-wrap::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;
        background: linear-gradient(
                to right,
                rgba(255,255,255,1) 0%,
                rgba(255,255,255,0) 20%,
                rgba(255,255,255,0) 80%,
                rgba(255,255,255,1) 100%
        );
    }
    #sec2 .inner-wrap .desc-wrap {max-width:100%;}
    .roll-list {animation: scroll-right 30s linear infinite;flex-direction:row;gap:16px;align-items:flex-start;}
    .roll-list > li {flex-shrink:0;width: 148px;}
    .roll-list > li > img {width: 100%;}
    .roll-list-reverse {display:none;}
}
@media (max-width:375px) {
    #sec2 .inner-wrap .desc-wrap br{display: none;}
}
@keyframes scroll-up {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%); /* 전체 높이 절반만 이동 */
    }
}
@keyframes scroll-down {
    0% {
        transform: translateY(-50%);
    }
    100% {
        transform: translateY(0); /* 전체 높이 절반만 이동 */
    }
}
@keyframes scroll-right {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(50%)
    }
}

/* sec3 */
#sec3 {max-width:100%;width:100%;margin:0 auto;background: linear-gradient(180deg, rgba(156, 206, 255, 0.3) 0%, rgba(252, 253, 255, 0.3) 100%), #FFFFFF;overflow:hidden;}
#sec3 .inner-wrap {max-width:1280px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:120px 0;}
#sec3 .inner-wrap .desc-wrap {max-width:496px;}
/* 언어별 */

.lang-en #sec3 .inner-wrap .desc-wrap {max-width:550px;}
/* 언어별 */
@media (max-width: 1280px) {
    #sec3 {padding:80px 0;min-height:initial;}
    #sec3 .desc-wrap {padding:0 20px;}
    #sec3 .inner-wrap {flex-direction:column-reverse;gap:40px;padding:0;}
    #sec3 .inner-wrap > .img-wrap {width:70%;}
    #sec3 .inner-wrap > .img-wrap > img {width:100%;}
}
@media (max-width: 650px) {
    #sec3 {padding:40px 0;min-height:initial;}
    #sec3 .inner-wrap .desc-wrap {max-width:100%;}
    #sec3 .inner-wrap > .img-wrap {width:100%;padding:0 20px;}
    /* 언어별 */

    .lang-en #sec3 .inner-wrap .desc-wrap {max-width:100%;}
}
/* sec4 */
#sec4 {max-width:100%;width:100%;margin:0 auto;background-color:#1E1E1E;}
#sec4 .inner-wrap {max-width:1280px;width:100%;margin:0 auto;padding:189px 0;display:flex;flex-direction:column;align-items:center;}
#sec4 .badge-wrap {margin-top:40px;display:flex;align-items:center;justify-content:center;gap:16px;}
#sec4 .badge-wrap > span {display:inline-flex;align-items:center;gap:12px;padding:10px;border-radius:12px;background-color:#353535;border:1px solid #454545;}
#sec4 .badge-wrap > span > span {font-size:16px;font-weight:600;color:#fff;}
#sec4 .desc-wrap > .desc {color:#d3d3d3;font-weight:200;}
#sec4 .img-wrap {margin-top:29px;position:relative;width: 100%;display:flex;justify-content:center;}
#sec4 .img-wrap .float {border-width:1px;border-style:solid;border-color:#979797;border-radius:12px;position:absolute;background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
#sec4 .img-wrap .float img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
#sec4 .img-wrap .float.left {animation: float2 3s ease-in-out infinite;width:360px;height:180px;left:-40px;right:auto;bottom:auto;top:60px;}
#sec4 .img-wrap .float.left::after {content:'';width:calc(100% - 10px);height:27px;background:url("../../resources/images/contents/sec4_comment1_line1.svg") center center no-repeat;position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);}
#sec4 .img-wrap .float.right {animation: float 3s ease-in-out infinite;width:324px;height:160px;left:auto;right:0;bottom:38px;top:auto;}
#sec4 .img-wrap .float.right::after {content:'';width:calc(100% - 10px);height:27px;background:url("../../resources/images/contents/sec4_comment2_line1.svg") center center no-repeat;position:absolute;left:50%;bottom:-26px;transform:translateX(-50%);}
@media (max-width: 1280px) {
    #sec4 {padding:80px 0;}
    #sec4 .inner-wrap {padding:0 20px;}
    #sec4 .badge-wrap {margin-top:20px;gap:8px;flex-wrap:wrap;}
    #sec4 .badge-wrap > span {gap:4px;padding:4px;border-radius:6px;}
    #sec4 .badge-wrap > span > span {font-size:12px;}
    #sec4 .badge-wrap > span > img {width:20px;}
    #sec4 .img-wrap > img {width:80%;}
    #sec4 .img-wrap .float > img {width: 90%;}
    #sec4 .img-wrap .float.left {top:30px;left:0;width: 200px;height:120px;}
    #sec4 .img-wrap .float.right {bottom:10px;right:0;width:200px;height: 110px;}
    #sec4 .img-wrap .float.left::after,
    #sec4 .img-wrap .float.right::after{display: none;}
    #sec4 .desc-wrap {max-width:600px;}
    #sec4 .desc-wrap > .desc {max-width:450px;}
}
@media (max-width: 650px) {
    #sec4 .img-wrap .float.left,
    #sec4 .img-wrap .float.right {display: none;}
    #sec4 {padding:40px 0;}
    #sec4 .img-wrap > img {width:100%;}
    #sec4 .desc-wrap {max-width:350px;}
    #sec4 .desc-wrap > .desc {max-width:100%;}
}
@media (max-width: 500px) {

}

@keyframes float {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0px); }
}
@keyframes float2 {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
}

/* sec5 */
#sec5 {max-width:100%;width:100%;margin: 0 auto;background:url("../../resources/images/contents/sec5_bg.png") center center no-repeat;background-size:cover;}
#sec5 .inner-wrap {max-width:1280px;width:100%;margin:0 auto;padding:120px 0;height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;}
#sec5 .inner-wrap > .img-wrap {display:flex;justify-content:center;flex-direction:column;gap:40px;}
#sec5 .inner-wrap .desc-wrap {max-width:490px;}
@media (max-width: 1280px) {
    #sec5 {padding:80px 0;min-height:initial;max-width:100%;}
    #sec5 .inner-wrap {padding:0 20px;flex-direction:column-reverse;gap:40px;}
    #sec5 .inner-wrap > .img-wrap {width: 70%;}
    #sec5 .inner-wrap .desc-wrap {max-width:100%;}
}
@media (max-width: 650px) {
    #sec5 {padding:40px 0;}
}

/* sec6 */
#sec6 {max-width:100%;width:100%;margin:0 auto;overflow:hidden;background-color:#FAFAFA;}
#sec6 .inner-wrap {padding:160px 0;}
.review-wrap {max-width:1580px;width:100%;margin:60px auto 0 350px;}
.review-wrapper > ul > li {flex:1;}
.review-box {width:340px;height:312px;padding:28px;background-color:#fff;border-radius:24px;border:1px solid #efefef;}
.rw-top {display:flex;align-items:center;gap:8px;margin-bottom:24px;}
.rw-star {display:inline-block;padding-left:30px;height:24px;background:url("../../resources/images/contents/ico_star_blue.svg") left center no-repeat;background-size:24px;font-size:20px;font-weight:700;color:#1E90FF;white-space: nowrap;}
.rw-star + span {display:block;width:calc(100% - 42px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;font-weight:500;color:#979797;}
.rw-desc-wrap {font-size:16px;font-weight:500;color:#454545;line-height:1.6;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;text-overflow:ellipsis;}
.review-wrapper .swiper-notification {display:none!important;}
@media (max-width: 1280px) {
    #sec6 {padding:80px 0;}
    #sec6 .inner-wrap {padding:0 20px;}
    .review-wrap {margin:40px auto 0;}
    .review-box {width:292px;height:260px;padding:20px;}
    .rw-top {gap:8px;margin-bottom: 12px;}
    .rw-star {padding-left:20px;height:22px;background-size:16px;font-size:14px;line-height:23px;}
    .rw-star + span {font-size:14px;}
    .rw-desc-wrap {font-size:14px;line-height:1.4;}
}
@media (max-width: 650px) {
    #sec6 {padding:40px 0;}
}

/* sec7 */
#sec7 {max-width:100%;width:100%;margin:0 auto;background:url("../../resources/images/contents/sec7_bg.png") center center no-repeat;background-size:cover;}
#sec7 .inner-wrap {max-width:1280px;width:100%;margin:0 auto;padding:110px 0;display:flex;flex-direction:column;align-items:center;gap:24px;}
#sec7 p {font-size:40px;font-weight:700;color:#fff;line-height:1.4;text-align:center;}
#sec7 a.contact-btn {min-width:194px;padding:0 12px;height:46px;border-radius:100px;border:1px solid #fff;display:inline-flex;justify-content:center;align-items:center;text-align:center;font-size:16px;font-weight:600;color:#fff; background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transition:all 0.3s;}
#sec7 a.contact-btn:hover {border-color:#1A82F0;color:#1A82F0;}
@media (max-width: 1280px) {
    #sec7 {padding:60px 0;}
    #sec7 .inner-wrap {max-width:100%;padding:0 20px;}
    #sec7 p {font-size:36px;}
    #sec7 a.contact-btn {padding:0 36px;}
}

@media (max-width: 650px) {
    #sec7 {padding:40px 0;}
    #sec7 p {font-size:20px;}
    #sec7 a.contact-btn {min-width:initial;padding:0 28px;font-size: 14px;height: 36px;}
}

/* 이용약관 */
.contents-wrap.sub{max-width:100%;width: 100%;margin:0 auto;padding: 80px 0 140px; }
.contents-wrap.sub > .inner-wrap {max-width:1280px;margin:0 auto;}
h2.sub-title{text-align:center;font-size:40px;font-weight:600;color:#151515;margin-bottom:36px;}
.sub-content-box {max-height:700px;overflow-y:auto;}
.policy-box{margin-top:80px;width:100%;padding:21px 12px 21px 19px;border:1px solid #C0C2C3;background: #fff;}
.policy-box > .inner-wrap{max-height:1156px;overflow-y:auto;padding:33px 21px;background-color:#fff;border:1px solid #E7E7E7;}
.policy-box .info-box {padding-right: 12px;}
.policy-box .info-box + .info-box {margin-top:20px;}
.policy-box .info-box > p {font-size:14px;font-weight:500;margin-bottom:12px;color:#727272;}
.policy-box .info-box > ul> li{font-size:14px;font-weight:500;color:#A8A8A8;}
.policy-box .info-box > ul> li + li{margin-top:8px;}
.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 + li {margin-top:2px;}
.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:14px;font-weight:500;color:#abababab;}
.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:14px;font-weight:500;color:#ababab;}
.policy-box .info-box .sub-list.text-ver > li > span{font-size:14px;font-weight:500;color:#ababab;}
.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:#757575;}
.policy-box .info-box .sub-list.dot-ver > li::before{content:'';width:4px;height:4px;border-radius:50%;background-color:#ababab;position:absolute;top:8px;left:13px;}
.policy-box ::-webkit-scrollbar {width: 8px;}
.policy-box ::-webkit-scrollbar-track {background:transparent;}
.policy-box ::-webkit-scrollbar-thumb {background:#ababab;border-radius: 12px;}
@media (max-width: 650px) {
    .policy-box {margin-top:40px;}
}

/* Contact 페이지 */
.title-wrap {display:flex;justify-content:center;align-items:center;height:340px;position:relative;background:url("../../resources/images/contents/sub-page-bg.jpg") center bottom -200px no-repeat;background-size:cover; }
.title-wrap::before {content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0, 0, 0, 0.48); }
.title-wrap > div {display:inline-block;position:relative;}
.title-wrap  h2.sub-title.ver2 {font-size:40px;font-weight:700;color:#fff;margin-bottom: 0;}
.contact-box {max-width:1240px;width:100%;margin:0 auto;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 {margin-top:72px;}
.form-wrap{display:flex;align-items:center;}
.form-wrap + .form-wrap {margin-top:24px;}
.form-box{width:100%;display:flex;align-items:flex-start;flex-direction:column;}
.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:100%;font-size:20px;font-weight:700;color:#454545;text-align:left;margin-bottom:8px;}
.form-box > .label.essential::after{content:'*';color:#1E90FF;font-size:20px;margin-left:4px;}
.form-box > .input-box {width:100%;}
.input-box{border-radius:8px;background-color:#FAFAFA;}
.input-box  input {width:100%;height:100%;outline:none;background-color:transparent;border:2px solid transparent;padding:16px;font-size:16px;color:#454545;}
.input-box  textarea:focus,
.input-box  input:focus {border:2px solid #1E90FF;border-radius:8px;}
.input-box  textarea {border:2px solid transparent;outline:none;width:100%;background-color:transparent;padding:16px;font-size:16px;color:#454545;resize:none;height:300px;overflow-y:auto;}
.input-box  textarea::placeholder{font-family: inherit;color:#A8A8A8;font-weight:500;}
.input-box  input::placeholder{font-family: inherit;color:#A8A8A8;font-weight:500;}
.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{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:40px;padding:20px 40px;background-color:#fafafa;border-width:1px 0 1px 0;border-style:solid;border-color:#EFEFEF;}
.check-box label > input{width:0;height:0;opacity:0;position:absolute;z-index:-1;}
.check-box label > input + span{padding-left:40px;position:relative;font-size:20px;font-weight:500;color:#454545;}
.check-box label > input + span:before{content:"";width:28px;height:28px;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%;}
.underline {font-size:16px;font-weight:500;color:#727272;text-decoration:underline;line-height:1.5;transition:all 0.3s;padding-left:32px;}
.underline:hover {color:#1A82F0;}
@media (max-width: 1280px) {
    .contents-wrap.sub > .inner-wrap {padding:0 20px;}
}
@media (max-width:650px) {
    .contents-wrap.sub {padding:48px 0 108px;}
    .contents-wrap.sub > .inner-wrap {padding:0 20px;}
    .contact-box {margin-top:40px;}
    .title-wrap {height:220px;background:url("../../resources/images/contents/sub-page-bg.jpg") center center no-repeat;background-size:cover; }
    .title-wrap  h2.sub-title.ver2 {font-size:32px;}
    .forms {margin-top:40px;}
    .form-wrap{flex-direction:column;align-items:flex-start;}
    .form-wrap.con2 {gap:12px;}
    .form-wrap.con2 > .form-box {width:100%;}
    .form-box > .label {font-size:14px;}
    .form-box > .label.essential::after{font-size:18px;}
    .input-box  input {padding:16px 12px;font-size:14px;}
    .form-wrap + .form-wrap {margin-top:12px;}
    .input-box  textarea {height:240px;}
    .check-box-wrap{margin-top:20px;padding:16px 12px;}
    .check-box label > input + span{padding-left:32px;font-size:14px;line-height:24px;}
    .check-box label > input + span:before{width:24px;height:24px;}
    .contact-box .btn-wrap {margin-top:40px;}
    .contact-box .btn-wrap > .btn.small-ver {height:56px;font-size:14px;}
    .underline {font-size:12px;margin-top:4px;}
}
@media (max-width: 450px) {
    .contact-box .btn-wrap > .btn.small-ver {width: 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;}