@charset "utf-8";

/* 
 * content CSS Document
 *
 */

/* ready */
.ready-page{
	&{padding:80rem 0 50rem; text-align:center;}
	strong{display:block; font-size:35rem;}
	strong i{opacity:0.2; display:block; margin-bottom:10rem; font-size:45rem;}
	p{margin-top:20rem; font-size:18rem; line-height:1.4;}
}
/* ready-반응형 */
@media screen and (max-width:480px){
	.ready-page{
		&{padding-top:20rem;}
		strong{font-size:30rem;}
		p{font-size:16rem; word-break:keep-all;}
		p br{display:none;}
	}
}

/* sub visual */
.area-subVisual{overflow:hidden; position:relative; height:700rem;}
.area-subVisual .img--name{position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 0; background-size:cover; transform:scale(1.08); transition:transform 3s cubic-bezier(0.5, 0.24, 0.59, 0.77);}
.area-subVisual .inr{display:flex; flex-wrap:wrap; align-items:center; align-content:center; max-width:1600rem; height:100%; margin:0 auto; padding:0 var(--pagd-pad); color:var(--color-white);}
.area-subVisual .page-title{flex:0 1 100%; margin-bottom:35rem; font-size:30rem; font-weight:600;}
.area-subVisual .page-sub{flex:0 1 100%; font-family:var(--font-eng); font-size:100rem; font-weight:500; line-height:1;}
.area-subVisual .page-title,
.area-subVisual .page-sub{opacity:0; transform:translateY(20rem); transition:1s ease; transition-property:opacity, transform;}
.area-subVisual.is-motion .page-title,
.area-subVisual.is-motion .page-sub{opacity:1; transform:translateY(0);}
.area-subVisual.is-motion .page-title{transition-delay:0.2s;}
.area-subVisual.is-motion .page-sub{transition-delay:0.35s;}
.area-subVisual.is-motion .img--name{transform:scale(1);}
/* sub visual - 반응형 */
@media screen and (max-width:1024px){
	.area-subVisual{height:500rem;}
	.area-subVisual .inr{padding-left:50rem;}
	.area-subVisual .page-sub{font-size:60rem;}
}
@media screen and (max-width:580px){
	.area-subVisual{height:400rem;}
	.area-subVisual .inr{padding-left:var(--pagd-pad);}
	.area-subVisual .page-sub{font-size:50rem;}
	.area-subVisual .page-title{margin-bottom:20rem; font-size:25rem;}
}
@media screen and (max-width:480px){
	.area-subVisual{height:350rem;}
	.area-subVisual .page-sub{font-size:40rem;}
	.area-subVisual .page-title{font-size:20rem;}
}

/* layout */
#container{display:flex; align-items:stretch;}
#content{flex:auto; padding-bottom:70rem; background-color:#f6f6f6; overflow: hidden;}
[data-subarea]{padding:110rem var(--pagd-pad);}
[data-subarea] ~ [data-subarea]{padding-top:0;}
#header.sub-scroll h1,
#header.sub-scroll .gnb-pc{opacity:0; visibility:hidden;}
/* layout - 반응형 */
@media screen and (max-width:1024px){
	#container{flex-wrap:wrap; align-items:flex-start;}
}
@media screen and (max-width:768px){
	[data-subarea]{padding-top:100rem; padding-bottom:100rem;}
}
@media screen and (max-width:620px){
	[data-subarea]{padding-top:80rem; padding-bottom:80rem;}
}
@media screen and (max-width:480px){
	[data-subarea]{padding-top:65rem; padding-bottom:65rem;}
}

