@charset "UTF-8";

body { overflow-y: scroll;}
body ::-webkit-scrollbar {width: 5px; height: 5px;}
body ::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 10px;}
body ::-webkit-scrollbar-track {background-color: #ddd; border-radius: 10px;}

div#fullpage {position: relative; width:100%;}
#fp-nav {position: absolute;top: calc(50% - 4rem);right: 3.35rem;opacity: 0;transition: 0.3s ease-in-out;}

#fp-nav ul {position: relative;display:flex;gap:0.75rem;width: 1.3rem;height: auto;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
#fp-nav ul:before {content:"";position:absolute;top: 50%;left:50%;transform: translate(-50%, -50%);width: 1px;height: calc(100% - 18px);background:#d9d9d9;border-radius:50%;}
#fp-nav ul li{position: relative;display:flex;justify-content:center;align-items:center;}
#fp-nav ul li a {position:relative; width:1.3rem; height:1.3rem; border-radius:50%;}
#fp-nav ul li a:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.4rem; height:0.4rem; background:#d9d9d9; border-radius:50%;}
#fp-nav ul li a.active {position:relative; width:1.3rem; height:1.3rem; border:1px solid #d9d9d9; border-radius:50%;}
#fp-nav ul li a.active:before {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:0.4rem; height:0.4rem; background:#376CFB; border-radius:50%;}

.start #fp-nav { opacity: 1; transition-delay:0.3s;}
.fp-watermark {display:none;}
.fp-overflow { justify-content: flex-start; max-height: 100vh}
.fp-scrollable .fp-auto-height .fp-overflow { max-height: none;}
.fp-overflow {outline: none; height:100%;}
.fp-overflow.fp-table {display: block;}
.fp-responsive .fp-auto-height-responsive.fp-section,.fp-responsive .fp-auto-height-responsive .fp-slide { height: auto!important; min-height: auto!important}
.fp-sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar { background-color: transparent; width: 9px}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track { background-color: transparent;}
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.4); border-radius: 16px; border: 4px solid transparent;}
.fp-is-overflow .fp-overflow.fp-auto-height-responsive,.fp-is-overflow .fp-overflow.fp-auto-height,.fp-is-overflow>.fp-overflow {overflow-y: auto;}

/* slick slide common */
.slick-slider {-webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-slide {display:none; height:100%; min-height:1px; vertical-align:middle; outline: none;}
.slick-list.dragging { cursor:pointer;}
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none;}
.slick-current {opacity:1; display:block;}
.slick-track {position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;}
.slick-list, .slick-track {height:100%;}
.slick-list {overflow: hidden;}
.slick-track {margin-left: 0; margin-right: 0;}

