/* ========================= s_visual ========================= */
.s_visual { }
.s_visual .pinBx { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; height: calc(var(--vh) * 100); background-color: var(--blue); }
.s_visual .wrap { position: relative; }
.s_visual .wrap h1 { font-size: 72px; font-weight: 600; letter-spacing: -0.04em; line-height: calc(100/72); color: #fff; text-align: center; }
.s_visual .wrap h1 div { overflow: hidden; }
.s_visual .wrap h1 div:nth-child(2) { font-weight: 400; }
.s_visual .wrap h1 div p { }
.s_visual .imgArea { font-size: calc(1/1920*100vw); position: absolute; width: 100%; height: 100%;; display: flex; align-items: center; justify-content: center; }
.s_visual .imgArea .imgBx { position: absolute; z-index: 2; }
.s_visual .imgArea .imgBx::before { content:''; display: block; }
.s_visual .imgArea .imgBx.n1 { width: 650em; }
.s_visual .imgArea .imgBx.n1::before { padding-bottom: calc(400/650*100%); }
.s_visual .imgArea .imgBx.n2 { width: 480em; }
.s_visual .imgArea .imgBx.n2::before { padding-bottom: calc(640/480*100%); }
.s_visual .imgArea .imgBx.n3 { width: 520em; }
.s_visual .imgArea .imgBx.n3::before { padding-bottom: calc(400/520*100%); }
.s_visual .imgArea .imgBx.n4 { width: 220em; }
.s_visual .imgArea .imgBx.n4::before { padding-bottom: calc(300/220*100%); }
.s_visual .imgArea .imgBx .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.s_visual .imgArea .imgBx .img img { width: 100%; height: 100%; object-fit: cover; }

/* 위치 셋팅 */
.s_visual .imgArea .imgBx.n1 { left: 8%; bottom: 11%; }
.s_visual .imgArea .imgBx.n2 { top: 8%; z-index: 1; }
.s_visual .imgArea .imgBx.n3 { right: 13%; top: 23%; }
.s_visual .imgArea .imgBx.n4 { right: 15%; bottom: 8%; }

.s_visual .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2; }
.s_visual .bg div { width: 100%; height: 100%; background-position: center center; background-size: cover; }

/* 모션 셋팅 */
.s_visual .wrap h1 div p { transform: translateY(110%); }
.s_visual .imgArea .imgBx .img img { transform: scale(0.7); filter: blur(10px); opacity: 0; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_visual .wrap h1{font-size: calc(72/1280*100vw); }
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.s_visual .wrap h1{font-size: calc(36/500*100vw); }
}
@media screen and (max-width:320px) {}

/* 세로가 길경우 */
@media (orientation: Portrait) {
	.s_visual .imgArea{font-size: calc(1.5/1920*100vw); }
	.s_visual .imgArea .imgBx.n1 {left: 7%;bottom: 31%;}
	.s_visual .imgArea .imgBx.n2 {left: 15%;top: 21%;}
	.s_visual .imgArea .imgBx.n3 {right: 3%;top: 31%;}
	.s_visual .imgArea .imgBx.n4 {right: 12%;bottom: 28%;}
	.s_visual .imgArea .imgBx.n4 {width: 340em;}
}
@media (orientation: Portrait) and (max-width:1600px) {}
@media (orientation: Portrait) and (max-width:1440px) {}
@media (orientation: Portrait) and (max-width:1280px) {}
@media (orientation: Portrait) and (max-width:1024px) {}
@media (orientation: Portrait) and (max-width:820px) {}
@media (orientation: Portrait) and (max-width:500px) {}
@media (orientation: Portrait) and (max-width:320px) {}


