@font-face {
	font-family: 'dimibang_new';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.1/dimibang_new.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.wrap2{overflow:hidden; font-family:'Pretendard', sans-serif; letter-spacing:-0.02em;}
.wrap2 img{display:block; max-width:none;}
.wrap2 ul{margin:0; padding:0; list-style:none;}

.sec2{
	--vh:100vh;
	--F:min(1920px, calc(100vw + 360px));
	--FH:calc(var(--F) * 0.5625);
	--H:max(var(--vh), calc(var(--F) * 0.47));
	--FL:calc((100% - var(--F)) / 2);
	--FT:calc((var(--H) - var(--FH)) / 2);
	position:relative; width:100%; height:100vh; height:var(--H); overflow:hidden;
	background-repeat:no-repeat; background-position:center;

	background-size:max(var(--F), 100%, calc(var(--H) * 1.7778)) auto;
}
@supports (height:100svh){ .sec2{--vh:100svh;} }

.s1{background-image:url(/images/new/slide1_bg.png);}

.s1{height:auto; aspect-ratio:1920 / 1080; background-size:100% auto;}
.s1_text{position:absolute; left:13.6%; top:60.7%; width:40.99%;}
.s1_scroll{position:absolute; left:calc(var(--FL) + var(--F) * 0.143); top:calc(var(--FT) + var(--FH) * 0.902); display:inline-flex; align-items:center; gap:.3em; padding:0 1.4em; height:2.6em; border:1px solid rgba(255,255,255,.35); border-radius:2em; background:rgba(0,0,0,.45); color:#fff; font-size:max(11px, calc(var(--F) * 0.0068)); text-decoration:none;}

.top_bt{position:fixed; right:1.2vw; bottom:0.7vw; z-index:100; width:clamp(48px, 5.21vw, 100px);}
.top_bt img{width:100%;}

.s2{background:#fff; --H:max(var(--vh), var(--FH));}
.s2_in{position:absolute; left:calc(var(--FL) + var(--F) * 0.1411); top:calc(var(--FT) + var(--FH) * 0.0917); width:calc(var(--F) * 0.7224);}
.s2_text{width:calc(var(--F) * 0.3823); margin-bottom:calc(var(--F) * 0.0224);}
.s2_card{display:grid; grid-template-columns:1fr 1fr; column-gap:calc(var(--F) * 0.0172); row-gap:calc(var(--F) * 0.0135);}
.s2_card img{width:100%; height:auto;}

.s3{height:auto;}
.s3 .row{display:flex; width:100%; height:var(--H);}
.s3 .half{position:relative; width:50%; height:100%; overflow:hidden; box-sizing:border-box;}

.s3 .pic_st{position:absolute; left:50%; top:50%; width:max(100%, calc(var(--F) * 0.5), calc(var(--H) * 0.8889)); aspect-ratio:960 / 1080; transform:translate(-50%,-50%);}
.s3 .pic_st img{display:block; width:100%; height:auto;}
.s3 .pic_st .s3_board{position:absolute; left:31.77%; top:9.72%; width:41.77%;}
.s3 .half.txt{display:flex; align-items:center; justify-content:center; background:#f4f5f7;}
.s3 .row:first-child .half.txt img{width:calc(var(--F) * 0.2286); margin-top:calc(var(--F) * -0.02);}
.s3 .row:last-child .half.txt img{width:calc(var(--F) * 0.3339);}

.s4{background-image:url(/images/new/slide5_bg.png);}
.s4_text{position:absolute; z-index:5; left:calc(var(--FL) + var(--F) * 0.1359); top:calc(var(--FT) + var(--FH) * 0.2787); width:calc(var(--F) * 0.4531);}

.s4_visual{position:absolute; z-index:2; left:calc(var(--FL) + var(--F) * 0.3854); top:calc(var(--FT) - var(--FH) * 0.1111); width:calc(var(--F) * 0.8646); aspect-ratio:1660 / 1360; container-type:inline-size;}
.s4_visual > img{position:absolute; height:auto;}
.s4_circle{left:11.78%; top:-1.36%; width:81.02%;}
.s4_product{left:1.57%; top:6.32%; width:38.92%;}
.s4_plate{left:21.33%; top:10.15%; width:62.41%;}

.s4_ring{position:absolute; left:53.31%; top:48.01%; width:0; height:0; z-index:4;}
.s4_ring{--r:17.71cqw;}
.s4_dots i, .s4_list li{transform-origin:0 0;}
.s4_dots i{position:absolute; left:0; top:0; width:.26cqw; height:.26cqw; border-radius:50%; background:#c4c6cb;
	transform:rotate(calc(var(--a) * 1deg)) translateX(calc(var(--r) * -1)) translate(-50%, -50%);}
.s4_list li{--dx:1.75cqw; position:absolute; left:0; top:0; display:flex; align-items:center; color:#a9abb0; font-size:1.4cqw; font-weight:500; line-height:1; white-space:nowrap;
	transform:rotate(calc(var(--a, 0) * 1deg)) translateX(calc(var(--r) * -1)) rotate(calc(var(--a, 0) * -1deg)) translate(var(--dx), -50%);
	transition:transform 1s ease, opacity .6s ease, color .6s, text-shadow .6s;}
.s4_list li.jump{transition:none;}
.s4_list li.tw{color:#4d7de8; text-shadow:0 0 .6cqw rgba(5,88,255,.45);}

.s4_list li.on{--dx:-5.63cqw; font-family:'dimibang_new', sans-serif; font-size:5.2cqw; font-weight:normal; color:#0d4fd6;
	text-shadow:-.15cqw -.15cqw 0 #fff, .15cqw -.15cqw 0 #fff, -.15cqw .15cqw 0 #fff, .15cqw .15cqw 0 #fff, .3cqw .45cqw .45cqw rgba(0,0,0,.35);}
.s4_list li.on:before{content:''; display:block; flex:none; width:1.63cqw; height:1.63cqw; margin-right:1.08cqw; border-radius:50%; background:#0558ff;}

.s4_scroll{position:absolute; left:0; top:0; display:flex; align-items:center; gap:1cqw; color:#fff; font-size:.95cqw; letter-spacing:.15em; white-space:nowrap; opacity:.85;
	transform:rotate(138.7deg) translateX(37.77cqw) rotate(90deg) translate(-50%, -50%); transform-origin:0 0;}
.s4_scroll .mouse{display:block; width:1.7cqw; height:1.1cqw; border:1px solid #fff; border-radius:.55cqw;}

.s5{background-image:url(/images/new/slide6_bg.png); --H:max(var(--vh), var(--FH));}
.s5_text{position:absolute; left:calc(var(--FL) + var(--F) * 0.3206); top:calc(var(--FT) + var(--FH) * 0.0708); width:calc(var(--F) * 0.3589);}
.s5_img{position:absolute; left:calc(var(--FL) + var(--F) * 0.1422); top:calc(var(--FT) + var(--FH) * 0.4046); width:calc(var(--F) * 0.7156);}
.s5_img img{width:100%; height:auto;}

.s6{background-image:url(/images/new/slide7_bg.png);}
.s6_text{position:absolute; left:calc(var(--FL) + var(--F) * 0.1833); top:calc(var(--FT) + var(--FH) * 0.1824); width:calc(var(--F) * 0.6333);}

.s7{background-image:url(/images/new/slide8_bg.png); --H:calc(max(var(--F), 100vw) * 0.38542); background-size:max(var(--F), 100%) auto;}
.s7_text{position:absolute; left:calc(var(--FL) + var(--F) * 0.362); top:calc((var(--H) - var(--F) * 0.38542) / 2 + var(--F) * 0.1057); width:calc(var(--F) * 0.276);}

.s8{background-image:url(/images/new/slide9_bg.png); --H:max(var(--vh), var(--FH));}
.s8_text{position:absolute; left:calc(var(--FL) + var(--F) * 0.1405); top:calc(var(--FT) + var(--FH) * 0.1080); width:calc(var(--F) * 0.3552);}

.s8_slider{position:absolute; left:calc(var(--FL) + var(--F) * 0.1405); right:0; top:calc(var(--FT) + var(--FH) * 0.3204);}
.s8_track{display:flex; gap:calc(var(--F) * 0.0152); width:max-content;}
.s8_track li{flex:none; width:calc(var(--F) * 0.1745);}
.s8_track img{width:100%; height:auto;}

.s8_nav{position:absolute; left:calc(var(--FL) + var(--F) * 0.1394); top:calc(var(--FT) + var(--FH) * 0.8144); display:flex; align-items:center; font-size:calc(var(--F) * 0.0096); line-height:1;}
.s8_nav button{display:block; width:1em; padding:0; border:0; background:none; color:#7fa2ee; cursor:pointer;}
.s8_nav button svg{display:block; width:100%;}
.s8_nav b{font-size:1.05em; font-weight:800; color:#1d4ed8; letter-spacing:0;}
.s8_nav .cur{margin:0 1.1em 0 1.05em;}
.s8_nav .tot{margin:0 1.1em 0 1.05em;}
.s8_nav .bar{position:relative; display:block; width:6.5em; height:2px; background:#c9ccd3;}
.s8_nav .bar i{position:absolute; left:0; top:0; height:100%; width:16.6%; background:#1d4ed8; transition:width .7s ease;}

.s9{background-image:url(/images/new/slide10_bg.png);}
.s9_text{position:absolute; left:calc(var(--FL) + var(--F) * 0.1435); top:calc(var(--FT) + var(--FH) * 0.1130); width:calc(var(--F) * 0.7130);}
.s9_img{position:absolute; left:calc(var(--FL) + var(--F) * 0.3245); top:calc(var(--FT) + var(--FH) * 0.5370); width:calc(var(--F) * 0.3510);}

.s10{--u:calc(var(--F) / 1920); --H:max(var(--vh), var(--FH)); background:#f4f6f8;}
.s10_event{position:absolute; z-index:2; left:calc(var(--FL) + var(--u) * 578); top:calc(var(--FT) + var(--u) * 75); width:calc(var(--u) * 776);}
.s10_card{position:absolute; left:calc(var(--FL) + var(--u) * 264); top:calc(var(--FT) + var(--u) * 322); width:calc(var(--u) * 1388); height:calc(var(--u) * 722); background:#fff; border-radius:calc(var(--u) * 30); box-shadow:0 calc(var(--u) * 10) calc(var(--u) * 40) rgba(20,40,90,.06);}
.s10_photo{position:absolute; left:calc(var(--u) * 30); top:calc(var(--u) * 31); width:calc(var(--u) * 597);}
.s10_form{position:absolute; left:calc(var(--u) * 677); top:calc(var(--u) * 69); width:calc(var(--u) * 604); font-family:'Pretendard', sans-serif;}
.s10_sub{margin:0; font-size:calc(var(--u) * 24); line-height:1; font-weight:600; color:#333; letter-spacing:-0.02em;}
.s10_tit{margin:calc(var(--u) * 30) 0 0; font-size:calc(var(--u) * 40); line-height:1.3; font-weight:700; color:#0558ff; letter-spacing:-0.03em;}
.s10_lb{display:block; margin:calc(var(--u) * 20) 0 calc(var(--u) * 10); font-size:calc(var(--u) * 17); line-height:1; font-weight:700; color:#222;}
.s10_tit + .s10_lb{margin-top:calc(var(--u) * 48);}
.s10_in{display:block; width:100%; height:calc(var(--u) * 44); padding:0 calc(var(--u) * 14); border:0; border-radius:calc(var(--u) * 5); background:#f2f3f5; font-family:inherit; font-size:calc(var(--u) * 17); color:#222; box-sizing:border-box; outline:none;}
.s10_in::placeholder{color:#b3b6bc;}
.s10_in:focus{box-shadow:inset 0 0 0 1px #0558ff;}
.s10_hp{display:flex; gap:calc(var(--u) * 13);}
.s10_hp .s10_in{flex:1; min-width:0;}
.s10_btn{display:block; width:100%; height:calc(var(--u) * 56); margin-top:calc(var(--u) * 59); border:0; border-radius:calc(var(--u) * 28); background:linear-gradient(90deg, #033fb0, #063999); color:#fff; font-family:inherit; font-size:calc(var(--u) * 21); font-weight:500; cursor:pointer;}
.s10_agree{margin:calc(var(--u) * 14) 0 0; text-align:center; font-size:calc(var(--u) * 14); color:#888;}
.s10_agree label{cursor:pointer;}
.s10_agree input{width:calc(var(--u) * 14); height:calc(var(--u) * 14); vertical-align:middle; margin:0 calc(var(--u) * 4) 0 0;}
.s10_agree a{color:#888;}

.ft2{background:#0f1735; padding:clamp(32px, 3.4vw, 64px) 20px clamp(36px, 3.6vw, 68px); text-align:center; font-family:'Pretendard', sans-serif;}
.ft2 p{margin:0;}
.ft2_links{margin-bottom:clamp(14px, 1.2vw, 22px) !important; font-size:clamp(12px, 0.78vw, 15px);}
.ft2_links a{display:inline-block; color:#c9d2ec; text-decoration:none; font-weight:600;}
.ft2_links a + a{margin-left:1.4em; padding-left:1.4em; border-left:1px solid rgba(255,255,255,.2);}
.ft2_links a:hover{color:#fff;}
.ft2_info{font-size:clamp(12px, 0.73vw, 14px); line-height:1.9; word-break:keep-all;}
.ft2_info span{display:inline-block; margin:0 .7em; color:#8a93b3; }
.ft2_copy{margin-top:clamp(12px, 1vw, 18px) !important; color:#5d6689; font-size:clamp(11px, 0.63vw, 12px); letter-spacing:.02em;}

@media (max-width:768px), (max-width:1024px) and (orientation:portrait) {
	.sec2{--F:128vw; --H:var(--FH);}
	.s1{height:var(--H); aspect-ratio:auto; background-size:var(--F) auto;}
	.s1_text{left:calc(var(--FL) + var(--F) * 0.136); top:calc(var(--FH) * 0.607); width:calc(var(--F) * 0.4099);}
	.s7{--H:calc(var(--F) * 0.38542);}
	.top_bt{right:12px; bottom:12px; width:40px;}
}