@charset "UTF-8";

@import url("https://p.typekit.net/p.css?s=1&k=lgg0yzx&ht=tk&f=46076.46077.46078.46079&a=85180274&app=typekit&e=css");
@font-face {
	font-family:"kudryashev-d-contrast-sans";
	src:url("https://use.typekit.net/af/254a66/00000000000000007735e0d1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/254a66/00000000000000007735e0d1/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/254a66/00000000000000007735e0d1/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}
@font-face {
	font-family:"kudryashev-d-excontrast";
	src:url("https://use.typekit.net/af/20f5ca/00000000000000007735e0ce/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/20f5ca/00000000000000007735e0ce/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/20f5ca/00000000000000007735e0ce/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
	font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

/* @keyframes opacity {
    from {
		opacity:1
    }
    to {
		opacity:0
    }
} */
@keyframes opacity2 {
	from {
		opacity:0
	}
	to {
		opacity:1
	}
}
@keyframes upDiv {
	from {
		transform: translate(-50%,-50%);
		opacity:0
	}
	to {
		transform: translate(-50%,-130%);
		opacity:1
	}
}

@keyframes imgUpDiv {
	from {
		transform: translate(-50%,0%);
		opacity:0
	}
	to {
		transform: translate(-50%,-10%);
		opacity:1
	}
}

@keyframes center {
	from {
		transform: translate(-100%,33%);
		opacity: 0;
	}
	to {
		transform: translate(-50%,33%);
		opacity: 1;
	}
}

@keyframes moveUp {
	from {
		transform: translate(-50%,-50%);

	}
	to {
		transform: translate(-50%,-80%);

	}
}
.main-font-ani{
	animation: opacity 1s ease-out forwards;
	animation-delay: 3s;
}


.main-font-ani>li:nth-child(1) .video-main-title {
	transform-origin: center;
	animation: moveUp 1s ease-out forwards;
	animation-delay: 1.2s;
}

.main-font-ani li:nth-child(2) .video-main-title {
	opacity: 0;
	max-width: 100%;
	animation: center 1s ease-out forwards;
	animation-delay: 2s;
}
.img-aos-area1{ animation: opacity 2s ease-out forwards;animation-delay: 4.5s; }
.img-aos-area2{ opacity: 0; animation: opacity2 1s ease-out forwards;animation-delay: 5s; }
.off-img{position: absolute;width: 600px;height: 202px; left:50%; top:50%; transform: translate(-50%, -50%); opacity: 0; animation: imgUpDiv 1s ease-out forwards; animation-delay: 4s;}
.wd-update{opacity: 0; animation: upDiv 1s ease-out forwards; width: 600px; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); animation-delay: 3.5s;}
.off-img img{position: absolute;}
.wd-update h1{display: block; font-size: 68px; line-height: 65px; font-weight: 400;  font-family:"kudryashev-d-contrast-sans";  color: #fff;  }
.text-pc{display: block;}
.text-mo{display: none;}

main section{margin-top: -1px; position: relative; height: 100vh; overflow: hidden; background-color: #000;}
main section.history{height: 100%;}
.video-main-wrap{position: absolute; top: 0; width: 100%; height: 100vh;}
.video-main-wrap video{width: 100%; height: 100vh; object-fit: cover;}
.video-main-title{position: absolute; z-index: 2; top:50%; left:50%; transform: translate(-50%,-50%);  max-width: 1620px; width: 100%; margin:0 auto;    overflow: hidden;}
.video-main-title.up-title{opacity: 0; position: absolute; z-index: 2; top:50%; left:50%; transform: translate(-50%,-50%);  max-width: 100%; width: 100%; margin:0 auto;    overflow: hidden;}
.video-main-title.dev{position: absolute; z-index: 2; top:50%; transform: translate(-50%,-50%);  max-width: 100%; width: 100%; margin:0 auto;    overflow: hidden;}
.video-main-title h1{  color: #fff;}
/* .video-main-title h1.left>span{padding-top: 16px;} */
.video-main-title h1.left{font-size: min(11vw, 270px);font-family:"kudryashev-d-contrast-sans";  width: 100%;  font-weight: 400; line-height: min(11vw, 262px); width: 100%; padding: 0 30% 0 0; justify-content: center; text-align: left; opacity: 0; display: flex;align-items: start; }
.video-main-title h1.leftUp{font-size: min(11vw, 270px);font-family:"kudryashev-d-contrast-sans";  width: 100%;  font-weight: 400; line-height: min(11vw, 262px); width: 100%;   text-align: center; opacity: 1;  }
.video-main-title h1.center{font-weight: 600; width: 100%; font-size: 80px;  line-height: 95.47px; width: 100%; padding: 0; justify-content: center; text-align: center; opacity: 0; display: flex;align-items: center; }
.video-main-title h1.right{font-size: min(11vw, 270px); font-family:"kudryashev-d-contrast-sans";  width: 100%;  font-weight: 400; line-height: min(11vw, 262px); width: 100%; text-align: right; padding: 0 5%; opacity: 0;}
.mr-10{margin-right: 10px;}
.rotate-infinite {animation: spin 3s linear infinite;}
.rotate-infinite2 {animation: spin 3s linear infinite;}
.scroll-img img{width: 24px; height: 24px;}
@keyframes spin {from { transform: rotate(0deg);}to {transform: rotate(360deg);}}
@keyframes moveLeft {from {transform: translateX(-100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}
@keyframes moveRight {from {transform: translateX(100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}
@keyframes moveLeftUp {from {transform: translateX(-100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}

.video-main-title h1.left.aos-animate {opacity: 1;animation: moveLeft 1s ease-out forwards;}
.video-main-title h1.right.aos-animate {opacity: 1; animation: moveRight 1s ease-out forwards;}
.video-main-title h1.up.aos-animate{opacity: 1;  animation: fadeUp 0.5s forwards;}
.scroll-text.main {position: absolute; z-index: 2;left: 50%;transform: translateX(-50%);bottom: 3%;}
.scroll-text.main div strong span{ font-weight: 500; font-size: 24px; line-height: 34px; letter-spacing: -0.02em; color: #fff;}
.section-item{max-width: 1488px; padding:0 24px; margin: 0 auto; padding-top: 200px; overflow: hidden;}
.pos-a{padding-top: 0;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.section-item .flex-start{display: flex; justify-content: start;}
.section-item .flex-end{display: flex; justify-content: end;}
.section-item .left{display: flex; flex-direction: column; gap:40px; }
.section-item .right{display: flex; flex-direction: column; gap:40px;}
.section-item .left h1{font-size: 120px; line-height: 144px; letter-spacing: 0.06px; font-weight: 700; color: #fff; }
.section-item .right h1{font-size: 50px; font-weight: 700; line-height: 59.67px; letter-spacing: -0.05px; color: #fff;}
.section-item .left p{font-size: 32px; font-weight: 500; line-height: 42px; letter-spacing: -0.02em; color: #fff;}
.section-item .right p{font-size: 32px; font-weight: 500; line-height: 42px; letter-spacing: -0.02em; color: #fff;}
.section-item p span{color:#00AFEC ;}
.triangle-image {width: 50%;height: 100%;position: absolute; top:0; right: 0; overflow: hidden;}
.triangle-image img {width: 100%;height: 100%;object-fit: cover;clip-path: polygon(0% 100%, 50% 0%, 100% 100%);}
.left .triangle-background {position: absolute;  top: 0%;  right: -5%;    width: 50%;height: 100%;clip-path: polygon(-8% 180%, 34% 6%, 122% 112%);background: url('../../../resources/front/images/main/main_type1_img.png') no-repeat center center; background-size: contain;}
.right .triangle-background {position: absolute;  top: 0%;  left: -5%;    width: 50%;height: 100%;clip-path: polygon(0% 75%, 67% 0%, 99% 100%);background: url('../../../resources/front/images/main/main_type2_img.png') no-repeat center center; background-size: cover;}
[data-aos="scale-in"] {transform: scale(0); opacity: 0; transition-property: transform, opacity;}
[data-aos="scale-in"].aos-animate {transform: scale(1);opacity: 1;}
.line-bg{position: absolute; top:0; left: 0; width: 100%; height: 100%;border-top: 1px solid rgba(0, 175, 236, 0.5);border-bottom: 1px solid rgba(0, 175, 236, 0.5);}
/* .line-bg li{width: 100%; height: 1px; background-color:rgba(255, 255, 255, 0.3) ; } */
.font-flow-text span.plus{display: flex;}
.note1{position: relative; top: 18px;  margin:0 10px;display: block; width: 62px; height: 144px; background: url('../../../resources/front/images/main/note1.png') no-repeat center; background-size: 61px 144px; }
.note2{margin:0 10px; display: block; width: 36px; height: 65px; background: url('../../../resources/front/images/main/note2.png') no-repeat center; background-size: 36px 65px; }
.note3{margin:0 10px; display: block; width: 52px; height: 69px; background: url('../../../resources/front/images/main/note3.png') no-repeat center; background-size: 52px 69px; }
.note3{margin:0 10px; display: block; width: 20px; height: 68px; background: url('../../../resources/front/images/main/note4.png') no-repeat center; background-size: 20px 68px; }
.note5{display: block; width: 32px; height: 26.5px; background: url('../../../resources/front/images/main/note5.png') no-repeat center; background-size: 32px 26.5px; }
.note6{display: block; width: 32px; height: 26.6px; background: url('../../../resources/front/images/main/note6.png') no-repeat center; background-size: 32px 26.6px; }
.section-scale{position: relative; height: 100vh; padding:0 24px; margin: 0 auto;}
.section-scale .scale-h1{ position: relative; top:50%; transform: translateY(-50%);  z-index: 2; font-size: 120px; font-weight: 700; line-height: 144px; letter-spacing: -0.06px; color: #fff;}
.section-main-scale.no-scale{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);  width: 1000px;  right:0;}
.scale .img-scale{ width: 100%; height: 540px; height: 100%; }
.scale .img-scale video{height: 100%; object-fit: cover;}
.no-scale .img-scale{ width: 100%; height: 540px;  background: url('../../../resources/front/images/main/main_mid_img.jpg') no-repeat center; background-size: cover;}
.no-scale .img-scale video{width: 100%; height: 100%; object-fit: cover;}
.scale-type{padding-top:40px; font-size: 32px; font-weight: 500; line-height: 42px; letter-spacing: -0.02em; color: #fff;}
.scale-type span{color:#00AFEC ;}
.scale-type.bottom{opacity: 1;}
.scale-type.top{opacity: 0;}
.sec-horizon.sec06{background-color: #fff;}
section.drop{background-color: #fff;}
.sec-horizon {position: relative;overflow: hidden;height: 100vh;}
.horizonBg {position: relative;width: 100%;height: 100%;}
.horizonbgall {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;}
.horizonbgall > div {flex: 1 1 auto; width: 4%;height: 100%; margin-left: -1px; clip-path: inset(0% 0% 0% 0%);}
.horizonbg01{z-index: 1;}
.horizonbg02{z-index: 2;}
.horizonbg03{z-index: 3;}
.horizonbg01 > div {background: #FF5100;clip-path: inset(0% 0% 0% 100%);}
.horizonbg02 > div {background: #2A01CE;clip-path: inset(0% 0% 0% 100%);}
.horizonbg03 > div {background: #fff;clip-path: inset(0% 0% 0% 100%);}
.bigType, .bigType02 {opacity: 0; margin: 0; white-space: nowrap; z-index: 5;}
.slide-ani-title{opacity: 0;max-width: 1920px; margin:0 auto;   position: absolute; z-index: 3; top:100%; left:50%; transform:translate(-50%, -50%)}
.section-main-scale.scale{ opacity: 0; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%);}
.slide-ani-title p{position: relative; font-family:"kudryashev-d-contrast-sans"; font-size: 300px; font-weight: 400; line-height: 176px; color: #000;}
.bigType{left: -100%;}
.bigType02{right: -50%;}
.main-time-title{max-width: 1100px; margin:0 auto; padding-top:200px; position: relative;z-index: 3;}
.main-time-title p{font-family:"kudryashev-d-contrast-sans"; font-size: 200px; line-height: 200px; font-weight: 400; color: #fff;}
.main-time-title p.left{text-align: left;}
.main-time-title p.right{text-align: right;}
.main-history .swiper-slide{width: 532px;}
.main-history{position: relative; overflow: hidden; padding-top: 100px;}
.swiper-slide.case3 .time-area img{width: 100%;}
.history-text{padding-top: 40px; text-align: center;}
.year-mark{font-family:'tj-medium'; font-weight: 500; font-size: 80px; line-height: 104px; color:#00AFEC;  padding-bottom: 12px;}
.info-mark{font-size: 32px; line-height: 42px; font-weight: 500; letter-spacing: -0.02px; color: #fff;}
/* .swiper-slide.case3.swiper-slide-prev .time-area.case3::after{content: ''; display: block; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.swiper-slide.case3.swiper-slide-next .time-area.case3::after{content: ''; display: block; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);} */
.main-history{opacity:0;}
.main-history .time-area.case_out{z-index:10;position:absolute;left:0;right:0;top:38%;}
.main-history .time-area.case_out .hour::after{bottom:3px;}
.drop-ani-title{position: relative; z-index: 3; max-width: 1488px; padding:0 24px; margin:0 auto; }
.drop-ani-title h1{padding-top: 200px; font-size: 120px; font-weight: 700; line-height: 144px; letter-spacing: -0.06px; color: #000;}
.block-area {position: absolute; z-index: 1; top: 0; left:0; width: 100vh; height: 100vh;}
.box {width: 100px;height: 200px;position: absolute;top: 0;left: 0;}
.invisible{height:200vh;background:transparent}
.section04{overflow:hidden;height:100vh;background-color:#000}
.section04 .inner{height:100%;padding-left:12.5%;padding-top:200px}
.section04 .tit-wrap h3{font-size: 120px;font-weight: 700;color:#fff;letter-spacing:-7.2px;}
.section04 .tit-wrap p{margin-top:40px;font-size: 32px;font-weight: 500;color:#fff;letter-spacing: -0.64px;}
.section04 .tit-wrap span{color:#00AFEC}
.section04 .img-wrap{height:100%}
.section04 .img-wrap .boxs{position:absolute;top:100%}
.section04 .img-wrap .box2{top:150%;right:0}
.section04 .img-wrap .txt-area{position:absolute;bottom:0;left:0;right:0;padding:0 60px 80px}
.section04 .img-wrap .txt-area p{font-size: 44px;font-weight: 500;color:#fff;letter-spacing: -1.32px;}
.section04 .img-wrap .txt-area .btn-more{display:inline-block;padding-right:40px;margin-top:40px;font-size: 28px;font-weight: 300;color:#fff;letter-spacing: -0.56px;background:url(../images/main/ico_more_white.svg) no-repeat right center / 32px 32px}
.section05{overflow:hidden;height:100vh;background-color:#EEF6FF}
.section05 .inner{height:100%;padding-left:12.5%;padding-right:12.5%;padding-top:200px;}
.section05 .tit-wrap h3{font-size: 120px;font-weight: 700;letter-spacing:-7.2px}
.section05 .lt-wrap{position:absolute;bottom:0;left:50%;width:208px;height:225px;transform: translateX(-50%);}
.section05 .bann-wrap{position:absolute;bottom:-150%;width:75%}
.section05 .bann-wrap .img img{width:100%}
.section05 .bann-wrap .btn-area a{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;right:80px;width:240px;height:240px;transform: translateY(-50%);}
.section05 .bann-wrap .btn-area span{position:absolute;z-index:-1;width:100%;height:100%;background:url(../images/main/testt_bg4.png) no-repeat 0 0 / cover;animation: rotateText 10s linear infinite;}
@keyframes rotateText {0% {transform: rotate(360deg)}100% {transform: rotate(0deg)}}
.section05 .bann-wrap .btn-area em{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);padding-right:40px;font-size:28px;font-weight:300;color:#fff;background:url(../images/main/ico_more_white.svg) no-repeat right center / 32px 32px}
.testt{overflow:hidden}
.testt .inner{height:100%}
.section05{overflow:hidden;height:100vh;background-color:#EEF6FF;}
.section05 .inner{height:100%;padding-left:12.5%;padding-top:200px;}
.section05 .tit-wrap h3{font-size: 120px;font-weight: 700;letter-spacing:-7.2px}
.section-pos{position: relative; padding: 200px 6.25% 0 6.25%;  height: 720px;}
.section-pos.last{position: relative; padding: 200px 6.25% 200px 6.25%; height: 720px;}
.main-item-aos .end.basic>div{padding-left: 12%;}
.main-item-aos{ max-width: 1920px;margin: 0 auto;height: 100%; position: relative;}
.main-item-aos .end{position: absolute;   width: 100%; right: 0; display: flex; flex-direction: column; }
.main-item-aos .start{position: absolute; left:0;   width: 100%; right: 0; display: flex; flex-direction: column;}
.end-bg{position: absolute; top:0px; right: -15%; animation: rotateText 10s linear infinite;}
.start-bg{position: absolute; bottom:0px; left:-15%; animation: rotateText 10s linear infinite;}
.main-item-aos .end>div{display: flex; align-items: center; justify-content: space-between; text-align: left;}
.main-item-aos .start>div{display: flex; align-items: center; justify-content: space-between; text-align: right;}
.main-item-aos-title{display: block; padding-bottom: 40px; font-size: 80px; font-weight: 600; line-height: 95.47px; letter-spacing: -0.06em; color: #fff;}
.main-item-aos-title h4{font-family:'tj-bold';font-size: 78px; font-weight: 700; line-height: 95.47px; letter-spacing: -0.03em; }
.main-item-aos-title p{padding-top: 40px; font-size: 30px; font-weight: 400; line-height: 42px; letter-spacing: -0.02em; color: #fff;}
.main-item-aos-title p span{color: #00AFEC;}
.scal-video{position: relative;}
.main-item-aos .end.basic{z-index: 2; max-width: 100%; left:50%; transform: translateX(-50%);}
.scal-video-area {width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)  !important;transform-origin: center center;height: 100%;}
.scal-video-area video{width: 100%; height: 100%;  object-fit: cover;}
[data-aos="zoom-in2"] {transform: scale(1);transition-property: transform, width, height;transition-duration: 1000ms;}
[data-aos="zoom-in2"].aos-animate {transform: scale(1.5);width: 100%;height: 100%;}
.scal-content-wrap{position: absolute; width: 100%; height: 100%; top:0;}
.scal-video-content{display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;  text-align: center;}
.scal-video-content h3{font-family:'tj-bold'; display: block; padding-bottom: 40px; font-size: 78px; font-weight: 700; line-height: 95.47px; letter-spacing: -0.06em; color: #fff;}
.scal-video-content p{font-size: 30px; font-weight: 400; line-height: 42px; color: #fff; letter-spacing: -0.02em;}
.scal-video-content p span{color: #00AFEC;}
.flow-wrap {overflow: hidden;position: relative;width: 100%;}
.flow {display: flex;gap: 30px;width: fit-content;height: 180px;}
.font-flow-text {animation: flowAnimation 30s linear infinite; position: relative;  width: fit-content; height: 180px; display: flex;align-items: center;gap: 10px;}
.font-flow-text span {gap:10px; white-space: nowrap;flex: 0 0 auto;font-family:'tj-light';font-size: 80px;font-weight: 300;line-height: 104px;color: #00AFEC;}
/* .font-flow-text span i{animation: stairAnimation 2s ease-in-out infinite;} */
.new-type .time-area{width: 500px; height: 500px; border-radius: 50%;overflow: hidden;}
@keyframes flowAnimation {from {transform: translateX(0);}to {transform: translateX(-100%);}}
@keyframes stairAnimation {0%, 100% {transform: translateY(-15px);}50% {transform: translateY(15px);}}
.new-type .time-area .hour {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 32.26px; height: 32.26px; border-radius: 50%; background-color: #fff; transform-origin: center;}
.new-type .time-area .min {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 32.26px;height: 32.26px;border-radius: 50%;background-color: #fff;transform-origin: center;}
.new-type .time-area.first .hour{animation: rotate 15s linear infinite;}
.new-type .time-area.first .min{animation: rotate 10s linear infinite;}
.new-type .time-area.second .hour{animation: rotate 5s linear infinite;}
.new-type .time-area.second .min{animation: rotate 15s linear infinite;}
.new-type .time-area.three .hour{animation: rotate 20s linear infinite;}
.new-type .time-area.three .min{animation: rotate 5s linear infinite;}
.history.new-type{padding:170px 0 200px 0;}
.history.new-type .main-item-aos-title{padding-bottom: 0;}
main section.font-flow{overflow: unset; height: 100%;}
.new-type .swiper-wrapper{ height: 100%;}
.new-type .main-item-aos-title h4{font-family: 'Pretendard', 'Malgun Gothic', '맑은 고딕', "돋움", sans-serif; position: relative;z-index: 2;display: block; width: 475px; font-size: 100px; font-weight: 500; line-height: 124px; letter-spacing: -0.06em;}
.new-type .main-item-aos-title h4 span{display: block;}
.new-type .main-item-aos-title h4 span.right{text-align: right;}
.new-type .time-area .hour::after {content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);bottom: 3px;width: 10px;height: 157px;border-top-left-radius: 10px;border-top-right-radius: 10px;background-color: rgba(216, 0, 0, 1);}
.new-type .time-area .min::after {content: '';display: block;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 5px;height: 214px;border-top-left-radius: 10px;border-top-right-radius: 10px;background-color: #fff;}
.new-type .info-mark {font-size: 32px;line-height: 42px;font-weight: 500;letter-spacing: -1px;color: #fff;}
.new-type .year-time-box{display: flex; flex-direction: column; align-items: center;}
.white-bg-swiper2-area{background-color: #fff; padding:200px 24px}
.swiper2-title{text-align: center;}
.swiper2-title h4{padding-bottom: 40px; font-size: 100px; font-weight: 500; line-height: 124px; letter-spacing: -0.06em; color: #000;}
.swiper2-title p{font-size: 32px; font-weight: 400; line-height: 46px; color: #000; letter-spacing: 0.02em;}
.swiper2-title p span{color: #00AFEC;}
.story-item-link{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 3;}
.move-more.move::after{animation: slideRight2 1s ease infinite;}
.main-story{max-width: 1616px; margin: 0 auto; overflow: hidden;}
.main-story .swiper-wrapper{ padding-top: 50px; height: 570px; }
main section.white-bg-swiper2-area{height: 100%; overflow: unset;}
.main-story .item{height: 450px;  padding: 0 45px 36px; }
.main-story .swiper-slide img {transition: transform 0.5s ease-out;}
.main-story .swiper-slide:hover img {transform: scale(1.2);}
/* .top-text{transform:translateY(-10%);}
.bottom-text{transform:translateY(10%);} */
.item-text{position: relative; z-index: 2; display: flex;flex-direction: column;justify-content: end;height: 100%;}
.main-story .item img{ width: 100%;height: 100%;object-fit: cover;position: absolute;z-index: 0;top: 0;left: 0;}
.item-text p{font-family:'tj-medium'; margin-bottom: 30px; font-size: 32px; font-weight: 500; line-height: 42px; letter-spacing: -0.02em; color: #fff; word-break: keep-all;}
.item-text a{display: flex; gap:6px; align-items: center; font-size: 21px; line-height: 28.5px; font-weight: 300; letter-spacing: -0.02em; color: #fff; }
.move-more{display: flex;align-items: center;justify-content: center;position: relative; width: 27.6px; height: 14.4px; background: url('../../../resources/front/images/main/small_shape.svg') no-repeat center; background-size: 27.6px 14.4px;}
.move-more::after{content: ''; display: block;  width: 12px; height: 10.8px; background: url('../../../resources/front/images/main/small_more.svg') no-repeat center; background-size: 12px 10.8px;}
.item-text a:hover .move-more::after{animation: slideRight2 1s ease infinite;}
.main-story .swiper-slide {transition: all 0.3s ease-in-out; overflow: hidden; border-radius: 12px; max-height: 450px;}
.main-story .swiper-slide-next {transform: translateY(120px);transition: transform 0.3s ease-in-out;}
.main-story.swiper-button-prev:after{content: '' !important; display: block; width: 24px; height: 21.6px; background: url('../../../resources/front/images/main/black_prev.svg') no-repeat center; background-size: 24px 21.6px;}
.main-story.swiper-button-next:after{content: '' !important; display: block; width: 24px; height: 21.6px; background: url('../../../resources/front/images/main/black_next.svg') no-repeat center; background-size: 24px 21.6px;}
.main-story.swiper-button-next{position: relative !important;width: 51px !important;height: 28,8px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important;  background: url('../../../resources/front/images/main/move_shape.svg') no-repeat center; background-size: 51px 28.8px;}
.main-story.swiper-button-prev{position: relative !important;width: 51px !important;height: 28,8px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important;  background: url('../../../resources/front/images/main/move_shape.svg') no-repeat center; background-size: 51px 28.8px;}
.swiper-box{position: relative; max-width: 1616px; margin:0 5.5%;}
.active-box .swiper-control{display: flex;position: absolute;justify-content: space-between;width: 100%;top: 50%; left:50%; transform: translate(-50%,-50%);}
@keyframes slideRight {0% { transform: translateX(0); }50% { transform: translateX(8px); }100% { transform: translateX(0); }}
@keyframes slideRight2 {0% { transform: translateX(0); }50% { transform: translateX(4px); }100% { transform: translateX(0); }}
@keyframes slideLeft {0% { transform: translateX(0); }50% { transform: translateX(-8px); }100% { transform: translateX(0); }}
.main-story.swiper-button-next:hover::after {animation: slideRight 0.5s ease infinite;}
.main-story.swiper-button-prev:hover::after {animation: slideLeft 0.5s ease infinite;}
main section.technique{height: 100%;  background-color:#D7EDFF ; padding:200px 12%;}
.technique-box{max-width: 1440px; height: 100%; margin:0 auto; display: flex; flex-direction: column; align-items: start; justify-content: center; gap:80px 0;}
.box-title h3{display: block; padding-bottom: 40px; font-size: 100px; font-weight: 500; line-height: 124px; letter-spacing: -0.06em; color: #000;}
.box-title p{font-size: 32px; font-weight: 400; line-height: 46px; letter-spacing: -0.02em; color: #000;}
.item-banner{position: relative; overflow:hidden;border-radius: 16px; position: relative; width: 100%; padding:40px 0 40px 120px; background-color: #000;}
.more-big-link{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
/* .item-banner .one-img{position: absolute; width: 511px; height: 262px; right: 92px; top: 20px; background: url('../../../resources/front/images/main/music_banner_img.png') no-repeat center; background-size: 511px 262px;} */
.item-banner .one-img{position: absolute; width: 511px; height: 262px; right: 92px; top: 20px;}
.item-banner .one-img i{display: inline-block;position: absolute;transform: translateY(-350%);}
.item-banner .one-img .ico1{left: 60px;bottom:-195px;width: 244px;height: 244px;background: url(../images/main/music_banner_img1.svg) no-repeat center / 100%;}
.item-banner .one-img .ico2{left:237px;bottom:-11px;width: 183px;height: 183px;background: url(../images/main/music_banner_img2.svg) no-repeat center / 100%;}
.item-banner .one-img .ico3{right:0;bottom:-65px;width: 118px;height: 118px;background: url(../images/main/music_banner_img3.svg) no-repeat center / 100%;}
.item-banner .one-img .ico4{left:0;bottom:-8px;width: 106px;height: 106px;background: url(../images/main/music_banner_img4.svg) no-repeat center / 100%;}
.item-banner .one-img .ico5{right:20px;bottom:52px;width: 67px;height: 67px;background: url(../images/main/music_banner_img5.svg) no-repeat center / 100%;}
.item-banner .one-img .ico6{left:79px;bottom:48px;width: 160px;height: 160px;background: url(../images/main/music_banner_img6.svg) no-repeat center / 100%;}
.item-banner .one-img .ico7{left:211px;width: 106px;height: 106px;background: url(../images/main/music_banner_img7.svg) no-repeat center / 100%;}
.info-text p{font-family:'tj-bold';padding-bottom: 20px; font-size: 58px; font-weight: 500; line-height: 71.6px; letter-spacing: -0.06em; color: #fff; }
.info-text p span{color: #00AFEC;}
.info-text a{display: flex; gap:8px; align-items: center; font-size: 28px; font-weight: 300; line-height: 38px; letter-spacing: -0.02em; color: #fff;}
.move-more2{display: flex; align-items: center; justify-content: center;  width: 36px; height: 20px; background: url('../../../resources/front/images/main/big_shape.svg') no-repeat center; background-size: 36px 20px;}
.move-more2::after{content: ''; display: block; width: 16px; height: 14.4px; background: url('../../../resources/front/images/main/big_more.svg') no-repeat center; background-size: 16px 14.4px;}
.info-text a:hover .move-more2::after{animation: slideRight 1s ease infinite;}
.move-more2.move::after{animation: slideRight 1s ease infinite;}
main section.main-list{height: 100%; padding:200px 12%}
.main-list-item{max-width: 1440px; margin:0 auto;}
.main-list-item .list-box{padding-bottom: 40px; display: flex; justify-content: space-between; align-items: end;}
.main-list-item .list-box h4{font-size: 100px; font-weight: 500; line-height: 124px; letter-spacing: -0.06em; color: #fff;}
.main-list-item .list-box a{display: flex; align-items: center; gap:8px; font-size: 28px; font-weight: 300; line-height: 38px; letter-spacing: -0.02em; color: #fff;}
.main-list-item .list-box a:hover .move-more2::after{animation: slideRight 1s ease infinite;}
.list-info{display: flex; flex-direction: column; gap:50px 0;}
.list-info li{display: flex; align-items: center; justify-content: space-between;}
.list-info li a{display: block; width: calc(100% - 140px); font-size: 36px; font-weight: 400; line-height: 46px; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.8) }
.list-info li p{font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: -0.02em; color: #666;}
.main-list-item .list-box a:hover::after{animation: slideRight 1s ease infinite;}
main section.main-bottom{position: relative; height: 100%; padding: 200px  12%; background-color: #fff;}
.main-bottom-content{position: relative;   display: flex; align-items: center; justify-content: center;}
.main-bottom-content .bottom-content{position: relative; z-index: 2; max-width: 810px; display: flex; align-items: center; flex-direction: column;}
.main-bottom-content .bottom-content h4{ padding-bottom: 40px; display: block; font-size: 100px; font-weight: 500; line-height: 124px; letter-spacing: -0.04em; color: #fff;}
.main-bottom-content .bottom-content h4 span{display: block;}
.main-bottom-content .bottom-content h4 span.left{text-align: left;     padding-right: 100px;}
.main-bottom-content .bottom-content h4 span.right{text-align: right;}
.main-bottom-content .bottom-content p{text-align: center; padding-bottom: 121px; font-size: 32px; font-weight: 400; line-height: 46px; letter-spacing: -0.02em; color: #fff;}
.main-bottom-content .bottom-content a{ transition: all 0.5s ease; background-color: rgba(225,225,225,0);  display: block; padding:23px 115.5px; font-size: 24px; line-height: 34px; font-weight: 700; letter-spacing: -0.02em; color: #fff; border:solid 1px rgba(255, 255, 255, 1)}
.main-bottom-content .bottom-content a:hover{background-color: rgba(225,225,225,0.15)}
.shape-ani{ position: absolute; z-index: 1; top:45%; left: 50%; transform: translate(-50% ,-50%) !important; width: 488px; height: 488px; border-top-left-radius: 500px; border-bottom-right-radius: 500px; border-bottom-left-radius: 500px; background-color:rgba(0, 175, 236, 1) ;}
.ani-logo::before{content: ''; display: block; position: relative; width: 520px; height: 217px; z-index: 2; background: url('../../../resources/front/images/main/main_bottom_logo.png')no-repeat center; background-size: 520px 217px;}
.ani-logo img{position: relative;}
[data-aos="scale-up"] {transform: scale(1); transform: translateY(-50%);}
[data-aos="scale-up"].aos-animate {transform: scale(5); top:50%; width: 100%; height: 100%; border-radius: 0;}
[data-aos="scale-up2"].aos-animate { width: 100%; height: 100%;  border-radius: 0;}
.top-banner.swiper-container{overflow: hidden;}
.main-bottom-content .bottom-content a[data-aos="color-change"] {border:solid 1px #fff;transition-property: border;}
.ani-font{position: absolute; z-index: 1; top:0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 5s ease;}
.ani-font li{position: absolute; font-family:'tj-bold'; font-size: 320px; font-weight: 700; line-height: 260px; color: rgb(255, 255, 255);opacity: 0.1; }
[data-aos="scale-up"].aos-animate .ani-font {opacity: 1;}
.ani-font li:nth-child(1){top: -1%; left: 10%;}
.ani-font li:nth-child(2){top: 5%; left: 55%;}
.ani-font li:nth-child(3){top: 2%; right: -5%;}
.ani-font li:nth-child(4){top:50%; transform: translateY(-50%); left: -5%;}
.ani-font li:nth-child(5){bottom:2%; left: 15%;}
.ani-font li:nth-child(6){bottom:-5%; right: 5%;}
.top-banner-area{max-width: 438px; width: 100%; position: absolute; z-index: 2; bottom:10%; left:50%; transform: translateX(-50%); display: flex; align-items: center; gap:0 24px;justify-content: space-between;}
.top-banner-button{display: flex; gap:0 8px; align-items: center;}
.top-banner-button .swiper-button-prev:after{content: '' !important; display: block; width: 12px; height: 10px; background: url('../../../resources/front/images/main/move_prev.svg') no-repeat center; background-size: 12px 10px;}
.top-banner-button .swiper-button-next:after{content: '' !important; display: block; width: 12px; height: 10px; background: url('../../../resources/front/images/main/move_next.svg') no-repeat center; background-size: 12px 10px;}
.top-banner-button .swiper-button-next{opacity: 1;cursor: pointer;pointer-events: auto;position: relative !important;width: 47px !important;height: 47px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: transparent; border:solid 1px #fff; border-radius: 50%;}
.top-banner-button .swiper-button-prev{opacity: 1;cursor: pointer;pointer-events: auto;position: relative !important;width: 47px !important;height: 47px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: transparent; border:solid 1px #fff; border-radius: 50%;}
.top-banner-button .swiper-button-next:hover::after {animation: slideRight 1s ease infinite;}
.top-banner-button .swiper-button-prev:hover::after {animation: slideLeft 1s ease infinite;}
main section.main-first{overflow: unset;}
.top-banner .swiper-slide{height: 100vh;}
.top-banner .swiper-pagination {width: 100% !important;height: 2px !important;background: rgba(255, 255, 255, 0.3) !important;position: relative;}
.top-banner .swiper-pagination-progressbar-fill {background-color: rgba(255, 255, 255, 1) !important;}
.top-banner .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.top-banner .swiper-slide img.rotate-infinite{width: min(9vw, 217px); height: min(9vw, 214px); object-fit: cover;}
.top-banner .swiper-slide img.rotate-infinite2{position: relative; top:-8px; left:4px; width: 54px; height: 54px; object-fit: cover;}
.main-story.swiper-container{position: relative; left: 50%; transform: translateX(-50%);}
.active-box{position:relative; max-width: 1616px; margin: 0 auto; }
.main-item-aos-img.video{border-radius: 100px; overflow: hidden; max-width: 720px; width: 100%; height: 720px;}
.main-item-aos-img.video video{width: 100%; height: 100%; object-fit: cover;}
.action-video{width: 280px; height: 360px; margin: 0 auto;}
.main-item-aos-title.type1{padding-left: 6.25%;}
.main-item-aos-title.type2{padding-right: 6.25%;}
.wd-update{width: 575px;}

.top-banner .swiper-slide .off-img{display: flex; justify-content: center; align-items: center;}
.top-banner .swiper-slide .off-img img{width: 80%; height: auto;}
/* scal 125% */
@keyframes stairAnimation2 {0%, 100% {transform: translateY(-5px);}50% {transform: translateY(5px);}}
.scale .top-banner .swiper-slide img.rotate-infinite2{width: 40px;height: 40px;}
.scale .wd-update{width: 418px;}
.scale .wd-update h1{font-size: 49px; line-height: 48px;}
.scale .swiper-box{margin: 0 10.5%}
.scale .off-img{display: flex; justify-content: center;}
.scale .top-banner .swiper-slide .off-img img{width: 65%; height: auto;}
.scale .main-item-aos .start>div{padding-right: 6.25%;}
.scale main section.technique{ padding: 200px 6.25%;}
.scale main section.main-list{padding: 200px 12% 200px 12%;}
.scale main section.main-bottom{padding: 200px 12%;}
.scale  .main-item-aos-title.type1{padding-left: 0;}
.scale  .main-item-aos-title.type2{padding-right: 0;}
.scale .video-main-title h1.left{padding: 0 20% 0 0;font-size: min(10vw, 270px); line-height: min(10vw, 262px);}
.scale .top-banner .swiper-slide img.rotate-infinite{width: min(8vw, 217px);height: min(8vw, 214px);}
.scale .video-main-title h1.right{padding: 0 10% 0 0; font-size: min(10vw, 270px);line-height: min(10vw, 262px);}
.scale .top-banner-button .swiper-button-prev {position: relative !important;width: 40px !important;height: 40px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: transparent; border:solid 1px #fff; border-radius: 50%;}
.scale .top-banner-button .swiper-button-next {position: relative !important;width: 40px !important;height: 40px !important;top: unset !important;left: unset !important;right: unset !important;margin: 0 !important; background-color: transparent; border:solid 1px #fff; border-radius: 50%;}
.scale .scroll-text.main div strong span{font-size: 20px;}
.scale .main-item-aos-img.video{border-radius: 100px; overflow: hidden; max-width: 620px; width: 100%; height: 620px;}
.scale .main-item-aos .end.basic{max-width: 100%; width: 100%; padding: 0 6.25%}
.scale .main-item-aos-title h4{font-size: 80px; font-weight: 500; line-height: 96px; letter-spacing: 0; }
.scale .main-item-aos-title p{padding-top: 40px; font-size: 30px; font-weight: 400; line-height: 1.4; letter-spacing: -0.02em; color: #fff;}
.scale .section-pos{height: 620px;}
.scale .start .main-item-aos-img{max-width:620px;max-height: 620px;}
.scale .end-bg{width: 35%; right: -18%;}
.scale .start-bg{width: 35%; left: -18%;}
.scale .scal-video-content h3{letter-spacing: 0; font-size: 80px; line-height: 96px; font-weight: 500; }
.scale .scal-video-content p{font-size: 30px; line-height: 40px;}
.scale .flow{height: 100px;}
.scale .font-flow-text{height: 100px;}
.scale .font-flow-text span{font-size: 80px;}
.scale .note1{margin:0 5px;display: block; width: 20px; height: 53px; background: url('../../../resources/front/images/main/mo_note1.png') no-repeat center; background-size: 20px 53px; }
.scale .note2{margin:0 5px; display: block; width: 17px; height: 32px; background: url('../../../resources/front/images/main/mo_note2.png') no-repeat center; background-size: 17px 32px; }
.scale .note3{margin:0 5px; display: block; width: 25px; height: 33px; background: url('../../../resources/front/images/main/mo_note3.png') no-repeat center; background-size: 25px 33px; }
.scale .note3{margin:0 5px; display: block; width: 9px; height: 32px; background: url('../../../resources/front/images/main/mo_note4.png') no-repeat center; background-size: 9px 32px; }
.scale .new-type .main-item-aos-title h4{width: 340px;}
.scale .main-history .swiper-slide{width: 450px;}
.scale .new-type .time-area{width: 450px; height: 450px;}
.scale .year-mark{font-size: 70px; line-height: 100px;}
.scale .new-type .info-mark{font-size: 26px; line-height: 33px;}
.scale .swiper2-title h4{font-size: 80px; line-height: 100px;}
.scale .swiper2-title p{font-size: 28px; line-height: 33px}
.scale .item-text p{font-size: 28px; line-height: 35px;}
.scale .item-text a{font-size:18px; line-height: 25px;}
.scale .box-title h3{font-size: 80px; line-height: 100px;}
.scale .box-title p{font-size: 28px; line-height: 33px;}
.scale .info-text p{font-size: 50px; line-height: 60px;}
/* .scale .item-banner .one-img{position: absolute; width: 480px; height: 230px; right: 92px; top: 20px; background: url('../../../resources/front/images/main/music_banner_img.png') no-repeat center; background-size: 480px 230px;} */
.scale .item-banner .one-img{position: absolute; width: 480px; height: 230px; right: 92px; top: 20px;}
.scale .item-banner .one-img .ico1{left:70px;bottom: -171px;width: 214px;height: 214px;}
.scale .item-banner .one-img .ico2{left:233px;bottom:-14px;width: 163px;height: 163px;}
.scale .item-banner .one-img .ico3{bottom: -48px;width: 98px;height: 98px;}
.scale .item-banner .one-img .ico4{left: 13px;width: 96px;height: 96px;}
.scale .item-banner .one-img .ico5{right:27px;width: 57px;height: 57px;}
.scale .item-banner .one-img .ico6{left:85px;bottom: 44px;width: 150px;height: 150px;}
.scale .item-banner .one-img .ico7{left:214px;top:-6px;width: 96px;height: 96px;}
.scale .info-text a{font-size: 25px; line-height: 30px;}
.scale .main-list-item .list-box h4{font-size: 80px; line-height: 100px;}
.scale .main-list-item .list-box a{font-size: 25px; line-height: 30px;}
.scale .list-info li a{font-size: 25px; line-height: 30px;}
.scale .list-info li p{font-size: 20px; line-height: 28px;}
.scale .main-bottom-content .bottom-content h4{font-size: 80px; line-height: 100px;}
.scale .main-bottom-content .bottom-content p{font-size: 28px; line-height: 35px;}
.scale .main-bottom-content .bottom-content a{font-size: 20px; line-height: 28px;}
.scale .ani-logo::before{content: ''; display: block; position: relative; width: 480px; height: 200px; z-index: 2; background: url('../../../resources/front/images/main/main_bottom_logo.png')no-repeat center; background-size: 480px 200px;}
.scale .main-item-aos-title.type1{padding-left: 0;}
.scale .main-item-aos-title.type2{padding-right: 0;}
.scale .main-item-aos .end>div{padding-left: 6.25%;}
.scale .technique-box{padding-left: 6.25%;}
.scale .section-pos.last{padding: 240px 6.25% 200px 6.25%;}
.scale .swiper-box{margin:0 10.5%}
.scale .main-item-aos .end.basic{max-width: 100%;}

/* 팝업 */
.popup-part{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 99;}
.popup-part .pc-popup-part{position: relative; width: 100%; height: 100vh;}
.popup-part .pc-popup-part ul{ width: 100%; height: 100%;}
.popup-part .pc-popup-part ul li{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.pc-popup-part .dim-part{display: block; position: fixed;top: 0;left: 0;width: 100%;height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.7);}
.mo-pupop-part .dim-part{ display: none; position: fixed;top: 0;left: 0;width: 100%;height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.7);}
.main-pop .pop-wrap.pc{display: block;}
.main-pop .pop-wrap.mo{display: none;}
.main-pop .pop-wrap{z-index:1001;position:absolute;left:50%;flex-direction:column;width:480px;height:480px;background:rgba(248, 248, 248, 1);}
.main-pop .pop-wrap.center{-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.main-pop.top-left .pop-wrap{left:0;top:0;}
.main-pop.top-center .pop-wrap{top:0;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.main-pop.top-right .pop-wrap{left:unset;top:0;right:0;}
.main-pop.bottom-left .pop-wrap{left:0;top:unset;bottom:0;}
.main-pop.bottom-center .pop-wrap{top:unset;bottom:0;-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.main-pop.bottom-right .pop-wrap{left:unset;top:unset;bottom:0;right:0;}
.main-pop .top{position: sticky; top:0; height:60px;  z-index: 99;}
.main-pop .con{position: absolute; top:0; left:0; width: 100%; height: 100%;}
.main-pop .top .btn_close{position:absolute;;right:16px;top:16px;width:32px;height:32px;background:url(../images/main/ico_close_black.svg) no-repeat 50% 50% / 100%;}
.main-pop .pop-con{position: relative; height: calc(100% - 64px); overflow: hidden;}
.main-pop .scroll .pop-con{position: relative; overflow-y:auto;height: calc(100% - 64px);}
.main-pop .bottom{display: flex; position: absolute; bottom:0; width: 100%;}
.main-pop .bottom .form_wrap{flex:1.5;width:100%;background:#fff;line-height:64px;text-align:center;}
.main-pop .bottom .form_wrap input[type="checkbox"]+label{position:relative;font-size:18px;line-height:28px;}
.main-pop .bottom .form_wrap input[type="checkbox"]+label::before{top:50%;margin-top:-12px;}
.main-pop .bottom button{flex:1;width:100%;background:#000;font-size:20px;font-weight:700;color:#fff;line-height:64px;}
.main-pop .dim{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;}
.swiper-slide.none-box::after{content: ''; display: block; position: absolute; left: 0; top:0; width: 100%; height: 100%; background-color: #000;}
@media all and (max-width:1630px) {
	.main-bottom-content .bottom-content h4{font-size: 74px; line-height: 85px;}
	.main-item-aos-img.video{width: 450px; height: 450px;}
	.section-pos{height: 450px;}
	.section-pos.last{height: 450px;}
	.main-item-aos-img{width: auto; height: 450px;}
	.main-item-aos-img img{height: 100%;}
}



@media all and (max-width:1290px) {
	.swiper2-title{text-align: center; padding-right: 24px;}
	.main-item-aos-img img{height: auto;}
	.wd-update {max-width: 418px; width: 100%; padding: 0 24px;}
	.off-img{padding:0 24px; width: 100%; height: 138px;}
	.wd-update h1{font-size: min(9vw ,49px); line-height: min(9vw ,49px);}
	.top-banner .swiper-slide img.rotate-infinite2 {position: relative;top: -8px;left: 4px;width: min(9vw ,40px);height: min(9vw ,40px);object-fit: cover;}
	.text-pc{display: none;}
	.text-mo{display: block;}
	.top-banner .swiper-slide .off-img img{width: 320px; min-width: 320px;}
	.main-item-aos-img.video video{position: absolute;top: 0;left: 0;right: 0;bottom: 0;max-height: 100%;max-width: 100%;min-height: 100%;min-width: 100%;width: 0;height: 0;margin: auto;object-fit: cover;}
	.main-item-aos-img.video{ border-radius: 44px;  max-width: 840px;width: 100%;position: relative;height: auto; padding-top: calc(289 / 300* 100%);}
	.video-main-title{padding:0 24px}
	.video-main-title{max-width: 100%;}
	.video-main-title h1{font-size: 100px; font-weight: 400; line-height: 97px;}
	.top-banner .swiper-slide img.rotate-infinite{width: 85.19px; height: 84px;}
	.video-main-title h1.left{font-size: 100px; line-height: 98px;  justify-content: center;}
	.video-main-title h1.leftUp{font-size: 100px; line-height: 98px;  justify-content: center;}
	.video-main-title h1.right{font-size: 100px; line-height: 98px; padding: 0px 0 0 30%;display: flex;justify-content: center;}
	.top-banner-area{max-width: calc(100% - 48px);}
	.top-banner-button .swiper-button-prev {position: relative !important;width: 32px !important;height: 32px !important; border:0;}
	.top-banner-button .swiper-button-next {position: relative !important;width: 32px !important;height: 32px !important;  border:0;}
	.top-banner-button .swiper-button-next:after {width: 32px;height: 32px;background: url(../../../resources/front/images/main/top_banner_next.svg) no-repeat center;background-size: 32px 32px;}
	.top-banner-button .swiper-button-prev:after {width: 32px;height: 32px;background: url(../../../resources/front/images/main/top_banner_prev.svg) no-repeat center;background-size: 32px 32px;}
	.scroll-text.main div strong span{font-size: 14px;}
	.scroll-img img{width: 20px; height: 20px;}
	.scroll-text.main {position: absolute; z-index: 2;left: 50%;transform: translateX(-50%);bottom: 24px;}
	.end-bg{display: none;}
	.start-bg{display: none;}
	.main-item-aos .end{position: relative; padding: 0 24px 0 24px;}
	.section-pos{height: auto;}
	.main-item-aos .end>div{display: flex; flex-direction: column; width: calc(100% - 16px); align-items: start;justify-content: start;}
	.main-item-aos-img{order: 1; width: auto; height: auto;}
	.main-item-aos-title{order: 2; padding-top: 40px; padding-bottom: 0;}
	.main-item-aos-title h4{ font-size: 32px; line-height: 42px; font-weight: 700; }
	.main-item-aos-title p{padding-top: 24px; font-weight: 400; font-size: 20px; line-height: 30px; letter-spacing: -0.02em;white-space: nowrap;}
	.section-pos{padding:100px 0 0 0;}
	.section-pos.last{padding:100px 0 100px 0; height: auto;}
	.main-item-aos .start{position: relative; padding: 0 24px 0 24px;}
	.main-item-aos .start>div{display: flex; flex-direction: column; width: calc(100% - 16px); align-items: end;justify-content: end; margin: 0 0 0 auto;}

	.scal-video-content h3{font-size: 32px; line-height: 42px; padding-bottom: 24px;}
	.scal-video-content p{font-size: 22px; line-height: 32px;}
	.scal-video-content{padding: 0 34.5px 0 33.5px}
	.font-flow-text span{font-size: 38px; font-weight: 300;line-height: 48px;}
	.flow{gap: 14px;height: 85px;}
	.font-flow-text span.plus{gap: 6px}
	.font-flow-text{height: 85px; }
	/* .bottom-text{transform: translateY(5%);}
	.top-text{transform: translateY(-5%);} */
	@keyframes stairAnimation {0%, 100% {transform: translateY(-5px);}50% {transform: translateY(5px);}}
	.note1{margin:0 0 0 10px; top:4px; display: block; width: 29px; height: 68px; background: url('../../../resources/front/images/main/mo_note1.png') no-repeat center; background-size: 29px 68px; }
	.note2{margin:0 0 0 10px; display: block; width: 17px; height: 32px; background: url('../../../resources/front/images/main/mo_note2.png') no-repeat center; background-size: 17px 32px; }
	.note3{margin:0 0 0 10px; display: block; width: 25px; height: 33px; background: url('../../../resources/front/images/main/mo_note3.png') no-repeat center; background-size: 25px 33px; }
	.note3{margin:0 0 0 10px; display: block; width: 9px; height: 32px; background: url('../../../resources/front/images/main/mo_note4.png') no-repeat center; background-size: 9px 32px; }
	.note5{display: block; width: 15.11px; height: 12.51px; background: url('../../../resources/front/images/main/mo_note5.png') no-repeat center; background-size: 15.11px 12.51px; }
	.note6{display: block; width: 15.11px; height: 12.56px; background: url('../../../resources/front/images/main/mo_note6.png') no-repeat center; background-size: 15.11px 12.56px; }
	.history.new-type{padding: 74px 0 100px 0;}
	.new-type .main-item-aos-title h4{width: 200px; font-weight: 700; font-size: 44px; line-height: 52.51px; letter-spacing: -0.03em;}
	.main-item-aos-title{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.new-type .time-area{width: 296.76px; height: 296.76px;}
	.new-type .time-area .hour{width: 21.2px; height: 21.2px;}
	.new-type .time-area .min{width: 21.2px; height: 21.2px;}
	.new-type .time-area .min::after{width: 3.18px; height: 127.18px;}
	.new-type .time-area .hour::after{width: 6.36px; height: 93.27px;}
	.main-history .swiper-slide{width: 300px;}
	.new-type .time-area{padding:0;}
	.history-text{padding-top: 23.74px;}
	.year-mark{font-size: 44px; font-weight: 500; line-height: 66.88px; padding-bottom: 0;}
	.new-type .info-mark{font-size: 17px; font-weight: 500; line-height: 28px; }
	.main-history{padding-top: 24px;}
	.white-bg-swiper2-area{padding: 100px 0 70px 24px;}
	.swiper2-title h4{padding-bottom: 24px; font-weight: 500; font-size: 44px; line-height: 52.51px;}
	.swiper2-title p{font-weight: 400; font-size: 22px; line-height: 32px; letter-spacing: -0.03em;}
	.main-story .swiper-wrapper{padding-top: 60px;}
	.main-story .swiper-slide{max-width: 300px;}
	.main-story .swiper-slide-next{transform: translateY(0);}
	.active-box .swiper-control{display: none;}
	.swiper-box{margin:0;}
	.main-story .swiper-wrapper{height: 300px; gap: 6px;}
	.main-story .item{height: 300px; padding: 0 30px 20px}

	.item-text p{ margin-bottom: 20px; font-weight: 500; font-size: 22px; line-height: 32px; letter-spacing: -0.03em;}
	.item-text a{font-weight: 300; font-size: 18px; line-height: 26px; gap: 8px;}
	.item-text a::after {content: ''; display: block; width: 20px;height: 20px;background: url(../../../resources/front/images/main/story_more.svg) no-repeat center;background-size: 20px 20px;}
	.move-more{display: none;}
	main section.technique{padding:100px 24px 70px 24px}
	.box-title{width: 100%; text-align: center;}
	.technique-box{gap:60px}
	.box-title h3{padding-bottom: 24px; font-size: 44px; font-weight: 500; line-height: 52.51px; letter-spacing: -0.03em; }
	.box-title p{font-size: 22px; font-weight: 400; line-height: 32px; word-break: keep-all;}
	.item-banner .one-img{width: 291px; height: 151px; position: relative; top:unset; bottom:0; right: unset; left:50%; transform: translateX(-50%); background: url('../../../resources/front/images/main/mo_music_banner_img.png') no-repeat center; background-size:291px 151px ; }
	.item-banner .one-img i{display: none}
	.item-banner{padding: 44px 0 0 30px;}
	.info-text p{font-weight: 500; font-size: 38px; line-height: 52px; letter-spacing: -0.02em;}
	.info-text a{font-weight: 300; font-size: 18px; line-height: 26px;}
	.move-more2{display: none;}
	.info-text a::after {content: ''; display: block; width: 20px;height: 20px;background: url(../../../resources/front/images/main/banner_more.svg) no-repeat center;background-size: 20px 20px;}
	main section.main-list {padding: 100px 24px 70px 24px;}
	.main-list-item .list-box{align-items: center;}
	.main-list-item .list-box h4{font-weight: 700; font-size: 40px; line-height: 56px;}
	.main-list-item .list-box a{font-weight: 300; font-size: 14px; line-height: 26px;}
	.main-list-item .list-box a::after {content: ''; display: block; width: 20px;height: 20px;background: url(../../../resources/front/images/main/banner_more.svg) no-repeat center;background-size: 20px 20px;}
	.list-info li{display: block;}
	.list-info li a{display: block;  font-weight: 700; font-size: 16px; line-height: 22px; letter-spacing: -0.02em; color: #fff;}
	.list-info li p{margin-top: 12px; font-weight: 500; font-size: 14px; line-height: 22px;}
	.list-info li a.ellipsis1{width: 100%;white-space: unset; max-height: 46px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	main section.main-bottom {padding: 70px 24px; height: 100vh;}
	.main-item-aos-title.type1{justify-content: start;align-items: start;}
	.top-inner .item-link>li .bar{background-color: rgba(68, 68, 68, 1);}
	.main-item-aos-title.type1{padding-left: 0;}
	.main-item-aos-title.type2{padding-right: 0;}
	.main-item-aos-title.type2{justify-content: end;align-items: end;}
	.main-bottom-content{flex-direction: column; gap:100px 0; height: 100%;}
	.ani-font li{display: none;}
	.ani-font li.mo{display: block;}
	.main-bottom-content .bottom-content h4 span.left{padding-right: 45px;}
	.ani-font li:nth-child(1){left: unset; right: -21px;}
	.ani-font li:nth-child(4){left: -128px;}
	.ani-font li:nth-child(5){left: unset; right: -107px;}
	.main-bottom-content .bottom-content h4{padding-bottom: 16px; font-weight: 500; font-size: 40px; line-height: 48px;}
	.main-bottom-content .bottom-content p{width: 100%; padding-bottom:40px ; font-size: 16px; font-weight: 400; line-height: 19.09px;}
	.main-bottom-content .bottom-content{ max-width: 342px;}
	.main-bottom-content .bottom-content{align-items: end;}
	.main-bottom-content .bottom-content a{width: 100%; padding: 17px 0; text-align: center; font-weight: 700; font-size: 20px; line-height: 30px;}
	.ani-logo::before {width: 279px;height: 116px;z-index: 2;background: url(../../../resources/front/images/main/mo_main_bottom_logo.png) no-repeat center;background-size: 279px 116px;position: absolute;top: 50%;transform: translateY(-50%);}
	.shape-ani{width: 250px; height: 250px; top:50% }
	.ani-logo{width: 330px;position: relative;margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
	.list-info{gap: 24px 0;}
	/* .video-main-title h1.left>span{padding-top: 10px;} */
	.video-main-title h1.center{font-size: 44px; line-height: 52px; padding:0;}

	/* 팝업 */
	.pc-popup-part{display: none; }
	.pc-popup-part .dim-part{display: none; position: absolute;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.7);}
	.mo-pupop-part{ display: block;}
	.mo-pupop-part .dim-part{ display: block; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);}
	.popup-part .mo-pupop-part{width: 100%; height: 100vh;}
	.popup-part .mo-pupop-part ul{width: 100%; height: 100%; position: relative;}
	.popup-part .mo-pupop-part ul li{ position: absolute; top:0; left:0;width: 100%; height: 100%;}
	.main-pop .mo .bottom{position: relative;}
	.main-pop .pop-wrap.pc{display: none;}
	.main-pop .pop-wrap.mo{display: block; padding:0 10px; width: auto; background: transparent; top: 24px;}
	.mobile-wrap{ width: 340px; min-height: 450px;background: rgba(248, 248, 248, 1);}
	.main-pop.center .pop-wrap,
	.main-pop.top-left .pop-wrap,
	.main-pop.top-center .pop-wrap,
	.main-pop.top-right .pop-wrap,
	.main-pop.bottom-left .pop-wrap,
	.main-pop.bottom-center .pop-wrap,
	.main-pop.bottom-right .pop-wrap{width:calc(100% - 48px);left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
	.main-pop .pop-con{height:480px; overflow: auto;}
	.main-pop .bottom .form_wrap{line-height:56px;}
	.main-pop .bottom .form_wrap input[type="checkbox"]+label{font-size:16px;}
	.main-pop .bottom button{line-height:56px;}
}
@media all and (max-width:910px) {
	.video-main-title h1.left{font-size: min(10vw, 100px); line-height: min(11vw, 92px);}
	.video-main-title h1.leftUp{font-size: min(10vw, 100px); line-height: min(11vw, 92px);}
	.video-main-title h1.right{font-size: min(10vw, 100px); line-height: min(11vw, 92px);}
	.top-banner .swiper-slide img.rotate-infinite{width: min(8vw, 85.19px); height: min(8vw, 84px);}
}
@media all and (max-width:550px) {
	.top-banner .swiper-slide .off-img{justify-content: start; max-width: 418px;}
}
@media all and (max-width:389px) {
	.scal-video-content{padding:0 24px}
	.main-bottom-content .bottom-content h4 span.left {
		padding-right: 30px;
	}
	.footer-link li ul{justify-content: center;}
}