:root{
	--green:#00e100;
}
._s._about{ width: 100%; overflow: hidden; position: relative; word-break: keep-all; }

._title{text-align: center;}
._title .top{margin-bottom: 12px;}
._title h3{
	font-size: 48px;  font-weight: 700; letter-spacing: -0.02em;
	overflow: hidden; font-family: 'Roboto', sans-serif;
}
._title h3 p{}
._title .small{
	font-size: 20px; letter-spacing: -0.02em; line-height: calc(33/20);
	margin-top: calc(26/20*1em);
}
._title .small b{font-weight: 700;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	._title .top{font-size: 14px; }
	._title .small{font-size: 18px; }
}
@media screen and (max-width:1024px) {
	._title .top{font-size: 12px; }
	._title .small{font-size: 16px; }
}
@media screen and (max-width:820px) {
	._title h3{font-size: 40px; }
	._title .small{max-width: 320px; margin: 0 auto; margin-top: 20px;}
	._title .small br{display: none;}
}
@media screen and (max-width:500px) {
	._title h3{font-size: 36px; }
	._title .small{font-size: 14px; }
}
@media screen and (max-width:320px) {}




/* ------------------------------------ */

.s_story{ width: 100%; position: relative; background-color: #fff; padding: 245px 0; box-sizing: border-box; }
.s_story .wrap{ display: flex; justify-content: space-between; align-items: center; }
/* .s_story .lbx{ width: calc(1320 / 1440 * 100%); }
.s_story .rbx{ width: calc(120 / 1440 * 100%); } */
.s_story .lbx em{ font-size: 24px; letter-spacing: -0.02em; font-weight: 700; font-weight: 700; display: block; }
.s_story .lbx h1{ font-size: 123px; letter-spacing: -0.025em; font-weight: 700; font-family: 'Roboto', sans-serif; margin-top: 20px; display: block; }
.s_story .lbx p{ font-size: 20px; letter-spacing: -0.02em; font-weight: 500; line-height: calc(33 / 20); margin-top: 35px; }
.s_story .lbx p br.mob{ display: none; }
.s_story .lbx p b{ font-weight: 700; }

.s_story .rbx > a{ display: flex; padding: 5px; box-sizing: border-box; position: relative; align-items: center; }
.s_story .rbx > a span{ display: block; font-size: 17px; letter-spacing: -0.02em; margin-right: 25px; }
.s_story .rbx > a i{ font-size: 27px; }
.s_story .rbx > a .line{ position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #e7e7e7; }
.s_story .rbx > a .line span{ display: block; width: 100%; height: 2px; background-color: #00e100; position: absolute; left: 0; top: calc(100% - 2px); transition: transform .4s cubic-bezier(.45,.46,.05,.96); transform: scaleX(0); transform-origin: 100% 0; }

@media screen and (min-width: 821px){
    .s_story .rbx > a:hover .line span{ transform: scaleX(100%); transform-origin: 0 0; }
}

@media screen and (max-width: 1280px){
    .s_story{ padding: 200px 0; }
    .s_story .lbx em{ font-size: 20px; }
    .s_story .lbx h1{ font-size: 100px; }
    .s_story .lbx p{ font-size: 18px; }
    .s_story .rbx > a span{ font-size: 16px; }
    .s_story .rbx > a i{ font-size: 24px; }
}

@media screen and (max-width: 820px){
    .s_story{ padding: 120px 0; }
    .s_story .wrap{ display: block; }
    .s_story .lbx em{ font-size: 16px; }
    .s_story .lbx h1{ font-size: 60px; }
    .s_story .lbx p{ font-size: 16px; }
    .s_story .lbx p br.mob{ display: block; }
    .s_story .rbx{ display: flex; justify-content: flex-start; margin-top: 40px; }
    .s_story .rbx > a span{ font-size: 14px; }
    .s_story .rbx > a i{ font-size: 22px; }
}

@media screen and (max-width: 500px){
    .s_story{ padding: 90px 0; }
    .s_story .lbx em{ font-size: 14px; }
    .s_story .lbx h1{ font-size: 40px; margin-top: 10px; }
    .s_story .lbx p{ font-size: 14px; margin-top: 20px; }
}






.s_hori{ position: relative; height: var(--vh100); box-sizing: border-box; overflow: hidden; color: #fff; }
.s_hori .horibx{ display: flex; position: relative; box-sizing: border-box; height: 100%;  }
.s_hori .horibx .inn{ position: relative; display: flex; box-sizing: border-box; padding-right: 100px; align-items: center; padding-top: 70px; }
.s_hori .horibx .inn .bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background-size: cover; background-repeat: no-repeat; background-position: left bottom; }
.s_hori .horibx .inn .cont{ display: flex; flex-wrap: nowrap; height: 100%; }
.s_hori .horibx .inn .cont li{ width: 850px; position: relative; }
.s_hori .horibx .inn .cont li strong{ position: absolute; right: calc(100% + (60/137*1em)); top: 0; transform: translateY(-50%); font-size: 137px; letter-spacing: -0.025em; font-family: 'Roboto', sans-serif; }
.s_hori .horibx .inn .cont li .dot{ position: absolute; left: 0; top: -1px; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: #e7e7e7; transition-duration: 0.2s; }
.s_hori .horibx .inn .cont li.on .dot{ background-color: #fff; }
.s_hori .horibx .inn .cont li dl{ padding-top: 45px; padding-left: 13px; box-sizing: border-box; }
.s_hori .horibx .inn .cont li dl dt{ font-size: 32px; letter-spacing: -0.02em; line-height: calc(47 / 32); font-weight: 500; }
.s_hori .horibx .inn .cont li dl dt span{ color: #00e100; }
.s_hori .horibx .inn .cont li dl dd{ font-size: 18px; letter-spacing: -0.02em; line-height: calc(30 / 18); margin-top: 20px; color: #e7e7e7; }

.s_hori .horibx .inn .realarea{ position: relative; border-top: 2px solid rgba(255,255,255,0.18); box-sizing: border-box; padding-left: 465px;  }
.s_hori .horibx .inn .realarea .lines{ position: absolute; top: -1px; left: 465px; width: calc(100% - 465px); height: 1px; background: linear-gradient(-90deg,rgba(0, 225, 0, 1) 0%, rgba(0, 225, 0, 0) 100%); }

@media screen and (max-width: 1280px){
    .s_hori .horibx .inn .realarea{ padding-left: 325px; }
    .s_hori .horibx .inn .realarea .lines{ left: 325px; }
    .s_hori .horibx .inn .cont li strong{ font-size: 100px; right: calc(100% + 30px); }
    .s_hori .horibx .inn .cont li{ width: 650px; }
    .s_hori .horibx .inn .cont li dl dt{ font-size: 28px; }
    .s_hori .horibx .inn .cont li dl dd{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    .s_hori .horibx .inn .realarea{ padding-left: calc(5vw + 70px);  }
    .s_hori .horibx .inn .cont li strong{ font-size: 60px; right: calc(100% + 10px); }
    .s_hori .horibx .inn .cont li{ width: 450px; }
    .s_hori .horibx .inn .cont li dl dt{ font-size: 22px; }
    .s_hori .horibx .inn .cont li dl dd{ font-size: 14px; }
}

@media screen and (max-width: 500px){
    .s_hori .horibx .inn .realarea{ padding-left: 8%; }
    .s_hori .horibx .inn .realarea .lines{ left: 8%; }
    .s_hori .horibx .inn .cont li dl{ padding-top: 20px; padding-left: 10px; padding-right: 10%; }
	.s_hori .horibx .inn .cont li:last-child dl{padding-right: 30px;}
    .s_hori .horibx .inn .cont li strong{ font-size: 40px; }
    .s_hori .horibx .inn .cont li{ width: 370px; }
    .s_hori .horibx .inn .cont li dl dt{ font-size: 20px; }
    .s_hori .horibx .inn .cont li dl dd br{ display: none; }
}








.s_philosophy{background-color: #f6f6f6;}
.s_philosophy .wrap{}
.s_philosophy ._title{}
.s_philosophy .contents{
	padding-top: 116px;
}
.s_philosophy .contents ul{
	gap: 45px; display: flex;
}
.s_philosophy .contents ul li{
	position: relative;
	flex: 1;
}
.s_philosophy .contents ul li::before {
	content:''; display: block; padding-bottom: calc(580/450*100%);
}
.s_philosophy .contents ul li .inner{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	background-color: #fff; border-radius: 9px; overflow: hidden;
}
.s_philosophy .contents ul li .inner::before {
	content:''; display: block; background-image: url(/asset/img/sub/about/s_philosophy_bg.jpg);
	background-size: cover; background-position: center;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	opacity: 0;
}
.s_philosophy .contents ul li .inner > * {position: relative; z-index: 2; letter-spacing: -0.02em; text-align: center;}


/* 도형 */
.s_philosophy .contents ul li .inner .circle{
	font-size: 1px; height: 120em; width: 100%;
	margin-bottom: 50em; display: flex; align-items: center; justify-content: center;
}
.s_philosophy .contents ul li .inner .circle .line{
	border: 1px solid rgba(0,0,0,0.8); box-sizing: border-box; border-radius: 50%;
}
.s_philosophy .contents ul li .inner .circle .green{
	border-radius: 50%; background-color: var(--green);
}

/* 개별 스타일 + 모션 */
.s_philosophy .contents ul li .inner .circle.n1{
	width: 130em; height: 130em; position: relative;
	display: flex; align-items: center; justify-content: center;
}
.s_philosophy .contents ul li .inner .circle.n1 > *{position: absolute; left: 0; transform: translateX(0);}
.s_philosophy .contents ul li .inner .circle.n1 .line:nth-child(1){width: 100%; height: 100%;}
.s_philosophy .contents ul li .inner .circle.n1 .line:nth-child(2){width: 60%; height: 60%;}
.s_philosophy .contents ul li .inner .circle.n1 .green{width: 30%; height: 30%;}

@keyframes circle1 {
	0%{left:0%; transform:translateX(0%)}
	50%{left:100%; transform:translateX(-100%)}
	100%{left:0%; transform:translateX(0%)}
}

.s_philosophy .contents ul li .inner .circle.n1 .line:nth-child(2){animation: circle1 forwards infinite 4s 0.1s;}
.s_philosophy .contents ul li .inner .circle.n1 .green{animation: circle1 forwards infinite 4s;}


/* 두번째 */
.s_philosophy .contents ul li .inner .circle.n2 > * {
	position: absolute;
	width: 82em; height: 82em; animation: circle2 forwards infinite 5s;
}

.s_philosophy .contents ul li .inner .circle.n2 > *:nth-child(1){animation-delay: 0.75s; opacity: 0.25;}
.s_philosophy .contents ul li .inner .circle.n2 > *:nth-child(2){animation-delay: 0.5s; opacity: 0.5;}
.s_philosophy .contents ul li .inner .circle.n2 > *:nth-child(3){animation-delay: 0.25s; opacity: 0.75;}
.s_philosophy .contents ul li .inner .circle.n2 > *:nth-child(4){}

@keyframes circle2 {
	0%{transform:translate(-30%, 30%)}
	50%{transform:translate(30%, -30%)}
	100%{transform:translate(-30%, 30%)}
}


/* 세번째 */
.s_philosophy .contents ul li .inner .circle.n3{}
.s_philosophy .contents ul li .inner .circle.n3 > *{width: 96em; height: 96em; position: absolute;}
.s_philosophy .contents ul li .inner .circle.n3 > *:nth-child(1){animation: circle3 forwards infinite 4s ease;}
.s_philosophy .contents ul li .inner .circle.n3 > *:nth-child(2){animation: circle3 reverse infinite 4s ease;}
@keyframes circle3 {
	0%{transform: translateY(0%);}
	33%{transform: translateY(20%);}
	66%{transform: translateY(-20%);}
	100%{transform: translateY(0%);}
}


.s_philosophy .contents ul li .inner h4{}
.s_philosophy .contents ul li .inner h4 p{
	font-size: 39px; font-weight: 700;  color: #101010;
}
.s_philosophy .contents ul li .inner h4 small{
	color: var(--green); font-size: 18px; font-weight: 300;;
	display: block; margin-top: 18px; margin-bottom: 32px;
}
.s_philosophy .contents ul li .inner > p{
	color: #333333; font-size: 20px; line-height: calc(30/20);
}


/* 호버 */
.s_philosophy .contents ul li{transition: transform 1s;}
.s_philosophy .contents ul li .inner::before{transition: opacity 0.5s;}
.s_philosophy .contents ul li .inner .circle .line{transition: border-color 0.5s;}
.s_philosophy .contents ul li .inner h4 p{transition: color 0.5s;}
.s_philosophy .contents ul li .inner > p{transition: color 0.5s;}

html.pc .s_philosophy .contents ul li:hover{transform: translateY(-50px);}
html.pc .s_philosophy .contents ul li:hover .inner::before{opacity: 1;}
html.pc .s_philosophy .contents ul li:hover .inner .circle .line{border-color: #fff;}
html.pc .s_philosophy .contents ul li:hover .inner h4 p{color: #fff;}
html.pc .s_philosophy .contents ul li:hover .inner > p{color: #fff;}


html.mo .s_philosophy .contents ul li{}
html.mo .s_philosophy .contents ul li .inner::before{opacity: 1;}
html.mo .s_philosophy .contents ul li .inner .circle .line{border-color: #fff;}
html.mo .s_philosophy .contents ul li .inner h4 p{color: #fff;}
html.mo .s_philosophy .contents ul li .inner > p{color: #fff;}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_philosophy .contents{padding-top: 60px;}
	.s_philosophy .contents ul{gap: 30px;}
	.s_philosophy .contents ul li .inner .circle{font-size: calc(1/1280*100vw); }
	.s_philosophy .contents ul li .inner h4 p{font-size: 28px; }
	.s_philosophy .contents ul li .inner h4 small{font-size: 16px; margin-top: 10px; margin-bottom: 14px;}
	.s_philosophy .contents ul li .inner > p{font-size: 16px; }
}
@media screen and (max-width:1024px) {
	.s_philosophy .contents ul{gap: 10px;}
	.s_philosophy .contents ul li .inner h4 p{font-size: 20px; }
	.s_philosophy .contents ul li .inner > p{font-size: 12px; padding: 0 10px; box-sizing: border-box; max-width: 90%;}
}
@media screen and (max-width:820px) {
	.s_philosophy .contents ul li .inner h4 p{font-size: 16px; }
	.s_philosophy .contents ul li .inner h4 small{font-size: 14px; margin: 4px 0;}
	.s_philosophy .contents ul li .inner > p{font-size: 10px; }
	.s_philosophy .contents ul li .inner > p br{display: none;}
}
@media screen and (max-width:600px) {
	.s_philosophy .contents ul li::before{padding-bottom: 100%;}
	.s_philosophy .contents ul li .inner .circle{font-size: calc(1/600*100vw); }
	.s_philosophy .contents ul{flex-direction: column; gap: 20px; max-width: 300px; margin: 0 auto;}
	.s_philosophy .contents ul li .inner > p{font-size: 12px; }
	.s_philosophy .contents ul li .inner > p br{display: block;}
}
@media screen and (max-width:320px) {}











.s_awards{
	background-image: url(/asset/img/sub/about/s_awards_bg.jpg);
	background-position: center bottom; background-size: 100% auto;
	background-repeat: no-repeat;
    background-color: #fff; margin-top: -1px;
}
.s_awards .wrap{}
.s_awards .wrap ._title{}
.s_awards .contents{padding-top: 70px;}
.s_awards .contents > ul{
	display: flex; flex-wrap: wrap; gap: 50px 150px;
	margin-bottom: 120px;
}
.s_awards .contents > ul li{
	width: calc(100% / 4 - (150px * 3 / 4));
    /* cursor: pointer; */
}
.s_awards .contents > ul li .imgBx{position: relative;}
.s_awards .contents > ul li .imgBx::before {
	content:''; display: block; padding-bottom: calc(322/226*100%);
}
.s_awards .contents > ul li .imgBx::after {
	content:'\e97a'; display: flex;
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	font-family: 'xeicon' !important; color: rgba(255,255,255,0.5); font-size: 24px;
	align-items: center; justify-content: center; background-color: rgba(0,0,0,0.76);
	transition: opacity 0.5s; pointer-events: none; opacity: 0;
}
/* html.pc .s_awards .contents > ul li:hover .imgBx::after{opacity: 1;} */
.s_awards .contents > ul li .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;
}
.s_awards .contents > ul li > p{
	text-align: center; margin-top: 14px;
	font-size: 18px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.3;
}





/* 팝업 */
._awards_popup{
	position: fixed; z-index: 9999999;
	width: 100%; height: 100%; left: 0; top: 0;
	opacity: 0; pointer-events: none;
	transition: opacity 0.5s;
	overflow: auto;
}
._awards_popup.on{
	opacity: 1; pointer-events: auto;
}

._awards_popup .inner01{
	width: 100%; min-height: 100%; display: flex; align-items: center; justify-content: center; position: relative;
}
._awards_popup .inner02{
	padding: 40px 0; box-sizing: border-box; width: 90%; max-width: 400px;
}
._awards_popup .bg{
	background-color: #000; opacity: 0.76; cursor: pointer;
	position: absolute;
	width: 100vw; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%);
}
._awards_popup .cancel{
	font-size: 30px; color: #fff; text-align: center;
	cursor: pointer; margin-bottom: 14px; position: relative;
}
._awards_popup .cancel i{width: 1em; height: 1em;}
._awards_popup .imgBx{
	position: relative; margin: 0 auto;
	width: 100%; max-width: 400px; margin-bottom: 20px;
}
._awards_popup .imgBx::before {
	content:''; display: block; padding-bottom: calc(322/226*100%);
}

._awards_popup .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
._awards_popup p{
	font-size: 20px; font-weight: 500; line-height: 1.4; text-align: center;
	color: #fff; width: 100%; max-width: 500px; margin: 0 auto;
	position: relative;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_awards .contents > ul{gap: 40px 30px;}
	.s_awards .contents > ul li{width: calc(100% / 4 - (30px * 3 / 4));}
	.s_awards .contents > ul li > p{font-size: 16px; }
}
@media screen and (max-width:1024px) {}
@media screen and (max-width:820px) {
	.s_awards .contents > ul{gap: 40px 20px; margin-bottom: 80px;}
	.s_awards .contents > ul li{width: calc(100% / 3 - (20px * 3 / 4));}
	.s_awards .contents > ul li > p{font-size: 14px; }
}
@media screen and (max-width:500px) {
	.s_awards .contents > ul{gap: 30px 10px; margin-bottom: 50px;}
	.s_awards .contents > ul li{width: calc(100% / 2 - (10px * 3 / 4));}
	.s_awards .contents > ul li > p{font-size: 12px; }
}
@media screen and (max-width:320px) {}






.s_numbers{
	background-image: url(/asset/img/sub/about/s_number_bg.jpg);
	background-size: cover; background-position: center bottom;
}
.s_numbers .bg{}
.s_numbers h3{
	font-size: 72px; font-family: 'Roboto', sans-serif; line-height: 1.3; letter-spacing: -0.025em;
	color: #fff; margin-bottom: max(calc(180/72*1em),20px); text-align: center;
}
.s_numbers h3 b{
	-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-family: 'MVBoli';
    padding-right: 10px; 
    box-sizing: border-box;
}
.s_numbers .wrap{}
.s_numbers .contents{}
.s_numbers .contents .cardBx{
	position: relative; max-width: 1920px; margin: 0 auto;
	display: flex; align-items: center; justify-content: center;
	font-size: max(calc(1/1920*100vw),0.8px);
}
.s_numbers .contents .card{position: absolute;}
.s_numbers .contents .card .inner{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
.s_numbers .contents .card .inner2{
	width: 100%; height: 100%;
	background-color: #fff; border-radius: 20em;
	display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;
	box-sizing: border-box;
}

.s_numbers .contents .card:nth-child(1) .inner2{padding: 40em 50em;}
.s_numbers .contents .card:nth-child(2) .inner2{padding: 30em 40em;}
.s_numbers .contents .card:nth-child(3) .inner2{padding: 20em 30em;}
.s_numbers .contents .card:nth-child(4) .inner2{padding: 20em 30em;}
.s_numbers .contents .card:nth-child(5) .inner2{padding: 30em 40em;}
.s_numbers .contents .card:nth-child(6) .inner2{padding: 20em 30em;}

.s_numbers .contents .card:nth-child(1){position: relative;}
.s_numbers .contents .card:nth-child(1){width:394em; height:381em;}
.s_numbers .contents .card:nth-child(2){width:283em; height:264em;}
.s_numbers .contents .card:nth-child(3){width:229em; height:205em;}
.s_numbers .contents .card:nth-child(4){width:200em; height:200em;}
.s_numbers .contents .card:nth-child(5){width:313em; height:278em;}
.s_numbers .contents .card:nth-child(6){width:200em; height:200em;}

.s_numbers .contents .card:nth-child(2){transform: translate(-400em,-140em);}
.s_numbers .contents .card:nth-child(3){transform: translate(-360em,160em);}
.s_numbers .contents .card:nth-child(4){transform: translate(40em,330em);}
.s_numbers .contents .card:nth-child(5){transform: translate(410em,140em);}
.s_numbers .contents .card:nth-child(6){transform: translate(420em,-140em);}

.s_numbers .contents .card h4{
	font-size: 18em;
	font-weight: 600; line-height: calc(33/20); letter-spacing: -0.025em;
}
.s_numbers .contents .card:nth-child(1) h4{font-size: 20em;}

.s_numbers .contents .card .bottom{
	font-family: 'Roboto', sans-serif; font-weight: 600; letter-spacing: -0.025em;
	display: flex; align-items: flex-end; transform: translateY(-10%);
}

.s_numbers .contents .card:nth-child(1) .bottom{font-size: 62em; }
.s_numbers .contents .card:nth-child(2) .bottom{font-size: 56em; }
.s_numbers .contents .card:nth-child(3) .bottom{font-size: 40em; }
.s_numbers .contents .card:nth-child(4) .bottom{font-size: 40em; }
.s_numbers .contents .card:nth-child(5) .bottom{font-size: 56em; }
.s_numbers .contents .card:nth-child(6) .bottom{font-size: 40em; }

.s_numbers .contents .card .bottom .odometer{transform: translateY(10%);}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default{ font-family: 'Roboto', sans-serif; }

/* 호버 */
.s_numbers .contents .card .inner2{transition: background-color 0.8s,transform 0.8s;}
.s_numbers .contents .card .bottom{transition: 0.8s;}

html.pc .s_numbers .contents .card:hover .inner2{background-color: #fff; transform: scale(1.1);}
html.pc .s_numbers .contents .card:hover .inner2 .bottom{transform: scale(1.1);}
html.pc .s_numbers .contents .card:hover .bottom{color: var(--green);}

html.mo .s_numbers .contents .card:nth-child(1) .inner2{background-color: #fff;}


.s_numbers .swiper{display: none;}

.s_numbers .swiper .swiper-slide{
	font-size: 1px;
	width: 300em; height: 300em; background-color: #fff; border-radius: 10px;
	background-color: rgba(255,255,255,0.6);
	display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between;
	box-sizing: border-box; transition: background-color 0.5s;
	padding: 30em 40em;
}
.s_numbers .swiper .swiper-slide-active{background-color: #fff;}
.s_numbers .swiper .swiper-slide h4{
	font-size: 22em;
	font-weight: 600; line-height: calc(33/20); letter-spacing: -0.025em;
}

.s_numbers .swiper .swiper-slide .bottom{
	font-size: 50em;
	font-family: 'Roboto', sans-serif; font-weight: 600; letter-spacing: -0.025em;
	display: flex; align-items: flex-end; transform: translateY(-10%);
}
.s_numbers .swiper .swiper-slide .bottom .odometer{transform: translateY(10%);}
@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_numbers h3{font-size: max(calc(72/1280*100vw),42px); }
}
@media screen and (max-width:1024px) {
	.s_numbers .contents .cardBx{font-size: 0.7px; }
}
@media screen and (max-width:820px) {
	.s_numbers .contents .cardBx{display: none;}
	.s_numbers .swiper{display: block;}
}
@media screen and (max-width:500px) {
	.s_numbers h3{font-size: max(calc(32/500*100vw),28px); margin-bottom: 2em;}
	.s_numbers .swiper .swiper-slide{font-size: calc(1/500*100vw); }
}
@media screen and (max-width:320px) {}





.s_history{}
.s_history ._title{}

.s_history .marqueeBx{
	padding-top: 108px; padding-bottom: 245px;
}
.s_history .marqueeBx ._marquee{display: flex;}
.s_history .marqueeBx ._marquee:nth-child(1){margin-bottom: 20px;}
.s_history .marqueeBx ._marquee:nth-child(2){justify-content: flex-end;}

.s_history .marqueeBx ._marquee > div{
	display: flex; gap: 20px;
	flex: 0 0 auto;
}
.s_history .marqueeBx ._marquee:nth-child(1) > div{ animation: marquee forwards infinite 30s linear;}
.s_history .marqueeBx ._marquee:nth-child(2) > div{ animation: marqueeReverse forwards infinite 30s linear;}
@keyframes marquee {
	0%{transform:translateX(0%)}
	100%{transform:translateX(-50%)}
}

@keyframes marqueeReverse {
	0%{transform:translateX(0%)}
	100%{transform:translateX(50%)}
}

.s_history .marqueeBx ._marquee .imgBx{
	flex-shrink: 0;
	border: 1px solid #eeeeee; box-sizing: border-box;
	width: 272px; height: 140px; border-radius: 9px;
	display: flex; align-items: center; justify-content: center;
}
.s_history .marqueeBx ._marquee .imgBx img{}

.s_history .bottom{}
.s_history .bottom .wrap{
	display: flex; align-items: flex-start; justify-content: space-between;
	letter-spacing: -0.025em; gap: 20px;
}
.s_history .bottom .wrap ._title{text-align: left;}
/* .s_history .bottom .wrap ._title h3{
	font-size: 80px; font-weight: 600; font-family: 'Roboto', sans-serif;
} */
.s_history .bottom .wrap .list{
	max-width: 800px; position: relative;
}
.s_history .bottom .wrap .list .line{
	position: absolute; left: 148px; top: 50%; width: 2px; height: calc(100% - 40px); transform: translateY(-50%);
	background-color: #cccccc; z-index: 1;
}
.s_history .bottom .wrap .list .line .green{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	background-color: var(--green); transform: scaleY(0); transform-origin: center top;
}
.s_history .bottom .wrap .list .line .dot{
	position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%);
	width: 24px; height: 24px; border-radius: 50%;
	background-color: #00e10017;
	display: flex; align-items: center; justify-content: center;
}
.s_history .bottom .wrap .list .line .dot div{width: 65%; height: 65%; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.s_history .bottom .wrap .list .line .dot > div{background-color: #00e10058;}
.s_history .bottom .wrap .list .line .dot > div > div{background-color: #00e100;}
.s_history .bottom .wrap .list .rowBx{
	display: flex; flex-direction: column; align-items: flex-start;
	gap: 87px;
}
.s_history .bottom .wrap .list .rowBx .row{
	display: flex; align-items: flex-start;
}
.s_history .bottom .wrap .list .rowBx .row .year{
	display: flex; align-items: center; min-width: calc(214/40*1em);
	font-size: 40px; position: relative;
}
.s_history .bottom .wrap .list .rowBx .row h5{
	font-family: 'Roboto', sans-serif; font-weight: 600;
}
.s_history .bottom .wrap .list .rowBx .row .dot{
	position: absolute; right: calc(65/40*1em); transform: translateX(50%);
	width: 7px; height: 7px; border-radius: 50%; background-color: #cccccc;
}
.s_history .bottom .wrap .list .rowBx .row .txtBx{padding-top: 7px;}
.s_history .bottom .wrap .list .rowBx .row .txtBx .txt{
	display: flex; align-items: flex-start; margin-bottom: 12px;
}
.s_history .bottom .wrap .list .rowBx .row .txtBx .txt:last-child{margin-bottom: 0;}
.s_history .bottom .wrap .list .rowBx .row .txtBx .txt em{
	font-family: 'Roboto', sans-serif; font-size: 24px; font-weight: 600;
	min-width: calc(48/24*1em);
}
.s_history .bottom .wrap .list .rowBx .row .txtBx .txt p{
	font-size: 18px; line-height: 1.3;
}

@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_history .marqueeBx ._marquee:nth-child(1){margin-bottom: 10px;}
	.s_history .marqueeBx ._marquee > div{gap: 10px;}
	.s_history .marqueeBx ._marquee .imgBx{width: 200px; height: 80px;}
	.s_history .marqueeBx ._marquee .imgBx img{max-height: 40px;max-width: 100px;}
}
@media screen and (max-width:1024px) {
	.s_history .marqueeBx{padding-top: 120px; padding-bottom: 160px;}
	.s_history .bottom .wrap{flex-direction: column; gap: 100px;}
	.s_history .bottom .wrap .list{max-width: unset;}
}
@media screen and (max-width:820px) {
    .s_history .bottom .wrap ._title{text-align: center; width: 100%;}

	.s_history .bottom .wrap .list .rowBx {gap: 60px;}
	.s_history .bottom .wrap .list .rowBx .row .year{font-size: 30px; }
	.s_history .bottom .wrap .list .line{left: 111px; height: calc(100% - 30px);}

	.s_history .bottom .wrap .list .rowBx .row .txtBx .txt em{font-size: 20px; }
	.s_history .bottom .wrap .list .rowBx .row .txtBx .txt p{font-size: 16px; }
}
@media screen and (max-width:500px) {
	.s_history .marqueeBx{padding: 60px 0; padding-bottom: 120px;}
	.s_history .marqueeBx ._marquee .imgBx{width: 160px; height: 60px;}
	.s_history .marqueeBx ._marquee .imgBx img{max-height: 30px;max-width: 80px;}

	.s_history .bottom .wrap{gap: 80px;}
	.s_history .bottom .wrap .list .rowBx {gap: 40px;}
	.s_history .bottom .wrap .list .rowBx .row .year{font-size: 20px; min-width: 74px;}
	.s_history .bottom .wrap .list .rowBx .row .dot{right: 14px;}
	.s_history .bottom .wrap .list .line{left: 59px; height: calc(100% - 22px);}

	.s_history .bottom .wrap .list .rowBx .row .txtBx{padding-top: 3px;}
	.s_history .bottom .wrap .list .rowBx .row .txtBx .txt em{font-size: 16px; }
	.s_history .bottom .wrap .list .rowBx .row .txtBx .txt p{font-size: 13px; }
}
@media screen and (max-width:320px) {}





.s_location{}
.s_location .wrap{}
.s_location .wrap ._title{}
.s_location .wrap .contents{padding-top: 60px;}

.s_location .wrap .top{
	display: flex; margin-bottom: 40px;
}
.s_location .wrap .top .bx{
	flex: 1; padding-left: 32px; box-sizing: border-box;
	display: flex; flex-direction: column; align-items: flex-start;
	letter-spacing: -0.02em; position: relative;
}
.s_location .wrap .top .bx::before {
	content:''; display: block; width: 2px; height: 64px;
	position: absolute; left: 0; top: 0; background-color: #000;
}
.s_location .wrap .top .bx h4{
	font-size: 18px;  font-weight: 600; line-height: 1.3; color: #0a0a0a;
	margin-bottom: 12px;
}
.s_location .wrap .top .bx > div{
	font-size: 18px; line-height: 1.3;
	display: flex; align-items: flex-start; gap: 10px 30px;
}
.s_location .wrap .top .bx > div div{
	display: flex; align-items: center; justify-content: flex-start; gap: 7px;
}
.s_location .wrap .top .bx > div .circle{
	font-size: calc(14/18*1em); width: calc(24/14*1em); height: calc(24/14*1em);
	background-color: #c7a964; border-radius: 50%;
	display: flex; align-items: center; justify-content: center; color: #fff;
}

.s_location .wrap .map{position: relative; filter: saturate(0); transition-duration: 0.2s;}
.s_location .wrap .map::before {
	content:''; display: block; padding-bottom: calc(400/1440*100%);
}
.s_location .wrap .map > div{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
}
.s_location .wrap .map .root_daum_roughmap .wrap_map{height: calc(100% - 32px);}
.s_location .wrap .map .root_daum_roughmap .cont{display: none !important;}
/* .s_location .wrap .map .root_daum_roughmap .wrap_controllers{display: none !important;} */

@media screen and (min-width: 821px){
    .s_location .wrap .map:hover{ filter: saturate(1); }
}


.s_location .wrap .imgArea{
	display: flex; gap: 30px; padding-top: 30px;
}
.s_location .wrap .imgArea .imgBx{
	flex: 1;
	border-radius: 9px; overflow: hidden; position: relative;
}
.s_location .wrap .imgArea .imgBx::before {
	content:''; display: block; padding-bottom: calc(300/460*100%);
}
.s_location .wrap .imgArea .imgBx img{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	transition: transform 0.8s;
}
html.pc .s_location .wrap .imgArea .imgBx:hover img{transform: scale(1.2);}


@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {
	.s_location .wrap .top .bx{padding-left: 30px;}
	.s_location .wrap .top .bx > div{font-size: 14px; }
}
@media screen and (max-width:1024px) {
	.s_location .wrap .top{flex-direction: column; margin-bottom: 0;}
	.s_location .wrap .top .bx{padding-bottom: 14px; margin-bottom: 14px;}
	.s_location .wrap .top .bx:last-child::before {display: none;}
	.s_location .wrap .top .bx::before {
		content:''; display: block; width: 100%; height: 1px; left: 0; bottom: 0; top: unset;
		background-color: #eee;
	}
}
@media screen and (max-width:820px) {
	.s_location .wrap .imgArea{gap: 10px; padding-top: 10px;}
    .s_location .wrap .map{ filter: saturate(1); }
	.s_location .wrap .map::before{padding-bottom: 40%;}
	.s_location .wrap .imgArea .imgBx{border-radius: 4px;}
}
@media screen and (max-width:500px) {
	.s_location .wrap .top .bx{padding-left: 0;}
	.s_location .wrap .imgArea{flex-direction: column;}
}
@media screen and (max-width:320px) {}




/* -----------------간격 일괄 조절------------------- */
.s_philosophy{padding-top: 140px; padding-bottom: 150px;}
.s_awards{padding-top: 140px; padding-bottom: 120px;}
.s_numbers{padding-top: 140px; padding-bottom: 400px;}
.s_history{padding-top: 150px; padding-bottom: 150px; background-color: #fff;}
.s_location{padding-top: 150px; padding-bottom: 150px;background-color: #fff;}

@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_numbers{padding-bottom: 200px;}
	.s_location{padding-top: 80px;}
}
@media screen and (max-width:820px) {
	.s_location{padding-top: 40px;}
}
@media screen and (max-width:500px) {
	.s_philosophy{padding: 100px 0;}
	.s_awards{padding: 100px 0;}
	.s_numbers{padding: 100px 0;}
	.s_history{padding: 100px 0;}
	.s_location{padding-bottom: 120px;}
}
@media screen and (max-width:320px) {}