/* common */
h3.heading {font-size:1.5rem;color: #111;font-weight: 400;margin-bottom: 1rem;letter-spacing: normal;text-overflow: ellipsis;text-wrap: nowrap;overflow: hidden;}
h3.heading strong {font-weight: 800;}
.btn_more {position:absolute;font-family: 'Wanted Sans';font-weight: 500;letter-spacing: normal;right:0;top: 0;display: flex;align-items: center;justify-content: center;font-size: 0.9rem; line-height: 1; color: #565656;transition: all 0.2s;z-index: 1;}
.btn_more span {position:relative;margin-left: 0.4rem;}
.btn_more span:before {position:absolute;content:"";display:block;width:1.5rem;height:1.5rem;top: -0.3rem;left: 0.4rem;background: #ffffff;border-radius:50%;z-index: -1;transition:0.3s all;}
.btn_more span i{font-size:1.5rem;font-weight: 400;color:#000;}
/* active */
.btn_more:hover span:before,
.btn_more:focus span:before {background:#dbeeff;}

/* 레이아웃 */
.section {position: relative;display: flex;padding: 3rem 0;width: 100%;height: 100% !important;align-items: center;justify-content: center;flex-wrap: wrap;}
.section .inner {position: relative;max-width: 60rem;width: 100%;}
.section1 {padding:0 !important;}
.section2 {/* padding: 1rem 0; */}
.section2 .inner .titWrap h3:before {content:"";position:absolute;width: 1123px;height: 220px;left: 0;top: 0%;transform: translateY(-50%);background: url(../images/main/section2_bg.png) no-repeat center;z-index: -1;}
.section2::before {content:"";position:absolute;position: absolute;width: 1123px;height: 220px;left: -205px;bottom: -10px;background: url(../images/main/section2_bg.png) no-repeat center;z-index: -1;}
.section3 {/* padding:6rem 0 1rem; */background: linear-gradient(180deg, #13101D 0%, #152076 44.99%, #152076 75.5%, #13101D 100%);}
.section3:after {content:"";position:absolute;width: 340px;height: 482px;left: 0;top: 0;background: url(../images/main/deco_01.png) no-repeat center;}
.section3::before {content:"";position:absolute;position: absolute;width: 462px;height: 501px;right: 0;bottom: 0;background: url(../images/main/deco_02.png) no-repeat center;}
.section3 .inner {max-width:96rem;margin-top: 4rem;}
#container { position: relative; width: 100%; overflow: hidden; min-height: 100vh;}
#container img {vertical-align: middle;}
.container {position: relative;width: 100%;max-width: 70rem;height: 100%;margin: 0 auto;padding:1rem;display: flex;align-items: center;line-height: normal;}

/* 헤더 */
header {position: fixed;width:100%;height: 5rem;z-index: 9;background:transparent;border-bottom: 1px solid rgb(255 255 255 / 30%);}
header .container {padding: 0 1rem;justify-content: space-between;}
header h1 {width: fit-content;z-index: 100;font-size: 0;}
header h1 img {vertical-align: top !important;}
header .nav {position: relative;}
header .nav ul {display:flex;gap: 5rem;justify-content: flex-end;align-items: center;}
header .nav ul li{position:relative;}
header .nav ul li a{font-weight: 500;font-size: 1rem;line-height: normal;letter-spacing: normal;color: #fff;transition:0.3s all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
header .nav ul li.active a{text-shadow: 0 0 2px rgba(255, 255, 255, 0.6), 0 0 2px rgba(255, 255, 255, 0.6);}
header .nav ul li a:hover,header .nav ul li a:focus {text-shadow: 0 0 1px rgba(255, 255, 255, 0.6), 0 0 1px rgba(255, 255, 255, 0.6);}
/* 로고 이미지 교체는 JS에서 처리 */
.fp-viewing-page2 header .nav ul li a,.fp-viewing-page4 header .nav ul li a,.fp-viewing-page5 header .nav ul li a{color:#000;}
.fp-viewing-page2 header .nav ul li.active a, .fp-viewing-page4 header .nav ul li.active a, .fp-viewing-page5 header .nav ul li.active a{text-shadow: 0 0 1px rgba(0, 0, 0, 1), 0 0 1px rgba(0, 0, 0, 1);}


/* tit */
.titWrap {position: relative;text-align: center;color: #111;}
.titWrap h3 {position: relative;display: inline-block;font-family: 'SUITE';font-weight: 900;font-size: 2.1rem;letter-spacing: normal;line-height: normal;}
.titWrap h3 span {color:#376CFB;}
.titWrap p {font-family: 'Pretendard';font-weight: 400;font-size: 0.9rem;line-height: 1.6;letter-spacing: normal;margin-top: 0.6rem;color:#111;}


/* footer */
.footerWrap {position:relative;background: #424751;height: 7rem !important;padding: 0.5rem 1rem !important;}
.footer  {display: flex;max-width: 72rem;width: 100%;gap: 3rem;color: #fff;align-items: center;justify-content: center;}
.footer .footer_logo img {max-width:100%;}
.footer ul.adress {position:relative;}
.footer ul.adress li{font-weight: 400;font-size: 0.7rem;line-height: normal;letter-spacing: normal;}
.footer ul.adress li.copyright{margin-top: 0.5rem;}

@media (min-width: 1920px) {
.section {width:100%;}
}
@media (max-width: 1280px) {
.section {padding:4rem 1rem}
.section1 {padding:0}
.section3 {padding:4rem 1rem 7rem}
}

@media (max-height: 900px) {
header {height:auto; padding:0.5rem 0}
header .container {gap: 0.5rem;}
header .container h1 a {display:flex;width: auto;justify-content: center;}
header .container h1 img {width: 80%;}
header .nav {width:100%;}
header .nav ul {gap: 3rem;}
header .nav ul li a {font-size: 0.8rem;}
.fp-viewing-page2 header,.fp-viewing-page3 header,.fp-viewing-page4 header,.fp-viewing-page5 header {background:#000;border-bottom: none;}
/* 로고 이미지 교체는 JS에서 처리 */
.fp-viewing-page2 header .nav ul li a,.fp-viewing-page4 header .nav ul li a,.fp-viewing-page5 header .nav ul li a{color:#fff;}
.section3 {padding:4rem 1rem 7rem}
}

@media (max-width: 768px) {
/* 헤더 */
header {height:auto; padding:0.5rem 0}
header .container {gap: 0.5rem;}
header .container h1 a {display:flex;width: auto;justify-content: center;}
header .container h1 img {width: 80%;}
header .nav {width:100%;}
header .nav ul {gap: 1rem;}
header .nav ul li a {font-size: 0.8rem;}
.fp-viewing-page2 header,.fp-viewing-page3 header,.fp-viewing-page4 header,.fp-viewing-page5 header {background:#000;border-bottom: none;}
/* 로고 이미지 교체는 JS에서 처리 */
.fp-viewing-page2 header .nav ul li a,.fp-viewing-page4 header .nav ul li a,.fp-viewing-page5 header .nav ul li a{color:#fff;}

/* tit */
.titWrap h3 {font-size: 1.5rem;}
.titWrap p {font-size: 0.8rem;}

/* 섹션 */
.section3:after{width: 170px;height: 241px;}
.section3::before{width: 232px;height: 251px;}
.section3 .inner {margin-top:0;}


/* 푸터 */
.footerWrap {height:auto !important;}
.footer {justify-content: center;padding: 1rem;gap: 1rem;flex-wrap:wrap;height:auto;}
.footer .footer_logo {width:100%; text-align:center;}
.footer ul.adress {text-align:center;}
}

@media (max-width: 480px) {
header .container {flex-wrap:wrap;justify-content: center;}
header .nav ul {justify-content:center;}
}