@charset "utf-8";


/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
.sub #gnb .gnb-item > a{color: var(--b-01);}
.sub a.another-web{ border:1px solid var(--c-01); }
.sub a.another-web span{color:var(--c-01)}
#logo{background-color: transparent;}
/* #container:has(.board-page) + #footer{margin-top: 140rem;} */
.sub #footer{}
#header.on{background-color: #fff; }
#header.mob.color-on{} #logo{background-color: var(--f-01);}
#footer{margin-top: 155rem}

@media (max-width:1680px){
 
    a.another-web i{width: 25rem; height: 25rem;}
}
@media all and (max-width:1023px){
    #footer{margin-top: 130rem;}
    #logo i{width: 148rem; height: 42rem;}
    .gnb-mobile-btn span{background-color: var(--b-01);}
    #header.on{padding-bottom: 30rem;}

}
@media (max-width:860px){
    #footer{margin-top: 110rem;}
}
@media (max-width: 540px){
    #footer{margin-top: 86rem;}
    #header{padding-top: 14rem;}
    #logo i{width: 98rem;}
}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: 97rem}
/* .sub-content:has(.board-page){padding-top: 120rem;} */

.sub-content .wrap-narrow{padding-left: 90rem; transition: padding .4s;}
.sub-title span{display: block; margin-bottom: 8rem;}
.sub-title{margin-bottom: 60rem;}
p{color: var(--b-02); font-family: var(--lang-ko);}

/* *:not(.back-line){z-index: 10;} */
.back-line {position: absolute;width: 100%; padding-left: 90rem; height: 100%; display: flex; justify-content: space-between; left: 0; top: -191rem; z-index: -1;}
.back-line li{width: 1px; height: 100%; background-color: var(--br-03); z-index: -1;}

@media (max-width:1820px){
    .sub-content .wrap-narrow,.back-line{padding-left: 100rem;}
}
@media (max-width:1680px){
    .sub-content .wrap-narrow,.back-line{padding-left: 220rem;}
}
@media all and (max-width:1200px){
    .sub-content{padding-top: 46rem;}
    .sub-content .wrap-narrow,.back-line{padding-left: 240rem;}
    
}
@media all and (max-width:1023px){
	/* .sub-content:has(.board-page){padding-top:110rem;} */
    .sub-content .wrap-narrow,.back-line{padding-left: 0;}
    .sub-title{margin-bottom: 40rem;}
}

@media (max-width: 860px){
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 40rem;}
    .sub-title{margin-bottom: 34rem;}
    .back-line li:last-child{display: none;}
}