/* title */
.sub-title{display:flex; flex-wrap:wrap; align-items:flex-end; gap:75rem 24rem; padding-bottom:45rem;}
.sub-title.space {justify-content: space-between;}
.sub-title:not(.no-line):before{content:''; display:block; width:100%; height:1rem; background-image:linear-gradient(90deg, #ee8206 40rem, rgba(0,0,0,0) 40rem, rgba(0,0,0,0) 50rem, rgba(0,0,0,0.15) 50rem);}
[data-subtitle="title"]{font-size:45rem; font-weight:600;}
[data-subtitle="sub"]{opacity:0.4; display:block; font-family:var(--font-combine); font-size:20rem; font-weight:600; text-transform:uppercase; text-align:center;}
.sub-title__top {padding: 0 0 30rem 50rem; font-size: 30rem;}
/* title - 반응형 */
@media screen and (max-width:480px){
    .sub-title {gap: 65rem 15rem; padding-bottom: 35rem;}
	[data-subtitle="title"]{font-size:30rem;}
	[data-subtitle="sub"]{font-size:16rem;}
}



[data-ani]{opacity:0; transition:transform 1.6s ease, opacity 1.3s ease; transform-style:preserve-3d; will-change:transform;}
[data-ani].is_moved{opacity:1; transform:none; position: relative; z-index: 9;}
[data-ani="img"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-ani="top"]{transform:translateY(70rem); transition-delay:0.1s;}
[data-ani="right"]{transform:translateX(70rem); transition-delay:0.1s;}
[data-ani="left"]{transform:translateX(-70rem); transition-delay:0.1s;}
[data-ani="scale"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}
[data-ani="rotate"]{transform:scale(1.15); transition-delay:0.1s; opacity:1 !important;}

/* start motion  for All contents */
.motion-on [data-motion]{transition:transform 1.4s ease, opacity 1.3s ease;transform: none;opacity:1;will-change: transform;}
[data-motion]{opacity:0;}
[data-motion="scrollTop"]{transform:translate(0%, 40%) matrix3d(1, 0, 0, 0, 0, 0.997564, 0.0697565, -0.00028, 0, -0.0697565, 0.997564, -0.00249391, 0, 0, 40, 0.9);}
[data-motion="top"]{transform: translateY(70rem);transition-delay:0.1s;}
[data-motion="right"]{transform:translateX(140rem); transition-delay:0.1s;}
[data-motion="scale"]{opacity:1 !important; transform:scale(1.15); transition-delay:0.1s;}
[data-motion="txt"].motion_in > *{transform:translateY(0);display: block;}
[data-motion="txt"] > *{opacity:1; transition:all 0.9s ease; transform:translateY(100%);}
[data-motion="txt"]{/* opacity:1 !important; */overflow:hidden; transition-delay:0.5s;}

/* delay set */
[data-delay="100"]{transition-delay:100ms !important;}
[data-delay="150"]{transition-delay:150ms !important;}
[data-delay="200"]{transition-delay:200ms !important;}
[data-delay="250"]{transition-delay:250ms !important;}
[data-delay="300"]{transition-delay:300ms !important;}
[data-delay="350"]{transition-delay:350ms !important;}
[data-delay="400"]{transition-delay:400ms !important;}
[data-delay="450"]{transition-delay:450ms !important;}
[data-delay="500"]{transition-delay:500ms !important;}
[data-delay="550"]{transition-delay:550ms !important;}
[data-delay="600"]{transition-delay:600ms !important;}
[data-delay="650"]{transition-delay:650ms !important;}

/* 기업현황 */
.wave-slide {margin-top: 110rem;}
.sub0101_slide .swiper-wrapper {-webkit-transition-timing-function:linear!important; -o-transition-timing-function:linear!important; transition-timing-function:linear!important;}
.sub0101_slide .swiper-slide {width: auto !important;}
.sub0101_slide .swiper-slide .img{overflow:hidden; display:block; width:clamp(450rem, 32.031vw ,615rem); border-radius:10rem; aspect-ratio:123/88;}
.sub0101_slide .swiper-slide img {object-fit:cover; width:100%; height:100%; }
.sub0101_slide .swiper-slide:nth-child(even) {margin-top: 97rem;}
@media screen and (max-width:1300px) {
    .sub0101_slide .swiper-slide:nth-child(even) {margin-top: 30rem;}
}
@media screen and (max-width:768px) {
    .wave-slide {margin-top: 80rem;}
}
@media screen and (max-width:480px) {
    .wave-slide {margin-top: 65rem;}
	.sub0101_slide .swiper-slide .img{width:300rem;}
}

.greeting-cont {position: relative; display: flex; gap: 60rem;}
.greeting-cont::before {content: ''; position: absolute; top: 18%; left: 50%; background: url('../images/content/s010103.png') no-repeat; background-size: contain; width: 651rem; height: 543rem; transform: translateX(-50%);}
.greeting-cont__img img {border-radius: 10rem; width: 100%;}
.greeting-cont__txt {width: 55%; flex-grow: 1; }
.greeting-cont__txt p {font-size: 20rem; font-weight: 300; color: #111; line-height: 1.7;}
.greeting-cont__txt p:nth-child(n+2) {margin-top: 44rem;}
.greeting-cont__txt span {display: flex; gap: 12rem; justify-content: right; margin-top: 50rem; font-size: 20rem; font-weight: 300;}
.greeting-cont__txt span b {font-weight: 600;}
@media screen and (max-width:1580px) {
    .greeting-cont__txt p br {display: none;}
}
@media screen and (max-width:1300px) {
    .greeting-cont__img {width: 30%;}
}
@media screen and (max-width:768px) {
    .greeting-cont {flex-direction: column;}
    .greeting-cont__img {width: 100%; height: 400rem; overflow: hidden; border-radius: 10rem;}
    .greeting-cont__img img {margin-top: -310rem;}
    .greeting-cont__txt {width: 100%;}
    .greeting-cont::before {top: 42%;}
}
@media screen and (max-width:620px) {
    .greeting-cont__img img {margin-top: -220rem;}
    .greeting-cont::before {width: 500rem; height: 426rem;}
    .greeting-cont__txt p:nth-child(n+2) {margin-top: 30rem;}
}
@media screen and (max-width:480px) {
    .greeting-cont {gap: 30rem;}
    .greeting-cont::before {width: 330rem; height: 276rem;}
    .greeting-cont__img {height: 300rem;}
    .greeting-cont__img img {margin-top: -10rem;}
    .greeting-cont__txt p {font-size: 16rem;}
    .greeting-cont__txt p:nth-child(n+2) {margin-top: 20rem;}
    .greeting-cont__txt span {margin-top: 35rem; font-size: 16rem;}
}

.overview-cont {display: flex; justify-content: space-between; padding: 53rem 35rem; background: #fff; border-radius: 10rem; box-sizing: border-box;}
.overview-cont__info strong {display: block; font-size: 23rem;}
.overview-cont__info dl {margin-top: 30rem; font-size: 18rem;}
.overview-cont__info dl div {position: relative; padding-left: 20rem;}
.overview-cont__info dl div::before {content: ''; position: absolute; top: 7rem; left: 0; width: 5rem; height: 5rem; border-radius: 100%; background: #ef8202;}
.overview-cont__info dl div:nth-child(n+2) {margin-top: 18rem;}
.overview-cont__info dl dt {font-weight: 500;}
.overview-cont__info dl dd {font-weight: 300; padding-top: 8rem; line-height: 1.5;}
.overview-cont__img img {width: 100%; border-radius: 10rem;}
@media screen and (max-width:1300px) {
    .overview-cont__img {width: 40%;}
}
@media screen and (max-width:1300px) {
    .overview-cont {flex-direction: column-reverse; gap: 50rem;}
    .overview-cont__img {width: 100%}
}
@media screen and (max-width:480px) {
	.overview-cont{padding:40rem 20rem;}
    .overview-cont__info strong {font-size: 20rem;}
    .overview-cont__info dl {margin-top: 20rem;}
    .overview-cont__info dl {font-size: 16rem;}
    .overview-cont__info dl div {padding-left: 15rem;}
    .overview-cont__info dl div::before {width: 3rem; height: 3rem;}
}

.history-cont {display: flex;}
.history-cont:nth-child(n+2) {margin-top: 5rem;}
.history-cont strong {display: block; width: 450rem; margin-top: 20rem; font-size: 55rem; color: #d0d0d0; transition:color 0.5s ease;}
.history-cont strong.active {color: #111;}
.history-cont ul {flex-grow: 1;}
.history-cont ul li {flex-grow: 1; padding: 0 50rem; box-sizing: border-box; border-radius: 10rem; background: #fff;}
.history-cont ul li:nth-child(n+2) {margin-top: 5rem;}
.history-cont ul li div {position: relative; display: flex; align-items: center; gap: 32rem; height: 100rem; }
.history-cont ul li div::before {content: ''; position: absolute; top: 50%; left: 0; width: 5rem; height: 5rem; border-radius: 100%; background: #ef8202; transform: translateY(-50%);}
.history-cont ul li em {padding-left: 14rem; font-size: 23rem; font-weight: 500}
.history-cont ul li p {font-size: 20rem; font-weight: 300;}
@media screen and (max-width:1300px) {
    .history-cont {flex-direction: column;}
    .history-cont:nth-child(n+2) {margin-top: 60rem;}
    .history-cont strong {width: 100%; margin-top: 0;}
    .history-cont ul {margin-top: 30rem;}   
}
@media screen and (max-width:768px) {
    .history-cont strong {font-size: 45rem;}
}
@media screen and (max-width:620px) {
    .history-cont ul li {padding: 30rem;}
    .history-cont ul li div {height: auto; flex-direction: column; gap: 5rem 0; align-items: unset; padding-left: 20rem;}
    .history-cont ul li div::before {top: 10rem; transform: unset;}
    .history-cont ul li em {padding-left: 0; font-size: 20rem;}
    .history-cont ul li p {font-size: 18rem;}
}
@media screen and (max-width:480px) {
    .history-cont strong {font-size: 40rem;}
    .history-cont ul li {padding: 20rem 30rem;}
    .history-cont ul li div {padding-left: 15rem;}
    .history-cont ul li div::before {top: 8rem; width: 3rem; height: 3rem;}
    .history-cont ul li em {font-size: 16rem;}
    .history-cont ul li p {font-size: 14rem; line-height: 1.5;}
}

.organ-ceo {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 195rem; height: 195rem; margin: 0 auto; background: linear-gradient(to top, #008bd6, #006e32, #f08200); border: 5rem solid #fff; border-radius: 100%; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}
.organ-ceo::before {content: ''; position: absolute; top: 200rem; left: 50%; width: 2rem; height: 169%; background: rgba(0,0,0,0.1); transform: translateX(-50%);}
.organ-ceo::after {content: ''; position: absolute; right: -115%; top: 50%; width: 115%; height: 2rem; background: rgba(0,0,0,0.1); transform: translateY(-50%);}
.organ-ceo span {display: block; font-size: 16rem; font-weight: 600; color: rgba(255,255,255,.2);}
.organ-ceo strong {display: block; padding-top: 13rem; font-size: 23rem; font-weight: 500; color: #fff;}
.organ-ceo__ep {position: absolute; top: 50%; right: -447rem; display: flex; align-items: center; justify-content: center; width: 220rem; height: 80rem; border-radius: 100rem; background: #fff; border: 3rem solid #9facb2; font-size: 20rem; font-weight: 500; transform: translateY(-50%); z-index: 1;}
.organ-ep {padding-top: 56rem;}
.organ-ep p {position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 250rem; height: 80rem; margin: 0 auto; background: #dcf0f9; border-radius: 100rem; border: 3rem solid #668593; font-size: 20rem; font-weight: 500;}
.organ-ep p:nth-child(2) {margin-top: 40rem;}
.organ-box {position: relative; padding-top: 34rem; margin-top: 62rem;}
.organ-box::before {content: ''; position: absolute; top: 0; left: 50%; width: calc(100% - 320rem); height: 2rem; background: rgba(0,0,0,0.1); transform: translateX(-50%);}
.organ-box ul {display: grid; grid-template-columns: repeat(4, 1fr);}
.organ-box ul li {position: relative;}
.organ-box ul li i {position: absolute; top: -50rem; left: 50%; display: flex; align-items: center; justify-content: center; width: 100rem; height: 100rem; border-radius: 100%; transform: translateX(-50%); z-index: 1;}
.organ-box ul li:nth-child(odd) i {background: #257354;}
.organ-box ul li:nth-child(even) i {background: #ed8307;}
.organ-box ul li:nth-child(1) i img {height: 33rem;}
.organ-box ul li:nth-child(2) i img {height: 31rem;}
.organ-box ul li:nth-child(3) i img {height: 35rem;}
.organ-box ul li:nth-child(4) i img {height: 29rem;}
.organ-box__txt {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 252rem; height: 247rem; margin: 0 auto; border-radius: 10rem; border: 3rem solid transparent; background-origin: border-box; background-clip: padding-box, border-box;}
.organ-box__txt em {display: block; font-size: 22rem; font-weight: 600; z-index: 1;}
.organ-box__txt span {display: block; padding-top: 34rem; font-size: 18rem; font-weight: 300; z-index: 1;}
.organ-box ul li:nth-child(odd) .organ-box__txt {background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #257354, #f6f6f6);}
.organ-box ul li:nth-child(even) .organ-box__txt {background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #ed8307, #f6f6f6);}
@media screen and (max-width:1300px) {
    .organ-ceo__ep {right: -347rem;}
    .organ-box__txt {width: auto;}
    .organ-box ul {gap: 30rem;}
    .organ-box::before {width: calc(100% - 270rem);}
}
@media screen and (max-width:768px) {
    .organ-ceo {width: 170rem; height: 170rem;}
    .organ-ceo::before {top: 170rem; height: 154%;}
    .organ-ceo__ep {width: 150rem; height: 60rem; right: -250rem;}
    .organ-ep {padding-top: 40rem;}
    .organ-ep p {width: 180rem; height: 60rem;}
    .organ-ep p:nth-child(2) {margin-top: 25rem;}
    .organ-box ul {gap: 20rem;} 
    .organ-box ul li i {top: -35rem; width: 70rem; height: 70rem;}
    .organ-box ul li:nth-child(1) i img {height: 23rem;}
    .organ-box ul li:nth-child(2) i img {height: 21rem;}
    .organ-box ul li:nth-child(3) i img {height: 25rem;}
    .organ-box ul li:nth-child(4) i img {height: 19rem;}
    .organ-box {padding-top: 15rem;}
    .organ-box__txt {height: 185rem;}
    .organ-box__txt::before {height: 180rem;}
    .organ-box__txt em {font-size: 19rem;}
    .organ-box__txt span {padding-top: 20rem; font-size: 16rem;}
    .organ-box::before {width: calc(100% - 150rem);}
}
@media screen and (max-width:620px) {
    .organ-ceo__ep {right: -210rem;}
    .organ-box::before {width: calc(100% - 240rem);}
    .organ-box ul {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:480px) {
    .organ-ceo {width: 130rem; height: 130rem;}
    .organ-ceo::before {top: 130rem; height: 183%;}
    .organ-ceo::after {right: -78%; width: 78%;}
    .organ-ceo strong {padding-top: 8rem; font-size: 20rem;}
    .organ-ceo__ep {width: 80rem; height: 45rem; right: -104rem; font-size: 16rem;}
    .organ-ep {padding-top: 25rem;}
    .organ-ep p {height: 55rem; font-size: 16rem;}
    .organ-box::before {width: calc(100% - 210rem);}
    .organ-box__txt em {font-size: 16rem;}
    .organ-box__txt span {padding-top: 14rem; font-size: 14rem;}
}


/* 비전 */
.vision-top {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; background: url('../images/content/s010201.jpg') no-repeat center/cover; height: 587rem; border-radius: 10rem;}
.vision-top::before {content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #f6f6f6; z-index: 1; transition: all 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) 0s;}
.vision-top.active {opacity: 1; transition: 5s;}
.vision-top.active::before {width: 0;}
.vision-top h3 {font-size: 50rem; color: #fff;}
.vision-top i {display: block; width: 1rem; height: 45rem; margin: 6rem 10rem; background: #fff;}
.vision-top p {font-size: 40rem; color: #fff; line-height: 1.7; text-align: center;}
.vision-diagram {position: relative; margin: 270rem 0 150rem;}
.vision-dg__center {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 255rem; height: 255rem; margin: 0 auto; background: linear-gradient(to top, #008bd6, #006e32, #f08200); border: 5rem solid #fff; border-radius: 100%; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}
.vision-dg__center span {display: block; font-size: 15rem; font-weight: 300; color: #fff;}
.vision-dg__center strong {display: block; padding-top: 10rem; font-size: 32rem; font-weight: 500; color: #fff;}
.vision-dg__center::before {content: ''; position: absolute; top: 50%; left: 50%; width: 402rem; height: 402rem; border-radius: 100%; border: 50rem solid transparent; transform: translate(-50%, -50%); background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #008bd6, #006e32, #f08200); background-origin:border-box; background-clip:padding-box, border-box; opacity: .1;}
.vision-dg__center::after {content: ''; position: absolute; top: 50%; left: 50%; width: 594rem; height: 594rem; border-radius: 100%; border: 50rem solid transparent; transform: translate(-50%, -50%); background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #008bd6, #006e32, #f08200); background-origin:border-box; background-clip:padding-box, border-box; opacity: .03;}
.vision-dg__cont {position: absolute; top: 50%; left: 50%; width: 1290rem; transform: translate(-50%, -50%);}
.vision-dg__cont ul {display: grid; grid-template-columns: 1fr 1fr; gap: 114rem 290rem;}
.vision-dg__cont ul li {position: relative; height: 197rem; border-radius: 100rem; border: 3rem solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #008bd6, #006e32); background-origin:border-box; background-clip:padding-box, border-box;}
.vision-dg__cont ul li:nth-child(1) i img {height: 41rem;}
.vision-dg__cont ul li:nth-child(2) i img {height: 42rem;}
.vision-dg__cont ul li:nth-child(3) i img {height: 47rem;}
.vision-dg__cont ul li:nth-child(4) i img {height: 36rem;}
.vision-dg__cont ul li p {padding-top: 93rem; text-align: center; font-size: 17rem; font-weight: 300; line-height: 1.7; word-break:keep-all;}
.vision-dg__smCir {position: absolute; top: -85rem; left: 50%; width: 170rem; height: 170rem; display: flex; gap: 7rem 0; flex-direction: column; align-items: center; justify-content: center; border-radius: 100%; background: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,.1); transform: translateX(-50%)}
.vision-dg__smCir span {font-size: 20rem; font-weight: 600;}
@media screen and (max-width:1780px) {
    .vision-dg__cont {width: 100%;}
    .vision-dg__cont ul li {border-radius: 10rem; height: auto;}
    .vision-dg__cont ul li p {padding: 100rem 30rem 30rem;}
    .vision-dg__cont ul li p br {display: none;}
}
@media screen and (max-width:1300px) {
    .vision-diagram {margin: 300rem 0 150rem;}
}
@media screen and (max-width:1024px) {
    .vision-diagram {margin: 320rem 0 150rem;}
}
@media screen and (max-width:768px) {
    .vision-top p {font-size: 30rem;}
    .vision-diagram {margin: 270rem 0 0rem;}
    .vision-dg__cont {position: unset; transform: unset; margin-top: 100rem;}
    .vision-dg__cont ul {gap: 120rem 30rem;}
}
@media screen and (max-width:480px) {
    .vision-top {height: 350rem; padding: 0 30rem;}
    .vision-top h3 {font-size: 38rem;}
    .vision-top p {font-size: 18rem; line-height: 1.5;}
    .vision-top p br {display: none;}
    .vision-top i {height: 30rem;}
    .vision-dg__center {width: 180rem; height: 180rem;}
    .vision-dg__center strong {font-size: 24rem;}
    .vision-dg__center::before {opacity:0.05; width: 300rem; height: 300rem;}
    .vision-dg__center::after {opacity:0.02; width: 500rem; height: 500rem;}
    .vision-diagram {margin: 80rem 0 0rem;}
    .vision-dg__cont ul {grid-template-columns: 1fr;}
    .vision-dg__smCir {width: 150rem; height: 150rem;}
    .vision-dg__smCir span {font-size: 18rem;}
    .vision-dg__cont {margin-top: 130rem;}
    .vision-dg__cont ul li:nth-child(1) i img {height: 31rem;}
    .vision-dg__cont ul li:nth-child(2) i img {height: 32rem;}
    .vision-dg__cont ul li:nth-child(3) i img {height: 37rem;}
    .vision-dg__cont ul li:nth-child(4) i img {height: 26rem;}
    .vision-dg__cont ul li p {padding: 80rem 20rem 30rem; font-size: 16rem;}
}


/* 모달 */
.modal-list {display: grid; grid-template-columns: repeat(4, 1fr); gap: 37rem;}
.modal-list li i {display: block; aspect-ratio: 89/112; padding: 15rem; box-sizing: border-box; background: #fff; border-radius: 10rem;}
.modal-list li i img {width: 100%; object-fit: cover;}
.modal-list__txt {margin-top: 15rem; text-align: center; }
.modal-list__txt p {font-size: 19rem; font-weight: 500;}
.modal-list__txt span {display: block; padding-top: 8rem; font-size: 16rem; font-weight: 400; color: #ef8203;}
.modal-con {display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.modal-con__img {position: absolute; top: 50%; left: 50%; width: 30%; transform: translate(-50%, -50%); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}
.modal-con__img img {width: 100%;}
.modal-con .close {position: absolute; top: 0; right: -108rem; display: block; width: 80rem; height: 80rem; border-radius: 100%; background: #111;}
.modal-con .close::before {content: ''; position: absolute; top: 50%; left: 50%; width: 23rem; height: 3rem; background: #fff; transform: translate(-50%, -50%) rotate(45deg);}
.modal-con .close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 23rem; height: 3rem; background: #fff; transform: translate(-50%, -50%) rotate(-45deg);}
@media screen and (max-width:1780px) {
    .modal-list__txt p br {display: none;}
}
@media screen and (max-width:1300px) {
    .modal-con__img {width: 60%;}
}
@media screen and (max-width:768px) {
    .modal-list {grid-template-columns: repeat(3, 1fr); gap: 20rem;}
    .modal-con .close {width: 60rem; height: 60rem; right: -100rem;}
}
@media screen and (max-width:620px) {
    .modal-list__txt p {font-size: 16rem;}
    .modal-list__txt span {font-size: 14rem;}
    .modal-list li i {padding: 8rem;}
    .modal-con .close {right: 0; top: -60rem; width: 40rem; height: 40rem;} 
    .modal-con .close::before,
    .modal-con .close::after {width: 16rem; height: 2rem;}
}
@media screen and (max-width:480px) {
    .modal-list {grid-template-columns: repeat(2, 1fr);}
    .modal-con__img {width: 80%;}
}


/* 오시는 길 */
.root_daum_roughmap .wrap_controllers {display: none !important;}
.location-topTxt {display: block; margin-bottom: 54rem; font-size: 45rem; font-weight: 600; line-height: 1.4;}
.location-cont__info {position: relative; display: flex; align-items: center; justify-content: space-between; width: 77.6%; height: 143rem; margin: -76rem auto 0; padding: 0 60rem; box-sizing: border-box; background: #fff; border: 3rem solid transparent; border-radius: 10rem;  background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #ed8307, #f6f6f6); background-origin:border-box; background-clip:padding-box, border-box; z-index: 1; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);}
.location-cont__info ul {display: flex; align-items: center; justify-content: center; gap: 76rem; height: 100%;}
.location-cont__info ul li {font-size: 18rem; font-weight: 300;}
.location-cont__info ul li em {display: inline-block; padding-right: 20rem; font-weight: 600;}
.location-cont__info a {display: block; flex: none; width: 60rem; height: 60rem; border-radius: 100%; background: #f08200 url('../images/content/wt_right_arr.svg') no-repeat center; background-size: 10rem 15rem;}
@media screen and (max-width:1300px) {
    .location-cont__info {width: 90%;}
    .location-cont__info ul {width:100%; gap: 50rem;}
}
@media screen and (max-width:768px) {
    .location-cont__info ul {flex-direction: column; align-items: flex-start; gap: 20rem;}
    .location-topTxt span {display: block;}
}
@media screen and (max-width:620px) {
    .location-cont__info {padding: 0 30rem;}
    .wrap_map {height: 450rem !important;}
}
@media screen and (max-width:480px) {
    .wrap_map {height: 350rem !important;}
    .location-topTxt {font-size: 30rem;}
    .location-cont__info {flex-direction: column; gap: 10rem; width: 100%; height: auto; padding: 30rem; margin: 0;}
    .location-cont__info ul li em {display: block; padding-right: 0; padding-bottom: 2rem;}
    .location-cont__info a {margin-left: auto;}
}

/* 탭 메뉴 */
.tab-menu {display: flex; margin-bottom: 40rem; border-bottom: 1rem solid #d1d1d1;}
.tab-menu li {position: relative; padding: 14rem 35rem; font-size: 20rem; font-weight: 600; color: #999; cursor: pointer;}
.tab-menu li.active {color: #257354;}
.tab-menu li.active::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4rem; background: #257354;}
.tab-cont {display: none;}
.tab-cont.active {display: block;}
[data-subarea="location"] .tab-cont {display: block; opacity: 0; height: 0;}
[data-subarea="location"] .tab-cont.active {opacity: 1; height: auto;}
[data-subarea="business-box"] .tab-menu li a{display: flex; align-items: center; justify-content: center; gap: 10rem;}
[data-subarea="business-box"] .tab-menu li:nth-child(1) a i {display: block; background: url('../images/content/bs_tabmenu_ic01.svg') no-repeat; width: 18rem; height: 25rem;}
[data-subarea="business-box"] .tab-menu li:nth-child(1).active a i {background: url('../images/content/bs_tabmenu_ic01_on.svg') no-repeat;}
[data-subarea="business-box"] .tab-menu li:nth-child(2) a i {display: block; background: url('../images/content/bs_tabmenu_ic02.svg') no-repeat; width: 22rem; height: 22rem;}
[data-subarea="business-box"] .tab-menu li:nth-child(2).active a i {background: url('../images/content/bs_tabmenu_ic02_on.svg') no-repeat;}
@media screen and (max-width:620px) {
    .tab-menu li {padding: 0 20rem 14rem;}
}
@media screen and (max-width:480px) {
    .tab-menu__wrap.scroll {overflow-x: auto;}
    .tab-menu__wrap.scroll .tab-menu {width: max-content;}
    .tab-menu li {font-size: 16rem;}
    [data-subarea="business-box"] .tab-menu li {width: 50%; padding: 0 14rem 14rem;}
}


/* 사업분야 */
.business-box__img {display: flex; justify-content: center; flex-direction: column; height: 408rem; padding: 0 90rem; box-sizing: border-box; border-radius: 10rem;}
.business-box__img.img01 {background: url('../images/content/s020101.jpg') no-repeat center/cover;}
.business-box__img.img02 {background: url('../images/content/s020201.jpg') no-repeat center/cover;}
.business-box__img strong {display: block; font-size: 40rem; color: #fff;}
.business-box__img p {padding-top: 32rem; font-size: 18rem; line-height: 1.6; color: #fff;}
@media screen and (max-width:1024px) {
    .business-box__img {padding: 0 50rem;}
}
@media screen and (max-width:768px) {
    .business-box__img p br {display: none;}
}
@media screen and (max-width:620px) {
    .business-box__img {padding: 0 30rem;}
    .business-box__img strong {font-size: 35rem;}
    .business-box__img p {padding-top: 20rem; font-size: 16rem;}
}
@media screen and (max-width:480px) {
    .business-box__img {height: 360rem;}
    .business-box__img strong {font-size: 28rem;}
    .business-box__img.img01 {background: url('../images/content/s020101_mob.jpg') no-repeat center/cover;}
    .business-box__img.img02 {background: url('../images/content/s020201_mob.jpg') no-repeat center/cover;}
}

.bizWater-list__cont {display: grid; grid-template-columns: repeat(3, 1fr); gap: 51rem 45rem;}
.bizWater-list__img img {width: 100%;}
.bizWater-list__item {background: #fff;}
.bizWater-list__info {padding: 40rem 25rem; box-sizing: border-box;}
.bizWater-list__info h4 {display: block; margin-top: 18rem; font-size: 22rem; font-weight: 600; word-break:keep-all;}
.bizWater-list__info ul {margin-top: 15rem;}
.bizWater-list__info ul li {display: flex; font-size: 16rem;}
.bizWater-list__info ul li em {display: block; width: 72rem; color: #666; flex: none;}
.bizWater-list__info ul li span {flex-grow: 1; font-weight:500;}
.bizWater-list__info ul li:nth-child(n+2) {margin-top: 7rem;}
.bizWater-list__cate {display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 100rem; font-size: 15rem; font-weight: 500;}
.bizWater-list__cate.cate01 {width: 98rem; height: 28rem; border: 2rem solid #0060b0; color: #0060b0;}
.bizWater-list__cate.cate02 {width: 108rem; height: 28rem; border: 2rem solid #257354; color: #257354;}
@media screen and (max-width:1024px) {
    .bizWater-list__cont {gap: 40rem 20rem;}
}
@media screen and (max-width:768px) {
    .bizWater-list__cont {grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:620px) {
    .bizWater-list__info ul {margin-top: 25rem;}
    .bizWater-list__info ul li {flex-direction: column;}
    .bizWater-list__info ul li span {margin-top: 3rem;}
    .bizWater-list__info ul li:nth-child(n+2) {margin-top: 13rem;}
}
@media screen and (max-width:480px) {
    .bizWater-list__cont {grid-template-columns: repeat(1, 1fr);}
    .bizWater-list__info h4 {font-size: 20rem;}
}


/* 게시판 */
.business-bbList .bbsSearch[data-type="A"] {padding-bottom: 0;}
.business-bbList .bbsSearch[data-type="A"] select {flex: none; background: transparent url(../images/board/arr_search_select.svg) no-repeat 96% 50% / 10rem; border: 0; border-bottom: 1rem solid #ccc;}
.business-bbList .bbsSearch[data-type="A"] input[type=text] {background: transparent;}
.business-bbList .bbsList thead th {background: #f6f6f6;}
.business-bbList .bbsList tr {background: #fff;}
@media screen and (max-width:768px) {
    .business-bbList .bbsList tr {flex-direction: column;}
    .business-bbList .bbsList td {text-align: left;}
    .business-bbList .bbsList td:nth-child(1) {font-weight: 600; color: #111;}
}
@media screen and (max-width:620px) {
    .business-bbList .sub-title {gap: 30rem;}
}
@media screen and (max-width:480px) {
    .business-bbList .bbsSearch[data-type="A"] {width: 100%;}
    .business-bbList .bbsSearch[data-type="A"] form {justify-content: space-between; width: 100%;}
    .business-bbList .bbsSearch[data-type="A"] .search_input {width: 65%;}
}


.top-img {height: 450rem; border-radius: 10rem;}
.top-img__txt {padding: 206rem 46rem 0; box-sizing: border-box;}
.top-img__txt.ty2 {padding: 256rem 46rem 0;} 
.top-img__txt span {font-size: 16rem; color: #fff;}
.top-img__txt h3 {display: block; padding-top: 24rem; font-size: 45rem; font-weight: 600; color: #fff;}
@media screen and (max-width:1300px) {
    .top-img__txt {padding: 246rem 46rem 0;}
    .top-img__txt h3 {font-size: 40rem;}
}
@media screen and (max-width:768px) {
    .top-img {height: 400rem;}
    .top-img__txt {padding: 170rem 46rem 0;}
    .top-img__txt.ty2 {padding: 210rem 46rem 0;}
    .top-img__txt h3 br {display: none;}
    .top-img__txt h3 {font-size: 35rem;}
}
@media screen and (max-width:480px) {
    .top-img {height: 370rem;}
    .top-img__txt {padding: 170rem 20rem 0;}
    .top-img__txt.ty2 {padding: 220rem 20rem 0;}
    .top-img__txt.ty2 h3 i {display: block;}
    .top-img__txt span {font-size: 14rem;}
    .top-img__txt h3 {font-size: 25rem;}
}



/* r&d */
.rnd-top {background: url('../images/content/s030101.jpg') no-repeat center/cover;}
.rnd-cont {display: flex; align-items: center; gap: 60rem; margin-top: 60rem;}
.rnd-cont__tit {display: flex; align-items: center; gap: 18rem; flex: none;}
.rnd-cont__tit i {position: relative; display: block; width: 84rem; height: 84rem; border-radius: 100%; border: 4rem solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(to top, #008bd6, #006e32); background-origin:border-box; background-clip:padding-box, border-box; box-shadow: 0px 15px 30px 0 rgba(37,115,84,0.1);}
.rnd-cont__tit i::before {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../images/content/s030102_ic.svg') no-repeat; width: 45rem; height: 30rem;}
.rnd-cont__tit strong {display: block; font-size: 30rem;}
.rnd-cont__txt {font-size: 20rem; font-weight: 200; line-height: 1.7; flex-grow: 1;}
@media screen and (max-width:1780px) {
    .rnd-cont__txt br {display: none;}
}
@media screen and (max-width:768px) {
    .rnd-cont {flex-direction: column; align-items: flex-start; gap: 30rem;}
}
@media screen and (max-width:480px) {
    .rnd-cont {gap: 15rem;}
    .rnd-cont__tit i {width: 60rem; height: 60rem;}
    .rnd-cont__tit i::before {width: 31rem; height: 20rem;}
    .rnd-cont__tit strong {font-size: 25rem;}
    .rnd-cont__txt {font-size: 16rem;}
}


/* 브로슈어 */
.brochure-cont {display: flex; align-items: center; gap: 76rem;}
.brochure-cont__img {flex: none; box-shadow: 0px 40px 30px 0 rgba(0,0,0,0.1);}
.brochure-cont__img img{width: 100%; border-radius: 10rem; }
.brochure-cont__txt span {display: block; font-size: 16rem; font-family: var(--font-eng); font-weight: 400;}
.brochure-cont__txt h3 {display: block; padding-top: 30rem; font-size: 35rem;}
.brochure-cont__txt p {padding-top: 35rem; font-size: 20rem; font-weight: 200; line-height: 1.5;}
.brochure-cont__link-block{ margin-top: 60rem; display: flex; flex-wrap: wrap; gap: 5rem 10rem;
	@media (width < 768px){
		justify-content: center;
	}
}
.brochure-cont__txt a {display: flex; align-items: center; justify-content: center; gap: 15rem; /* margin-top: 100rem; */ width: 283rem; height: 68rem; border-radius: 100rem; border: 2rem solid #257354; font-size: 20rem; font-weight: 500; color: #257354;}
.brochure-cont__txt a i {display: block; background: url('../images/content/s0401_download.svg') no-repeat; width: 20rem; height: 19rem;}

.youtube-tit {padding-top: 35rem; text-align: center;}
.youtube-tit span {display: block; font-size: 16rem; font-family: var(--font-eng); font-weight: 400;}
.youtube-tit h3 {display: block; padding-top: 30rem; font-size: 35rem;}
.youtube-cont {position: relative; margin: 53rem auto 0;}
.youtube-cont::before {content: ''; position: absolute; bottom: -70rem; left: 0; background: url('../images/content/s040103.jpg') no-repeat center/cover; width: 100%; height: 420rem; border-radius: 10rem;}
.youtube-cont__img {display: table; margin: 0 auto; padding: 0 30rem; box-sizing: border-box;}
.youtube-cont__img img {border-radius: 10rem; border: 5rem solid #fff; box-shadow: 0px 40px 30px 0px rgba(0,0,0,0.1);}
.youtube-cont__img a {position: relative; display: block; width: 100%; height: 100%;}
.youtube-cont__img a::before {content: ''; position: absolute; top: 50%; left: 50%; background: url('../images/content/s0401_play.svg') no-repeat; width: 57rem; height: 67rem; transform: translate(-50%, -50%);}
.youtube-cont__bg {position: absolute; left: 0;}

.youtube-cont::before { bottom: -20%; }
.youtube-cont__img { display: block; padding: 0 10%; }
.youtube-cont .youtube-cont__img .naver-video { position: relative; width: 100%; padding-bottom: 56.3%; border-radius: 10rem; border: 5rem solid #fff;box-shadow: 0px 40px 30px 0px rgba(0,0,0,0.1);}
.youtube-cont .youtube-cont__img .naver-video iframe{ border-radius: 10rem; }

@media screen and (max-width:1820px) {
    .brochure-cont__txt p br {display: none;}
}
@media screen and (max-width:1580px) {
    .brochure-cont__img {width: 30%;}
    /* .brochure-cont__txt a {margin-top: 60rem;} */
}
@media screen and (max-width:1300px) {
    .brochure-cont__txt h3 {line-height: 1.5;}
    .brochure-cont__txt h3 i {display: block;}
}
@media screen and (max-width:1024px) {
    .brochure-cont__img {width: 40%;}
}
@media screen and (max-width:768px) {
    .brochure-cont {flex-direction: column;}
    .brochure-cont__txt {text-align: center;}
    /* .brochure-cont__txt a {margin: 60rem auto 0;} */

    .youtube-cont::before {height: 280rem;}
}
@media screen and (max-width:480px) {
    .brochure-cont__img {width: 60%;}
    .brochure-cont__txt span,
    .youtube-tit span {font-size: 14rem;}
    .brochure-cont__txt h3,
    .youtube-tit h3 {padding-top: 14rem; font-size: 25rem;}
    .brochure-cont {gap: 50rem;}
    .brochure-cont__txt p {padding-top: 22rem; font-size: 16rem;}
    .brochure-cont__txt a {width: 220rem; height: 50rem; /* margin: 50rem auto 0; */ font-size: 16rem;}
    .brochure-cont__txt a i {width: 18rem; height: 17rem;}

    .youtube-cont {margin: 30rem auto 0;}
    .youtube-cont::before {height: 120rem; bottom: -30rem; border-radius: 5rem;}
    .youtube-cont__img a::before{width: 32rem; height: 38rem;}
}
@media screen and (max-width: 450px) {
    .youtube-cont .youtube-cont__img .naver-video {
        padding-bottom: 65%;
    }
}

/* 인재채용 */
.recruit-top {background: url('../images/content/s050101.jpg') no-repeat 100% 50%/cover;}
.talent-diagram {position: relative; width: 1033rem; margin: 0 auto;}
.talent-diagram__cir {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 255rem; height: 255rem; margin-top: 270rem; background: linear-gradient(to top, #008bd6, #006e32, #f08200); border-radius: 100%; border: 5rem solid #fff; box-shadow: 0px 30px 30px 0px rgba(37,115,84,0.1);}
.talent-diagram__cir::before {content: ''; position: absolute; top: 50%; left: 50%; background: url('../images/content/s0501_bg.svg') no-repeat; width: 173rem; height: 144rem; opacity: 0.07; transform: translate(-50%, -50%);}
.talent-diagram__cir::after {content: ''; position: absolute; top: 50%; right: -75rem; background: url('../images/content/s0501_cir.png') no-repeat; background-size: contain; width: 221rem; height: 431rem; transform: translateY(-50%);}
.talent-diagram__cir span {display: block; font-size: 15rem; font-weight: var(--font-eng); color: #fff;}
.talent-diagram__cir strong {display: block; padding-top: 14rem; font-size: 32rem; color: #fff;}
.talent-diagram ul {display: flex; flex-direction: column; gap: 30rem; position: absolute; top: 50%; left: 70rem; transform: translateY(-50%);}
.talent-diagram ul li {display: flex; align-items: center; gap: 18rem;}
.talent-diagram ul li i {display: flex; align-items: center; justify-content: center; width: 100rem; height: 100rem; border-radius: 100rem; background: #fff;}
.talent-diagram ul li:nth-child(2) {margin-left: 250rem; margin-top: -20rem;}
.talent-diagram ul li:nth-child(3) {margin-left: 350rem;}
.talent-diagram ul li:nth-child(4) {margin-left: 250rem; margin-bottom: -20rem;}
.talent-diagram ul li:nth-child(1) i {border: 14rem solid #e88208;}
.talent-diagram ul li:nth-child(2) i {border: 14rem solid #c7ae26;}
.talent-diagram ul li:nth-child(3) i {border: 14rem solid #086e30;}
.talent-diagram ul li:nth-child(4) i {border: 14rem solid #099cad;}
.talent-diagram ul li:nth-child(5) i {border: 14rem solid #008aca;}
.talent-diagram ul li:nth-child(1) i img {height: 43rem;}
.talent-diagram ul li:nth-child(2) i img {height: 40rem;}
.talent-diagram ul li:nth-child(3) i img {height: 42rem;}
.talent-diagram ul li:nth-child(4) i img {height: 38rem;}
.talent-diagram ul li:nth-child(5) i img {height: 35rem;}
.talent-diagram__icTxt em {display: block; font-size: 20rem; font-weight: 500;}
.talent-diagram__icTxt p {padding-top: 14rem; font-size: 18rem; color: #333; line-height: 1.5;}
.talent-box div {padding: 23rem 0; border-radius: 10rem; background: #fff; box-sizing: border-box; flex-grow: 1;}
.talent-box.mt {margin-top: 400rem;}
.talent-box.mt02 {margin-top: 60rem;}
.talent-box.col2 {display: grid; grid-template-columns: 1fr 1fr; gap: 40rem;}
.talent-box .sub-title__top {padding: 0 50rem;}
.talent-box.col2 p {padding: 0 50rem 58rem; font-size: 18rem; font-weight: 300; line-height: 1.5;}
.talent-box__info {position: relative; display: block; padding-left: 32rem; margin: 26rem 0 40rem; font-size: 16rem; color: #666;}
.talent-box__info::before {content: ''; position: absolute; top: 0; left: 0; background: url('../images/content/s0501_ic10.svg') no-repeat; width: 20rem; height: 20rem;}
.talent-process__wrap {padding: 0 45rem !important;}
.talent-process {display: grid; grid-template-columns: repeat(4, 1fr); gap: 71rem; margin-top: -40rem;}
.talent-process i {position: relative; top: 50rem; display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 100rem; height: 100rem; border-radius: 100rem;}
.talent-process li {display: flex; flex-direction: column;}
.talent-process li:nth-child(odd) i {background: #257354;}
.talent-process li:nth-child(even) i {background: #ed8307;}
.talent-process li:nth-child(1) i img {height: 35rem;}
.talent-process li:nth-child(2) i img {height: 35rem;}
.talent-process li:nth-child(3) i img {height: 33rem;}
.talent-process li:nth-child(4) i img {height: 35rem;}
.talent-process div {display: flex; flex-direction: column; align-items: center; border-radius: 10rem; border: 3rem solid #e1e1e1;}
.talent-process div span {display: flex; align-items: center; justify-content: center; width: 79rem; height: 22rem; border-radius: 100rem; margin: 60rem auto 0; font-size: 13rem; font-weight: 600;}
.talent-process li:nth-child(odd) div span {background: #dcf6ec; color: #257354;}
.talent-process li:nth-child(even) div span {background: #ffedd8; color: #ed8307;}
.talent-process div strong {display: block; padding-top: 26rem; font-size: 22rem;}
.talent-process div p {padding: 16rem 0 40rem; font-size: 18rem;}
.talent-link {margin-top: 58rem;}
.talent-link ul {display: grid; grid-template-columns: 1fr 1fr; gap: 40rem;}
.talent-link ul li a {display: flex; justify-content: space-between; align-items: center; padding: 40rem 39rem; box-sizing: border-box; background: #fff; border: 3rem solid #e1e1e1; border-radius: 10rem; transition: all .3s;}
.talent-link ul li a:hover {border: 3rem solid #257354; box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.1); transition: all .3s;}
.talent-link ul li a:hover strong {color: #257354; transition: all .3s;}
.talent-link ul li:nth-child(1) a i img {height: 38rem;}
.talent-link ul li:nth-child(2) a i img {height: 32rem;}
.talent-link__txt strong {font-size: 25rem;}
.talent-link__txt p {padding-top: 15rem; font-size: 18rem; font-weight: 200;}
@media screen and (max-width:1820px) {
    .talent-box.col2 p br {display: none;}
}
@media screen and (max-width:1300px) {
    .talent-process {gap: 20rem;}
    .talent-link ul {gap: 20rem;}
    .talent-link__txt {width: 61%;}
}
@media screen and (max-width:1024px) {
    .talent-diagram {width: 100%;}
}
@media screen and (max-width:768px) {
	.recruit-top{background-image:url(../images/content/s050101_mob.jpg);}
    .talent-diagram ul {position: unset; transform: unset; margin-top: 100rem;}
    .talent-diagram__cir {margin: 30rem auto 0;}
    .talent-diagram__cir::after {right: unset; top: 0; left: 8%; transform: rotate(90deg);}
    .talent-diagram ul li {margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;}
    .talent-box.mt {margin-top: 80rem;}
    .talent-box.mt02 {margin-top: 40rem;}
    .talent-box.col2 {grid-template-columns: 1fr;}
    .talent-process {grid-template-columns: 1fr 1fr; gap: 0 20rem;}
    .talent-link ul {grid-template-columns: 1fr;}
    .talent-link__txt {width: 70%;}
}
@media screen and (max-width:480px) {
	.recruit-top.top-img {height: 300rem;}
	.recruit-top.top-img .top-img__txt.ty2{padding-top:150rem;}
    .talent-diagram__cir {width: 200rem; height: 200rem;}
    .talent-diagram__cir strong {font-size: 25rem;}
    .talent-diagram__cir::after {top: -50rem; left: -23%; width: 70%;}
    .talent-diagram ul li i {width: 70rem; height: 70rem; flex: none; margin: 0 auto;}
    .talent-diagram ul li:nth-child(1) i {border: 9rem solid #e88208;}
    .talent-diagram ul li:nth-child(2) i {border: 9rem solid #c7ae26;}
    .talent-diagram ul li:nth-child(3) i {border: 9rem solid #086e30;}
    .talent-diagram ul li:nth-child(4) i {border: 9rem solid #099cad;}
    .talent-diagram ul li:nth-child(5) i {border: 9rem solid #008aca;}
    .talent-diagram__icTxt {width: 100%; text-align: center;}
    .talent-diagram__icTxt em {font-size: 18rem;}
    .talent-diagram__icTxt p {font-size: 16rem;}
    .talent-diagram__icTxt p br {display: none;}
    .talent-diagram ul {margin-top: 70rem;}
    .talent-diagram ul li {flex-direction: column; align-items: flex-start;}
    .talent-diagram ul li:nth-child(1) i img {height: 28rem;}
    .talent-diagram ul li:nth-child(2) i img {height: 30rem;}
    .talent-diagram ul li:nth-child(3) i img {height: 32rem;}
    .talent-diagram ul li:nth-child(4) i img {height: 28rem;}
    .talent-diagram ul li:nth-child(5) i img {height: 25rem;}
    .sub-title__top {font-size: 22rem;}
    .talent-box.col2 {gap: 20rem;}
    .talent-box.col2 p {padding: 0 50rem 0; font-size: 16rem;}
    .talent-box.mt02 {margin-top: 20rem;}
    .talent-process__wrap {padding: 0 20rem !important;}
    .talent-process {grid-template-columns: 1fr;}
    .talent-process i {top: 35rem; width: 70rem; height: 70rem;}
    .talent-process li:nth-child(1) i img {height: 25rem;}
    .talent-process li:nth-child(2) i img {height: 25rem;}
    .talent-process li:nth-child(3) i img {height: 23rem;}
    .talent-process li:nth-child(4) i img {height: 25rem;}
    .talent-process div span {margin: 30rem auto 0;}
    .talent-process div strong {padding-top: 15rem; font-size: 18rem;}
    .talent-process div p {padding: 10rem 0 0; font-size: 16rem;}
    .talent-box__info {font-size: 14rem;}
    .talent-link__txt strong {font-size: 18rem;}
    .talent-link__txt p {font-size: 16rem;}
    .talent-link ul li:nth-child(1) a i img {height: 28rem;}
    .talent-link ul li:nth-child(2) a i img {height: 22rem;}
}

#content .pagination a.active {
    border-color: #6d6d6d;
}