/*공통*/
.inner{width:1720px; margin:0 auto;}
.con{width:1720px; margin:0 auto; color:#fff;}
h3{font-size:2.25rem ; font-weight: bold; }
.f45{font-size:2.25rem; font-weight:bold;}
.f23{font-size:1.15rem; line-height: 1.43;}
.f30{font-size:1.5rem; font-weight: bold;}
.pt6{padding-top:6rem !important;}
.flex{display: flex;}
.sm-txt{font-size:1rem; color:rgb(255 255 255 / 70%);}
.aic{display: flex; align-items: center;}
@media (max-width:1720px){
	.inner{width:100%; padding:0 1rem;}
	.con{width:100%; padding:0 1rem;}
}
@media (max-width:1030px){
	.f45{font-size:1.8rem;}
	h3{font-size:1.8rem;}
	.f30{font-size:1.3rem;}
	.f23{font-size:1.05rem;}
	.pt6{padding-top:4rem !important;}
}
@media (max-width:500px){
	.f45{font-weight: 800;}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


/*기업소개*/
.introduce .link-zone ul{display: flex;}
.introduce .link-zone .link-list{width:calc(100%/5); background: #000; position: relative;}
.introduce .link-zone .link-list:not(:last-child){border-right:solid 1px rgb(255 255 255 / 20%);}
.introduce .link-zone .link-list a{display:inline-block; padding:4.3rem 1.8rem 1rem 3.4rem; min-height: 14rem; width:100%; color:#fff;}
.introduce .link-zone .link-list p{font-size:1.1rem; font-weight:600; color:#fff;}
.introduce .link-zone .link-list p em{font-size:1rem; display: block;}
.introduce .link-zone .link-list:after{content:''; display:block; position:absolute; width:1.75rem; height:1.75rem; background:#333 url('/images/default/main/arrow-right.svg')no-repeat center center; background-size: 8px; bottom:3rem; right:2rem; border-radius: 50%;}
.introduce .link-zone .link-list:nth-child(1) a{padding-left:5rem;}
.introduce .link-zone .link-list:nth-child(5):after{right:5rem;}
.introduce .link-zone .link-list:nth-child(1):hover{background: url('/images/default/content/linkList-img01.jpg'); background-size: cover;}
.introduce .link-zone .link-list:nth-child(2):hover{background: url('/images/default/content/linkList-img02.jpg'); background-size: cover;}
.introduce .link-zone .link-list:nth-child(3):hover{background: url('/images/default/content/linkList-img03.jpg'); background-size: cover;}
.introduce .link-zone .link-list:nth-child(4):hover{background: url('/images/default/content/linkList-img04.jpg'); background-size: cover;}
.introduce .link-zone .link-list:nth-child(5):hover{background: url('/images/default/content/linkList-img05.jpg'); background-size: cover;}
.introduce02{display: flex; align-items: flex-start; padding:9.25rem 0 11.5rem; position: relative;}
.introduce02:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#f8f8f8 url('/images/default/content/introduce-bg.jpg')no-repeat center center; z-index:-1;}
.introduce02 .cts-l{width:13.5rem;}
.introduce02 .cts-r{width:calc(100% - 13.5rem);}
.introduce02 .cts-r ul{display: flex; gap:7.5rem; margin-top:7rem; padding:0 1.6rem;}
.introduce02 .cts-r li{background: rgb(0 0 0 / 50%); border-radius: 50%; width:13rem; height:13rem;     display: flex; flex-direction: column; justify-content: center; align-items: center; gap:1.5rem; position: relative;}
.introduce02 .cts-r li:after{content:''; display:block; position:absolute; width:127%; height:127%; background:rgb(0 0 0 / 50%); border-radius:50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.introduce02 .cts-r li p{font-size:1.5rem; font-weight:bold;}
@media (min-width: 3000px) {
	.introduce .link-zone{max-width: 1820px; margin:0 auto;}
	.introduce02:before{left:-100%; width:300%;}
}
@media (min-width: 2000px) {
	.introduce02:before{background-size: cover;}
}
@media (max-width:1720px){
	.introduce .link-zone .link-list a{padding:2rem 1.8rem 1rem 1rem;}
	.introduce .link-zone .link-list:nth-child(1) a{padding-left:1rem;}
	.introduce .link-zone .link-list:nth-child(5):after{right:2rem;}
	.introduce02{padding:9.25rem 1rem 11.5rem;}
	.introduce02 .cts-r ul{gap:5rem;}
	.introduce02 .cts-r li{width:10rem; height:10rem;}
}
@media (max-width:1400px){
	.introduce02 .cts-l{width:8rem;}
	.introduce02 .cts-r{width:calc(100% - 8rem);}
	.introduce02 .cts-r ul{margin-top:4rem;}
	.introduce02 .cts-r li{width:9rem; height:9rem;}
}
@media (max-width:1030px){
	.introduce .link-zone .link-list a{min-height: 10rem;}
	.introduce .link-zone .link-list:nth-child(5):after, .introduce .link-zone .link-list:after{right:1rem; bottom:1rem; background-size: 6px;}
	.introduce02{flex-direction: column; gap:1.5rem; padding:4rem 1rem 6rem;}
	.introduce02 .cts-l{width:100%;}
	.introduce02 .cts-r{width:100%;}
	.introduce02 .cts-r ul{gap:inherit; justify-content: space-between; padding:0 1rem;}
	.introduce02 .cts-r li{gap:0.5rem;}
	.introduce02 .cts-r li p{font-size:1.1rem;}
	.introduce02 .cts-r li:after{width:118%; height:118%;}
	.introduce02 .cts-r li img{width:2rem;}
}
@media (max-width:767px){
	.introduce .link-zone ul{flex-wrap: wrap; background:#000;}
	.introduce .link-zone .link-list{width:calc(100%/3);}
	.introduce .link-zone .link-list:nth-child(1),
	.introduce .link-zone .link-list:nth-child(2),
	.introduce .link-zone .link-list:nth-child(3){border-bottom: solid 1px rgb(255 255 255 / 20%);}
	.introduce .link-zone .link-list:nth-child(5){border-right:solid 1px rgb(255 255 255 / 20%);}
}
@media (max-width:500px){
	.introduce02 .cts-r li{width:7rem; height:7rem; min-width:7rem; min-height:7rem;}
	.introduce .link-zone .link-list{width:100%;}
	.introduce .link-zone .link-list a{min-height: auto; padding:1.5rem 1rem;}
	.introduce .link-zone .link-list:nth-child(4){border-bottom: solid 1px rgb(255 255 255 / 20%);}
}
@media (max-width:300px){
	.introduce02 .cts-r ul{flex-direction: column; align-items: center;}
}


/*ceo*/
.ceo{position: relative;}
.ceo-zone{display: flex; align-items: flex-start; gap:6.1rem; padding-bottom:10rem;}
.ceo:before{content:''; display:block; position:absolute; width:44rem; height:30.05rem; background:url('/images/default/content/ceo-bg.png')no-repeat center center; background-size: cover; bottom:0; right:0; z-index: -1;}
.ceo-zone .txt-wrap li:not(:last-child){padding-bottom:5.975rem;}
.ceo-zone .txt-wrap li .txt{color:rgb(255 255 255 / 70%); font-size:1rem; padding-top:0.875rem;}
@media (max-width:1400px){
	.ceo-zone{gap:3rem;}
	.ceo-zone .txt-wrap li:not(:last-child){padding-bottom:3rem;}
	.ceo:before{width:25rem; height:17.05rem;}
}
@media (max-width:1030px){
	.ceo-zone .cts-l{display: none;}
}



/*3A-지구부분*/
.three{position: relative; margin-bottom:8rem;}
.three:before{content : ""; display : block; position : absolute; left : 50%; bottom:0; width :100%; height : 100%; background:url('/images/default/content/earth.png')no-repeat center center; z-index:-1;     transform: translateX(-50%);}
.three .value{position:relative; text-align: center; padding:6rem 0 17.4rem; width:fit-content; height:fit-content; left:50%; transform: translateX(-50%);}
.three .value-top{padding-bottom:2.2rem; line-height: 1; color:#fff; font-family: 'Poppins';}
.three .value-top .core{font-size:2.25rem; font-weight: 700;}
.three.active .value img.origin{animation: blur2 3s forwards;}
.three .circle{border-radius: 50%; width:10rem; height:10rem; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; color:#fff; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform 0.5s ease-in-out 1s; opacity: 0; background: #000;}
.three .circle:after{content:''; display:block; position:absolute; width:140%; height:140%; border:solid 1px rgb(221 221 221 / 50%); border-radius:50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.three .circle p{font-size:1.25rem; font-weight:700;}
.three.active .circle{animation: fadeIn 0.5s ease-in-out 1s forwards;}
.three.active .circle01 { transform: translate(-26rem, -11rem);}
.three.active .circle02{ transform: translate(16rem, -11rem);}
.three.active .circle03{ transform: translate(-50%, 15.35rem);}
@media (max-width:1720px){
	.three .value-top .core{font-size:2.8rem;}
}
@media (max-width:1600px){
	.three{margin-bottom:3.5rem;}
	.three .value{padding:6rem 3rem 17.4rem;}
	.three .value img.origin{max-width: 100%;}
}
@media (max-width:1030px){
	.three:before{background-size: 25rem; top:50%;  transform: translate(-50%, -50%);}
	.three .value img.bold{width: 11rem;}
	.three .value img.origin{width: 22rem;}
	.three .value-top{padding-bottom:2rem;}
	.three .value-top .core{font-size:2rem;}
	.three .circle{width:8rem; height:8rem;}
	.three.active .value img.origin{animation: blur2 2s forwards;}
	.three.active .circle01{transform: translate(-20rem, -11rem);}
	.three.active .circle02{transform: translate(12rem, -11rem);}
	.three.active .circle03{transform: translate(-50%, 15rem);}
	.three .value{padding:4rem 3rem 12.5rem;}
	.three .circle:after{width:120%; height:120%;}
}
@media (max-width:768px){
	.three .value img.origin{width: 20rem;}
	.three .value-top{padding-bottom:1rem;}
	.three .circle{transform: translateX(-50%);}
	.three.active .circle{transform: translateX(-50%); transition: transform 0.5s ease-in-out 1s;}
	.three .circle01{top:inherit; bottom:2rem; transform: translateX(50%);}
	.three .circle02{top:inherit; right: auto; left:50%; bottom:2rem;}
	.three .circle03{top: auto; bottom:2rem;}
	.three.active .circle01{left:0;}
	.three.active .circle03{left:unset; right:0; transform: translateX(50%);}
}
@media (max-width:500px){
	.three.active .circle01{left:5rem;}
	.three.active .circle03{right:5rem;}
	.three .circle:after{width:110%; height:110%;}
}
@media (max-width:400px){
	.three .value{padding:4rem 3rem 10.5rem;}
	.three .circle{width:6.5rem; height:6.5rem;}
	.three .circle span{font-size:0.75rem; padding-bottom:0;}
	.three .circle p{font-size:1rem;}
}


/*3A*/
.aaa .value-list{ display:flex; flex-wrap:wrap; margin:-1.5rem;}
.aaa .value-list li{width:calc(100%/3 - 3rem); margin:1.5rem; text-align: center;}
.aaa .value-list li img{max-width: 100%;}
.aaa .value-list li .txt-zone{padding-top:1.6rem; line-height: 1;}
.aaa .value-list li .sm-txt{font-size:1rem; color:rgb(255 255 255 / 50%); padding-bottom:0.8rem;}
.aaa .value-list li .tit{font-size:1.5rem; font-weight: bold;}
@media (max-width:1030px){
	.aaa .value-list{margin:-1rem;}
	.aaa .value-list li{width:calc(100%/3 - 2rem); margin:1rem;}
	.aaa .value-list li .tit{font-size:1.1rem;}
}
@media (max-width:500px){
	.aaa .value-list li{width:100%;}
}


/*관계사*/
.Affiliate .company-list .department{display: flex; align-items: flex-end; padding:6rem 0; position: relative; gap:5rem;}
.Affiliate .department:nth-child(even){flex-direction: row-reverse; justify-content: space-between;}
.Affiliate .department:nth-child(even):before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#191919; z-index:-1;}
.Affiliate .department:last-child{padding-bottom:10rem;}
.Affiliate .department .img-zone{width:50%; clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); transition-duration: 0.5s;}
.Affiliate .department .img-zone.active{clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px 100%); transition-duration: 0.5s; transition-delay: 0.5s;}
.Affiliate .department .txt-zone{width:50%; padding-bottom:4.5rem; position: relative;}
.Affiliate .department .txt-zone a{display:inline-block; position:absolute; width:3rem; height:3rem;background:#000 url('/images/default/main/arrow-right.svg')no-repeat center center; background-size: 8px; border-radius: 50%; top:0; right:0;}
.Affiliate .department .txt-zone:hover a{background: var(--blue)url('/images/default/main/arrow-right.svg')no-repeat center center; background-size: 8px;}
.Affiliate .department .txt-zone h3 em{font-size:1.5rem; font-weight:500; padding-left:0.4rem;}
.Affiliate .department .txt-zone .f23{color:rgb(255 255 255 / 70%); padding-top:4rem;}
@media (min-width: 3000px) {
	.Affiliate .department:nth-child(even):before{left:-100%; width:300%;}
}
@media (max-width:1720px){
	.Affiliate .company-list .department{gap:3rem; align-items: center;}
	.Affiliate .department .img-zone img{max-width: 100%;}
	.Affiliate .department .txt-zone{padding-bottom:0;}
	.Affiliate .department .txt-zone .f23{padding-top:2rem;}
}
@media (max-width:1400px){
	.Affiliate .company-list .department{gap:2rem; align-items: center;}
	.Affiliate .department .img-zone{width:40%;}
	.Affiliate .department .txt-zone{width:60%;}
	.Affiliate .department .txt-zone .f23{padding-top:1.5rem;}
}
@media (max-width:1030px){
	.Affiliate .company-list .department{padding:4rem 0; flex-direction: column;}
	.Affiliate .company-list .department:last-child{padding:4rem 0 6rem;}
	.Affiliate .department .img-zone{width:100%; text-align: center;}
	.Affiliate .department .txt-zone{width:100%;}
	.Affiliate .department .txt-zone h3 em{font-size:1.1rem;}
	.Affiliate .department .txt-zone a{width:2.5rem; height:2.5rem;}
}


/*연혁*/
.history .tab_menu{margin-bottom: 6rem;}
.history .tab_menu > ul li{width:calc(100%/3);}
.history #tab2{padding:6rem 0; position: relative; margin-top:6rem;}
.history #tab2:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :200%; height : 100%; background:#000; z-index:-1;}
.history .flex{width:100%; height:100%;}
.history .cts-l{width:28rem; position: sticky; top:12rem; align-self: flex-start;}
.history .cts-l .tit{font-size:2.25rem; font-weight: bold; line-height: 1.22;}
.history .cts-l .tit b{color:#2b2bff;}
.history .cts-r{width:calc(100% - 28rem);}
.history .timeline{position: relative;}
.history .timeline .item{display: flex; align-items: flex-start; position: relative;}
.history .timeline .item:not(:last-child){padding-bottom:4.8rem;}
.history .timeline .item.effect:after{height:calc(100% + 1rem); transition: all 0.8s;}
.history .timeline .item:after{content: '';height: 0; background: #2b2bff; position: absolute; left: 12px; width: 2px;transition: all .3s;top: 0;z-index:1;}
.history .timeline .subject{font-size:1.5rem; font-weight: 600; color:#fff; width:18rem; position: relative; padding-left:2.5rem; line-height: 1;}
.history .timeline .item.effect .subject{color:#2b2bff;}
.history .timeline .item .subject:before,
.history .timeline .item .subject:after {content:''; position:absolute; display:block; border-radius:50%;}
.history .timeline .item .subject:before {left:7px; top:7px; width:10px; height:10px; background-color:#2b2bff;}
.history .timeline .item .subject:after {left:0; top:0; width:24px; height:24px; background-color:rgba(43, 43, 255, .35);}
.history .timeline .bt-zone{width:calc(100% - 18rem);}
.history .timeline .bt-zone > li{display: flex; font-size:1rem;}
.history .timeline .bt-zone > li:not(:last-child){padding-bottom:2rem;}
.history .timeline .bt-zone > li span{width:7rem; font-weight: bold; color:#fff;}
.history .timeline .bt-zone > li .hi-info{width:calc(100% - 7rem); color:rgb(255 255 255 / 70%);}
.history .timeline .bt-zone > li .hi-info li:not(:last-child){padding-bottom:0.3rem;}
.history .timeline .status {position:absolute; left:12px; top:0; opacity: 1; margin-top:17px; width:2px; height:100%;background-color:rgb(255 255 255 / 60%);}
.history .timeline .status .bar {position:absolute; left:0; top:0; display:block; width:2px; height:0; max-height:100%; background:#2b2bff; transition:height .3s;}

@media (max-width:1720px){
	.history #tab2{padding:6rem 1rem;}
}
@media (max-width:1400px){
	.history .cts-l{width:22rem;}
	.history .cts-r{width:calc(100% - 22rem);}
	.history .timeline .item{flex-direction: column; gap:2rem;}
	.history .timeline .subject{width:100%;}
	.history .timeline .bt-zone{width:100%; padding-left:2.5rem;}
}
@media (max-width:1030px){
	.history .cts-l .tit{font-size:1.8rem;}
	.history .tab_menu{margin-bottom:4rem;}
	.history .flex{flex-direction: column; gap:3rem;}
	.history .cts-l{width:100%; display:block; position: relative; left:0; top:0; padding: 0; z-index:2;}
	.history .cts-r{width:100%;}
	.history .timeline .bt-zone > li:not(:last-child){padding-bottom:1.5rem;}
	.history .timeline .item:not(:last-child){padding-bottom:3rem; gap:1.5rem;}
}
@media (max-width:300px){
	
}


/*글로벌건화*/
.global-map{position:relative; margin-top:6rem;}
.global-map .marker_wrap .txt-bx{color:rgba(255,255,255,0.7);padding:0.25rem 0.3rem;border:1px solid rgba(255,255,255,0.5);border-radius:1.25rem;background:rgba(0,0,0,0.5);font-size:0.65rem;}
.global-map .marker_wrap .point-bx span{width:0.5rem;height:0.5rem;border-radius:50%;background:#f02b8d;border:2px solid #fff;display:inline-block;position:relative;z-index:1;}
.global-map .marker_wrap .point-bx:after{content: "";z-index:0;display: block;position: absolute;top: 50%;
	left: 50%;    animation: blink 1.3s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;transform: translate(-50%, -50%);
	border-radius: 50%;background-color: #f02b8d;width:calc(100% + 1rem);height:calc(100% + 1rem);opacity:0.3;}
.global-map .marker_wrap .l-bx .point-bx:after{background-color: #26348b;}/*파란색 점*/
.global-map .marker_wrap .p-bx .point-bx:after{background-color: #f02b8d;}/*핑크색 점*/
.global-map .marker_wrap .y-bx .point-bx:after{background-color: #ffc24d;}/*노란색 점*/
.global-map .marker_wrap .l-bx .point-bx span{background:#26348b;}/*파란색 점*/
.global-map .marker_wrap .p-bx .point-bx span{background:#f02b8d;}/*핑크색 점*/
.global-map .marker_wrap .y-bx .point-bx span{background-color: #ffc24d;}/*노란색 점*/

.global-map .marker_wrap .point01{position:absolute;left:11%;top:34.4%}
.global-map .marker_wrap .point02{position:absolute;left:27.2%;top:57.3%}
.global-map .marker_wrap .point03{position:absolute;left:38%;top:46.4%}
.global-map .marker_wrap .point04{position:absolute;left:40.3%;top:41.8%}
.global-map .marker_wrap .point05{position:absolute;left:43.2%;top:42.5%}
.global-map .marker_wrap .point06{position:absolute;left: 75.9%;top:50.2%}
.global-map .marker_wrap .point07{position:absolute;left: 80.6%;top: 45.3%;}
.global-map .marker_wrap .point08{position:absolute;left: 37.5%;top: 46.4%;}
.global-map .marker_wrap .point09{position:absolute;left: 39.5%;top: 41.8%;}



.global-map .map-img {max-width:100%;}

.global .map-info .flex{border-top:solid 1px #fff;}
.global .map-info .cts-l{width:23.5rem; padding-top:3.2rem;}
.global .map-info .cts-r{width:calc(100% - 23.5rem); padding:3.2rem 4rem 5rem 3.5rem; background: #000;}
.global .map-info .cts-l .f30{position: relative; padding-left:1.75rem;}
.global .map-info .cts-l .f30:before{content:''; display:block; position:absolute; width:18px; height:22px; background:url('/images/default/content/ex-list-icon05.svg')no-repeat center center; background-size: cover; top:50%;transform:translateY(-50%); left:0;}
.global .map-info .cts-l .global-slo{margin-top:0.8rem; max-width: 100%;}
.global .map-info .cts-l .global-jpn {margin-top:0.8rem; max-width: 100%;}
.global .map-info .cts-r .top-info{border-bottom: solid 1px  rgb(255 255 255 / 25%); padding-bottom:1.5rem;}
.global .map-info .cts-r .bt-info{padding-top:1.5rem;}
.global .map-info .cts-r ul li{display: flex;}
.global .map-info .cts-r ul li span{color:#fff; display: inline-block; width:3.4rem;}
.global .map-info .cts-r ul li p{color:rgb(255 255 255 / 70%); width:calc(100% - 3.4rem); padding-left:1rem;}
.global .map-info .cts-r .top-info li{font-size:1rem;}
.global .map-info .cts-r .top-info li:not(:last-child){padding-bottom:0.25rem;}
.global .map-info .cts-r .bt-info li{font-size:0.9rem;}
.global .map-info .cts-r .bt-info li:not(:last-child){padding-bottom:0.3rem;}
@keyframes blink {
	0% {
		width: 0;
		height: 0;
	}
	100% {
		width:calc(100% + 1rem);
		height:calc(100% + 1rem);
	}
}
@media (max-width:1720px){
	.global-map .marker_wrap .point-bx span{width:0.4rem;height:0.4rem;}
}
@media (max-width:1400px){
	.global .map-info .cts-l{width:34%; padding-top:3rem;}
	.global .map-info .cts-r{width:66%; padding:3rem 2rem 5rem 2rem;}
	.global .map-info .cts-l .f30:before{top:0.55rem; transform: inherit;}
}
@media (max-width:1030px){
	.global .map-info .flex{flex-direction: column;}
	.global .map-info .cts-l{width:100%; padding-top:2rem; padding-bottom:1rem;}
	.global .map-info .cts-r{width:100%; padding:2rem;}
	.global .map-info .cts-l .f30:before{top:50%;transform:translateY(-50%);}
	.global .map-info .cts-r .top-info{padding-bottom:1rem;}
	.global .map-info .cts-r .bt-info{padding-top:1rem;}
}
@media (max-width:767px){
	.global .map-info .cts-r{padding:1.5rem;}
	.global .map-info .cts-l .f30:before{width:16px; height:20px;}
}
@media (max-width:500px){
	.global .map-info .cts-l .global-slo{width:100%;}
	.global .map-info .cts-l .global-jpn{width:100%;}
}


/*고객사*/
.client .client-bx{padding:6rem 0;}
.client .client-bx02{padding:6rem 0 10rem; position: relative;}
.client .client-bx02:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#000; z-index:-1;}
.client .client-bx ul{display: flex; flex-wrap:wrap; margin:-1.15rem -0.75rem; padding-top:1.4375rem;}
.client .client-bx ul li{width:calc(100%/5 - 1.5rem); margin:1.15rem 0.75rem; text-align: center; border:solid 1px #333; background: #000;}
.client .client-bx ul li .logo-zone{min-height: 6.9rem; display: flex; align-items: center; justify-content: center;}
.client .client-bx ul li .txt-zone{background: #191919; padding:1.1rem 0.5rem; color:rgb(255 255 255 / 50%); font-size:0.9rem;}
.client .client-bx02 ul li{background: #121212;    width: calc(100% / 8 - 1.5rem);}
.client .client-bx02 ul li .logo-zone {padding:0 1rem;}
.client .client-bx02 ul li .logo-zone img {max-width:100%;}

@media (max-width:1400px){
	.client .client-bx ul li{width:calc(100%/3 - 1.5rem);}
	.client .client-bx02 ul li{width:calc(100%/5 - 1.5rem);}
}
@media (max-width:1030px){
	.client .client-bx{padding:4rem 0;}
	.client .client-bx ul{margin:-0.75rem;}
	.client .client-bx ul li{width:calc(100%/3 - 1.5rem); margin:0.75rem;}
	.client .client-bx ul li .logo-zone{padding:1rem;}
	.client .client-bx ul li .logo-zone img{max-width: 100%;}
	.client .client-bx02 ul li{width:calc(100%/4 - 1.5rem);}

}
@media (max-width:767px){
	.client .client-bx ul li .logo-zone{min-height: 6rem;}
	.client .client-bx ul{margin:-0.5rem;}
	.client .client-bx ul li{width:calc(100%/3 - 1rem); margin:0.5rem;}
}
@media (max-width:500px){
	.client .client-bx ul li{width:calc(100%/2 - 1rem); margin:0.5rem;}
	.client .client-bx02 ul li{width:calc(100%/3 - 1rem);}
}

/*버튼*/
.btn-wrap a.more{display: inline-block; width:10.5rem; height:3.25rem; line-height: 3.25rem; background: #000; border:solid 1px #fff; color:#fff; text-align: left; padding:0 1.3rem; position: relative; white-space: nowrap; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform;}
.btn-wrap a.more:before, .btn-wrap a.more:after{content:''; display:block; position:absolute; width:16px; height:12px;background:url('/images/default/main/more.svg')no-repeat center center; background-size: 16px; top:50%; transform:translateY(-50%); transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); will-change: transform;}
.btn-wrap a.more:before{left:0; opacity:0; transform: translate(0, -50%);}
.btn-wrap a.more:after{right:1.65rem;}
.btn-wrap a.more:hover{padding-left:3.5rem; background: var(--blue); border:solid 1px var(--blue);}
.btn-wrap a.more:hover:before{opacity: 1; transform: translate(1.4rem, -50%);}
.btn-wrap a.more:hover:after{opacity: 0; right:0;}

/*사업분야-공통*/
.business .description{padding:6rem 0; position: relative;}
.business .description:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#000 url('/images/default/content/description.jpg')no-repeat center center;  z-index:-1; background-size: contain;}
.business03 .description:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#000 url('/images/default/content/description-cvj.jpg')no-repeat center center;  z-index:-1; background-size: contain;}
.business .description.description-ens:before{background:#000 url('/images/default/content/description-ens-bg.jpg')no-repeat center center; background-size: contain;}
.business .description.description-cvj:before{background:#000 url('/images/default/content/description-cvj-bg.jpg')no-repeat center center; background-size: contain;}


.business .business_tit{font-size:2.25rem; font-weight:bold; padding-bottom:2rem;}
.business .description .list-wrap{padding-top:5.8rem; display:flex; flex-wrap:wrap; margin:-1rem;}
.business .description .list-wrap > li{width:calc(100%/4 - 2rem); margin:1rem; position:relative; border: solid 1px #494949; transition: all ease 0.5s 0s; z-index: 1; padding:3rem 2.4rem; min-height:17.25rem;}
.business .description .list-wrap > li:before{content: "";position: absolute;width: 100%;height: 100%;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px); left: 0;top: 0; z-index: -1;}
.business .description .list-wrap > li .tit{font-size:1.25rem; font-weight:600; padding-bottom:1.437rem;}
.business .description .list-wrap > li .txt{font-size:1rem; font-weight:600;}
.business .description .list-wrap > li .list02 li{position:relative; padding-left:0.7rem;}
.business .description .list-wrap > li .list02 li:after{content:''; display:block; position:absolute; width:7px; height:1px; background:#fff;  top:50%; transform:translateY(-50%); left:0;}
.business .description .list-wrap > li:after{bottom:2.2rem; right:2.2rem;}
.business .description .list-wrap > li:nth-child(1):after{content:''; display:block; position:absolute; width:2.65rem; height:2.4rem; background:url('/images/default/content/description-icon01.svg')no-repeat center center; background-size: cover;}
.business .description .list-wrap > li:nth-child(2):after{content:''; display:block; position:absolute; width:2.5rem; height:2.5rem; background:url('/images/default/content/description-icon02.svg')no-repeat center center; background-size: cover;}
.business .description .list-wrap > li:nth-child(3):after{content:''; display:block; position:absolute; width:2.2rem; height:2.25rem; background:url('/images/default/content/description-icon03.svg')no-repeat center center; background-size: cover;}
.business .description .list-wrap > li:nth-child(4):after{content:''; display:block; position:absolute; width:2.35rem; height:2.45rem; background:url('/images/default/content/description-icon04.svg')no-repeat center center; background-size: cover;}

.business .description .description-top{display:flex;justify-content:space-between;align-items:flex-start;}
.business .description .description-top img {width:40%}
.business .description .description-top .txt-zone{width:60%;padding-right:2rem;}


@media (min-width: 2000px) {
	.business .description:before{background-size: cover;}
}
@media (max-width:1500px){
	.business .business_tit{padding-bottom:1.5rem;}
	.business .description .list-wrap{padding-top:4rem; margin:-0.5rem;}
	.business .description .list-wrap > li{width:calc(100%/4 - 1rem); margin:0.5rem;}
	.business .description .list-wrap > li{min-height: auto; padding:2rem 1.5rem;}
	.business .description .list-wrap > li .tit{padding-bottom:1rem;}
	.business .description .list-wrap > li:after{bottom:1.8rem; right:1.8rem;}
}
@media (max-width:1300px){
	.business .description:before{background-size: cover;}
	.business .description .list-wrap > li{width:calc(100%/2 - 1rem); min-height: 11.4rem;}
	.business .description .list-wrap > li{padding:1.5rem;}
	.business .description .list-wrap > li:after{bottom:1.8rem; right:1.8rem;}
}
@media (max-width:1030px){
	.business .description{padding:3rem 0;}
	.business .business_tit{font-size: 1.8rem;}
	.business .description .list-wrap{padding-top:2rem;}
	.business .description .description-top .txt-zone{padding-right:1rem;}
}
@media (max-width:767px){
	.business .description .list-wrap > li{width:100%;}
}

@media (max-width:600px){
	.business .description .description-top{display:block;}
	.business .description .description-top img {width:100%;margin-top:1rem;}
.business .description .description-top .txt-zone{width:100%}
}

.business .direction{position:relative; padding:6rem 0; }
.business .direction .fortab{display:flex; gap:2rem;}
.business .direction:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#000;  z-index:-1;}
.business .direction .txt-zone{padding:4rem 4rem 4.5rem 0; width:26%; border-top:solid 1px #494949;}
.business .direction .txt-zone .direction-info{padding-top:2rem;}
.business .direction .txt-zone .direction-info li{font-size:1rem; display: flex;}
.business .direction .txt-zone .direction-info li span{font-weight:600; display: inline-block; width:2.6rem;}
.business .direction .txt-zone .direction-info li p{color: rgb(255 255 255 / 70%); width:calc(100% - 2.6rem);}
.business .direction .txt-zone .direction-info li:not(:last-child){margin-bottom:0.75rem;}
.business .direction .btn-wrap{margin-top:4.85rem;}
.business .direction .map-zone{width:74%;}
.business .direction .root_daum_roughmap{width:100% !important;}
.business .direction .root_daum_roughmap .wrap_map{height:26.25rem !important;}
.business .direction .root_daum_roughmap .map_border{display: none;}
@media (max-width:1720px){
	.business .direction .txt-zone{width:30%;}
	.business .direction .map-zone{width:calc(100% - 30%);}
}
@media (max-width:1300px){
	.business .direction .fortab{flex-direction: column-reverse;}
	.business .direction .txt-zone,
	.business .direction .map-zone{width:100%;}
	.business .direction .root_daum_roughmap .wrap_map{height:20rem !important;}
	.business .direction .txt-zone{padding:2rem 0 0 0; position:relative;}
	.business .direction .txt-zone .direction-info{padding-top:1rem;}
	.business .direction .btn-wrap{margin-top:0; position: absolute; bottom:0; right:0;}
}
@media (max-width:1030px){
	.business .direction{padding:3rem 0;}
}
@media (max-width:767px){
	.business .direction .txt-zone{padding-bottom:5rem;}
	.business .direction .btn-wrap{right:auto; left:0;}
	.business .direction .root_daum_roughmap .wrap_map{height:18rem !important;}
}
@media (max-width:500px){
	.business .direction .root_daum_roughmap .wrap_map{height:16rem !important;}
}

.business .Achievement{padding:6rem 0;}
.business .Achievement .fortab{display: flex; align-items: flex-start;}
.business .Achievement .left-zone{width:26%;}
.business .Achievement .right-zone{width:74%;}
.business .Achievement .right-zone ul{display: flex; text-align: center; gap:1.7rem;}
.business .Achievement .right-zone ul li img{max-width:100%;}
.business .Achievement .right-zone ul li p{font-size:1rem; padding-top:1.6rem;}
@media (max-width:1720px){
	.business .Achievement .left-zone{width:30%;}
	.business .Achievement .right-zone{width:calc(100% - 30%);}
}
@media (max-width:1300px){
	.business .Achievement .fortab{flex-direction: column; gap:2rem;}
	.business .Achievement .left-zone,
	.business .Achievement .right-zone{width:100%;}
	.business .Achievement .right-zone ul li p{padding-top:1rem;}
}
@media (max-width:1030px){
	.business .Achievement{padding:3rem 0;}
}
@media (max-width:767px){
	.business .Achievement .right-zone ul{gap:0; flex-wrap:wrap; margin:-1rem;}
	.business .Achievement .right-zone ul li{width:calc(100%/2 - 2rem); margin:1rem;}
}
@media (max-width:500px){
	.business .Achievement .right-zone ul li p{padding-top:0.5rem;}
}

.business .animation{position: relative; padding:6rem 0; min-height: 48rem;}
.business .animation:before{content : ""; display : block; position : absolute; left : -25%; bottom:0; width :150%; height : 100%; background:#000;  z-index:-1;}
.business .animation .f20{position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@media (max-width:1300px){
	.business .animation{min-height: auto;}
	.business .animation .f20{position: relative; top:auto; left:auto; transform: none; padding-top:1.5rem;}
}
@media (max-width:1030px){
	.business .animation{/*padding:3rem 0;*/ padding:3rem 0 6rem;}
}

.business .business-pro{ height: 100%; position: -webkit-sticky; /* Safari 호환 */
  position: sticky;
  top: 0; /* 상단에 고정 */
  /* 다른 요소들보다 위에 위치하도록 설정 */}
.business .business-pro.hide{padding:0;}
.business .business-pro .f45{color:#fff; padding-bottom:2.9rem;}

.business .business-pro .product-zone{text-align: center;display:flex;}
.business .business-pro .product-zone .img-wrap{position: relative; width:fit-content; margin:0 auto;}
.business .business-pro .product-zone .img-wrap img{max-width: 100%;}
.business .business-pro .click-bx .pro-point{position:absolute; width:6rem; height:6rem; display: flex; align-items: center; justify-content: center;  cursor: pointer;}


.business .cm-product .click-bx .pro-point01{left:18%; top:22.2%;}
.business .cm-product .click-bx .pro-point02{left:43.2%; bottom:36%;}
.business .cm-product .click-bx .pro-point03{display:none;}

.business .cvj-product .click-bx .pro-point01-1 {display:none;}
.business .cm-product01 .click-bx .pro-point01{display:none;}
.business .cm-product01 .click-bx .pro-point02{display:none;}
.business .cm-product01 .click-bx .pro-point03{right:40.8%; bottom:36%;}
.business .cvj-product .click-bx .pro-point01{left:43.5%; top:38%;}
.business .cvj-product .click-bx .pro-point02{right:40.8%; bottom:36%;}
.business .cvj-product .click-bx .pro-point02.pro-point01-1{}
.business .business-pro .click-bx .pro-point img{position: relative; z-index: 1;}
.business .business-pro .click-bx .pro-point .spread  {background-color:rgba(5,64,202,0.2); border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both; position: absolute; left: 1.5rem; top: 1.5rem; opacity: 0; margin: 0; width: 3rem; height: 3rem; will-change: transform, opacity; animation: nation-circle 5s cubic-bezier(1, 2, 0.66, 3) infinite; z-index: 0;}
.business .business-pro .click-bx .pro-point .spread:nth-child(2) {animation-delay: 1s; }
.business .business-pro .click-bx .pro-point .spread:nth-child(3) {animation-delay: 1.5s;}
.business .business-pro .click-bx .pro-point .spread:nth-child(4) {animation-delay:2s;}

.pro-list-con-bx{display:flex;} 
.pro-list-con-bx > div {width:50%;}
.pro-list-con p.product-name {font-size:1.25rem;}
.pro-list-con .business_tit{padding:4rem 0 5rem;line-height:1;}



@keyframes nation-circle {
	0% {
		transform: scale(0) translateZ(0);
		opacity: 0.5;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		transform: scale(1.2) translateZ(0);
		opacity: 0;
	}
}
@media (max-width:1400px){
	.business .business-pro{padding:3rem 0;}
	.business .cvj-product .click-bx .pro-point02{right:39%;    bottom: 33%;}
	.business .cvj-product .click-bx .pro-point01{    left: 43.5%;        top: 37%;}
}
@media (max-width:1300px){
	.business .cvj-product .click-bx .pro-point02{right:38.5%;  bottom: 32%; }
	.business .cvj-product .click-bx .pro-point01{    left: 42.5%;        top: 35%;}
}
@media (max-width:1155px){
	.business .cvj-product .click-bx .pro-point02{right:36.5%;  bottom: 31%; }
	.business .cvj-product .click-bx .pro-point01{    left: 41.5%;top: 33%;}
}

@media (max-width:1030px){
	.business .business-pro{padding:3rem 0;}
}


@media (max-width:1000px){
	.business .cm-product .click-bx .pro-point01{left:22%;}
	.business .cm-product .click-bx .pro-point02{left:45.2%;}
	.business .cm-product .click-bx .pro-point03{right:14.3%;}

	.business .cvj-product .click-bx .pro-point02{right:36.5%;  bottom: 31%; }
	.business .cvj-product .click-bx .pro-point01{    left: 41.5%;top: 33%;}

}
@media (max-width:900px){
	.business .cm-product .click-bx .pro-point01{left:21.5%;}
	.business .cm-product .click-bx .pro-point02{left:44.7%;}
	.business .cm-product .click-bx .pro-point03{right:13.8%;}

	.business .cvj-product .click-bx .pro-point02{right:35%;  bottom: 27%; }
	.business .cvj-product .click-bx .pro-point01{    left: 40%;top: 32%;}

}
@media (max-width:850px){
	.business .cm-product .click-bx .pro-point01{left:21.2%; top:24%;}
	.business .cm-product .click-bx .pro-point02{left:44.4%; bottom:39%;}
	.business .cm-product .click-bx .pro-point03{right:13.5%; bottom:35%;}

	.business .cvj-product .click-bx .pro-point02{right:34%;  bottom: 25%; }
	.business .cvj-product .click-bx .pro-point01{    left: 39%;top: 31%;}
}
@media (max-width:750px){
	.business .cm-product .click-bx .pro-point01{left:20.8%;}
	.business .cm-product .click-bx .pro-point02{left:44%; bottom:38%;}
	.business .cm-product .click-bx .pro-point03{right:13%; bottom:34%;}
}
@media (max-width:700px){
	.business .cm-product .click-bx .pro-point01{left:20%;}
	.business .cm-product .click-bx .pro-point02{left:43%; bottom:37%;}
	.business .cm-product .click-bx .pro-point03{right:12%; bottom:33%;}
	.business .cvj-product .click-bx .pro-point02{right:32%;  bottom: 20%; }
	.business .cvj-product .click-bx .pro-point01{    left: 36.5%;top: 28%;}

}
@media (max-width:600px){
	.business .cm-product .click-bx .pro-point{width:5rem; height:5rem;}
	.business .cm-product .click-bx .pro-point .spread{left:1rem; top:1rem;}
	.business .cm-product .click-bx .pro-point01{left:20.5%; top:25%;}
	.business .cm-product .click-bx .pro-point02{left:44%; bottom:38%;}
	.business .cm-product .click-bx .pro-point03{right:13%; bottom:32%;}

	.business .cvj-product .click-bx .pro-point02{right:30%;  bottom:15%; }
	.business .cvj-product .click-bx .pro-point01{    left: 36%;top: 28%;}

}
@media (max-width:550px){
	.business .cm-product .click-bx .pro-point01{left:20%;}
	.business .cm-product .click-bx .pro-point02{left:43%; bottom:36%;}
	.business .cm-product .click-bx .pro-point03{right:12.5%; bottom:31%;}

}
@media (max-width:500px){
	.business .cm-product .click-bx .pro-point01{left:19.5%; top:23%;}
	.business .cm-product .click-bx .pro-point02{left:42.5%; bottom:35%;}
	.business .cm-product .click-bx .pro-point03{right:11.5%; bottom:30.5%;}

	.business .cvj-product .click-bx .pro-point02{right:38%;  bottom:28%; }
	.business .cvj-product .click-bx .pro-point01{    left: 42%;top: 32%;}

}
@media (max-width:450px){
	.business .cm-product .click-bx .pro-point01{left:17.5%; top:22%;}
	.business .cm-product .click-bx .pro-point02{left:40.5%; bottom:31%;}
	.business .cm-product .click-bx .pro-point03{right:9.5%; bottom:26.5%;}
	.business .cvj-product .click-bx .pro-point02{right:32%;  bottom:20%; }
	.business .cvj-product .click-bx .pro-point01{    left: 37.5%;top: 28%;}

}
@media (max-width:380px){
	.business .cm-product .click-bx .pro-point01{left:15.5%; top:20%;}
	.business .cm-product .click-bx .pro-point02{left:38.5%; bottom:29%;}
	.business .cm-product .click-bx .pro-point03{right:7.5%; bottom:24%;}


}

.business .pro-bx{display: none;position: sticky;top: 1rem;}
.business .pro-bx .flex{display:block;}
.business .pro-bx .flex.rightone {align-items: center;}
.business .pro-bx .left-zone{width:100%; height:770px; position:relative;display: flex;align-items: center;padding-top:3rem;}

.business .pro-bx .left-zone .tit{display: flex; align-items: center; gap:1.1rem; color:#191919;position:absolute;left:1rem;top:4rem;}
.business .pro-bx .left-zone .tit a{filter: drop-shadow(0px 5px 10px rgb(0 0 0 / 10%));}
.business .pro-bx .left-zone .img-zone{width:100%;text-align:center;}
.business .pro-bx .right-zone{width:100%; padding:3rem 0 5.5rem 0;border-top:1px solid #494949;}
.business .pro-bx .right-zone > div:not(:last-child){margin-bottom:3rem;}
.business .pro-bx .right-zone .name{font-size:1rem; font-weight: 600;}
.business .pro-bx .right-zone .detail-pro{display:flex; flex-wrap:wrap; margin:-0.5rem; padding:1.15rem 0 1rem;}
.business .pro-bx .right-zone .detail-pro li{width:calc(100%/6 - 1rem); margin:0.5rem; background:#000; min-height:8.9rem; display: flex; align-items: center; justify-content: center; font-size: 0.9rem; color: rgb(255 255 255 / 20%);}
.business .pro-bx .right-zone .explain{font-size:0.9rem; color:rgb(255 255 255 / 70%);}
.business .pro-bx .f45 {color:#fff;font-size:1.25rem;}


/* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
.business .pro-bx .right-zone:-webkit-scrollbar {
  display: none;
}

.business .pro-bx .right-zone {
  -ms-overflow-style: none; /* 인터넷 익스플로러 */
  scrollbar-width: none; /* 파이어폭스 */
}

@media (max-width:1720px){
	.business .pro-bx .left-zone{padding:6rem 1rem; padding-left:0;}
	.business .pro-bx .left-zone .img-zone img{max-width:100%;}
	.business .pro-bx .right-zone{padding-left:1rem;}
}
@media (max-width:1500px){
	.business .pro-bx .right-zone .detail-pro li {width:calc(100%/4 - 1rem);}
	.business .pro-bx .right-zone .detail-pro li img{width:100% !important;	}
}

@media (max-width:1030px){
	.business .pro-bx .right-zone .detail-pro{padding:1rem 0 2rem;}
	.business .pro-bx .flex{flex-direction: column; align-items: flex-start;}
	.business .pro-bx .left-zone{width:100%; padding:3rem 0; padding-right:0;}
	.business .pro-bx .right-zone{width:100%; padding:3rem 0; padding-left: 0;height:auto;}
	.business .pro-bx .left-zone .img-zone{padding-top:2rem; width:50%; margin:0 auto;}
	.business .pro-bx .left-zone:before{right:-10%; height:100%;}
	.business .pro-bx .left-zone{height:auto;display:block;}
	.business .pro-bx .left-zone .tit{position:relative;left:auto;top:auto;}
}
@media (max-width:767px){
	.business .pro-bx .left-zone .img-zone{width:70%;}
	.business .pro-bx .right-zone .detail-pro li{width:calc(100%/2 - 1rem);}
	.business .pro-bx .left-zone .tit a{width:2.5rem; display: inline-block;}
	.business .pro-bx .left-zone .tit a img{max-width:100%;}
	.business .pro-bx .right-zone .detail-pro li img{height:auto !important;	}
}
@media (max-width:500px){
	.business .pro-bx .left-zone .img-zone{width:90%;}

	.pro-list-con-bx{display:block;}
	.pro-list-con-bx > div{width:100%;}
	.pro-list-con .business_tit{padding-bottom:1.5rem;}
}


/*연구개발-공통*/
.RnDname{font-size:3rem; color:#2b2bff; font-weight:bold; padding:1.25rem 0; border-top:solid 1px #fff; border-bottom:solid 1px  rgb(255 255 255 / 20%); margin-bottom:4.1rem;}
.Research.add .RnDname{margin-top:5rem;}
.Research.add .RD-AVS .RnDname{margin-top:0;}

.Research .flex{align-items: flex-start;}
.Research .flex:not(:last-child){padding-bottom:6rem; border-bottom:solid 1px rgb(255 255 255 / 20%);}
.Research .flex .cts-l{width:23.75rem; line-height: 1;}
.Research .flex .cts-l .f30{padding-top:1.1rem; font-weight: 400;}
.Research .flex .cts-r{width:calc(100% - 23.75rem);}
.Research .flex .cts-r > div:not(:last-child){padding-bottom:6rem;}
.Research .flex .cts-r .sm-txt{padding-top:1.5rem;}
.Research .flex .cts-r .txt-zone{margin-bottom:2.25rem;}
.Research .flex .cts-r .img-zone{display: flex; justify-content: space-between; gap:1.9rem;}
.Research .flex .cts-r .img-zone .img-bx{width:calc(100%/2); padding:2rem 2rem 2.9rem;}
.Research .flex .cts-r .img-zone .img-bx p{text-align: left; padding-bottom:3rem;}
.Research .flex .cts-r .img-bx{text-align: center; background: #000; padding:2.9rem 2rem;}
.Research .flex .cts-r .img-bx.mt34{margin-top:1.7rem;}
.Research .flex .cts-r .img-bx.figure{display: flex; align-items: center; justify-content: center; gap:2.8rem;}
.Research .flex .cts-r .img-bx.figure figure{border:solid 1px rgb(255 255 255 / 20%); padding:1.35rem 0.9rem 0.9rem;}
.Research .flex .cts-r .img-bx.figure figcaption{ padding-bottom:1rem; font-size:1.15rem;}
.Research .flex .cts-r .img-bx.flexwrap{display:flex; flex-wrap:wrap; padding:2.9rem 8rem;}
.Research .flex .cts-r .img-bx.flexwrap img{width:calc(100%/2 - 1.9rem); margin:0.95rem;}
.Research .flex.order-wrap .cts-l{width:28rem;}
.Research .flex.order-wrap .cts-r{width:calc(100% - 28rem); padding-right:4rem;}
.Research .flex .cts-r .order{display:flex; flex-wrap:wrap; margin:-2.25rem -3.25rem;}
.Research .flex .cts-r .order li{width:calc(100%/2 - 6.5rem); margin:2.25rem 3.25rem; position: relative;}
.Research .flex .cts-r .order li:not(:last-child):after{content:''; display:block; position:absolute; width:1.1rem; height:0.85rem; background:url('/images/default/content/order-arrow.png')no-repeat center center; background-size: cover;}
.Research .flex .cts-r .order li:nth-child(1):after{top:50%; transform:translateY(-50%); left:calc(100% + 3rem);}
.Research .flex .cts-r .order li:nth-child(2):after{left:50%; transform:translateX(-50%) rotate( 90deg ); top:calc(100% + 1.7rem);}
.Research .flex .cts-r .order li:nth-child(3):after{top:50%; transform:translateY(-50%) scaleX(-1); right:calc(100% + 3rem);}
.Research .flex .cts-r .order li:nth-child(3){order: 4;}
.Research .flex .cts-r .order li:nth-child(4){order: 3;}
.Research .flex .cts-r .order li img{max-width: 100%; object-fit: cover;}
.Research .flex .cts-r .order li span{position:absolute; top:0; left:0; display: inline-block; width:8.5rem; height:2rem; line-height: 2rem; text-align: center; background: #222; color:#fff; font-size:0.9rem; font-weight: 600;}
.Research .flex .cts-r .order li.active{border:solid 1px #fff;}
.Research .flex .cts-r .order li.active span{background: var(--blue);}
@media (max-width:1720px){
	.Research .flex .cts-r .img-bx img{max-width: 100%;}
}
@media (max-width:1400px){
	.Research .flex .cts-l{width:16rem; line-height: 1.3;}
	.Research .flex .cts-r{width:calc(100% - 16rem);}
	.Research .flex.order-wrap .cts-l{width:18rem; }
	.Research .flex.order-wrap .cts-r{width:calc(100% - 18rem); padding-right:0;}
	.Research .flex .cts-r .order{margin:-1.5rem;}
	.Research .flex .cts-r .order li{width:calc(100%/2 - 3rem); margin:1.5rem;}
	.Research .flex .cts-r .order li:nth-child(1):after{left:calc(100% + 1rem);}
	.Research .flex .cts-r .order li:nth-child(2):after{top:calc(100% + 1rem);}
	.Research .flex .cts-r .order li:nth-child(3):after{right:calc(100% + 1rem);}
}
@media (max-width:1030px){
	.RnDname{font-size:2.4rem; margin-bottom: 3rem; padding:1rem 0;}
	.Research .flex{flex-direction: column; gap:1.5rem;}
	.Research .flex .cts-l{width:100%;}
	.Research .flex .cts-r{width:100%;}
	.Research .flex .cts-r .sm-txt{padding-top:1rem;}
	.Research .flex .cts-r > div:not(:last-child){padding-bottom:4rem;}
	.Research .flex:not(:last-child){padding-bottom: 4rem;}
	.Research .flex .cts-r .img-bx.figure{gap:1.5rem;}
	.Research .flex .cts-r .img-bx.figure figure{padding:1.1rem 0.9rem 0.9rem;}
	.Research .flex .cts-r .img-bx.figure figcaption{padding-bottom: 0.9rem;}
	.Research .flex .cts-r .img-bx.flexwrap{padding:2.9rem 2rem;}
	.Research .flex.order-wrap .cts-l{width:100%; }
	.Research .flex.order-wrap .cts-r{width:100%; }
	.Research .flex .cts-r .img-zone{gap:1rem; flex-direction: column;}
	.Research .flex .cts-r .img-zone .img-bx{width: 100%;}
	.Research .flex .cts-r .img-zone .img-bx p{padding-bottom:2rem;}
}
@media (max-width:767px){
	.Research .flex .cts-r .order li span{position: relative; width:100% !important; padding:0.5rem; line-height: 1.5; height:3.8rem; display: inline-flex; align-items: center; justify-content: center;}
}
@media (max-width:500px){
	.Research .flex .cts-r .img-bx.figure{flex-direction: column;}
	.Research .flex .cts-r .img-bx.flexwrap img{width:100%; margin:0; max-width: 100%;}
	.Research .flex .cts-r .img-bx.flexwrap img:not(:last-child){margin-bottom:2rem;}
}

/*연구개발-CPS*/
.RD-CPS .flex .cts-r .img-bx.figure{ gap:2rem;}
.RD-CPS .flex .cts-r .img-bx.figure figure{border:none; padding:0;}
.RD-CPS .flex:nth-of-type(3) .cts-r .order li span{width:11.5rem;}
.RD-CPS .flex:nth-of-type(4) .cts-r .order li span{width:10.5rem;}
@media (max-width:500px){
	.RD-CPS .flex .cts-r .img-bx.figure figure{width:100%;}
	.RD-CPS .flex .cts-r .img-bx img{width:100%;}
}

/*연구개발-AVS*/
.RD-AVS .flex .cts-r .img-bx.aic{justify-content: center; gap:4rem;}
.RD-AVS .flex:nth-of-type(3) .cts-r .order li span{width:11.5rem;}
.RD-AVS .flex:nth-of-type(4) .cts-r .order li span{width:18.25rem;}
.RD-AVS .flex:last-child .cts-r .sm-txt:nth-child(3){padding:6rem 0 2.25rem;}
@media (max-width:1400px){
	.RD-AVS .flex .cts-r .img-bx.aic{gap:1rem;}
	.RD-AVS .flex .cts-r .img-bx.aic img{max-height: 8rem;}
	.RD-AVS .flex .cts-r .order li span{position: relative; width:100% !important; padding:0.5rem; line-height: 1.5; height:3.8rem; display: inline-flex; align-items: center; justify-content: center;}
}
@media (max-width:1030px){
	.RD-AVS .flex .cts-r .txt-zone{margin-bottom:1.5rem;}
	.RD-AVS .flex:last-child .cts-r .sm-txt:nth-child(3){padding:2rem 0 1.5rem;}
}
@media (max-width:500px){
	.RD-AVS .flex .cts-r .img-bx.aic{flex-direction:column; gap:1rem;}
	.RD-AVS .flex .cts-r .img-bx.aic img{max-height: 10rem;}
}


.esg-list > ul{display:flex;gap:3rem;flex-wrap:wrap;margin-top:4.25rem;}
.esg-list > ul > li {width:calc((100% - 6rem) / 3);}
.esg-list > ul > li a {padding:15px;background:#222222;display:block;width:100%;}
.esg-list > ul > li a .txt-zone {color:#fff;font-size:1rem;text-align:center;padding-top:1rem;padding-bottom:12px;}
.esg-list > ul > li a .img-zone img {width:100%;}

.esg-pop {    width: 100vw; height: 100%; overflow: auto; box-sizing: border-box; position: fixed; top: 0px; left: 0px;width: 1024px;margin: 0 auto;transform: translateX(-50%);left:50%;scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; z-index:101;justify-content: center;top:3.5rem;    height: calc(100% - 5rem);display:none;}
.esg-pop .pop-x{position:absolute;right:1rem;top:1rem;cursor:pointer;}

.esg-pop .pop-con{position: relative; -webkit-box-pack: center;height: min-content;min-height: 101vh;border-radius: 8px;}

@media (max-width:1300px){
	.esg-list > ul{gap:1.5rem;}
	.esg-list > ul > li {width:calc((100% - 3rem) / 3);}
}
@media (max-width:1100px){
	.esg-pop  {width: 90%;}
	.esg-pop .pop-con > img {max-width:100%;}
}
@media (max-width:767px){
	.esg-list > ul{gap:1.5rem;}
	.esg-list > ul > li {width:calc((100% - 1.5rem) / 2);}
}
@media (max-width:500px){

	.esg-list > ul > li{width:100%;}
}