 #wrap{overflow : hidden;width : 100%;}

.main-section{width : 100%;height : 100dvh;overflow: hidden;position: relative;}
.main-bg{width : 100%;height : 100%;filter : brightness(0.8)}
.main-bg > video{width : 100%;height : 100%;object-fit: cover;object-position: center;}

.section1-btn-box{position : absolute;right : 50px;bottom : 50px;z-index: 1;}
.section1-btn-box > a{display: flex;flex-direction: column; align-items: center;justify-content: center;width : 81px;height : 81px;position : relative;color : #fff;}
.section1-btn-box > a > p{font-family: futura-pt; font-size: 14px;line-height: 1.4em;font-weight: 500;letter-spacing: -0.04em;}
.section1-btn-box > a > p.low{line-height: 1em;}
.section1-btn-box > a > p > span{font-size: 12px;}
.section1-btn-box > a::after{position :absolute;content : '';width : 100%;height : 100%;background : url(/assets/images/main/section1-btn.png)no-repeat center / contain;transition : transform .5s;}
.section1-btn-box > a:hover::after{transform: rotate(90deg)}
.section1-btn-box > a + a{margin-top: 10px;}

/**/

.main-section-visual{display: flex;justify-content: center; overflow: hidden;width : 100%;height : auto;overflow: hidden;position : relative;}
.visual-inner{position : absolute;z-index: 1;width : 100%;max-width: 1600px;top : 0;text-align: center;padding-top: 193px;}
.visual-title{font-family: jost;font-weight: 500;font-size: 43px;letter-spacing: 0.12em;opacity: 0;}
.visual-sub-title{font-family: Noto Serif KR;font-size: 29px;font-weight: 500;margin-bottom: 46px;}
.visual-desc{font-family: Noto Sans KR;font-size: 23px;}
.visual-desc + .visual-desc{margin-top: 30px;}
.visual-desc span{font-family: jost;}

.visual-list{display : flex;flex-direction : column;align-items : center; position : absolute;color : #fff; font-family : jost;z-index : 1;bottom : 100px;left : 50%;transform : translateX(-50%);font-size : 14px;gap : 10px;}
.visual-list > li{display : flex;align-items : center;position : relative;}

.main-inner{display : flex; justify-content : center; align-items : center;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index : 10;}
.main-section-logo{position : absolute;width : 170px;z-index : 10;filter : invert(1);top: 40px;}
.main-section-logo path{filter: drop-shadow(0 3px 6px rgba(255, 255, 255, 0.2));}
/* .visual-list > li:not(:last-child)::after{position : absolute;content : '';width : 2px;height : 2px; border-radius : 50%; background: #fff;right : -22px} */

.section-title{word-break: keep-all;font-size: 33px;color: #000;line-height: 1.3;font-family: jost,'Noto Sans KR';}
.section-desc{word-break: keep-all;width: auto;font-size: 16px;line-height: 1.5em;color: #241917;font-family: jost;margin-top: 40px;max-width : 800px; margin : 40px auto 0;}
.section-desc span{font-family : jost;}
.section-inner{padding : 100px 0;text-align : center;}

.section1-bg{display : flex;justify-content : center; overflow : hidden;position : relative;}
.section1-bg > img{width : 100%;}
.section1-bg-desc{position : absolute;font-family : jost; color : #111; position : absolute;z-index : 1;text-align : center; line-height : 1.5em; font-size : 36px;top : 40%;}

.video-section{display : flex;align-items : center; justify-content : center;position: relative;}
.video-section > video{width : 100%;}
.video-section > .video-desc{font-family : jost; color : #fff; position : absolute;z-index : 1;text-align : center; line-height : 1.5em; font-size : 36px;}

.video-section > .video-info{font-size : 6px; letter-spacing : -0.04em; color : #fff; position : absolute; right : 30px; bottom : 30px;}
.video-section > .video-info::before{content : '※'}

.section5-logo{margin : 40px auto;}

/**/
.main-section-partner{padding : 106px 0 87px;}
.main-section-partner .section-title{font-family : jost; font-weight : 500;letter-spacing : 0;text-align : center;}
.main-section-partner .section-desc{font-family : jost;text-align : center; margin-top: 20px;margin-bottom: 54px;}

.partner-list{display : grid; grid-template-columns : repeat(4, 1fr);gap : 54px 30px;width : 100%;max-width : 1600px; margin : 0 auto;text-align : center;}

.partner-list > li{opacity : 0; transition : opacity .8s;}
.active .partner-list > li{opacity : 1;}
.active .partner-list > li:nth-child(1){transition-delay : .4s}
.active .partner-list > li:nth-child(2){transition-delay : .5s}
.active .partner-list > li:nth-child(3){transition-delay : .6s}
.active .partner-list > li:nth-child(4){transition-delay : .7s}
.active .partner-list > li:nth-child(5){transition-delay : .8s}
.active .partner-list > li:nth-child(6){transition-delay : .9s}
.active .partner-list > li:nth-child(7){transition-delay : 1s}
.active .partner-list > li:nth-child(8){transition-delay :1.1s}

.partner-logo{display : flex; justify-content : center; align-items : center; /* background: #FAFAFA; */height : 173px;margin-bottom: 34px;}
.partner-kor{font-size : 18px;line-height : 1em; margin-bottom: 8px;font-family : jost}
.partner-eng{font-size : 24px; font-family : jost;}


/**/

.main-section-location{background: #000;position : relative;height : 100dvh;}
.main-section-location::after{position :absolute;content: '';/* width : 37.8646vw; */width : 42vw; height : 92.4742vh;background: #fff;left : 0;bottom : 0;z-index: 0;clip-path: inset(0 100% 0 0);transition : clip-path 1s .4s}
.main-section-location.active::after{clip-path: inset(0);transition : clip-path 1s}
.location-inner{display: flex;justify-content: space-between; width : 100%;max-width: 1600px;margin : 0 auto;height : 100%;position : relative;z-index: 1;padding-top: 7.5258vh;}

.location-left{display: flex;flex-direction: column;align-items: start;justify-content: center;}
.location-title{position :relative;font-family: futura-pt;font-weight: 500;font-size: 47px;color : #808080;letter-spacing: 0.12em;margin-bottom: 102px;transform: translateX(-50px);opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}
.active .location-title{opacity: 1;transform: translateX(0);}
.location-title > span{font-family: Antro Vectra; font-size: 40px;font-weight: 700;position :absolute;right : -39px;bottom : -36px;color : #000;transform: translateX(50px);opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}
.active .location-title > span{transform: translateX(0);opacity: 1;transition : opacity 1s .8s, transform 1s .8s;}

.location-sub-title{font-family: Noto Serif KR;font-size: 20px;letter-spacing: -0.03em;font-weight: 500;margin-bottom: 19px;transform: translateX(-50px);opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}
.active .location-sub-title{transform: translateX(0);opacity: 1;}

.location-desc{font-size: 15px;font-family: pretendard;letter-spacing: -0.033em;margin-bottom: 177px;transform: translateX(-50px);opacity: 0;transition : opacity 1s .4s, transform 1s .4s;}
.active .location-desc{transform: translateX(0);opacity: 1;}

.location-address{white-space: nowrap;}

.location-address-box + .location-address-box{margin-top: 27px;}
.location-address-box:nth-child(1){transform: translateY(-50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.location-address-box:nth-child(2){transform: translateY(50px);opacity: 0;transition : transform 1s .4s, opacity 1s .4s}
.active .location-address-box{transform: translateX(0);opacity: 1;transition : opacity 1s .8s, transform 1s .8s;}

.location-address-inner{display: flex;justify-content: space-between;align-items: center; width : 489px;}
.location-address-name{font-family: Noto Serif KR;font-size: 20px;font-weight: 500;color :#262626; margin-bottom: 5px;}
.location-address-left{display: flex;flex-direction : column;gap : 5px;}
.location-address-left > div{display: flex;font-size: 16px;letter-spacing: -0.033em;font-family: pretendard;color : #7B7B7B;font-weight: 400;}
.location-address-left > div > span{display: flex;align-items: center; width : 114px;position : relative;margin-right: 23px;font-size: 15px;font-weight: 600; color : #262626}
.location-address-left > div > span::after{position : absolute;content : '';width : 1px;height : 11px; background: #262626;right : 0;}

.location-address-right{display: flex;gap : 5px;}
.location-address-box:last-child .location-address-right{justify-content: end;margin-top: 10px;}

.location-address-right > a > img{transition : transform .3s, box-shadow .3s;border-radius: 50%;}
.location-address-right > a:hover > img{transform: translateY(-3px);box-shadow: 0 0 5px rgba(0,0,0,0.16);}

.location-right{display: flex;flex-direction: column;justify-content: center; padding-right: 45px;}
.location-map{position : relative;}
.location-map > img{position : relative;z-index: 1;opacity: 0;transition: opacity 1s .4s;}
.active .location-map > img{opacity: 1;transition: opacity 1s 1.2s;}
.location-map>span{background: #fff;position : absolute;transition : clip-path 1s .4s;}
/* .location-map>span:nth-of-type(1){height : 100%;width : 1px;left : 26.3%;top : 0;clip-path: inset(50% 0);} */
/* .location-map>span:nth-of-type(2){height : 100%;width : 1px;right : 28.5%;top : 0;clip-path: inset(50% 0);} */
/* .location-map>span:nth-of-type(3){height : 1px;width : 100%;top : 46.8%;clip-path: inset(0 50%);} */
.location-map>span:nth-of-type(1){height : 1px;width : 100%;top : 0;left : 0;clip-path: inset(0 0 100% 0);}
.location-map>span:nth-of-type(2){height : 100%;width : 1px;top : 0;left : 0;clip-path: inset(0 100% 0 0);}
.location-map>span:nth-of-type(3){height : 1px;width : 100%; bottom : 0;right : 0;clip-path: inset(0 0 0 100%);}
.location-map>span:nth-of-type(4){height : 100%;width : 1px;bottom : 0;right : 0;clip-path: inset(100% 0 0);}
.active .location-map>span{clip-path: inset(0 0);transition : clip-path 1s .8s;}


@media(max-width : 768px){
    .section1-btn-box{right : 20px;bottom : 20px;}
    .section1-btn-box > a{width : 70px;height : 70px;}
    .section1-btn-box > a > p{font-size: 13px;}
    .section1-btn-box > a > p > span{font-size: 11px;}
    .section1-btn-box > a + a{margin-top: 7px;}

    .main-section-visual{flex-direction: column;}
    .visual-inner{position : static;padding : 100px 20px 0;}
    .visual-title{font-size: 24px;}
    .visual-sub-title{font-size: 16px;margin-bottom: 24px;}
    .visual-desc{font-size: 13px;}
    .visual-desc + .visual-desc{margin-top: 16px;}

	.section1-bg-desc{font-size : 14px}
	.section1-bg > img{width : 200%;max-width : none;}

	.visual-list{bottom : 80px;gap : 0;flex-direction : column;align-items : center;}
	.visual-list > li:not(:last-child)::after{display : none;}

	.main-inner{padding-bottom: 200px;}
	.main-section-logo{width: 140px; margin-top: 10px; display: none;}

	
	.section-title{font-size: 22px;}
	.section-desc{font-size: 14px;margin-top: 40px;}
	.section-desc span{font-family : jost;}
	.section-inner{padding : 100px 0;text-align : center;padding : 50px 20px;}

	.video-section{height : 300px;}
	.video-section > video{height: 100%;object-fit: cover;}
	.video-section > .video-desc{font-size : 14px;}

	.video-section > .video-info{font-size : 6px;right : 10px;bottom : 10px;}

	.section5-logo{margin : 50px auto; width : 50%;}

	.main-section-partner{padding : 100px 0;}
	.main-section-partner .section-desc{margin-top: 20px;margin-bottom: 30px;}

	.partner-list{grid-template-columns : repeat(2, 1fr);gap : 20px 10px;padding : 0 10px;}

	.partner-logo{height : 150px;margin-bottom: 20px;}
	.partner-logo > img{max-width : 80%;}
	.partner-kor{font-size : 14px; margin-bottom: 5px;white-space : nowrap;}
	.partner-eng{font-size : 18px;white-space : nowrap;}


    .main-section-location{background: #fff;}
    .main-section-location::after{display: none;}
    .location-inner{flex-direction : column;justify-content: start; position : relative;z-index: 1;padding-top: 0;}

    .location-left{order: 2;padding : 0 20px;justify-content: center;flex : 1;}
    .location-title{font-size: 24px;margin-bottom: 30px;}
    .location-title > span{font-size: 18px;right : -18px;bottom : -16px;}

    .location-sub-title{font-size: 15px;margin-bottom: 12px;}

    .location-desc{font-size: 12px;margin-bottom: 50px;}

    .location-address{width : 100%;}
    .location-address-box + .location-address-box{margin-top: 5px;}

    .location-address-inner{display : flex; flex-direction : column;align-items: start;  width : 100%}
    .location-address-name{font-size: 16px;margin-bottom: 10px;}
    .location-address-left > div{display: flex;font-size: 13px;gap : 3px}
	.location-address-left > div.column{flex-direction: column;}
    .location-address-left > div > span{width : 90px;margin-right: 12px;font-size: 12px;}
    .location-address-left > div >  span::after{width : 1px;height : 8px;}

    .location-address-right{gap : 5px;align-self: end;}
    .location-address-right > a > img{width : 30px;}
    .location-address-right > a:hover > img{transform: translateY(0px);}

    .location-right{order: 1; align-items: center; padding-right: 0;background: #000;padding :20px;}
    .location-map{position : relative;}
    .location-map > img{position : relative;z-index: 1;opacity: 0;transition: opacity 1s .4s;}
    .active .location-map > img{opacity: 1;transition: opacity 1s 1.2s;}
    .location-map>span{background: #fff;position : absolute;transition : clip-path 1s .4s;}
    /* .location-map>span:nth-of-type(1){height : 100%;width : 1px;left : 26.3%;top : 0;clip-path: inset(50% 0);}
    .location-map>span:nth-of-type(2){height : 100%;width : 1px;right : 28.5%;top : 0;clip-path: inset(50% 0);}
    .location-map>span:nth-of-type(3){height : 1px;width : 100%;top : 46.8%;clip-path: inset(0 50%);} */
    .active .location-map>span{clip-path: inset(0 0);transition : clip-path 1s .8s;}
}