@charset "utf-8";

/*layout*/
html {font-size:20px;color:#fff;background-color:#000;}
body {overflow-x:hidden;font-size:20px;letter-spacing:-0.03em;}
main {position:relative;}

/*layout*/
#wrap {position:relative;height:auto;margin:0 auto;}
.innerWrap {position:relative;width:50rem;margin:0 auto;}

figure img {display:block;}
figure.center {display:flex;justify-content:center;}
.ani, .pt {position:absolute;background-repeat:no-repeat;background-position:0 0;}

.mVer {display:none;}
.eng {font-family:"Manrope";}

header {position:fixed;top:0;left:0;width:100%;height:100px;z-index:1000;background-color:#000;}
header .logo,
header .brandLogo {display:block;width:3.5rem;height:5rem;background:url("../images/brandLogo.svg") no-repeat 0 center / 3.5rem auto;z-index:998;}
header .m_btn_menu,
header .m_btn_close {display:none;}
header nav {display:block;position:absolute;top:0;right:125px;}
header nav ul {display:flex;}
header nav ul li {height:5rem;font-size:1.2rem;color:#fff;line-height:5rem;text-align:center;font-weight:700;}
header nav ul li:not(:first-child) {margin-left:2rem;}
header nav ul li a {display:flex;width:100%;height:100%;justify-content:center;align-items:center;flex-flow:row wrap;}
header nav ul li a:hover {color:#0064f3;}
header.fixed {top:0;transition:0.3s;}
header .link_apply {position:absolute;top:0;right:-125px;line-height:5rem;font-size:1.2rem;color:#fff;font-weight:700;}
header .link_apply:hover {color:#0064f3;}

footer {height:125px;padding-left:5rem;display:flex;align-items:center;border-top:1px solid #fff;}
footer .copyright {font-size:1.3rem;color:#fff;font-weight:800;}

#wrap section {position:relative;margin:0 auto;}
#wrap section:not(.headingWrap) {padding:5rem 0;}
#wrap main {position:relative;overflow:hidden;}

h2.title {position:relative;margin-bottom:60px;height:82px;font-size:68px;font-weight:700;color:#fff;}
h2.title span {position:relative;display:inline-block;padding-right:24px;line-height:82px;background-color:#000;z-index:10;}
h2.title strong {font-family:"Manrope";font-weight:800;}
h2.title:before {content:"";position:absolute;top:50%;right:0;width:100%;height:1px;background-color:#fff;}

.mVer {display:none;}
.pcVer {display:block;}

.headingWrap {height:100vh;min-height:700px;}
.headingWrap .innerWrap {height:100%;}
headingWrap.fix {position:fixed;top:0;}

.link {display:block;position:relative;width:100%;height:60px;background-color:rgba(0,0,0,0.64);line-height:60px;font-size:18px;text-align:center;font-weight:700;border:solid 1px #fff;color: #fff;overflow:hidden;}
.link:before {content:"";position:absolute;top:0;left:-10%;width:120%;height:100%;background-color:rgba(0,0,0,0.64);transform: skew(-30deg);transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);}
.link span {display:flex;position:absolute;top:0;left:0;width:100%;height:100%;color: #fff;align-items:center;justify-content:center;flex-flow:nowrap column;}
.link:hover span {color:#fff !important;}
.link:hover {background-color:#0064f3;}
.link:hover:before {display:block;transform: translate3d(100%,0,0);}
.link_dis {display:block;position:relative;width:100%;height:60px;background-color:rgba(0,0,0,0.64);line-height:60px;font-size:18px;text-align:center;font-weight:700;border:solid 1px #fff;color: #fff;overflow:hidden;}
.link_dis span {display:flex;position:absolute;top:0;left:0;width:100%;height:100%;color: #fff;align-items:center;justify-content:center;flex-flow:nowrap column;}

.scrollIcon {position:absolute;bottom:53px;left:50%;width:72px;height:44px;margin-left:-36px;background:url("../images/icon_scroll_w.png") no-repeat center bottom / auto 36px;z-index: 10;animation:scrollAni 1s infinite alternate;}
.scrollIcon.page {z-index:30;position:fixed;background-image:url("../images/icon_scroll.png");}

.headMotion__area {position:absolute;top:50%;left:50%;width:100%;height:27.75rem;transform:translate(-50%,-50%);}
.headMotion__area .step-text {top:80px;font-family:"Manrope";font-size:4.8rem;font-weight:700;z-index:30;}
.headMotion__area .step-text01 {top:178px;font-size:4.2rem;font-weight:900;z-index:30;}
.headMotion__area .step-info {top:330px;display:flex;z-index:30;}
.headMotion__area .step-info > div+div {margin-left:1.8rem;}
.headMotion__area .step-info label {position:relative;padding-right:14px;}
.headMotion__area .step-info label:after {content:"";position:absolute;right:0;top:calc(50% - 0.45rem);width:2px;height:1rem;background-color:#fff;}
.headMotion__area .step-info span {padding-left:0.5rem;font-family:"Manrope";}
.headMotion__area .step-info span strong {display:inline-block;margin-left:5px;color:#0064f3;font-size:1.2rem;}
.headMotion__area .link-group {top:415px;display:flex;z-index:30;}
.headMotion__area .link-group .link {display:flex;width:13.25rem;padding:0 30px;height:3rem;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;border:solid 1px #fff;}
.headMotion__area .link-group .link:nth-of-type(2) {width:17rem;}
.headMotion__area .link-group .link+.link {margin-left:24px;}
.headMotion__area .shape01 {top:0;left:calc(50% - 55px);width:371px;height:356px;background-image:url("../images/heading_shape_01.svg");background-size:371px auto;}
.headMotion__area .shape02 {top:0;left:calc(50% - 53px);width:461px;height:462px;background-image:url("../images/heading_shape_02.svg");background-size:461px auto;}
.headMotion__area .shape03 {top:93px;left:calc(50% + 48px);width:449px;height:449px;background-image:url("../images/heading_shape_03.svg");background-size:449px auto;}
.headMotion__area .shape04 {top:188px;left:calc(50% + 120px);width:370px;height:368px;background-image:url("../images/heading_shape_04.svg");background-size:370px auto;}

.m_headingWrap {padding:0 !important;}
.m_headingWrap .innerWrap {height:37rem;}
.m_headingWrap .keyvisual {top:9.3rem;right:0;width:27.8rem;height:27.8rem;background:url("../images/m_heading_keyvisual.png") no-repeat 0 0;}
.m_headMotion__area {position:absolute;top:9.5rem;left:1.5rem;width:100%;height:27.75rem;z-index:30;}
.m_headMotion__area .step-text {top:80px;font-family:"Manrope";font-size:4.8rem;font-weight:700;z-index:30;}
.m_headMotion__area .step-text01 {top:178px;font-size:4.2rem;font-weight:900;z-index:30;}
.m_headMotion__area .step-info {top:330px;display:flex;z-index:30;}
.m_headMotion__area .step-info > div+div {margin-left:1.8rem;}
.m_headMotion__area .step-info label {position:relative;padding-right:14px;}
.m_headMotion__area .step-info label:after {content:"";position:absolute;right:0;top:calc(50% - 0.45rem);width:2px;height:1rem;background-color:#fff;}
.m_headMotion__area .step-info span {padding-left:0.5rem;font-family:"Manrope";}
.m_headMotion__area .step-info span strong {display:inline-block;margin-left:5px;color:#0064f3;font-size:1.2rem;}
.m_headMotion__area .link-group {top:415px;display:flex;z-index:30;}
.m_headMotion__area .link-group .link {display:flex;width:13.25rem;padding:0 30px;height:3rem;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;border:solid 1px #fff;}
.m_headMotion__area .link-group .link:nth-of-type(2) {width:17rem;}
.m_headMotion__area .link-group .link+.link {margin-left:24px;}

@keyframes scrollAni {
	0%{transform:  translateY(10px);}
	100%{transform: translateY(0px);}
}

.bul-list {position:relative;}
.bul-list li {position:relative;padding-left:12px;font-size:13px;color:#fff;line-height:18px;}
.bul-list li:before {content:"※";position:absolute;top:0;left:0;}
.bul-list li+li {margin-top:5px;}

.ncruitingDayWrap {background:url("../images/ncruiting_bg.png") no-repeat right 0;}
.ncruitingDayWrap .sub-title {display:flex;margin-bottom:15px;justify-content:space-between;}
.ncruitingDayWrap .sub-title dt {font-size:45px;font-weight:700;}
.ncruitingDayWrap .sub-title dd .link {display:inline-flex;width:390px;height:52px;font-size:17px;line-height:23px;font-weight:700;border:1px solid #fff;flex-flow:nowrap column;text-align:center;align-items:center;justify-content:center;}
.ncruitingDayWrap .sub-title dd .link small {display:block;font-size:13px;line-height:17px;font-weight:400;}
.ncruitingDayWrap .sub-title dd .link_dis {display:inline-flex;width:390px;height:52px;font-size:17px;line-height:23px;font-weight:700;border:1px solid #fff;flex-flow:nowrap column;text-align:center;align-items:center;justify-content:center;}
.ncruitingDayWrap .sub-title dd .link_dis small {display:block;font-size:13px;line-height:17px;font-weight:400;}
.ncruitingDayWrap .desc_box+.sub-title {margin-top:100px;}
.ncruitingDayWrap .desc_box {display:flex;padding:35px;border:1px solid #fff;}
.ncruitingDayWrap .desc_box .desc_box-schedule {position:relative;width:410px;margin-right:35px;}
.ncruitingDayWrap .desc_box .desc_box-schedule dl dt {padding-bottom:25px;font-size:25px;line-height:35px;font-weight:700;border-bottom:dashed 1px #fff;}
.ncruitingDayWrap .desc_box .desc_box-schedule dl dt p {color:#7baff9;}
.ncruitingDayWrap .desc_box .desc_box-schedule dl dd {padding-top:25px;font-size:30px;color:#bad5fc;}
.ncruitingDayWrap .desc_box .desc_box-schedule dl dd strong {font-size:45px;font-weight:700;color:#fff;}
.ncruitingDayWrap .desc_box .desc_box-schedule dl dd strong span {font-size:32px;}
.ncruitingDayWrap .desc_box .desc_box-program {width:calc(100% - 445px);}
.ncruitingDayWrap .desc_box .inner-box {padding:24px 14px 24px 24px;background-color:#000d2f;}
.ncruitingDayWrap .desc_box .inner-box+.inner-box {margin-top:20px;}
.ncruitingDayWrap .desc_box .liveType {margin-bottom:10px;}
.ncruitingDayWrap .desc_box .liveType li {display:flex;font-size:19px;line-height:28px;}
.ncruitingDayWrap .desc_box .liveType li span {width:90px;color:#bad5fc;background:url("../images/icon_arrow.svg") no-repeat right 5px top 9px;}
.ncruitingDayWrap .desc_box .liveType li p {width:calc(100% - 90px);}
.ncruitingDayWrap .desc_box .liveType li+li {margin-top:10px;}
.ncruitingDayWrap .desc_box .table {width:100%;margin-top:10px;}
.ncruitingDayWrap .desc_box .table thead th {height:25px;background-color:#0064f3;font-size:14px;}
.ncruitingDayWrap .desc_box .table thead th+th {border-left:1px solid #fff;}
.ncruitingDayWrap .desc_box .table tbody th {padding:10px 0;background-color:rgba(0, 100, 243,0.2);text-align:center;font-size:12px;color:#bad5fc;line-height:19px;border-bottom:1px solid #003b98;border-right:1px solid #003b98;}
.ncruitingDayWrap .desc_box .table tbody th strong {display:block;font-size:14px;color:#fff;}
.ncruitingDayWrap .desc_box .table tbody td {padding:10px;font-size:16px;color:#bad5fc;border-bottom:1px solid #003b98;}
.ncruitingDayWrap .desc_box .table tbody td strong {font-size:18px;color:#fff;}
.ncruitingDayWrap .desc_box .table tbody td.dotLine {border-bottom:1px dashed #003b98;}
.ncruitingDayWrap .desc_box figure {position:absolute;bottom:0;left:0;}
.ncruitingDayWrap .desc_box .miniverse-info dt {font-size:19px;}
.ncruitingDayWrap .desc_box .miniverse-info dd {margin-top:10px;font-size:15px;color:#bad5fc;line-height:21px;}
.ncruitingDayWrap .desc_box .event-info {margin-bottom:20px;}
.ncruitingDayWrap .desc_box .event-info .head {display:flex;font-size:18px;color:#bad5fc;font-weight:500;}
.ncruitingDayWrap .desc_box .event-info .head span {margin-right:10px;width:63px;height:20px;background-color:#003095;font-size:15px;font-weight:500;text-align:center;line-height:20px;}
.ncruitingDayWrap .desc_box .event-info .content {margin-top:10px;font-size:14px;line-height:21px;}
.ncruitingDayWrap .desc_box .event-info .content span {display:inline-block;height:21px;background-color:#fff;color:#0064f3;}
.ncruitingDayWrap .desc_box .event-info li+li {margin-top:20px;}
.ncruitingDayWrap .desc_box:nth-of-type(1) .bul-list li {font-size:12px;}
.ncruitingDayWrap .event_apply {margin-top:55px;}
.ncruitingDayWrap .event_apply .event_apply-top {display:flex;height:105px;padding:25px;background-color:#1a1a1a;}
.ncruitingDayWrap .event_apply .event_apply-top > dl {flex:1;display:flex;}
.ncruitingDayWrap .event_apply .event_apply-top > dl dt {width:118px;height:30px;background-color:#0064f3;line-height:30px;text-align:center;}
.ncruitingDayWrap .event_apply .event_apply-top > dl dd {width:calc(100% - 118px);padding-left:15px;}
.ncruitingDayWrap .event_apply .event_apply-top .howto dd {line-height:30px;color:#bad5fc;}
.ncruitingDayWrap .event_apply .event_apply-top .date dd {font-size:33px;font-weight:700;}
.ncruitingDayWrap .event_apply .event_apply-top .date dd span {font-size:25px;color:#bad5fc;font-weight:500;}
.ncruitingDayWrap .event_apply .event_apply-bottom {margin-top:55px;display:flex;justify-content:space-between;align-items:center;}
.ncruitingDayWrap .event_apply .event_apply-bottom > * {flex:1;}
.ncruitingDayWrap .event_apply .event_apply-bottom .gift {display:flex;align-items:center;}
.ncruitingDayWrap .event_apply .event_apply-bottom .gift p {margin-left:20px;font-size:22px;line-height:34px;color:#bad5fc;font-weight:400;}
.ncruitingDayWrap .event_apply .event_apply-bottom .gift p strong {position:relative;color:#fff;}
.ncruitingDayWrap .event_apply .event_apply-bottom .gift p strong:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:18px;background-color:rgba(0, 100, 243,0.3);z-index:-1;mix-blend-mode:screen;}
.ncruitingDayWrap .event_apply .event_apply-bottom .link {display:flex;height:62px;font-size:22px;font-weight:700;border:solid 1px #fff;align-items:center;justify-content:center;}
.ncruitingDayWrap .title .target {animation: target_image 1.5s 0.9s alternate infinite;}

/* .videoWrap {display:none;} */
.videoWrap .innerWrap {z-index:10;}
.videoWrap .video_desc {margin-top:35px;font-size:30px;text-align:center;}
.videoWrap .video-coming {display:flex;width:100%;height:563px;border:1px solid #0064f3;background:url("../images/video_thumb.jpg") no-repeat 0 0;font-size:40px;line-height:54px;color:#fff;align-items:center;justify-content:center;text-align:center;}
.videoWrap .bg_visual {left:0;top:0;width:1099px;height:1249px;background-image:url("../images/video_bg.png");z-index:9;}

.motion {position:absolute;background-repeat:no-repeat;background-position:0 0;}
.m_color {color:#ff5160;}

/* .benefitWrap {display:none;} */
.benefitWrap .innerWrap {z-index:100;}
.benefitWrap h2.title span {background-color:transparent;}
.benefitWrap h2.title:before {width:calc(100% - 390px);}
.benefitWrap .benefitSlide {height:360px;}
.benefitWrap .benefitSlide .swiper-slide {width:230px;height:283px;padding:130px 10px 0;text-align:center;background-color:#000;border:1px solid #0064f3;background-repeat:no-repeat;background-position:center 28px;}
.benefitWrap .benefitSlide .swiper-slide dl dt {font-size:21px;line-height:30px;font-weight:700;}
.benefitWrap .benefitSlide .swiper-slide dl dd {margin-top:10px;font-size:16px;line-height:24px;color:#bad5fc;}
.benefitWrap .benefitSlide .swiper-slide.slide01 {background-image:url("../images/benefit_icon_01.svg");background-position:center 40px;}
.benefitWrap .benefitSlide .swiper-slide.slide02 {background-image:url("../images/benefit_icon_02.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide03 {background-image:url("../images/benefit_icon_03.svg");background-position:center 40px;}
.benefitWrap .benefitSlide .swiper-slide.slide04 {background-image:url("../images/benefit_icon_04.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide05 {background-image:url("../images/benefit_icon_05.svg");background-position:center 43px;}
.benefitWrap .benefitSlide .swiper-slide.slide06 {background-image:url("../images/benefit_icon_06.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide07 {background-image:url("../images/benefit_icon_07.svg");}
.benefitWrap .benefitSlide .swiper-slide.slide08 {background-image:url("../images/benefit_icon_08.svg");}
.swiper-pagination {bottom:-30px;}
.swiper-pagination-bullet {width:13px;height:13px;margin:0 15px !important;background-color:#fff;opacity:1;}
.swiper-pagination-bullet-active {background-color:#0064f3;}

/* .vrTourWrap {display:none;} */
.vrTourWrap .movieBig {border:1px solid #fff;}

.jDWrap {padding-bottom:200px !important;background:url("../images/jd_bg.png") no-repeat right bottom;}
.jDWrap .innerWrap {z-index:2;}
.jDWrap h4 {position:relative;padding-left:15px;margin-bottom:1.5rem;font-size:1.4rem;color:#0064f3;font-weight:700;}
.jDWrap h4:before {content:"";position:absolute;top:calc(50% - 11px);left:0;margin-right:0.5rem;width:4px;height:25px;background-color:#0064f3;}
.jDWrap h4 span {display:inline-block;margin-left:20px;font-size:20px;font-weight:400;line-height:38px;}
.jDWrap .grid+.grid {margin-top:5.5rem;}
.jDWrap .ly__process {margin:0 10px;}
.jDWrap .ly__process .process__list {display:flex;justify-content:space-between;background:url("../images/info_process.svg") no-repeat 0 0 / 100% auto;}
.jDWrap .ly__process .process__list li {width:104px;padding-top:7.2rem;;text-align:center;font-size:1rem;}
.jDWrap p {margin-top:2rem;font-size:0.75rem;line-height:1.1rem;color:#727171;}
.jDWrap .text__type dt {margin-bottom:1rem;font-size:1.1rem;}
.jDWrap .text__type dd ul li {display:flex;font-size:1rem;line-height:1.5rem;}
.jDWrap .text__type dd ul li strong {margin-right:5px;font-weight:400;}
.jDWrap .text__type dd ul li:before {content:"-";margin-right:5px;}
.jDWrap .ly__apply p {margin-top:0.5rem;}
.jDWrap .ly__jD p {font-size:1rem;}
.jDWrap table {width:100%;margin-top:0.8rem;border-bottom:solid 2px #0064f3;}
.jDWrap table thead th {height:2.1rem;background-color:#0064f3;font-size:1rem;color:#fff;}
.jDWrap table thead th+th {border-left:solid 1px #fff;}
.jDWrap table tbody td {height:2.25rem;padding-left:2.2rem;border-bottom:dashed 1px #0064f3;color:#b5b5b6;}
.jDWrap table tbody td.line {border-bottom:solid 1px #0064f3;}
.jDWrap table tbody td.point {background-color:rgba(255,255,255,0.07);}
.jDWrap table tbody td.point span:after {content:"*";color:#0064f3;}
.jDWrap table tbody th {font-size:1.1rem;color:#fff;background-color:rgba(0, 100, 243,0.1);border-bottom:solid 1px #0064f3;border-right:solid 1px #0064f3;}
.jDWrap table tbody th p {margin-top:0.5rem;font-size:0.9rem;color:#0064f3;font-weight:400;}
.jDWrap .flex-center {margin-top:150px;}
.jDWrap .flex-center .link {display:flex;width:540px;height:90px;border:1px solid #fff;font-size:32px;align-items:center;justify-content:center;}
.jDWrap .counting__box {margin:5.5rem auto 0;width:703px;z-index:100;}
.jDWrap .counting__box p {height:100px;font-size:40px;font-weight:700;color:#0064f3;text-align:center;}
.jDWrap .counting__box .count {color:#fff;font-size:52px;font-weight:700;display:flex;justify-content:center;text-align:center;}
.jDWrap .counting__box .count span {position:relative;display:inline-flex;width:160px;height:183px;border-radius:3px;font-size:100px;font-family:"Manrope";font-weight:700;text-align:center;background-color:#000d2f;align-items:center;justify-content:center;}
.jDWrap .counting__box .count span+span {margin-left:24px;}
/* .linkWrap .countingBox .count span:after {content:"일";display:block;position:absolute;font-size:15px;color:#fff;text-align:center;font-weight:500;} */
.jDWrap .counting__box .count span:after {content:"DAYS";display:block;position:absolute;bottom:-40px;left:0;width:100%;font-size:20px;color:#0064f3;font-weight:400;text-align:center;}
.jDWrap .counting__box .count span:nth-of-type(2):after {content:"HOURS";}
.jDWrap .counting__box .count span:nth-of-type(3):after {content:"MINUTES";}
.jDWrap .counting__box .count span:nth-of-type(4):after {content:"SECONDS";}

/* .scrollbar{width: 100%; height: 2px;}
.scrollbar .handle{
	width: 100px; 
	height: 100%;
	background: #00bfd8;
} */

@media screen and (max-width:1060px) {
	/* body {overflow-x:auto;} */
	footer {padding-left:2rem;}

	header {opacity:1;}

	.pcVer {display:none !important;}
	.mVer {display:block;}

	/* .headingWrap.mVer {height:750px;}
	.headingWrap.mVer .motion__area {background:url("../images/heading_keyvisual.png") no-repeat right bottom;} */

}

@media (max-height:700px) {
	.headingWrap .innerWrap {transform:scale(0.8);}
}