:root {--vh:1vh;--vh100:calc(var(--vh,1vh) * 100); }
.platform {background-color: #000;word-break: keep-all; overflow: hidden; }

._title { color: #fff; }
._title small { font-family: 'Roboto'; font-weight: 600; font-size: 16px; display: block; margin-bottom: 1em; }
._title .red { color: #da291c; }
._title h2 {font-size: 44px; font-weight: 600; line-height: 1.5;}
._title h2 p { }

@media screen and (max-width:1600px) {
	._title h2 { font-size: max(calc(44/1920*100vw),30px); }
}
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) {
	._title h2 { font-size: max(calc(30/820*100vw),22px); }
	._title small { font-size: 16px; }
}
@media screen and (max-width:500px) {
	._title{max-width: 320px;}
	._title small { font-size: 14px; }
	._title h2 br{display: none;}
}
@media screen and (max-width:320px) { }



@keyframes floating {
	0% { transform:translateY(0px) }
	33% { transform:translateY(-30px) }
	100% { transform:translateY(0px) }
}

@keyframes opacity {
	0% { opacity:0.4 }
	33% { opacity:1 }
	100% { opacity:0.4 }
}

@keyframes scale {
	0% { transform: scale(1); }
	30% { transform: scale(1.2); }
	100% { transform: scale(1); }
}


/* s_visual */
.s_visual {position: relative; color: #fff; padding-bottom: 220px;display: flex; align-items: center; justify-content: center; }
.s_visual .wrap {padding-top: 200px; padding-bottom: 100px; min-height: var(--vh100); box-sizing: border-box; position: relative;display: flex; flex-direction: column; justify-content: space-between; }
@media screen and (min-height:1000px) {
	.s_visual .wrap { min-height: 980px; }
}


.s_visual h1 {font-size: 130px; font-weight: 500; overflow: hidden;margin-bottom: max(0.3em,30px); }
.s_visual .txtBx {letter-spacing: -0.025em; padding-right: 76px; text-align: right; }
.s_visual .txtBx > div { display: inline-block; text-align: left; }
.s_visual .txtBx > div h2 {font-size: 36px; font-weight: 600; line-height: calc(52/36); }
.s_visual .txtBx > div > p {font-size: 18px; line-height: calc(30/18);margin-top: 34px; margin-bottom: 44px; color: rgba(255,255,255,0.7); }
.s_visual .txtBx > div .btn { }
.s_visual .txtBx > div .btn a {width: calc(150/16*1em); height: calc(44/16*1em);display: flex; align-items: center; justify-content: center;    background-image: linear-gradient(-50deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%);
    color: rgb(0, 0, 0);border-radius: 100px; gap: calc(12/16*1em);font-size: 16px;box-sizing: border-box;}
.s_visual .txtBx > div .btn a:hover { 
    color: rgb(255, 255, 255);
    background-image: linear-gradient(-50deg, rgb(227, 45, 33) 0%, rgb(255, 152, 49) 100%);
}
.s_visual .txtBx > div .btn p { }
.s_visual .txtBx > div .btn i { }



.s_visual .scrollIco {position: absolute; top: 50%; transform: translateY(-50%); right: -80px;font-size: 1px; }
.s_visual .scrollIco div {width: 30em; height: 65em; animation: floating forwards infinite 6s;display: flex; flex-direction: column; align-items: center; justify-content: center;border-radius: 100px; border: 1px solid rgba(255,255,255,0.4); box-sizing: border-box; }

.s_visual .scrollIco i { font-size: 18em; animation: opacity forwards infinite 3s; opacity: 0.4; }
.s_visual .scrollIco i:nth-child(1) { }
.s_visual .scrollIco i:nth-child(2) { margin: -0.4em 0; animation-delay: 0.2s; }
.s_visual .scrollIco i:nth-child(3) { animation-delay: 0.4s; }


.s_visual .bg {position: absolute; font-size: 1px;display: flex; align-items: center; justify-content: center; }
.s_visual .bg .circle {position: absolute; }
.s_visual .bg .circle.n1 { transform: translate(-31%,-30%); }
.s_visual .bg .circle.n2 { transform: translate(30%,25%); }
.s_visual .bg .circle img {width: 915em; max-width: unset; }

@media screen and (max-width:1800px) {
	.s_visual .scrollIco { display: none; }
}
@media screen and (max-width:1600px) {
	.s_visual h1 { font-size: max(calc(130/1600*100vw),40px); }
}
@media screen and (max-width:1440px) {
	.s_visual .txtBx { text-align: left; padding-right: 0; }
}
@media screen and (max-width:1280px) {
	.s_visual .txtBx > div h2 { font-size: max(calc(36/1280*100vw),20px); }
	.s_visual .txtBx > div > p { font-size: 16px; }
}
@media screen and (max-width:1024px) {
	.s_visual .bg { font-size: max(calc(1/1024*100vw),0.4px); }
}
@media screen and (max-width:820px) {
	.s_visual .txtBx > div > p { font-size: 14px; max-width: 500px; }
	.s_visual .txtBx > div > p br { display: none; }
	.s_visual .txtBx > div .btn a { font-size: 14px; }
	.s_visual .scrollIco { font-size: 0.8px; }
}
@media screen and (max-width:500px) {
	.s_visual .txtBx > div > p { font-size: 12px; }
	.s_visual .txtBx > div .btn a { font-size: 12px; }
}
@media screen and (max-width:320px) { }

/* 세로가 길경우 */
@media (orientation: Portrait) {
	.s_visual .wrap { justify-content: center; padding: 100px 0; padding-top: 0px; }
	.s_visual .txtBx > div > p { margin-top: 16px; margin-bottom: 50px; }
	.s_visual .scrollIco { display: block; margin-top: 0; position: absolute; top: unset; bottom: 80px; right: 50%; transform: translateX(50%); }
}




/* s_rotation */
.s_rotation {box-sizing: border-box; }
.s_rotation .wrap {box-sizing: border-box; min-height: var(--vh100); padding-top: 170px; position: relative; }
.s_rotation ._title { }
.s_rotation .circleArea {font-size: max(calc(1/1920*100vw),0.7px);width: 1000em; height: 1000em;position: absolute; left: 50%; bottom: -12%; transform: translate(-50%,50%); }

.s_rotation .cont {display: flex; align-items: center; justify-content: center;width: 100%; height: 100%; position: relative; }
.s_rotation .circle {position: absolute; display: flex; justify-content: center;font-size: max(18em,14px); color: #e22c20; font-weight: 500;width: 100%; height: 100%; border-radius: 50%;background-image: url(/asset/img/sub/platform/s_rotation_stroke.png);background-size: cover; z-index: 2; }
.s_rotation .circle div {position: absolute; height: 100%; }
.s_rotation .circle div p {background-color: #000; padding: 1em; transform: translateY(-45%); }
.s_rotation .circle div:nth-child(2) { transform: rotate(90deg); }
.s_rotation .circle div:nth-child(3) { transform: rotate(180deg); }
.s_rotation .circle div:nth-child(4) { transform: rotate(270deg); }

.s_rotation .txtBx {height: 100%; position: relative;display: flex; align-items: flex-start; justify-content: center; }
.s_rotation .txtBx .txt {position: absolute; height: 50%; bottom: 50%; padding-bottom: calc(140/24*1em); white-space: nowrap;color: #fff; font-size: max(24em,16px); text-align: center;font-weight: 600; line-height: calc(40/24); transform-origin: center bottom; }
.s_rotation .txtBx .txt:nth-child(2) { transform: rotate(90deg); }
.s_rotation .txtBx .txt:nth-child(3) { transform: rotate(180deg); }
.s_rotation .txtBx .txt:nth-child(4) { transform: rotate(270deg); }
.s_rotation .blur {position: absolute; width: 734em; }
.s_rotation .blur img {width: 100%;animation: scale forwards infinite 4s linear; }

/* 회전 */
.s_rotation .cont { transition: transform 1s; }
.s_rotation .cont.step1 { transform: rotate(-90deg); }
.s_rotation .cont.step2 { transform: rotate(-180deg); }
.s_rotation .cont.step3 { transform: rotate(-270deg); }

.s_rotation .txtBx .txt h3 { opacity: 0; transform: scale(0.3); transition: opacity 0.8s,transform 0.8s; transition-delay: 0.4s; }
.s_rotation .txtBx .txt:nth-child(1) h3 { opacity: 1; transform: scale(1); }
.s_rotation .cont.step1 .txtBx .txt:nth-child(1) h3 { opacity: 0; transform: scale(0.3); }
.s_rotation .cont.step1 .txtBx .txt:nth-child(2) h3 { opacity: 1; transform: scale(1); }

.s_rotation .cont.step2 .txtBx .txt:nth-child(2) h3 { opacity: 0; transform: scale(0.3); }
.s_rotation .cont.step2 .txtBx .txt:nth-child(3) h3 { opacity: 1; transform: scale(1); }

.s_rotation .cont.step3 .txtBx .txt:nth-child(3) h3 { opacity: 0; transform: scale(0.3); }
.s_rotation .cont.step3 .txtBx .txt:nth-child(4) h3 { opacity: 1; transform: scale(1); }


@media screen and (max-width:1600px) {
	.s_rotation .wrap { padding-top: max(calc(160/980 * var(--vh100)),100px); }
}
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) {
	.s_rotation .circleArea { width: 800em; height: 800em; }
	.s_rotation .blur { width: 70%; }
}
@media screen and (max-width:1024px) { }
@media screen and (max-width:820px) { }
@media screen and (max-width:500px) {
	.s_rotation .circleArea { width: 600em; height: 600em; }
}
@media screen and (max-width:320px) { }


/* 세로가 길경우 */
@media (orientation: Portrait) {
	.s_rotation .circleArea { bottom: 12%; }
}




/* s_vertical */
.s_vertical {background-color: #000; position: relative; }
.s_vertical .wrap {display: flex; justify-content: space-between; overflow: hidden;position: relative; z-index: 2; }
.s_vertical .imgArea {display: flex; flex-direction: column; gap: 40px; padding-bottom: 100px; color: #fff;width: 50%; box-sizing: border-box;padding-top: calc(var(--vh) * 50); box-sizing: border-box; }
.s_vertical .imgArea .box { position: relative; width: 760px; max-width: 100%; }
.s_vertical .imgArea .imgBx {border-radius: 20px; overflow: hidden; position: relative; }
.s_vertical .imgArea .imgBx::before {content:''; display: block; padding-bottom: calc(400/760*100%); }
.s_vertical .imgArea .imgBx img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.s_vertical .imgArea .txtBx {letter-spacing: -0.025em; padding: 50px; box-sizing: border-box;position: absolute; width: 100%; left: 0; bottom: 0; }
.s_vertical .imgArea .txtBx h4 {font-size: 30px; font-weight: 600; margin-bottom: 20px; }
.s_vertical .imgArea .txtBx p {font-size: 18px; line-height: calc(30/18); }
.s_vertical .txtArea {width: 50%; box-sizing: border-box;display: flex; align-items: center; justify-content: center;height: var(--vh100); }
.s_vertical .txtArea ._title { }
.s_vertical .txtArea ._title small {color: #444444; }
.s_vertical .txtArea ._title h2 {color: #000; }
.s_vertical .txtArea ._title .red {display: inline; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }
.s_vertical .rightTxt {font-family: 'Roboto'; font-size: min(calc(140/980*var(--vh100)),calc(140/1920*100vw)); font-weight: 700; letter-spacing: -0.01em; color: rgba(0,0,0,0.07);position: absolute; right: 0; top: 0; display: flex; align-items: center;height: var(--vh100); }
.s_vertical .rightTxt p {transform: translateY(-50%) rotate(-90deg); transform-origin: center center;width: 1px; height: 1px; border: 1px solid tomato; box-sizing: border-box; white-space: nowrap;display: flex; align-items: flex-end; justify-content: center; line-height: 0.6; }
@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) {
	.s_vertical .imgArea .txtBx { padding: 30px; }
}
@media screen and (max-width:1280px) {
	.s_vertical .imgArea .txtBx h4 { font-size: 22px; }
	.s_vertical .imgArea .txtBx p { max-width: 80%; font-size: 14px; }
	.s_vertical .imgArea .txtBx p br { display: none; }
}
@media screen and (max-width:1024px) {
	.s_vertical { background-color: #fff; }
	.s_vertical .wrap { flex-direction: column-reverse; overflow: visible; }
	.s_vertical .imgArea { padding-top: 0; width: 100%; flex-wrap: wrap; gap: 20px; flex-direction: row; padding-bottom: 0; }
	.s_vertical .imgArea .box { width: calc(50% - 10px); }
	.s_vertical .txtArea { height: auto; width: 100%; justify-content: flex-start; margin-bottom: 60px; }

	.s_vertical .rightTxt { display: none; }
}
@media screen and (max-width:820px) {
	.s_vertical .imgArea .box { width: 100%; }
}
@media screen and (max-width:500px) {
	.s_vertical .txtArea { margin-bottom: 40px; }
	.s_vertical .imgArea { gap: 10px; }
	.s_vertical .imgArea .imgBx { border-radius: 10px; }
	.s_vertical .imgArea .txtBx { padding: 20px 14px; }
	.s_vertical .imgArea .txtBx h4 { margin-bottom: 14px; font-size: 18px; }
	.s_vertical .imgArea .txtBx p { max-width: 280px; font-size: 12px; }
}
@media screen and (max-width:320px) { }





/* s_txt */
.s_txt { background-color: #000; position: relative; overflow: hidden; }
.s_txt .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-size: contain; background-repeat: no-repeat; background-position: center center;}
.s_txt .wrap {height: var(--vh100); position: relative;display: flex; align-items: center; justify-content: center; }
.s_txt ._title {color: #fff; position: absolute;left: 0; transform: translateX(0);transition-property: left, transform; transition-duration: 1s; }
.s_txt ._title.on {left: 50%; transform: translateX(-50%); }
.s_txt ._title small { color: rgba(255,255,255,0.7); height: 1em; position: relative; }
.s_txt ._title h2 { line-height: calc(100/60); transition: font-size 1s; width: 11em; }
.s_txt ._title.on h2 { font-size: 70px; }
.s_txt ._title h2 div { overflow: hidden; height: 1.444em; position: relative; width: 100%; }
.s_txt ._title p { display: inline-block; position: absolute; white-space: nowrap; }

.s_txt ._title p { left: 0; transform: translateX(0%); transition-property: opacity,transform,left; transition-duration: 1s; }
.s_txt ._title.on p { left: 50%; transform: translateX(-50%); }

.s_txt .swiperBx {box-sizing: border-box;position: absolute; left: 50%; width: 50vw; overflow: hidden;transition-property: opacity,transform; transition-duration: 0.8s;opacity: 0; transform: translateY(80px); pointer-events: none; }
.s_txt .swiperBx.on {opacity: 1; transform: translateY(0); pointer-events: auto; }
.s_txt .swiper { }
.s_txt .swiper-wrapper { }
.s_txt .swiper-slide {border-radius: 25px; overflow: hidden;background-color: rgba(255,255,255,0.2); color: #fff; text-align: center;padding: 50px; box-sizing: border-box; }
.s_txt .swiper-slide._clone{display: none;}

/* 스와이퍼 초기화 */
.s_txt .swiper { margin: 0; overflow: visible; }
.s_txt .swiper-wrapper { gap: 70px; display: inline-flex; width: auto; }
.s_txt .swiper-slide { width: 450px; }

.s_txt .swiper-slide .imgBx { margin-bottom: 40px; }
.s_txt .swiper-slide .imgBx img { width: 240px; }
.s_txt .swiper-slide .txtBx { letter-spacing: -0.025em; }
.s_txt .swiper-slide .txtBx small {display: block; margin-bottom: 20px;font-size: 14px; }
.s_txt .swiper-slide .txtBx h3 {margin-bottom: 14px; font-size: 30px; font-weight: 600; line-height: 1.2; }
.s_txt .swiper-slide .txtBx p {font-size: 18px; font-weight: 400; line-height: calc(30/18);white-space: nowrap;}


@media screen and (max-width:1600px) {
	.s_txt ._title.on h2 { font-size: max(calc(70/1600*100vw),30px); }
}
@media screen and (max-width:1440px) {
	.s_txt .swiper-wrapper{gap: 40px;}
	.s_txt .swiper-slide{padding: 40px; width: 380px;}
	.s_txt .swiper-slide .imgBx{}
	.s_txt .swiper-slide .imgBx img{width: 200px;}
	.s_txt .swiper-slide .txtBx h3{font-size: 22px; }
	.s_txt .swiper-slide .txtBx p{font-size: 16px; }
}
@media screen and (max-width:1280px) { }
@media screen and (max-width:1024px) {
	.s_txt .wrap{height: auto; flex-direction: column; align-items: flex-start; gap: 60px; padding: 100px 0;}
	.s_txt ._title{position: unset;}
	.s_txt .swiperBx{position: unset; width: 100%; overflow: visible;}
	.s_txt .swiper{width: 380px;}
	.s_txt .swiper-wrapper { width: 100%; gap: unset; display: flex;}
	.s_txt .swiper-slide {width: 100%;}
	.s_txt .swiper-slide._clone{display: block;}
}
@media screen and (max-width:820px) {
	.s_txt .wrap { height: auto; padding: 120px 0; }
}
@media screen and (max-width:500px) {
	.s_txt ._title.on h2 { font-size: calc(36/500*100vw); }
	.s_txt .wrap { padding: 80px 0; }

	.s_txt .swiper{max-width: 100%; width: 280px;}
	.s_txt .swiper-slide{padding: 20px; border-radius: 10px;}
	.s_txt .swiper-slide .imgBx{margin-bottom: 16px;}
	.s_txt .swiper-slide .imgBx img{width: 140px;}
	.s_txt .swiper-slide .txtBx small{font-size: 12px; margin-bottom: 16px;}
	.s_txt .swiper-slide .txtBx h3{font-size: 18px; }
	.s_txt .swiper-slide .txtBx p{font-size: 12px; }
}
@media screen and (max-width:320px) { }




/* s_box */
.s_box{position: relative;}
.s_box .bg{
	position: absolute;
	right: -8%;
	top: 5%;
	width: 680px;
	background-size: contain;
	background-repeat: no-repeat;
}
.s_box .bg::before {
	content:''; display: block; padding-bottom: calc(614/680*100%);
}
.s_box .wrap{position: relative;}
.s_box ._title{}
.s_box ._title small{color: rgba(255,255,255,0.7);}
.s_box .list{
	display: flex; gap: 60px; flex-wrap: wrap; justify-content: center;
}
.hpc .s_box .list{gap: 40px;}
.s_box .list.no_wrap{flex-wrap: nowrap;}
.s_box .list li{
	width: calc(50% - 30px); border-radius: 30px;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	background-color: #fff; letter-spacing: -0.025em; text-align: center;
	padding: 50px 70px; box-sizing: border-box;
}
.s_box .list.no_wrap li{padding: 50px;}
.s_box .list li .imgBx{}
.s_box .list li .imgBx img{}
.s_box .list li h3{
	font-size: 34px; font-weight: 600;
	margin-top: 32px; margin-bottom: 24px;
}
.s_box .list li > p{
	font-size: 18px;  font-weight: 500; color: #222222;
	line-height: calc(28/18);
}
.s_box .list li .bottom{
	display: flex; align-items: flex-start; line-height: 1.5;
	padding-top: 34px; margin-top: 34px; width: 100%;
	border-top: 1px solid #e5e5e5; box-sizing: border-box; justify-content: center;
}
.s_box .list li .bottom h4{ padding-right: 0.4em; white-space: nowrap;}
.s_box .list li .bottom h4 span{color: #e22c20; font-weight: 600; display: inline-block; margin-right: 0.5em;}
.s_box .list li .bottom p{text-align: left;}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_box .list li h3{font-size: 30px; }
	.s_box .list li .bottom p br{display: none;}
	.s_box .list li > p br{display: none;}

    .s_box .list.no_wrap{flex-wrap: wrap;}
}
@media screen and (max-width:1280px) {
	.s_box .bg{width: max(calc(680/1280*100vw),160px);}

	.s_box .list{gap: 20px;}
    .s_box .list.no_wrap{gap: 20px;}
	.s_box .list li{width: calc(50% - 10px); padding: 40px;}
    .s_box .list.no_wrap li{width: calc(50% - 10px); padding: 40px;}
	.s_box .list li .imgBx img{width: 120px;}
	.s_box .list li h3{font-size: 26px; }
	.s_box .list li > p{font-size: 16px; }
	.s_box .list li .bottom{font-size: 14px; margin-top: 20px; padding-top: 20px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.s_box .bg{top: 3%;}

	.s_box .list{gap: 10px;}
    .s_box .list.no_wrap{gap: 10px;}
	.s_box .list li{padding: 30px 20px; border-radius: 20px;}
    .s_box .list.no_wrap li{padding: 30px 20px; border-radius: 20px;}
	.s_box .list li .imgBx img{width: 80px;}
	.s_box .list li h3{font-size: 22px; margin-top: 16px; margin-bottom: 16px;}
	.s_box .list li > p{font-size: 14px; }
	.s_box .list li .bottom{}
}
@media screen and (max-width:700px) {
	.s_box .list{flex-direction: column; gap: 20px;}
    .s_box .list.no_wrap{flex-direction: column; gap: 20px;}
	.s_box .list li{width: 100%; border-radius: 10px;}
    .s_box .list.no_wrap li{width: 100%;border-radius: 10px;}
	.s_box .list li > p{max-width: 320px;}
	.s_box .list li .bottom{max-width: 320px; font-size: 12px; }
}
@media screen and (max-width:320px) {}






/* s_logo */
.s_logo{background-color: #fff;}
.s_logo ._title{text-align: center; color: #000;}
.s_logo .wrap{}
.s_logo .list{
	display: flex; flex-wrap: wrap; justify-content: center;
	gap: 60px 77px; max-width: 1330px; margin: 0 auto;
}
.s_logo .list li{
	display: flex; align-items: center; justify-content: center;
}
.s_logo .list li img{filter: opacity(0.7) grayscale(1);}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_logo .list li img{max-height: 24px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.s_logo .list{gap: 50px 30px;}
}
@media screen and (max-width:500px) {
	.s_logo .list{gap: 40px 20px;}
	.s_logo .list li img{max-height: 20px;}
}
@media screen and (max-width:320px) {}






/* s_slide */
.s_slide{
	background-image: url(/asset/img/sub/platform/s_slide_bg.jpg);
	background-position: center center; background-size: cover;
}
.s_slide .wrap{
	display: flex;
}
.s_slide .left{padding-right: 120px; box-sizing: border-box; white-space: nowrap;}
.s_slide .left ._title{
	margin-bottom: 50px; color: #000;
}
.s_slide .left .controls{
	font-size: 20px;
	display: flex; align-items: center; justify-content: flex-start; gap: 10px;
}
.s_slide .left .controls div{
	width: calc(35/20*1em); height: calc(35/20*1em);
	border-radius: 50%; display: flex; align-items: center; justify-content: center;
	border: 1px solid rgba(0,0,0,0.3); box-sizing: border-box;
	color: rgba(0,0,0,0.3); transition-property: border-color,color;
	transition-duration: 0.5s; cursor: pointer;
}
.s_slide .left .controls div:hover{
	color: #000; border-color: #000;
}
.s_slide .left .controls div i{}
.s_slide .swiperBx{
	overflow: hidden;
	width: 100%; flex-shrink: 0;
}
.s_slide .swiper{
	width: 420px; margin: 0; overflow: visible;
}
.s_slide .swiper-wrapper{}
.s_slide .swiper-slide{height: unset;}
.s_slide .swiper-slide > a{
	display: block; height: 100%;
	background-color: #fff; border-radius: 20px;
}
.s_slide .swiper-slide .imgBx{
	position: relative; border-radius: 20px; overflow: hidden;
}
.s_slide .swiper-slide .imgBx::before {
	content:''; display: block; padding-bottom: calc(280/420*100%);
}
.s_slide .swiper-slide .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
.s_slide .swiper-slide .txtBx{
	padding: 30px 28px; padding-bottom: 40px; box-sizing: border-box; letter-spacing: -0.025em;
}
.s_slide .swiper-slide .txtBx small{
	color: #da291c; font-weight: 500;
}
.s_slide .swiper-slide .txtBx h3{
	font-size: 20px;  font-weight: 600; line-height: calc(32/20);
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
	margin-top: 26px; margin-bottom: 8px;
}
.s_slide .swiper-slide .txtBx p{
	font-size: 17px; line-height: calc(28/17); color: #555555;
	overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {
	.s_slide .wrap{flex-direction: column; gap: 40px;}
	.s_slide .left{padding-right: 0; white-space: unset;}
	.s_slide .swiperBx{overflow: visible;}
}
@media screen and (max-width:1280px) {
	.s_slide .swiper{width: 360px;}
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.s_slide .swiper{width: 300px;}
	.s_slide .swiper-slide .txtBx{padding: 20px;}
	.s_slide .swiper-slide .txtBx small{font-size: 12px; }
	.s_slide .swiper-slide .txtBx h3{font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
	.s_slide .swiper-slide .txtBx p{font-size: 14px; }
}
@media screen and (max-width:500px) {
	.s_slide .wrap{gap: 20px;}
	.s_slide .left .controls{justify-content: flex-end;}
	.s_slide .swiper{max-width: 100%;}
	.s_slide .swiper-slide > a{border-radius: 10px;}
	.s_slide .swiper-slide .imgBx{border-radius: 10px;}
	.s_slide .swiper-slide .txtBx{padding: 20px 14px;}
}
@media screen and (max-width:320px) {}




/* 간격 모음 */
.s_box{padding: 200px 0;}
.s_box ._title{margin-bottom: 100px;}

.s_logo{padding: 150px 0;}
.s_logo ._title{margin-bottom: 100px;}

.s_slide{padding: 180px 0;}

@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) {
	.s_box ._title{margin-bottom: 60px;}
}
@media screen and (max-width:1280px) {
	.s_visual { padding-bottom: 100px; }
	.s_box{padding: 100px 0;}
	.s_logo{padding: 100px 0;}
	.s_slide{padding: 100px 0;}
}
@media screen and (max-width:1024px) {
	.s_vertical { padding: 100px 0; }
}
@media screen and (max-width:820px) {
	.s_visual { padding-bottom: 0px; }
}
@media screen and (max-width:500px) {
	.s_vertical { padding: 80px 0; }

	.s_box{padding: 80px 0;}
	.s_box ._title{margin-bottom: 40px;}

	.s_logo{padding: 80px 0;}
	.s_logo ._title{margin-bottom: 40px;}

	.s_slide{padding: 80px 0;}
	.s_slide .left ._title{margin-bottom: 40px;}
}
@media screen and (max-width:320px) { }






/* hpc 별도 */
.hpc .s_visual{}
.hpc .s_visual .bg img{}
.hpc .s_vertical .wrap{flex-direction: row-reverse;}
.hpc .s_vertical .txtArea{justify-content: flex-start;}
.hpc .s_vertical .rightTxt{right: unset; left: 0;}
.hpc .s_vertical .rightTxt p {transform: translateY(-50%) rotate(90deg);}
.hpc .s_txt ._title h2{width: 15em;}
.hpc .s_box .bg{width: 562px; right: 0;}
.hpc .s_box .bg::before{padding-bottom: calc(564/562*100%);}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.hpc .s_box .bg{width: max(calc(564/1280*100vw),160px);}
}
@media screen and (max-width:1024px) {
	.hpc .s_vertical .wrap{flex-direction: column-reverse;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {}
@media screen and (max-width:320px) {}