/* ========================= s_txt ========================= */
.s_txt { letter-spacing: -0.04em; }
.s_txt .pinBx {width: 100%; height: var(--vh100); position: relative; }
.s_txt .cont { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: #fff; }
.s_txt .cont.n1 .hidden { overflow: hidden; }
.s_txt .cont.n1 .circle { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; z-index: 1; clip-path: circle(0% at 50% 50%); }
.s_txt .cont.n1 .txt { position: absolute; text-align: center; line-height: 1.5; z-index: 2; mix-blend-mode: difference; color: #fff; }
.s_txt .cont.n1 .txt div { }
.s_txt .cont.n1 .txt div p { }


.s_txt .cont.n1 .txt.n1 { font-size: 72px; }
.s_txt .cont.n1 .txt.n1 div:nth-child(1) b { font-weight: 600; }
.s_txt .cont.n1 .txt.n1 div:nth-child(2) { font-weight: 600; height: 0; display: flex; align-items: flex-end; justify-content: center;}

.s_txt .cont.n1 .txt.n2 { font-size: 100px; }
.s_txt .cont.n1 .txt.n2{display: flex; align-items: center; justify-content: center; gap: 0.2em;}
.s_txt .cont.n1 .txt.n2 .flex {display: flex; align-items: center; justify-content: center;}
.s_txt .cont.n1 .txt.n2 .flex b{font-size: 1.2em; font-weight: 600; display: block; transform: translateY(110%); transition: transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);}
.s_txt .cont.n1 .txt.n2 div p {}

/* 클래스가 붙으면서 모션이 순차적으로 재생됨 */
.s_txt .cont.n1 .txt { transition: opacity 0.8s,transform 0.8s; }
.s_txt .cont.n1 .txt div { transition: height 0.8s; }
.s_txt .cont.n1 .txt p { transform: translateY(110%); transition: transform 0.8s,font-size 0.8s; }
.s_txt .cont.n1.step01 .txt.n1 div:nth-child(1) p { transform: translateY(0); }
.s_txt .cont.n1.step02 .txt.n1 div:nth-child(1) p { font-size: 26px; }
.s_txt .cont.n1.step02 .txt.n1 div:nth-child(2) { height: 1.5em; }
.s_txt .cont.n1.step02 .txt.n1 div:nth-child(2) p { transform: translateY(0); }
.s_txt .cont.n1.step03 .txt.n1 { transform: translateY(-100%); opacity: 0; }
.s_txt .cont.n1.step03 .txt.n2 div > p { transform: translateY(0); transition-delay: 0.2s; }
.s_txt .cont.n1.step03 .txt.n2 .flex b{transform: translateY(0);}
.s_txt .cont.n1.step03 .txt.n2 .flex b:nth-child(1){transition-delay: 0.4s;}
.s_txt .cont.n1.step03 .txt.n2 .flex b:nth-child(2){transition-delay: 0.6s;}

.s_txt .cont.n2 { opacity: 0; pointer-events: none; z-index: 2; }
.s_txt .cont.n2 .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.s_txt .cont.n2 .bg div { width: 100%; height: 100%; background-size: cover; }
.s_txt .cont.n2 .wrap { display: flex; position: relative; color: #fff; height: 100%; padding-top: 170px; padding-bottom: 110px; box-sizing: border-box; white-space: nowrap;}
.s_txt .cont.n2 .wrap .txt { flex: 1; }
.s_txt .cont.n2 .wrap .txt.n1 { font-size: 34px; line-height: calc(50/34); margin-bottom: auto; }
.s_txt .cont.n2 .wrap .txt.n1 b { font-weight: 600; }
.s_txt .cont.n2 .wrap .txt.n2 { margin-top: auto; }
.s_txt .cont.n2 .wrap .txt.n2 small { display: block; font-size: 34px; margin-bottom: 1em; }
.s_txt .cont.n2 .wrap .txt.n2 div { font-size: 42px; line-height: calc(64/44); }
.s_txt .cont.n2 .wrap .txt.n2 div p { display: inline-block; padding: 0 0.2em; box-sizing: border-box; font-weight: 600; position: relative; }
.s_txt .cont.n2 .wrap .txt.n2 div em { position: absolute; left: 0; top: 8%; width: 100%; height: 84%; transform-origin: left center; transform: scaleX(0); background-color: var(--blue); }
.s_txt .cont.n2 .wrap .txt.n2 div span { position: relative; }

@media screen and (max-width:1600px) {
	.s_txt .cont.n1 .txt.n1{font-size: calc(72/1600*100vw); }
	.s_txt .cont.n1.step02 .txt.n1 div:nth-child(1) p{font-size: max(calc(26/1600*100vw),20px); }
	.s_txt .cont.n1 .txt.n2{font-size: calc(100/1600*100vw); }

	.s_txt .cont.n2 .wrap .txt.n1{font-size: calc(34/1600*100vw); }
	.s_txt .cont.n2 .wrap .txt.n2 small{font-size: calc(34/1600*100vw); }
	.s_txt .cont.n2 .wrap .txt.n2 div{font-size: calc(42/1600*100vw); }
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_txt .cont.n2 .wrap{flex-direction: column; align-items: flex-start; justify-content: center; padding: 0; gap: 80px;}
	.s_txt .cont.n2 .wrap .txt{flex: unset;}
	.s_txt .cont.n2 .wrap .txt.n1{margin: 0;}
	.s_txt .cont.n2 .wrap .txt.n2{margin: 0;}

	.s_txt .cont.n2 .wrap .txt.n1{font-size: max(calc(26/1024*100vw),18px); }
	.s_txt .cont.n2 .wrap .txt.n2 small{font-size: max(calc(26/1024*100vw),18px); }
	.s_txt .cont.n2 .wrap .txt.n2 div{font-size: max(calc(36/1024*100vw),22px); }
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {

	.s_txt .cont.n1 .txt.n1{font-size: calc(40/500*100vw); }
	.s_txt .cont.n1.step02 .txt.n1 div:nth-child(1) p{font-size: 0.8em; }
	.s_txt .cont.n1 .txt.n2 {font-size: calc(58/500*100vw);}

	.s_txt .cont.n2 .wrap{white-space: unset; max-width: 300px; margin-left: 5vw;}
	.s_txt .cont.n2 .wrap .txt.n1 br{display: none;}
	.s_txt .cont.n2 .wrap .txt.n2 br{display: none;}
}
@media screen and (max-width:320px) {}



/* ========================= s_awards ========================= */
.s_awards {padding-bottom: 100px;}
.s_awards .wrap { }
.s_awards .topArea { text-align: center; padding-top: 190px; padding-bottom: 120px;}
.s_awards .topArea .imgBx {width: 100%; max-width: 746px; position: relative; margin: 0 auto;clip-path: polygon(0% 0%, 28% 0%, 28% 0%, 50% 0%, 50% 0%, 100% 0%, 100% 0%, 50% 0%, 50% 0%, 0% 0%); }
.s_awards .topArea .imgBx::before {content:''; display: block; padding-bottom: calc(500/746*100%); }
.s_awards .topArea .imgBx img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.s_awards .topArea .small {display: flex; align-items: center; justify-content: center; gap: 0.4em;font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 600; color: var(--blue);margin-top: 45px; margin-bottom: 30px; }
.s_awards .topArea .small p { }
.s_awards .topArea h2 {font-size: 58px; line-height: calc(86/58); }
.s_awards .topArea h2 b { font-weight: 600; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_awards .topArea h2{font-size: max(calc(58/1440*100vw),24px); }
}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_awards .topArea{padding: 100px 0;}
	.s_awards .topArea .small{font-size: 16px; }
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.s_awards .topArea .small{font-size: 14px; margin: 20px 0; margin-top: 30px;}
	.s_awards .topArea h2{font-size: min(calc(30/500*100vw),24px); }
}
@media screen and (max-width:320px) {}

.s_awards .bottomArea{letter-spacing: -0.04em; position: relative;}
.s_awards .bottomArea .dummy{
	position: absolute; top: 0; left: 0; width: 100%; pointer-events: none;
}
.s_awards .bottomArea .dummy div{
	width: 100%; height: 241px; box-sizing: border-box;
	/* border: 1px solid tomato; */
}
.s_awards .bottomArea .cont{
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; position: relative;
	padding: 80px 60px; box-sizing: border-box; border-top: 1px solid #cccccc;
}
.s_awards .bottomArea .cont .titBx{
	display: flex; align-items: center; justify-content: flex-start; position: relative; width: 100%;
	padding-right: 70px; box-sizing: border-box;
}
.s_awards .bottomArea .cont .titBx em{display: block; font-size: 80px; font-weight: 500; min-width: 3em;}
.s_awards .bottomArea .cont .titBx h3{font-size: 32px; font-weight: 600; line-height: 1.4;}

.s_awards .bottomArea .cont ._circleIco{right: 0;}

.s_awards .bottomArea .cont .con{width: 100%; padding-left: 242px; box-sizing: border-box; max-height: 0; overflow: hidden; padding-top: 0; transition: max-height 1.5s,padding-top 1.5s;}
.s_awards .bottomArea .cont.on .con{max-height: 800px; padding-top: 60px;}

.s_awards .bottomArea .cont .con .infoArea{line-height: 1.4; margin-bottom: 90px;}
.s_awards .bottomArea .cont .con .infoArea small{display: block; color: rgba(0,0,0,0.8); margin-bottom: 12px;}
.s_awards .bottomArea .cont .con .infoArea p{font-size: 20px; font-weight: 500;}

.s_awards .bottomArea .cont .con .flexBx{
	display: flex; align-items: flex-start; justify-content: space-between; gap: 40px;
}
.s_awards .bottomArea .cont .con .flexBx .numArea{
	display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
}
.s_awards .bottomArea .cont .con .flexBx .numArea .row{display: flex; align-items: center; justify-content: flex-start;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row.gap{gap: 40px 80px;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx{
	display: flex; align-items: center; justify-content: flex-start;
}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .circle{
	font-weight: 500; background-color: #000; color: #fff; border-radius: 100px;
	min-width: calc(65/16*1em); min-height: calc(25/16*1em); padding: 4px 12px; box-sizing: border-box;
	display: flex; align-items: center; justify-content: center; margin-right: 20px;
}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num{display: flex; align-items: flex-end; justify-content: flex-start;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer{font-size: 140px; color: var(--green); font-variant-numeric: tabular-nums; font-feature-settings: "tnum";}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer.blue{color: var(--blue);}

.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer.margin01 .odometer-digit:nth-child(1){margin-left: -0.12em;margin-right: -0.1em;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer.margin01 .odometer-digit:nth-child(2){margin-right: -0.05em;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer.margin01 .odometer-digit:nth-child(3){margin-right: -0.1em;}

.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer.margin02 .odometer-digit:nth-child(1){margin-left: -0.12em;margin-right: -0.1em;}

.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer.margin03 .odometer-digit:nth-child(1){margin-right: -0.05em;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer.margin03 .odometer-digit:nth-child(2){margin-right: -0.1em;}

.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num p{font-size: 18px; font-weight: 500; transform: translateY(-30px); margin-left: 10px;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .logo{margin-right: 30px;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .logo.n1{width: 114px;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .logo.n2{width: 156px;}
.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .logo img{}
.s_awards .bottomArea .cont .con .flexBx .imgArea{}
.s_awards .bottomArea .cont .con .flexBx .imgArea .imgBx{}
.s_awards .bottomArea .cont .con .flexBx .imgArea .imgBx img{}
.s_awards .bottomArea .cont .con .btn{text-align: right; margin-top: 40px;}
.s_awards .bottomArea .cont .con .btn a{
	font-size: 17px; color: #fff; display: inline-flex; align-items: center; justify-content: center; gap: calc(4/17*1em);
	border-radius: 100px; background-color: #000; transition: backgroundcolor 0.1s,color 0.1s;
	padding: calc(12/17*1em) calc(24/17*1em);
}
.s_awards .bottomArea .cont .con .btn a:hover{background-color: var(--blue);}
.s_awards .bottomArea .cont .con .btn a p{}
.s_awards .bottomArea .cont .con .btn a p i{font-size: calc(20/17*1em); }



@media screen and (max-width:1600px) {
	.s_awards .bottomArea .cont{padding: 60px 0;}
	.s_awards .bottomArea .cont .titBx em{font-size: 70px; }

	.s_awards .bottomArea .cont .con{padding-left: 213px;}
	.s_awards .bottomArea .cont.on .con{max-height: 720px; padding-top: 40px;}
	.s_awards .bottomArea .cont .con .infoArea{margin-bottom: 40px;}
	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer{font-size: 100px; }
	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num p{transform: translateY(-20px);}
}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_awards .bottomArea .cont{padding: 40px 0;}
	.s_awards .bottomArea .cont .titBx em{font-size: 60px; min-width: 2.5em;}

	.s_awards .bottomArea .cont .con{padding-left: 154px;}
	.s_awards .bottomArea .cont.on .con{max-height: unset !important;}
	.s_awards .bottomArea .cont .con .flexBx{flex-direction: column; align-items: flex-start;}
	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer{font-size: 80px; }
	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num p{transform: translateY(-17px);}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.s_awards .bottomArea .cont .titBx{flex-direction: column; align-items: flex-start;}
	.s_awards .bottomArea .cont .titBx em{font-size: 50px; min-width: auto; margin-bottom: 0.4em;}
	.s_awards .bottomArea .cont .titBx h3{font-size: 26px; }
	.s_awards .bottomArea .cont ._circleIco{font-size: 0.8px; }

	.s_awards .bottomArea .cont .con{padding-left: 0; padding-top: 20px !important;}
	.s_awards .bottomArea .cont .con .infoArea small{font-size: 14px; }
	.s_awards .bottomArea .cont .con .infoArea p{font-size: 18px; }
	.s_awards .bottomArea .cont .con .flexBx .numArea .row{flex-direction: column; align-items: flex-start; gap: 0 !important;}
	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num .odometer{font-size: 60px; }
	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .num p{transform: translateY(-17px);}
}
@media screen and (max-width:500px) {
	.s_awards .bottomArea .cont .titBx em{font-size: 40px; }
	.s_awards .bottomArea .cont .titBx h3{font-size: 22px; }
	.s_awards .bottomArea .cont ._circleIco{display: none;}

	.s_awards .bottomArea .cont .con .infoArea small{margin-bottom: 6px; font-size: 12px; }
	.s_awards .bottomArea .cont .con .infoArea p{font-size: 14px; }

	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .circle{font-size: 14px; }
	.s_awards .bottomArea .cont .con .flexBx .numArea .row{gap: 10px !important;}

	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .logo.n1{width: 100px;}
	.s_awards .bottomArea .cont .con .flexBx .numArea .row .bx .logo.n2{width: 120px;}

	.s_awards .bottomArea .cont .con .btn{text-align: center;}
	.s_awards .bottomArea .cont .con .btn a{font-size: 14px; }
}
@media screen and (max-width:320px) {}


/* ========================= s_video ========================= */
.s_video { position: relative; padding-top: 140px; padding-bottom: 130px; box-sizing: border-box; background-color: #ecedef; }
.s_video .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.s_video .bg div { width: 100%; height: 100%; background-position: center center; background-size: contain; }
.s_video .wrap { text-align: center; position: relative; z-index: 2; }
.s_video .wrap .titBx { line-height: 1.3; text-align: center; margin-bottom: 50px; }
.s_video .wrap .titBx small { display: block; font-size: 22px; letter-spacing: -0.04em; margin-bottom: 14px; }
.s_video .wrap .titBx h3 { font-size: 58px; letter-spacing: -0.04em; font-weight: 600; }
.s_video .wrap .swiperBx { width: 100%; max-width: 960px; position: relative; display: inline-flex; align-items: center; justify-content: center; }
.s_video .wrap .swiperBx .swiper { width: 100%; overflow: visible; }
.s_video .wrap .swiperBx .swiper-wrapper { }
.s_video .wrap .swiperBx .swiper-slide { position: relative; }
.s_video .wrap .swiperBx .swiper-slide::before { content:''; display: block; padding-bottom: calc(9/16*100%); }
/* .s_video .wrap .swiperBx .swiper-slide a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.s_video .wrap .swiperBx .swiper-slide a iframe { width: 100%; height: 100%; object-fit: cover; pointer-events: none; } */
.s_video .wrap .swiperBx .swiper-slide iframe{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.s_video .wrap .swiperBx .control {display: flex; align-items: center; justify-content: center;}
.s_video .wrap .swiperBx .control .arrow {width: 38px; height: 58px; background-color: rgba(0,0,0,0.5); border-radius: 5px;display: flex; align-items: center; justify-content: center; font-size: 34px; color: rgba(255,255,255,0.5);transition: color 0.1s; position: absolute; z-index: 3; cursor: pointer; }
.s_video .wrap .swiperBx .control .arrow:hover { color: #fff; }
.s_video .wrap .swiperBx .control .arrow.prev { right: 100%; margin-right: 30px; }
.s_video .wrap .swiperBx .control .arrow.next { left: 100%; margin-left: 30px; }

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_video .wrap .swiperBx{flex-direction: column;}
	.s_video .wrap .swiperBx .control{margin-top: 30px; display: flex; gap: 120px;}
	.s_video .wrap .swiperBx .control .arrow{position: unset;  height: 38px;}
	.s_video .wrap .swiperBx .control .arrow.prev {margin-right: 0; }
	.s_video .wrap .swiperBx .control .arrow.next {margin-left: 0; }
}
@media screen and (max-width:1024px) {
	.s_video{padding: 100px 0;}
	.s_video .wrap .titBx small{font-size: 20px; }
	.s_video .wrap .titBx h3{font-size: 50px; }
}
@media screen and (max-width:820px) {
	.s_video .wrap .titBx small{font-size: 18px; }
	.s_video .wrap .titBx h3{font-size: 40px; }
}
@media screen and (max-width:500px) {
	.s_video .wrap .titBx{margin-bottom: 40px;}
	.s_video .wrap .titBx small{font-size: max(calc(16/500*100vw),14px); }
	.s_video .wrap .titBx h3{font-size: min(calc(50/500*100vw),30px); }

	.s_video .wrap .swiperBx .control{gap: 40px;}
	.s_video .wrap .swiperBx .control .arrow{width: 30px; height: 30px; border-radius: 4px; font-size: 18px; }
}
@media screen and (max-width:320px) {}


/* ========================= s_faq ========================= */
.s_faq { padding: 150px 0; box-sizing: border-box; }
.s_faq .wrap { text-align: center; }
.s_faq .wrap .titBx { margin-bottom: 40px; }
.s_faq .wrap .titBx .logo { margin-bottom: 17px; overflow: hidden;}
.s_faq .wrap .titBx .logo svg { height: 16px; }
.s_faq .wrap .titBx h3 { overflow: hidden; font-size: 58px; font-weight: 600; letter-spacing: -0.04em; }
.s_faq .wrap ul {width: 100%; max-width: 960px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.s_faq .wrap ul li {width: 100%; border: 1px solid #dddddd; box-sizing: border-box;padding: 24px 30px; text-align: left; cursor: pointer; }
.s_faq .wrap ul li .q {font-size: 20px; font-weight: 600; letter-spacing: -0.04em; line-height: calc(1.4);display: flex; align-items: flex-start; justify-content: flex-start; }
.s_faq .wrap ul li .q em { display: block; min-width: calc(44/20*1em); }
.s_faq .wrap ul li .q h4 { width: 100%; padding-right: 1em; box-sizing: border-box; }
.s_faq .wrap ul li .q .ico {display: flex; align-items: center; justify-content: center; min-width: calc(14/20*1em); min-height: calc(14/20*1em);position: relative; transform: translateY(0.3em); }
.s_faq .wrap ul li .q .ico::before,
.s_faq .wrap ul li .q .ico::after { content:''; display: block; width: 100%; height: 2px; background-color: #000; position: absolute; transition: transform 0.5s; }
.s_faq .wrap ul li .q .ico::after { transform: rotate(90deg); }
.s_faq .wrap ul li .a {padding-top: 25px; letter-spacing: -0.04em; line-height: calc(26/16); color: #444444;padding-left: 44px; box-sizing: border-box; display: none;}
.s_faq .wrap ul li .a b{font-weight: 500; color: #000;}

/* 클릭시 */
.s_faq .wrap ul li{transition: border-color 0.2s;}
.s_faq .wrap ul li.on{border-color: #000;}
.s_faq .wrap ul li.on .q .ico::after{transform: rotate(0deg);}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
	.s_faq{padding: 100px 0;}
	.s_faq .wrap .titBx .logo svg{height: 14px;}
	.s_faq .wrap .titBx h3{font-size: 50px; }
	.s_faq .wrap ul li .q{font-size: 18px; }
	.s_faq .wrap ul li .a{padding-left: 39px;}
}
@media screen and (max-width:820px) {
	.s_faq .wrap ul li{padding: 14px;}
	.s_faq .wrap ul li .q{font-size: 16px; }
	.s_faq .wrap ul li .a{padding-left: 34px; padding-top: 12px; font-size: 14px; }
}
@media screen and (max-width:500px) {
	.s_faq .wrap .titBx .logo svg{height: 12px;}
	.s_faq .wrap .titBx h3{font-size: 40px; }
	.s_faq .wrap ul li .q{font-size: 14px; }
	.s_faq .wrap ul li .a{padding-left: 30px; font-size: 12px; }
}
@media screen and (max-width:320px) {}