/* **************************************** *
 * SITE CUSTOM
 * **************************************** */

 [data-title]{/* padding-left: 14rem; */ position: relative; gap: 12rem; display: flex; align-items: center; font-size: var(--font-ko--18); font-weight: 700; color: var(--b-01);}
 [data-title]::before{content: ""; width: 4rem; height: 17rem; border-radius: 5rem; /* position: absolute; left: 0; top: 0; */}
 [data-title="c-01"]::before{background-color: #C2E3E8;}
 [data-title="c-02"]::before{background-color: #EAEAC2;}


 @media (max-width: 540px){
    [data-title]{gap: 8rem;}
	[data-title]::before{width: 3rem; height: 14rem; ;}
 }
 
/* 회사소개 */
.about-page h3{font-family: var(--lang-ko);}
.about-text{padding-left: 297rem; margin-top: 60rem;}
.about-text p + p{margin-top: 21rem;}

.about-sec{align-items: center; margin-top: 85rem; gap: 66rem;}
.about-sec figure{min-width: 528rem; border-radius: 17rem; height: 328rem;}
.about-sec figure img{width: 100%; height: 100%; object-fit: cover; display: block;  position: relative;}
.about-sec.reverse{flex-direction: row-reverse; justify-content: space-between;}
.about-sec__text h4{color: var(--c-01); margin-bottom: 17rem;}
.about-top figure img{width: 100%; height: auto !important; object-fit: cover; display: block; top: -30%; position: relative;}
.about-top .back-line{ height: calc(100% + 330rem);}

.about-middle{background:#0F1621; padding: 153rem 0; margin: 130rem 0; position: relative;}
.about-middle .wrap-narrow{ z-index: 1;}
.about-middle__conts{justify-content: space-between; align-items: center;}
.about-middle strong{color: var(--f-01); font-size: 72rem;line-height: 92rem; font-family: var(--lang-ko);}
[lang="en-US"] .about-middle strong{font-size: var(--font-ko--52); line-height: 1.4; }
[lang="en-US"] .about-middel__link figure{width: 620rem; height: 320rem;}

.about-middel__link{position: relative;}
.about-middel__link figure{border-radius: 900rem; overflow: hidden; width: 770rem; height: 385rem;}
.about-middel__link figure img{width: 100%; height: 100%; object-fit: cover;}
.about-middel__link a{position: absolute; right: 0; bottom: 36rem; width: 76rem; height: 76rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; border:1px solid var(--f-01); background-color: var(--c-01);}
.rolling-img {position: absolute; bottom: 0; }
.rolling-img span{display: inline-block;}

.about-overview__info{gap: 42rem;}
.about-overview__item figure{width: 100%; height: 226rem; border-radius: var(--bdr-20); overflow: hidden; margin-bottom: 38rem;}
.about-overview__item figure img{width: 100%; height: 100%; object-fit: cover;}
.about-overview__item div{display: flex; align-items: center;}
.about-overview__item strong{color: var(--b-01); margin-bottom: 20rem; display: block;}
.about-overview__item dl{gap: 14rem; display: flex; flex-direction: column; padding-top: 17rem; border-top: 1px solid var(--b-01);} 
.about-overview__item dt{min-width: 112rem;}
.about-overview__item dd{color: var(--b-02); font-size: var(--font-ko--17); font-family:var(--lang-ko); font-size: 14rem;}
.dash-line{border-top: 1px dashed var(--br-02); display: block; width: 100%; height: 1px;}

[lang="en-US"] .about-overview__item dt{min-width: 222rem;}

@media (min-width:1681px){
    .about-middle .wrap-narrow{padding-left: 0 !important;}
    
}
@media (max-width:1680px){
    .about-text br{display: none;}
    .about-middel__link figure{width:600rem; height: 360rem;}
    .about-middle strong{font-size: 62rem;}
}
@media all and (max-width:1200px){
    .about-text{padding-left: 0;}
    .about-sec{margin-top: 55rem;}
    .about-sec figure{min-width: 43%; height: 258rem;}
    .about-sec__text br{display: none;}
    

    .about-middle{margin: 100rem 0; padding: 115rem 0;}
    .about-middle__conts{align-items: flex-start; flex-direction: column;}
    .about-middel__link{margin-left: auto;}
    .about-middle strong{font-size: 52rem; line-height: 1.4;}
    .about-middle strong br:nth-child(1){display: none;}
    .about-middel__link figure{height: 310rem;}
    .about-middel__link figure img{width: 100%; height: 100%; object-fit: cover;}
    .about-middel__link a{width: 66rem; height: 66rem; bottom: 16rem;}
    .rolling-img img{height: 166rem;}

    [lang="en-US"] .about-middle strong{margin-bottom: 32rem;}

    .about-overview__info{grid-template-columns: 1fr;}
    .about-overview__item figure{height: 346rem;}

}

@media all and (max-width:1023px){
    .about-text{margin-top: 30rem;}
    .about-sec figure{border-radius: var(--bdr-20);}
    .about-middle{margin: 84rem 0;}
    .about-middel__link figure{width: 580rem; height: 280rem;}
     .about-overview__info{gap: 32rem;}
}
@media (max-width: 860px){
    .about-overview__item figure{height: 206rem;}
    .about-overview__info{gap: 22rem;}
    .about-middle strong{font-size: 42rem; margin-bottom: 40rem;}
    .about-middel__link{width: 67%;}
    .about-middel__link figure,[lang="en-US"] .about-middel__link figure{width: 100%; height: 250rem;}
    [lang="en-US"] .about-overview__item dt{width: 100%;}
    [lang="en-US"] .about-overview__item div{flex-direction: column; align-items: flex-start;}
    [lang="en-US"] .about-overview__item dd{padding-left: 16rem; margin-top: 8rem;}
}
@media (max-width: 540px){
	.about-sec{display: block; margin-top: 36rem;}
    .about-sec__text{margin-top: 24rem;}
    .about-sec__text h4{margin-bottom: 6rem;}
   
    .about-middle{margin: 54rem 0;}
    .about-overview__info{grid-template-columns: 1fr; gap: 42rem;}
    .about-overview__item dt{min-width: 92rem;}
    .about-overview__item strong{margin-bottom: 14rem;}
    .about-overview__item figure{margin-bottom: 28rem;}
    .about-overview__item dl{gap: 12rem;}
    .about-middle{padding: 75rem 0;}
    .about-middle strong{font-size: 32rem;}
    .about-middel__link{width: 100%;}
    .about-middel__link figure{height: auto; position: relative; border-radius: 100%;}
    .about-middel__link figure::before{content: ""; display: block; padding-bottom: 100%;}
    .about-middel__link figure img{position: absolute; left: 0; top: 0; object-position: 50% 50%;}
    .about-middel__link a{width: 52rem; height: 52rem; bottom: 56rem;}

    [lang="en-US"] .about-middel__link figure{border-radius: var(--bdr-20);}
    .about-overview__item figure{height: 170rem;}
}

/* Ci */
.Ci-image-conts{}
.ci-image__item{width: 50%;height: 323rem; display: flex; align-items: center; justify-content: center; }
.ci-image__item img{height: 73rem;}
.ci-image__item.white{border-radius:var(--bdr-20) 0 0 var(--bdr-20); background: url(../img/sub/logo-pattern.svg) repeat; background-color: var(--f-01); border:1px solid var(--br-02)}
.ci-image__item.color{border-radius:0 var(--bdr-20) var(--bdr-20) 0;background: url(../img/sub/logo-pattern2.svg) repeat;  background-color: var(--c-01); border:1px solid var(--c-01)}
.ci-image p{margin-top: 32rem;}
.ci-page i.dash-line{margin: 60rem 0;}
.ci-sec strong{display: block; font-size: 22rem; font-weight: 700; color: var(--b-01); min-width: 240rem;} 
.ci-sec .color-box{width: 198rem; height: 130rem; border-radius: var(--bdr-20); position: relative; display: block;}
.ci-sec .color-box i{position: absolute; right: 15rem; bottom: 16rem; color: #fff; font-family: var(--lang-ko); font-weight: 600; font-size: 15rem;}
.ci-sec .color-box.v1{background-color: var(--c-01);}
.ci-sec .color-box.v2{background-color: #00993A;}
.ci-sec .color-box.v3{background-color: #8EC31F;}
.ci-sec .color-box.v4{background-color: #DADF00;}
.ci-sec ul{gap: 22rem; margin-top: 57rem;}
.ci-sec em[data-title]{margin-top:32rem ;}
.ci-sec em[data-title] + p{margin-top: 10rem;}

@media (max-width:1680px){
    .ci-image p br{display: none;}
}
@media (max-width:1480px){

}
@media all and (max-width:1200px){
    .ci-image__item{height: 270rem;}
	.ci-sec ul{gap: 18rem;}
}
@media all and (max-width:1023px){
	.ci-page i.dash-line{margin: 40rem 0;}
    .ci-sec strong{font-size: 20rem; margin-bottom: 8rem;}
}
@media (max-width:860px){
    .ci-sec{display: block;}
    .ci-sec strong{font-size: 18rem; display: block; margin-bottom: 24rem;}
    .ci-sec .color-box{width: 168rem; height: 110rem;}
    .ci-image__item img{height: 50rem;}
     
}
@media (max-width: 540px){

    .ci-image__connts{flex-direction: column;}
    .ci-image__item{width: 100%; height: 200rem; }
    .ci-image__item.white{border-radius: var(--bdr-20) var(--bdr-20) 0 0;}
    .ci-image__item.color{border-radius:  0 0 var(--bdr-20) var(--bdr-20);}
    .ci-sec strong{margin-bottom: 10rem;}
    [lang="en-US"] .ci-sec strong br{display: none;}
    .ci-page i.dash-line{margin: 28rem 0;}
    .ci-sec .color-box i{font-size: 13rem;}
    .ci-sec .color-box{width: 100%; height: 86rem;}
    .ci-sec ul{flex-direction: column;gap: 8rem; margin-top: 34rem;}
}

/* 연혁 */
.blur-symbol--wrap{position: absolute; left: 50%; top: 10%;  transform: translateX(-50%); width: 100%; height: 100%; z-index: -2; }
.blur-symbol{position: sticky; top: 30vh}
.blur-symbol img{filter: blur(5.5px); opacity: 0.2; max-width: 100%;}
.history-sect{position: relative;}
.history-sect h3{ transition: var(--trans-03); font-size: 42rem;  margin-bottom: 33rem; font-family: var(--lang-en); line-height: 45rem; color: var(--b-03); text-align: center; }
.history-sect h3.is_moved{font-size: 62rem; color: var(--b-01);}
.history-line{position: absolute; overflow: hidden; left: 50%; top: 0; width: 1px; height: 100%; background-color:  var(--br-02);}
.history-line i{position: absolute; width: 1px; height:0; background-color: var(--c-01); top: 0;}
.history-list{justify-content: center; padding-top: 70rem; padding-bottom: 80rem; position: relative;}
.history-list.v1{flex-direction: row-reverse;}
.history-list.v1 .history-image{padding-left:86rem}
.history-list.v1 .history-item{padding-right: 86rem;}
.history-list.v1 .history-item__list{flex-direction: row-reverse;}
.history-list.v1 .history-item__list li{text-align: right;}
.history-list.v1 .history-item__list strong{text-align: right;}
.history-list.v2 .history-image{padding-right:86rem; }
.history-list.v2 .history-image img{margin-left: auto;}
.history-list.v2 .history-item{padding-left: 86rem;}
.history-list > div{width: 50%;}
.history-image{overflow: hidden; }
.history-image img{max-width: 398rem;  width: 100%;height: 220rem; border-radius: var(--bdr-20); object-position: 50% 50%;}
.history-item{display: flex; flex-direction: column; gap: 32rem;}
.history-item__list{}
.history-item__list li{color: var(--b-02); font-weight: 300; font-family: var(--lang-ko); font-size: var(--font-ko--18); line-height: 28rem;}
.history-item__list li + li{margin-top: 10rem;}
.history-item__list strong{min-width: 52rem;}
.history-desc{flex: 1;}
.history-sect + .history-sect{margin-top: 180rem;}

@media all and (max-width:1200px){
	.history-list.v1 .history-image,.history-list.v2 .history-item{padding-left: 60rem;}
    .history-list.v1 .history-item,.history-list.v2 .history-image{padding-right: 60rem;}
    .history-sect + .history-sect{margin-top: 130rem;}
}
@media all and (max-width:1023px){
    .history-sect h3{font-size: 28rem;}
	.history-sect h3.is_moved{font-size: 48rem;}
    .history-sect + .history-sect{margin-top: 100rem;}
}
@media (max-width:860px){
    .history-image img{height: 188rem;}
    .history-list.v1 .history-image,.history-list.v2 .history-item{padding-left: 42rem;}
    .history-list.v1 .history-item,.history-list.v2 .history-image{padding-right: 42rem;}
    .history-item__list strong{min-width: 42rem;} 
    .history-desc{position: relative; top: -3rem;}   
}
@media (max-width: 540px){

    .history-list.v1,.history-list{flex-direction: column;}
    .history-list{padding-top: 0; padding-bottom: 20rem;}
    .history-list > div{width: 100%;}
    .history-sect h3{text-align: left; margin-bottom: 14rem;}
    .history-sect h3.is_moved{font-size: 32rem;}
    .history-line{left: 0;}
    .history-list.v1 .history-item__list{flex-direction: row;}
    .history-list.v1 .history-item__list li,
    .history-list.v1 .history-item__list strong{text-align: left;}
    .history-list.v1 .history-item,.history-list.v2 .history-item{margin-top: 20rem;}
    .history-list.v1 .history-item, .history-list.v2 .history-image{padding-right: 0; padding-left: 26rem; }
    .history-list.v1 .history-image, .history-list.v2 .history-item{padding-left: 26rem;}
    .history-sect + .history-sect{margin-top: 54rem;}
    .history-item__list li{line-height: 25rem;}
    .history-item__list li + li{margin-top: 2rem;}
    [lang="en-US"] .history-item__list li + li{margin-top: 6rem;}
    .history-item{gap: 22rem;}
    [lang="en-US"]   .history-item{gap: 16rem;}

}

/* 오시는길 */
.location-page .back-line,.tech-page .back-line{height: calc(100% + 365rem)}
.location-sec{display: flex;}
.location-sec span{display: inline-block;}
.location-sec:last-child{margin-top: 100rem;}
.location-sec h3{min-width: 298rem; display: flex; gap: 10rem;}
.location-sec h3 a{position: relative; top: -8rem;}
.location-sec__info{flex: 1;}
.location-sec__info .map{margin-bottom: 50rem;}
.location-sec__info .map iframe{width: 100%; height: 357rem; border-radius: var(--bdr-20);}
.location-sec__info span{color: var(--c-01); font-size: 16rem; letter-spacing: -0.16px; font-weight: 500;  line-height: 28rem; }
.location-sec__info strong{margin-top: 29rem; display: block; color: var(--b-01);}
.location-sec__info dl{gap: 42rem; margin-top: 18rem;}
.location-sec__info dl div{display: flex; align-items: center; gap: 13rem;}
.location-sec__info dl dt{ font-weight: 700;}
.location-sec__info dl dd{color: var(--b-02);}

@media all and (max-width:1200px){
    .location-sec h3{min-width: 220rem;}
    .location-sec__info .map{margin-bottom: 30rem;}
	.location-sec__info .map iframe{height: 310rem;}
    .location-sec__info strong{margin-top: 8rem;}
}

@media all and (max-width:1023px){
    .location-sec h3{min-width: 200rem;}
    .location-sec:last-child{margin-top: 84rem;}

    
    .location-sec h3 a{width: 18rem; height: 18rem;}
    .location-sec h3 a img{width: 100%;}
    
}
@media (max-width: 860px){
	.location-sec{display: block;}
    .location-sec h3{margin-bottom: 18rem;}
    .location-sec__info dl dt{font-weight: 600;}
    .location-sec__info span{font-size: 15rem;}
    .location-sec:last-child{margin-top: 64rem;}
    .location-sec h3 a{width:14rem; height: 14rem;}
    .location-sec span br{display: none;}
}
@media (max-width: 540px){
    .location-sec h3{margin-bottom: 12rem;}
    .location-sec__info .map iframe{height: 200rem;}
    .location-sec__info dl{flex-direction: column; gap:  4rem;}
    .location-sec__info span{font-size: 14rem;}
    .location-sec:last-child{margin-top: 54rem;}
    
}

.square-list li{display: flex; border-radius: 10rem; align-items: center; min-height: 84rem; background-color: #fff; padding: 14rem; box-sizing: border-box;} 
.square-list li + li{margin-top: 8rem;}
.square-list li i{min-width: 44rem; height: 44rem; color: #fff; border-radius: 5rem; background-color: var(--c-01); display: flex; align-items: center; justify-content: center; font-size: 16rem; line-height: 28rem; font-weight: 700;} 
.square-list li p{padding-left: 25rem;}
.square-list.v2 li{background-color: var(--bg-01);}
.square-list.v2 li p{font-weight: 600;}

.sub02_01 .sub-title{margin-bottom: 100rem;}
.cdmo-page h2{font-family: var(--lang-ko);}
.cdmo-top__conts em{min-width: 298rem; font-weight: 700; color: var(--c-01); font-size: 20rem;}
.cdmo-top__list{background-color: var(--bg-01); padding:68rem 60rem 100rem; box-sizing: border-box;}
.cdmo-top__list strong{color: var(--b-01); margin-bottom: 34rem; display: block;}
.cdmo-top__list:has(img){}
.cdmo-top__list img{width: 630rem;}
.cdmo-top{position: relative;}
.cdmo-top figure{width: 618rem;height:  618rem;overflow: hidden;border-radius: 100%;right: -104rem;top: 0;z-index: 1;position: absolute;box-shadow: 14px 16px 54px 0px rgba(77, 77, 77, 0.55);}
.cdmo-top figure img{width: 100%; height: 100%; object-fit: cover;}
.cdmo-top figure.cdmo-ver2{box-shadow: 14px 16px 54px 0px rgb(77 77 77 / 25%); width: 528rem; height: 528rem; right: -34rem;}
.cdmo-top .back-line{height: calc(100% + 195rem);}
.cdmo-middle{background: url(../img/sub/cdmo02.jpg) no-repeat; background-size: cover; height: var(--height-full); display: flex; align-items: center; justify-content: center; position: relative;}
[lang="ko-KR2"] .cdmo-middle{background: url(../img/main/main-visual02-01.jpg) no-repeat; background-size: cover; }
.cdmo-middle strong{color: var(--f-01); text-align: center; position: relative; z-index: 2;}
.cdmo-middle .wrap-narrow{position: absolute; height: 100%; width: 100%;}
.cdmo-middle .wrap-narrow .back-line{z-index: 0;opacity: 0.14; top: 0;}
.cdmo-middle .wrap-narrow .back-line li{}

.cdmo-bottom{padding-top: 130rem;}
.cdmo-bottom__list{justify-content: center; gap: 228rem;}
.cdmo-bottom__item i{width: 214rem; height: 214rem; background: url(../img/sub/cdmo-round.png) no-repeat; background-size: 100%; display: flex; align-items: center; justify-content: center;}
.cdmo-bottom__item:nth-child(2) i{transform: rotate(180deg);}
.cdmo-bottom__item em,.cdmo-bottom__item li{width: 214rem; border-radius: 5rem;  padding: 10rem; display: flex; align-items: center;justify-content: center; }
.cdmo-bottom__item em{color: var(--f-01); background-color: var(--bg-02); margin: 29rem 0; }
.cdmo-bottom__item li{border:1px solid var(--br-01); background-color: #f9f9f9; box-sizing: border-box; font-size: var(--font-ko--17); font-weight: 200; color: var(--b-02);}
.cdmo-bottom__item li + li{margin-top: 8rem;}

[lang="en-US"] .cdmo-bottom__item li{font-family: var(--lang-ko); text-align: center;}

@media (max-width:1680px){
    .cdmo-top figure{width: 480rem; height: 480rem;}   
    .cdmo-top figure.cdmo-ver2{width: 380rem; height: 380rem;}
}

@media all and (max-width:1480px){
    .cdmo-top__conts{display: block;}
    .cdmo-top__conts em{display: block; margin-bottom: 24rem;}
	.cdmo-middle strong{font-size:64rem;}
    .cdmo-bottom__list{justify-content: space-between; gap:0;}
}

@media all and (max-width:1200px){
	.cdmo-top figure{top: 90rem; width: 420rem; height: 420rem; right:-54rem;}
    
}
@media all and (max-width:1023px){
    .sub02_01 #content{overflow: hidden;}
    .cdmo-middle strong{font-size:50rem;}
    .cdmo-bottom__item i{width: 180rem; height: 180rem; margin: 0 auto;}
    .cdmo-bottom__item i img{height: 46rem;}
    .cdmo-bottom__item em{margin: 22rem 0;}
    .cdmo-bottom{padding-top: 100rem;}
    /* .cdmo-top{overflow: hidden;} */
    .cdmo-top__list{padding: 56rem; padding-bottom: 84rem;}
    .square-list li{min-height: 80rem;}
    .square-list li p{line-height: 1.4;}
}
@media (max-width:860px){
    .cdmo-middle strong{font-size: 44rem;}
    .cdmo-top__list{padding: 40rem;}
    .sub02_01 .sub-title{margin-bottom: 60rem;}
    .cdmo-top figure{width: 360rem; height: 360rem;}
    .cdmo-top figure.cdmo-ver2{width:280rem; height:280rem;}
    .cdmo-top__conts em{font-size: 18rem;}
    .cdmo-bottom__item li{font-weight: 300;}
}
@media (max-width: 540px){
    .cdmo-middle strong{font-size: 34rem; padding: 0 24rem;}
    .cdmo-middle strong br:not(:nth-child(1)){display: none;}
    .cdmo-bottom__list{flex-direction: column; gap: 50rem; }
    .cdmo-bottom__item{display: flex; flex-direction: column; align-items: center; }
    .cdmo-bottom__item i{width: 150rem; height: 150rem;}
    .cdmo-bottom{padding-top: 56rem;}
    .cdmo-top__list{margin: 0 -20rem; padding: 34rem 20rem;}
    .cdmo-top__list strong{padding-right: 30%;}
    .cdmo-top__conts em{font-size: 16rem;}
    .cdmo-top figure{width: 220rem; height: 220rem; top: 90rem;}
    .square-list li{border-radius: 5rem; min-height: auto;}
    .square-list li i{width: 32rem; min-width: 32rem; height: 32rem; font-size: 13rem;}
    .square-list li p{padding-left: 16rem;}
    .cdmo-bottom__item i img{height: 34rem;}
      .cdmo-top__list img{width: 100%;}
      .cdmo-top figure.cdmo-ver2{width:170rem; height:170rem; right: -14rem;}
}


.certi-list  li img{width: 100%;}
.certi-list figure{border-radius: var(--bdr-20); overflow: hidden; border:1px solid var(--br-03)}
.certi-list em{display: block; text-align: center; margin-top: 18rem; line-height: 1.5;}

@media all and (max-width:1200px){
	.certi-list{grid-template-columns: 1fr 1fr 1fr;}
}
@media all and (max-width:1023px){
	.certi-list{gap: 32rem; grid-template-columns: 1fr 1fr 1fr 1fr;}
    .certi-list em{margin-top: 14rem;}
    
}
@media (max-width:860px){
    .certi-list{grid-template-columns: 1fr 1fr 1fr}
}
@media (max-width: 540px){
    .certi-list{grid-template-columns: 1fr 1fr; gap: 26rem;}
    
}


.ai-page h3{font-family: var(--lang-ko); margin-bottom: 21rem;}
.ai-image, .rnd-mark{gap: 23rem;}
.ai-image { margin-bottom: 38rem;}
.ai-image figure{border-radius: var(--bdr-20); overflow: hidden; height: 338rem;  }
.ai-image figure img{width: 100%; height: 100%; object-fit: cover;}
.ai-page .square-list{max-width: 580rem;}

.rnd-mark{margin-top: 100rem;}
.rnd-mark__item{border-radius: var(--bdr-20); border:1px solid var(--br-03); box-sizing: border-box; padding: 40rem;}
.rnd-mark__item figure{margin-bottom: 64rem;}
.rnd-mark__item strong{color: var(--b-01);}
.rnd-mark__item ul{margin-top: 16rem;}
.rnd-mark__item ul li + li{margin-top: 7rem;}
[data-list="dot"] li{font-family: var(--lang-ko); color: var(--b-02);}

@media all and (max-width:1023px){
	.ai-image figure{height: 270rem;}
    .rnd-mark__item{padding: 32rem;}
}
@media (max-width:860px){
    .rnd-mark__item{padding: 24rem;}
    .rnd-mark {margin-top: 70rem;}
}
@media (max-width: 540px){
    .ai-page h3{margin-bottom: 14rem;}
    .ai-image{margin-bottom: 17rem;}
    .ai-image,.rnd-mark{grid-template-columns: 1fr; gap: 8rem; }
    .rnd-mark{margin-top: 50rem;}
    .rnd-mark__item{padding: 22rem;}
    .rnd-mark__item figure {margin-bottom: 32rem; height: 54rem;}
    .rnd-mark__item figure img{height: 100%;}
}


.tech-list{column-gap: 69rem; row-gap: 99rem;}
.tech-list a{position: relative;display: block;}
.tech-list a figure{position: absolute; overflow: hidden;border:1px solid var(--br-03); box-sizing: border-box; right:-21rem; bottom: -51rem; z-index: 1; width: 261rem; height: 261rem; border-radius: 100%;}
.tech-list a figure img{width: 100%; height: 100%; object-fit: cover; }
.tech-list__cover{background-color: var(--bg-01); border-radius: var(--bdr-20); padding: 47rem; transition: all .4s;}
.tech-list__cover .tech-list__title{margin-bottom: 103rem;}
.tech-list__title span{color: var(--g-01);}
.tech-list__title em{color: var(--b-01); display: block; margin-top: 8rem;}

.btn-text--cover{overflow: hidden;}
.tech-list__cover .btn-text span{font-size: 14rem; transition: var(--trans-02);}
.btn-text--cover .btn-text{transform: translateX(-98rem); transition: all .5s;}
.btn-text--cover .btn-text i{border-color: var(--b-03); background-color: transparent;}
.btn-text--cover .btn-text i path{stroke: var(--b-03);}


@media (hover: hover) and (pointer: fine){
    .tech-list li:hover .tech-list__cover{background-color: var(--c-01);}
    .tech-list li:hover .tech-list__title span{color: var(--f-01);}
    .tech-list li:hover .tech-list__title em{color: var(--f-01);}
    .tech-list li:hover .btn-text{transform: translateX(0)}
    .tech-list li:hover .btn-text span{color: #fff;}
    .tech-list li:hover .btn-text i{border-color: var(--f-01);}
    .tech-list li:hover .btn-text i path{stroke: var(--f-01);}
}
@media (max-width:1480px){
    .tech-list__cover .tech-list__title{margin-bottom: 72rem;}
    .tech-list a figure{width: 220rem; height: 220rem;}
}
@media all and (max-width:1200px){
    .tech-list{column-gap: 48rem; row-gap: 80rem;}
    .tech-list a figure{width: 190rem; height: 190rem;}
}
@media all and (max-width:1023px){
    .tech-list{row-gap: 60rem;}
	.tech-list a figure{bottom: -36rem;}
    .tech-list__cover{padding: 40rem;}
    
}
@media (max-width:860px){
    .tech-list__cover{padding: 28rem;}
    .tech-list a figure{width: 150rem; height: 150rem;}
    .tech-list__cover .tech-list__title{margin-bottom: 50rem;}

}
@media (max-width: 540px){
    .tech-list{grid-template-columns: 1fr; row-gap: 38rem;}
    .tech-list__cover{padding: 24rem;}
    .tech-list a figure{/* position: relative; */width: 130rem;height: 130rem;bottom: -25rem;right: 20rem;left: auto;top: auto;}
    .tech-list__cover .tech-list__title{margin-bottom: 34rem;}
    .tech-list__title em{margin-top: 2rem;}
}

.product-top{text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.product-top figure{width: 520rem; height:520rem; border-radius: 100%; overflow: hidden; position: relative; }
.product-top figure img{width: 100%; height: 100%; object-fit: cover;}
.product-top h2{margin-bottom: 44rem;}
.product-top p{color: var(--b-01); margin-top: 48rem;}
.product-list{margin-top: 155rem;}
.product-list__sec{border-top: 1px dashed var(--br-04); padding-top: 34rem;}
.product-list__sec h4{min-width: 217rem; color: var(--b-01);}
.product-list__sec > *:not(h4){flex: 1;}
.product-list__sec li{font-weight: 300; font-size: var(--font-ko--18);}
.product-list__sec + .product-list__sec{margin-top: 100rem;}
.product-list__sec .swiper-slide{height: auto; position: relative; overflow: hidden; border-radius: 100%;}
.product-list__sec .swiper-slide::before{content: ""; padding-bottom: 100%; display: block;}
.product-list__sec .swiper-slide img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; object-position: 50% 50%;}
.product-list__sec .swiper-slide a{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: relative;}
.product-list__sec .swiper-slide a::before{content: ""; position: absolute; z-index: 1; width: 100%; height: 0; left: 0; bottom: 0; transition: all .4s; background: rgba(94, 193, 208, 0.79);}
.product-list__sec .swiper-slide a div{position: relative; overflow: hidden; z-index: 1;}
.product-list__sec .swiper-slide a div .arrow-box{background-color: transparent; border:1px solid var(--f-01); transform: translateY(-40rem); transition: all .3s;}
.product-list__sec .swiper-slide a div .arrow-box path{stroke: var(--f-01);}

.product-list .swiper-controls{display:flex; display:none; justify-content:center; align-items:center; position:absolute; bottom:0; width:100%;}
.product-list .colum-slider{padding-bottom:60rem;}
.product-list:has(.swiper-slide:nth-child(5)) .swiper-controls{display:flex;}

#bo_list_total span{text-transform: uppercase;}
#bo_gall .bo_tit,
.bo_sch .sch_input,
.chk_box input[type="checkbox"] + label,
.bo_sch *:is(.sch_input,.bo_sch select){font-family: var(--lang-ko);}

@media (hover: hover) and (pointer: fine){
    .product-list__sec .swiper-slide:hover a::before{height: 100%;}
    .product-list__sec .swiper-slide:hover a div .arrow-box{transform: translateY(0);}
}

@media all and (max-width:1200px){
	.product-top figure{width: 420rem; height: 420rem;}
    .product-list{margin-top: 85rem;}
}
@media all and (max-width:1023px){
	.product-list__sec h4{min-width: 176rem;}
    .product-list__sec + .product-list__sec{margin-top: 72rem;}
}
@media (max-width:860px){

}
@media (max-width: 540px){
    .product-top h2{margin-bottom: 24rem;}
    .product-top p{margin-top: 36rem;}
    .product-top figure{width: 100%; height: auto; }
    .product-top figure::before{content: ""; display: block; padding-bottom: 100%;}
    .product-top figure img{position: absolute; left: 0; top: 0; object-position: 50% 50%;}
    .product-list{margin-top: 56rem;}
    .product-list__sec{display: block;}
    .product-list__sec h4{margin-bottom: 14rem;}
    .product-list__sec + .product-list__sec{margin-top: 40rem;}
}

.bo-basic-list,#bo_gall #gall_ul{border-top: 0;}

.form-area[data-form="agree"] em i{color: var(--b-01); text-decoration: underline;}
.board-page .arrow-box{border-color: var(--f-01);}
@media (max-width:1023px){
    .board-page .arrow-box{display: none;}
    #bo_v_info strong{font-size: 16rem !important;}
}
@media (max-width:540px){
    #bo_v_info strong{font-size: 14rem !important;}
}


[lang="en-US"] .form-area[data-form="agree"] .show-btn{white-space: nowrap;}