@charset "utf-8";

/* **************************************** *
 * SUB global root
 * **************************************** */
 :root {
	--font-18:18rem;  
    --font-21:21rem;
    --font-23:23rem;  
}

@media (max-width: 1023px){
    :root {
        --font-18:16rem;  
    }
}
@media (max-width: 540px){ 
    :root{
        --font-21:16rem; 
        --font-23:15rem;
        --font-18: 14rem;
    }
}

/* **************************************** *
 * SUB layout
* @description 서브단에서만 달라지는 header, footer 정의
 * **************************************** */
#container:has(.board-page) + #footer{margin-top: 140rem;}
body:has(.rnd-page) #footer {margin-top: 0;}

@media (max-width:1680px){

}
@media all and (max-width:1023px){

}

@media (max-width: 540px){

}

/* **************************************** *
 * SUB common
 * **************************************** */
.sub-content{position:relative;padding-top: max(9.3750vw, 130rem); font-family: "Poppins", "Pretendard", '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif;}
.sub-content:has(.rnd-page) {padding-top: 0;}
.sub-content:has(.board-page){padding-top: 120rem;}
.sub-content #page-title + .sub-title{margin-top: 50rem;}
.sub-content .sub-title{line-height:1.4444; font-size:45rem; color:var(--b-01); text-align: center;}
.sub-content .sub-title + p{font-size: 20rem; line-height: 1.8; color: var(--b-01);}
.sub-content .sec-title{font-size: 30rem;}

[lang="en-US"] .sub-content .sub-title {line-height: 1.35;}
[lang="en-US"] .sub-content #page-title + .sub-title {margin-top: 40rem;}

[data-ani][data-grid],
[data-ani][data-grid].is_moved {display: grid;}
[data-ani][data-flex],
[data-ani][data-flex].is_moved {display: flex;}

.bg-gray{background-color: #f6f6f6;}

@media all and (max-width:1023px){
    .sub-content{padding-top: max(9.3750vw, 100rem);}
	.sub-content:has(.board-page){padding-top:110rem;}
    .sub-content #page-title + .sub-title{margin-top: 30rem;}
    .sub-content .sub-title{font-size: 34rem;}
    .sub-content .sec-title{font-size: 26rem;}
    .sub-content .sub-title + p{font-size: 18rem;}
}

@media (max-width: 860px){
    .sub-content{padding-top:max(9.3750vw, 100rem) ;}
	.sub-content h3{font-size:max(3.6860vw, 23rem);}
    #page-title{font-size: 16rem;}
    .sub-content #page-title + .sub-title{margin-top: 20rem;}
    .sub-content .sub-title + p{font-size: 16rem;}
    .sub-content .sub-title{font-size: 30rem;}
    .sub-content .sub-title br{display: none;}
    .sub-content .sec-title {font-size: 24rem;}

    [lang="en-US"] .sub-content #page-title + .sub-title {margin-top: 30rem;}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 60rem;}
    .sub-content .sub-title{font-size: 24rem;}
    .sub-content .sub-title + p{font-size: 15rem;}
    .sub-content .sub-title + p br{display: none;}
	.sub-content h4{font-size:21rem;}
    .sub-content .sec-title{font-size: 18rem;}
    [lang="en-US"] .sub-content #page-title + .sub-title {margin-top: 15rem;}

}

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

 /* 회사소개 */
.sub01_01 #footer{margin-top: 0;}
.about-overview{padding-bottom: 225rem;}
.about-overview__list{gap: 20rem; max-width: 1090rem; margin: 0 auto;}
.about-overview__list li{border-radius: 20rem; overflow: hidden; height: 380rem; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 92rem; padding: 0 20rem;}
.about-overview__list li *{display: block; color: #fff; font-weight: 800; text-align: center;} 
.about-overview__list li i{font-size: 20rem;}
.about-overview__list li strong{font-size: 30rem; margin-top: 16rem;}
.about-overview__list li:nth-child(1){background:url(../img/sub/overview01.jpg)no-repeat; background-size: cover; background-position: 50% 50%;}
.about-overview__list li:nth-child(2){background:url(../img/sub/overview02.jpg)no-repeat; background-size: cover; background-position: 50% 50%;}
.about-overview__list li:nth-child(3){background:url(../img/sub/overview03.jpg)no-repeat; background-size: cover; background-position: 50% 50%;}

.about-vision{position: relative;  padding-bottom: 150rem; padding-top: 184rem;} 
.about-vision h3{text-align: center; font-size: 50rem; color: #111;}
.about-vision__diagram{align-items:baseline;justify-content: center;margin-top: 114rem;}
.about-vision__cover{width: 1200rem;height: 371rem;display: block;top: -50rem;left: calc(50% - 7rem);position: absolute;transform: translateX(-50%);z-index: 0;border-radius: 350rem;background: rgb(0 0 0 / 4%); /*box-shadow: 0px 0px 100px 0px rgba(109, 25, 134, 0.15) inset;*/}
.about-vision__item{position: relative; opacity: 0; transition:  all 2s;}
.about-vision__item:nth-of-type(1) {transform: translateX(120%);}
.about-vision__item:nth-of-type(2){margin-left: 106rem;margin-right: 96rem;}
.about-vision__item:nth-of-type(3){/* margin-left: 96rem; */ transform: translateX(-123%);}
.about-vision__item [data-list="dot"] > *::before{width: 3rem; height: 3rem; background-color: #ccc;}
.about-vision__item ul{margin-top: 100rem;}
.about-vision__item ul li{font-size: 20rem; font-weight: 300; color: #111;}
.about-vision__round{width: 270rem; height: 270rem; position: relative; border-radius: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.about-vision__round.blue{background-color: #81269c;}
.about-vision__round.blue::before,
.about-vision__round.purple::before{content: ""; width: 61rem; height: 12rem; right: -105rem; background: url(../img/sub/overview-dot.svg) no-repeat; background-size: contain; background-repeat: no-repeat; position: absolute;  top: 50%; transform: translateY(-50%);}
.about-vision__round.purple{background-color: #5b596c;}
.about-vision__round.orange{background-color: #540b6a}
.about-vision__round *{display: block; font-weight: 700;color: #fff;}
.about-vision__round strong{font-size: 30rem}
.about-vision__round span{font-size: 22rem; margin-top: 12rem;}

.about-vision__diagram.is_moved .about-vision__item{opacity: 1;}
.about-vision__diagram.is_moved .about-vision__item:nth-of-type(1),
.about-vision__diagram.is_moved .about-vision__item:nth-of-type(3){transform: translateX(0);}

[lang="en-US"] .about-vision__diagram {gap: 0 100rem;}
[lang="en-US"] .about-vision__cover {left: 0; width: 100%; transform: none;}
[lang="en-US"] .about-vision__item:nth-of-type(2) {margin: 0;}
[lang="en-US"] .about-vision__item ul {font-size: 18rem; line-height: 1.4;}
[lang="en-US"] [data-list="dot"] > *::before {top: 12rem;}
[lang="en-US"] .about-vision__round.blue::before,
[lang="en-US"] .about-vision__round.purple::before {display: none;}
[lang="en-US"] .about-vision__item:nth-of-type(2)::before {position: absolute; top: 0; content: ""; width: 100rem; height: 270rem; left: 100%; background: url(../img/sub/overview-dot.svg) no-repeat center / 80rem;}
[lang="en-US"] .about-vision__item:nth-of-type(2)::after {position: absolute; top: 0; content: ""; width: 100rem; height: 270rem; right: 100%; background: url(../img/sub/overview-dot.svg) no-repeat center / 80rem;}

@media all and (max-width:1480px){
    .about-vision__cover{width: 1070rem; height: 308rem; left: calc(50% - 2rem); top: -45rem;}
    .about-vision__round{width: 220rem; height: 220rem;}
    .about-vision__round strong{font-size: 26rem;}
    .about-vision__round span{margin-top: 8rem; font-size: 20rem;}
    .about-vision__item:nth-of-type(2){margin: 0 60rem;}
    .about-vision__round.blue::before, .about-vision__round.purple::before{right: -110rem;}
    .about-vision__item{width: 320rem;}
    .about-vision__item ul{margin-top: 70rem;}

    [lang="en-US"] .about-vision__cover {left: 50%; top: -45rem; width: 95%; transform: translateX(-50%);}
    [lang="en-US"] .about-vision__item {width: auto;}
    [lang="en-US"] .about-vision__item:nth-of-type(2)::before,
    [lang="en-US"] .about-vision__item:nth-of-type(2)::after {height: 200rem;}
}

@media all and (max-width:1240px){
    .about-vision__diagram{margin-top: 84rem;}
    .about-vision__cover{top: -24rem; left: calc(50% - 2rem); width: 1050rem; height: 278rem;}

    [lang="en-US"] .about-vision__cover {height: 300rem;}
}

@media all and (max-width:1023px){
    .about-overview{padding-bottom: 120rem;}
    .about-overview__list li{margin-top: 62rem; border-radius: 10rem;}
    .about-overview__list li i{font-size: 18rem;}
    .about-overview__list li strong{font-size: 24rem;}
    
    .about-vision{padding-top: 100rem;}
    .about-vision h3{font-size: 30rem;}
    .about-vision__diagram{flex-direction: column; margin-top: 44rem;}
    .about-vision__round{width: 180rem; height: 180rem; margin: 0; margin-right: 142rem;}
    .about-vision__item{width: 100%; display: flex; align-items: center;}
    .about-vision__item ul{margin-top: 0;}
    .about-vision__item ul li{font-size: 16rem;}
    .about-vision__item:nth-of-type(2){margin: 0;}
    .about-vision__item + .about-vision__item{margin-top: 30rem;}
    .about-vision__cover{top:-22rem; left: 90rem; width: 219rem; height: 648rem;}
    .about-vision__round.blue::before, .about-vision__round.purple::before{width: 39rem; height: 12rem; right: -96rem; background-size:contain;}
    .about-vision__round.orange::before{content: ""; width: 39rem; height: 12rem; right: -96rem; background: url(../img/sub/overview-dot.svg) no-repeat; background-repeat: no-repeat; position: absolute;  top: 50%; transform: translateY(-50%); background-size: contain;}
    .about-vision{padding-top: 80rem;}

    .about-vision__item:nth-of-type(1){transform: translateX(0);}
    .about-vision__item:nth-of-type(3){transform: translateX(0) translateY(-200%);}
    .about-vision__item:nth-of-type(2){transform: translateY(-100%);}
    .about-vision__diagram.is_moved .about-vision__item:nth-of-type(2){transform: none;}

    [lang="en-US"] .about-vision__cover{top:-22rem; left: 92rem; width: 219rem; height: 648rem;}
    [lang="en-US"] .about-vision__diagram.is_moved {display: flex; gap: 0;}
    [lang="en-US"] .about-vision__item {width: 100%; padding-left: 3rem;}
    [lang="en-US"] .about-vision__item:nth-of-type(2) {margin-top: 30rem;}
    [lang="en-US"] .about-vision__round.blue::before,
    [lang="en-US"] .about-vision__round.purple::before {display: block;}
    [lang="en-US"] .about-vision__item:nth-of-type(2)::before,
    [lang="en-US"] .about-vision__item:nth-of-type(2)::after {display: none;}
    [lang="en-US"] .about-vision__item ul {width: 60%;}
    [lang="en-US"] [data-list="dot"] > *::before {top: 10rem;}
}

@media all and (max-width:860px){
    .about-overview__list{grid-template-columns: 1fr; margin-top: 40rem;}
    .about-overview__list li{margin-top: 0;}
    .about-overview{padding-bottom: 80rem;}
    .about-vision{padding-bottom: 120rem;}

    [lang="en-US"] .about-vision__item {padding-left: 5rem;}
}

@media (max-width: 540px){
    .about-overview__list li{height: 300rem;}
    .about-overview__list{gap: 14rem;}
    .about-overview{padding-bottom: 60rem;}

    .about-vision{padding-top: 54rem; padding-bottom: 70rem;}
    .about-vision h3{font-size: 20rem;}
    .about-vision__item{flex-direction: column;}
    .about-vision__diagram{margin-top: 25rem;}
    .about-vision__cover{display: none;}
    .about-vision__round{margin: 0 auto; width: 100%; height: 80rem; border-radius: 5rem;}
    .about-vision__round.blue::before, .about-vision__round.purple::before,.about-vision__round.orange::before{display: none;}
    .about-vision__round strong{font-size: 18rem;}
    .about-vision__round span{font-size: 14rem; margin-top: 4rem;}
    .about-vision__item{align-items: flex-start;}
    .about-vision__item ul{margin-top: 6rem; width: 100%; background-color: #fff; padding: 20rem; border-radius: 5rem;}
    .about-vision__item + .about-vision__item{margin-top: 32rem;}
    .about-vision__item ul li{font-size: 15rem;}

    [lang="en-US"] .about-vision__item ul {width: 100%;}
}

/* 공장 */
.factory-txt {margin: 90rem 0 40rem; text-align: center; font-size: 95rem; font-weight: 1000; color: var(--b-01); letter-spacing: -2rem;}
.factory-txt.is_moved {opacity: .05;}
.factory-list-wrap {margin-top: 80rem; margin-bottom: 138rem;}
.factory-list__inr {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20rem;}
.factory-list__item {width: 33.33%; padding: 20rem;}
.factory-list__item-inr {overflow: hidden; position: relative; height: 360rem; padding: 50rem 40rem; color: var(--f-01); border-radius: 20rem; background-size: cover; background-position: center; background-repeat: no-repeat;}
.factory-list__item:nth-child(1) .factory-list__item-inr {background-image: url(../img/sub/factory-img-01.jpg);}
.factory-list__item:nth-child(2) .factory-list__item-inr {background-image: url(../img/sub/factory-img-02.jpg);}
.factory-list__item:nth-child(3) .factory-list__item-inr {background-image: url(../img/sub/factory-img-03.jpg);}
.factory-list__item:nth-child(4) .factory-list__item-inr {background-image: url(../img/sub/factory-img-04.jpg);}
.factory-list__item:nth-child(5) .factory-list__item-inr {background-image: url(../img/sub/factory-img-05.jpg);}
.factory-list__item h5 {font-size: 20rem; font-weight: 700; line-height: 1.4; transition: .3s;}
.factory-list__btn {z-index: 1; position: absolute; right: 30rem; bottom: 30rem; width: 52rem; height: 52rem; border-radius: 100%; background: #000; cursor: pointer; transition: .3s; transition-delay: .1s;}
.factory-list__btn i {position: absolute; left: 50%; top: 50%; width: 14rem; height: 14rem; transform: translate(-50%, -50%);}
.factory-list__btn i span {position: absolute; left:50%; top: 50%; width: 100%; height: 2rem; background: #fff; border-radius: 2rem; transform: translate(-50%, -50%);}
.factory-list__btn i span:last-child {transform:translate(-50%, -50%) rotate(-90deg);}
.factory-list__btn.close {opacity: 0; visibility: hidden; top: 45rem; bottom: auto; background: var(--f-01);}
.factory-list__btn.close i {transform:translate(-50%, -50%) rotate(-45deg);}
.factory-list__btn.close i span {background: var(--c-01);}

.factory-list__con {position: absolute; left: 0; top: 0; display: flex; flex-direction: column; align-content: space-between; width: 100%; height: 100%; padding: 50rem 40rem; border-radius: 20rem; transform: translateY(100%); background: rgba(109, 25, 134, .9); transition: 0.3s;}
.factory-list__con * {opacity: 0; visibility: hidden; transition: .3s; transition-delay: .1s;}
.factory-list__con h6 {padding-right: 50rem; font-size: 30rem; line-height: 1.2;}
.factory-list__con p {margin-top: auto; font-weight: 500; font-size: 18rem; line-height: 1.5;}

.factory-list__item-inr.active h5 {opacity: 0; visibility: hidden;}
.factory-list__item-inr.active .factory-list__btn.more {opacity: 0; visibility: hidden;}
.factory-list__item-inr.active .factory-list__btn.close {opacity: 1; visibility: visible;}
.factory-list__item-inr.active .factory-list__con {transform: translateY(0);}
.factory-list__item-inr.active .factory-list__con * {opacity: 1; visibility: visible;}

/* .factory-list li{min-height: 250rem; position: relative; border-radius: 20rem; box-sizing: border-box; border:1px solid #e1e1e1; padding: 55rem 40rem 20rem; }
.factory-list li img{position: absolute; right: 40rem; top: 40rem;}
.factory-list li i{display: block; font-size: 40rem; color: #111; opacity: 0.07; font-weight: 800;}
.factory-list li p{font-size: 20rem; line-height: 1.5; color:var(--b-01);  margin-top:21rem; font-weight: 600;} */

.factory-page h3 + p {text-align: center; margin-top: 20rem;}
.factory-bg{width: 100%; height: 850rem; background: url(../img/sub/factory01.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}

.factory-facility{position: relative;}
.factory-facility__text h4{font-size: 52rem; color: var(--b-01);}
.factory-facility__text em{display: block; color: #aaa; margin-top: 18rem; font-weight: 700;}
.factory-facility__text p{color: #444; margin-top: 73rem;}
.factory-faciltiy__imge{padding-left: 123rem; box-sizing: border-box;}
.factory-facility__list{display: flex; justify-content: space-between;}
.factory-facility__list > *{width: 50%;}
.factory-facility__item{display: flex;}
.factory-facility__item + .factory-facility__item{margin-top: 40rem;}
.factory-facility__box{height: 306rem; width: 100%; border-radius: 20rem; overflow: hidden; position: relative;  transition: all .8s;}
.factory-facility__box p{position: absolute; transition: all .3s; width: 100%; padding-left: 43rem; bottom: 47rem; font-size: 22rem; color: #fff; font-weight:700;}
.factory-facility__box  img{mix-blend-mode: luminosity; transition: all .3s;}
.factory-facility__box.ver01{background:url(../img/sub/factory02.jpg) no-repeat; background-color: #000;  background-size: cover; background-position: 50% 50%; background-blend-mode: luminosity;}
.factory-facility__box.ver02{background:url(../img/sub/factory03.jpg) no-repeat; background-color: #000; background-size: cover; background-position: 50% 50%; background-blend-mode: luminosity;}
.factory-facility__box.ver03{background:url(../img/sub/factory04.jpg) no-repeat;background-color: #000; background-size: cover; background-position: 50% 50%; background-blend-mode: luminosity;}
.factory-facility__box.ver04{background:url(../img/sub/factory05.jpg) no-repeat; background-color: #000; background-size: cover; background-position: 50% 50%; background-blend-mode: luminosity;}
.factory-facility__step{width: calc(100% - 453rem); height: 308rem; transition: all .8s; position: relative; overflow: hidden;}
.factory-facility__step strong{display: block;transform: rotate(90deg); transition: all .3s; font-size: 40rem;opacity: 0.07;font-weight: 900;position: absolute;width: 290rem;left: -68px;top: 123px;}

.factory-image{display: flex; align-items: center; justify-content: center; padding:0 50rem; gap: 20rem;}
.factory-image img{border-radius: 20rem; max-width: 50%;}

.history-sect.factory-facility{margin-top: 211rem;}
.factory-facility__item.is_moved .factory-facility__step{width: 0;}
.factory-facility__item.is_moved .factory-facility__step strong{opacity: 0;}
.factory-facility__item.is_moved .factory-facility__box{ height: 370rem; background-blend-mode: normal; }

[lang="en-US"] .factory-facility__text em {margin-top: 15rem;}
[lang="en-US"] .factory-facility__text p {margin-top: 55rem;}


/* circle */
.slide_about{overflow:hidden; position:relative;}
.circle-carousel{position:relative; padding-top:100%; }
.circle-carousel .slides{position:absolute; top:0; left:0; width:100%; height:100%; background-color: #fff; box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20); border-radius:100%;}
.circle-carousel .slides:before{content: ""; width: 12rem; height: 41rem; background:url(../img/sub/page-icon.png) no-repeat; background-size: contain; position: absolute; top: -51rem; left: 50%; transform: translateX(-50%);}
.circle-carousel .slide{opacity:0; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; transition:0.3s ease-in-out 0s;}
.circle-carousel .slide.active{z-index:1; opacity:1;}
.circle-carousel .pagination{position:absolute; top:50%; left:50%; z-index:1; width:162%; height:162%; border-radius:50%; border:1px dashed #e1e1e1; transition-property:transform; transition-timing-function:ease-out; pointer-events:none; user-select:none; transform:translate(-50%, -50%);}
.circle-carousel .pagination .dot{display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:50%; width:110rem; height:110rem; box-sizing:border-box; background:#fff; border:4rem solid #e3e3e3; border-radius:50%; pointer-events:auto; transform:translate(-50%, -50%); transition:0.3s;}
.circle-carousel .pagination .dot:hover{transform:translate(-50%, -50%) scale(1.05); cursor:pointer; background:white; color:black;}
.circle-carousel .pagination .dot img{ filter: grayscale(100%); opacity: 0.9s;}
.circle-carousel .pagination .dot.dot1 img{width:35rem}
.circle-carousel .pagination .dot.dot2 img{width:40rem}
.circle-carousel .pagination .dot.dot3 img{width:29rem}
.circle-carousel .pagination .dot.dot4 img{width:29rem}
.circle-carousel .pagination .dot.dot5 img{width:35rem}
.circle-carousel .pagination .item{position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%;}
.circle-carousel .pagination .item.active .dot{box-shadow: 0px 0px 20px rgba(109, 25, 134, 0.20); border-color: var(--c-01);}
.circle-carousel .pagination .item.active .dot img{opacity: 1; filter: grayscale(0);}
.circle-carousel .pagination .item.active .dot:before{opacity:1;}

/* circle - custom */
.slide_about_box{position: relative;/* top:50%; *//* left:50%; */z-index:50;width:450rem;/* transform:translate(-50%, -50%); */margin: 0 auto;padding-top: 304rem;padding-bottom: 320rem;}
.slide_about_box .circle-carousel .slide{flex-direction:column; color:#111;}
.slide_about_box .circle-carousel .slide .slide_ani{opacity:0; transform:translateY(20rem); transition:0.3s ease-in-out 0s;}
.slide_about_box .circle-carousel .slide.active .slide_ani{opacity:1; transform:translateY(0rem); transition-delay:0.6s;}
.slide_about_box .circle-carousel .slide p{text-align: center; margin-top:28rem; font-size:25rem; font-weight:800; line-height: 1.48; padding: 0 20rem;}
.slide_about_box .circle-carousel .slide img{display:block;  margin:0 auto 30rem; display: block;}
.slide_about_box .pagination .dot *[class*="pin"]{font-size:0px;}
.slide_about_box .pagination .dot *[class*="pin"]:before{content:''; display:block; width:44px; height:40px; margin:0 auto; background-repeat:no-repeat; background-position:50% 0; background-size:100% auto;}

/* circle - svg */
.slide_about_box .circle-carousel .slide .cls-1,
.slide_about_box .circle-carousel .slide .cls-2,
.slide_about_box .circle-carousel .slide .cls-3{fill:none;}
.slide_about_box .circle-carousel .slide .cls-2{stroke:#fff;}
.slide_about_box .circle-carousel .slide .cls-2,
.slide_about_box .circle-carousel .slide .cls-3{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}
.slide_about_box .circle-carousel .slide .cls-3{stroke:#fff;}

.facility__rolling{position: absolute; top: 50%; transform: translateY(-50%); pointer-events: none;}
.facility__rolling strong{font-size: 160rem; color: #111; opacity: 0.05; font-weight: 900;}
.facility__rolling.is_moved{transform: translateY(-50%);}

@media all and (max-width:1480px){
    .circle-carousel .pagination{width: 142%; height: 142%;}
    .slide_about_box{padding-top: 270rem; padding-bottom: 250rem;}
}

@media all and (max-width:1023px){
    /* .factory-list{margin-top: 48rem; margin-bottom: 100rem;}
    .factory-list li{padding: 32rem 30rem 20rem; min-height: 230rem;}
    .factory-list li img{right: 30rem; top: 24rem;}
    .factory-list li:nth-child(1) img{width: 40rem;}
    .factory-list li:nth-child(2) img{width: 52rem;}
    .factory-list li:nth-child(3) img{width: 30rem;}
    .factory-list li:nth-child(4) img{width: 38rem;}
    .factory-list li:nth-child(5) img{width: 39rem;}
    .factory-list li p{font-size: 18rem;} */
    .factory-txt {margin: 0 0 30rem; font-size: 53rem;}
    .factory-list-wrap {margin-bottom: 120rem;}
    .factory-list__inr {margin:0 -10rem;}
    .factory-list__item {width: 50%; padding: 10rem;}
    .factory-list__item p {font-size: 16rem;}
    .factory-list__item-inr {padding: 40rem 30rem; height: 320rem;}
    .factory-list__con {padding: 40rem 30rem;}
    .factory-list__con h6 {font-size: 25rem;}

    .factory-bg{height:440rem;}
    .history-sect.factory-facility{margin-top: 120rem;}
    .factory-facility__text h4{font-size: 36rem;}
    .factory-facility__text p br{display: none;}
    .factory-faciltiy__imge{padding-left: 80rem;}
    .factory-facility__list > *{width: 100%;}
    .factory-facility__list{flex-direction: column;}
    .factory-facility__text{margin-bottom: 50rem;}
    .factory-facility__text p{margin-top: 32rem;}
    .factory-facility .history-line--wrap{left: 0; margin-left: 0; width: 55rem;}
    .factory-facility .history-line__point::after{background-size: contain;}
    .factory-faciltiy__imge{position: relative;}

    .circle-carousel .pagination{width:162%; height:162%;}
    .circle-carousel .pagination .dot{width: 96rem; height: 96rem; border:3rem solid #e3e3e3}
    .slide_about_box{width: 340rem; padding-top: 215rem; padding-bottom: 230rem;}
    .slide_about_box .circle-carousel .slide p{font-size: 18rem;}
    .circle-carousel .slides:before{width: 9rem; height: 30rem; top: -38rem;}
    .circle-carousel .pagination .dot.dot1 img{width:30rem}
    .circle-carousel .pagination .dot.dot2 img{width:35rem}
    .circle-carousel .pagination .dot.dot3 img{width:26rem}
    .circle-carousel .pagination .dot.dot4 img{width:26rem}
    .circle-carousel .pagination .dot.dot5 img{width:30rem}
}

@media all and (max-width:860px){
    .history-sect.factory-facility{margin-top: 80rem;}
    .factory-facility__step{width: calc(100% - 535rem);}
    .factory-facility__step strong{left: -88rem;}
    .factory-facility__item.is_moved .factory-facility__box{height: 300rem;}
    .factory-facility__item + .factory-facility__item{margin-top: 20rem;}

    .factory-bg{height: 210rem;}
    .factory-page h3 + p{margin-top: 20rem;}
    .factory-list{margin-bottom: 54rem;}
    .factory-list li i{font-size: 30rem;}
    .factory-list li{padding: 20rem; min-height: auto; border-radius: 10rem;}
    .factory-list li p{font-size: 16rem;}

    .slide_about_box .circle-carousel .slide.slide1 img{width: 58rem;}
    .slide_about_box .circle-carousel .slide.slide2 img{width: 60rem;}
    .slide_about_box .circle-carousel .slide.slide3 img{width: 50rem;}
    .slide_about_box .circle-carousel .slide.slide4 img{width: 54rem;}
    .slide_about_box .circle-carousel .slide.slide5 img{width: 52rem;}

    .factory-txt {margin: 0 0 40rem; line-height: 1.12;}
}

@media (max-width: 540px){
    .history-sect.factory-facility{margin-top: 50rem;}
    .factory-faciltiy__imge{margin-top: 0 !important; padding-left: 60rem;}
    .factory-facility__text h4{font-size: 24rem;}
    .factory-facility__text em {margin-top: 8rem;}
    .factory-facility__text p {margin-top: 20rem;}
    .factory-facility__item{align-items: flex-start;}
    .factory-facility__item.is_moved .factory-facility__box{height: 220rem;}
    .factory-facility__box{border-radius: 10rem;}
    .factory-facility__step{display: none;}
    .factory-facility__box p{font-size: 18rem; padding-left: 20rem; bottom: 20rem;}
    .factory-image{flex-direction: column; padding: 0 10rem; gap: 10rem;}
    .factory-image img{width: 100%; max-width: 100%; border-radius: 10rem;}   
    .slide_about_box .circle-carousel .slide.slide1 img{width:32rem;}
    .slide_about_box .circle-carousel .slide.slide2 img{width: 30rem;}
    .slide_about_box .circle-carousel .slide.slide3 img{width: 30rem;}
    .slide_about_box .circle-carousel .slide.slide4 img{width: 34rem;}
    .slide_about_box .circle-carousel .slide.slide5 img{width: 32rem;}
    .circle-carousel .pagination .dot{width: 60rem; height: 60rem; border: 2rem solid #e3e3e3}
    .circle-carousel .pagination .dot.dot1 img{width:20rem}
    .circle-carousel .pagination .dot.dot2 img{width:25rem}
    .circle-carousel .pagination .dot.dot3 img{width:16rem}
    .circle-carousel .pagination .dot.dot4 img{width:16rem}
    .circle-carousel .pagination .dot.dot5 img{width:20rem}
    .slide_about_box .circle-carousel .slide img{margin: 0 auto 9rem}
    .slide_about_box .circle-carousel .slide p{font-size: 14rem; line-height: 1.3; margin-top: 12rem;}
    .circle-carousel .pagination .dot{width: 54rem; height: 54rem;}
    .slide_about_box{width: 200rem; padding-top: 115rem; padding-bottom: 100rem;}
    .circle-carousel .pagination{width: 148%; height: 148%;}
    .facility__rolling strong{font-size: 100rem;}
    .circle-carousel .slides:before{display: none;}

    .factory-list-wrap {margin-top: 50rem; margin-bottom: 70rem;}
    .factory-list__inr {margin:0;}
    .factory-list__item {width: 100%; padding: 5rem 0;}
    .factory-list__item h5 {font-size: 16rem;}
    .factory-list__item p {font-size: 14rem;}
    .factory-list__item-inr {height: 270rem; padding: 30rem 20rem; border-radius: 10rem;}
    .factory-list__btn {right: 20rem; bottom: 20rem; width: 45rem; height: 45rem;}
    .factory-list__btn.close {top: 30rem;}
    .factory-list__item:nth-child(2) .factory-list__btn.close {top: 20rem;}
    .factory-list__con {padding: 30rem 20rem; border-radius: 10rem;}
    .factory-list__con h6 {font-size: 22rem;}

    .factory-txt {margin: 0 0 25rem; font-size: 26rem;}

}

/* 연혁 (사용하든 하지않든 괄호 삭제, 미사용시 전체 삭제) */
.history-page{position: relative;}
.history-page__cont{position: relative; padding-top: 20rem;}
.history-sect{position: relative; margin-top: 64rem;}
.history-sec{display: flex; /* align-items: baseline; */ align-items: flex-start; }
.history-sec:nth-child(even){flex-direction: row-reverse;}
.history-sec:nth-child(even) .history-image{padding-left: 128rem;}
.history-sec:nth-child(odd) .history-image{padding-right: 128rem;}
.history-sec:nth-child(even) .history-list{padding-right: 128rem;}
.history-sec:nth-child(odd) .history-list{padding-left: 127rem;}

.history-line--wrap{display:block;position:absolute;overflow:hidden;top:0;left:50%; margin-left: -35rem; width: 70rem; height: 100%; }
.history-line{width:7rem;height:100%;background:#efefef;margin-top: 0 !important; display: block; position: absolute; left: 50%; top: 0; margin-left: -3.5rem; border-radius: 7rem;}
.history-line__bar{display:block; position:absolute; top:0; left:0; z-index:999; width:100%; background:var(--c-01); border-radius: 7rem 7rem 0 0;}
.history-line__point{position: absolute; width: 50rem;left:50%; margin-left: -25rem;}
.history-line__point::before{content: ""; width: 50rem; height: 50rem; border-radius: 100rem; background-color: var(--c-01); position: absolute; left: 50%; bottom: -50rem; margin-left: -25rem; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.20);}
.history-line__point::after{content: ""; width: 11rem; height: 16rem; background: url(../img/sub/ic-historydown.svg) no-repeat; position: absolute; left: 50%; bottom: -32rem; transform: translateX(-50%); background-size: cover;}
.history-item{flex-direction: column;}
.history-item strong{font-weight:700;font-size:35rem; color:var(--b-01);letter-spacing:-1.5rem;transition:var(--trans-01); margin-bottom: 23rem; display: block; transition: .3s;}
.history-item + .history-item{padding-top: 107rem;}
.history-item.is_moved strong{color:var(--c-01); transition-delay:  .8s;}
.history-sec > *{width: 50%;}
.history-sec + .history-sec{padding-top: 160rem;}
.history-desc li *{font-size: 20rem; color: #444;}
.history-desc li em{position: absolute; left: 0; top: 5rem; font-weight: 600; }
.history-desc li p{font-weight: 300; position: relative; padding-left: 14rem;}
.history-desc li p + p{margin-top: 7rem;}
.history-desc li p::before{content: ""; width: 4rem; height: 4rem; border-radius: 10rem; background-color: #ccc; position: absolute; left: 0; top: 15rem;}
.history-desc li{padding-left: 47rem; position: relative;}
.history-desc li:not(:last-child){margin-bottom:20rem;}

.history-image{position: sticky; top: 50rem;}
.history-image strong{display: block; font-size: 52rem; position: relative; top: -30rem; z-index: 10; padding-left: 40rem; color: var(--b-01);}
.history-image img{max-width: 100%;}
.history-image__box{position: relative;}
.history-image__box::before{content: ""; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 65%, #FFF 100%) no-repeat; position: absolute; top: 0; left: 0; z-index: 1;}
.history-page .wrap{padding-bottom:60rem;}

[lang="en-US"] .history-image strong {font-size: 40rem;}
[lang="en-US"] .history-desc li p::before {top: 14rem;}

@media (max-width:1480px){
	.history-cont > .wrap{padding-left:100rem;}
}

@media (max-width:1023px){
	.history-cont > .wrap{padding-left:60rem;}
	.history-item strong{ font-size:28rem; margin-bottom: 14rem;}
	.history-desc li em{min-width:40rem;}
	.history-desc li:not(:last-child){margin-bottom:8rem;}
	.history-img.img01{top:357rem; height:221rem;}
	.history-list{margin-top:0; row-gap:65rem;}
	.history-img.img02{top:767rem; right:50rem; height:202rem;}
	.history-img.img03{bottom:280rem; height:201rem;}
    .history-desc li *{font-size: 16rem;}
    .history-image strong{padding-left: 20rem; font-size: 28rem;}
    .history-sec:nth-child(odd) .history-image,.history-sec:nth-child(even) .history-list{padding-right: 60rem;}
    .history-sec:nth-child(odd) .history-list,.history-sec:nth-child(even) .history-image{padding-left: 60rem;}
    .history-item + .history-item{padding-top: 74rem;}
    .history-sec + .history-sec{padding-top: 120rem;}

    [lang="en-US"] .history-image strong {font-size: 32rem;}
}

@media (max-width:540px){
	.history-line{width:4rem;}
	.history-item{flex-wrap:wrap;}
	.history-item strong{width:100%; font-size:24rem;}
	.history-item .icon-triangle{top:12rem; transform:rotate(90deg) scale(0.8);}
	.history-cont > .wrap{padding-bottom:70rem; padding-left:25rem;}
	.history-desc li em{margin-left:21rem;}
	.history-desc li{align-items:flex-start;}
	.history-desc{margin-top:10rem;}
	.history-list{margin-top:0rem; row-gap:35rem;}
	.history-img.img01{top:287rem; height:171rem;}
	.history-img{opacity:0.1;}
	.history-img.img02{height:178rem;}
	.history-img.img03{height:164rem;}

    .history-sect{margin-top: 30rem;}
    .history-sec{flex-direction: column; padding-left: 26rem;}
    .history-sec > *{width: 100%;}
    .history-sec + .history-sec{padding-top: 66rem;}
    .history-sec:nth-child(odd) .history-image, .history-sec:nth-child(even) .history-list{padding-right: 0;}
    .history-sec:nth-child(odd) .history-list, .history-sec:nth-child(even) .history-image{padding-left: 0;}
    .history-sec:nth-child(even){flex-direction: column;}
    .history-image {position: relative; top: 0;}
    .history-image strong{line-height: 1.3; font-size: 20rem; padding-left: 0;}
    .history-line__point::before{width: 32rem; height: 32rem; margin-left: -18rem; bottom: -33rem;}
    .history-line__point::after{bottom: -22rem; width: 8rem; height: 11rem; left: 47%;}
    .history-line{width: 2rem;}
    .history-line--wrap{width: 40rem; top: 0; left: 0; margin-left: 0;}
    .history-item strong{padding-left: 0;}
    .history-item + .history-item{padding-top: 54rem;}
    .history-desc li *{font-size: 15rem;} 

    [lang="en-US"] .history-image {position: relative; top: auto;}
    [lang="en-US"] .history-image strong {font-size: 24rem;}
    [lang="en-US"] .history-list {margin-top: 0;}
    [lang="en-US"] .history-desc li {padding-left: 55rem;}
    [lang="en-US"] .history-desc li:not(:last-child) {margin-bottom: 20rem;}
    [lang="en-US"] .history-desc li em {top: 4rem;}
    [lang="en-US"] .history-desc li p {font-size: 14rem;}
    [lang="en-US"] .history-desc li p::before {top: 10rem; width: 3rem; height: 3rem;}
    [lang="en-US"] .history-item + .history-item {padding-top: 40rem;}

}

 /* 인증서 (사용하든 하지않든 괄호 삭제, 미사용시 전체 삭제)  */
 .certify-list{row-gap: 62rem; column-gap: 40rem; margin-top: 60rem;}
 .certify-item figure {border: 1px solid #e1e1e1;}
 .certify-item img{width:100%;}
 .certify-item strong{display:block; margin-top:20rem;  font-size:20rem; line-height: 1.8; font-weight:600; text-align: center;}
 .certify-pop{position:fixed;opacity:0;top:0px;left:0px;z-index: -1;width:100%;height:100%;background:rgba(0,0,0,0.5);}
 .certify-pop > div{position:absolute; top:50%; left:50%; margin:0 auto; box-shadow:26px 18px 49px rgba(0,0,0,0.2); transform:translate(-50%, -50%); max-width:540rem;}
 .certify-pop.active{opacity:1;z-index:99;transition: opacity 0.3s ease-out 0s;}
 .certify-pop .close{display:block;width: 60rem;height: 60rem;position: absolute;right: -70rem;top: -13rem;background: url(../img/common/ic-cancle_w.svg) no-repeat 50% 50%;background-size: 28rem;font-size: 0;background-color: transparent;}
 
 #layer-src img{width:100%;}
 
 @media (max-width:1023px){
	.certify-item strong{margin-top: 15rem;}
	.certify-list{	gap: 35rem 20rem;}
    .certify-item strong{font-size: 18rem;}
    .certify-list{margin-top: 58rem;}
}

 @media (max-width:540px){
     .certify-list{margin-top: 30rem;}
     .certify-item strong{margin-top:13rem; font-size: 15rem;}
     .certify-pop > div{width:80%;}
     .certify-pop .close{display:flex; justify-content:center; align-items:center; top:auto; right:auto; bottom:-45rem; left:0; width:100%; height:auto; padding:12rem 0rem; background:var(--b-01); font-weight:700; font-size:15rem; font-size:12rem; color:#fff; text-align:center; border-radius:3rem;}
 }

 /* 투자기관 */
.partner-list{gap: 20rem; margin-top: 88rem;}
.partner-list li{ border-radius: 12rem; box-sizing: border-box; border:1px solid #e1e1e1; display: flex; align-items: center; justify-content: center;  min-height: 170rem;}
.partner-list li img{max-width: 100%;}

/* 경영진 소개 */
.manage-ceo{/* height: 808rem; */ position: relative; margin-top: 110rem;}
.manage-ceo i{height: calc(100% - 167rem); width: 100%; background: url(../img/sub/ceo-bg.jpg) no-repeat; background-size: cover; background-position: 50% 50%; position: absolute; bottom:0; left: 0;}
.manage-ceo__text{margin-top: 108rem; text-align: center; padding-bottom: 140rem;}
.manage-ceo__text p{font-size: 20rem; line-height: 1.75; margin-bottom: 64rem;}
.manage-ceo__text em{font-size: 30rem; display: block; color: #aaa; font-weight: 800; margin-bottom: 7rem;}
.manage-ceo__text strong{display: block; color: var(--b-01); font-size: 45rem;} 
.manage-ceo__list{display: flex; justify-content: space-between; position: relative;}
.manage-ceo__list li{width: 376rem; position: relative; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column;}
.manage-ceo__list li > *:not(img){position: absolute;} 
.manage-ceo__list li strong{ color: #fff; line-height: 1.666; display: block; font-size: 24rem;}
.manage-ceo__list li span{color: #fff; display: block; line-height: 1.6111; font-size: 18rem; margin-top: 13rem;}
.manage-ceo__list li img{width: 100%;}
.manage-ceo__list li:nth-child(2),.manage-ceo__list li:nth-child(3){position: absolute;}
.manage-ceo__list li:nth-child(2){right: calc(50% - 20rem);}
.manage-ceo__list li:nth-child(3){left:  calc(50% - 20rem);}

.manage-greeting{position: relative;  background: url(../img/sub/ceo-bg.jpg) no-repeat; background-size: cover; margin-top: 128rem; }
.manage-greeting .wrap{display: flex;}
.manage-greeting .wrap > div{width: 50%; position: relative;}
.manage-greeting__image{display: flex; align-items: flex-end;}
.manage-greeting__image img{max-width: 75%;}
.manage-greeting .manage-greeting__list{padding: 44rem 0; box-sizing: border-box;}
.manage-greeting__tit span{display: block; font-size: 22rem; font-weight: 600; color: #aaa;}
.manage-greeting__tit strong{display: block; color: var(--b-01); font-size: 38rem; margin-top: 6rem;}
.manage-greeting__tit p{font-size: 20rem; color: #444; line-height: 1.65; margin-top: 29rem;}
.manage-greeting__list ul{margin-top: 75rem;}
.manage-greeting__list ul span{color: #666; font-size: 18rem; font-weight: 300; display: block; margin-top: 8rem;}

.manage-history{display: flex; justify-content: space-between; padding-top: 170rem;}
.manage-history > div{width: calc(50% - 50rem);}
.manage-history > div .depth01{padding-left: 26rem; border-left: 5rem solid #f6f6f6; }
.manage-history__list h4{margin-bottom:33rem ;}
.manage-history__list .depth01 > li{border-radius: 12rem; position: relative; border:1px solid #e1e1e1; box-sizing: border-box; background-color: #fafafa; padding: 20rem 30rem; display: flex; align-items: center; }
.manage-history__list .depth01 > li::before{content: ""; width: 60rem; height: 1px; border-top: 1px solid #e1e1e1; position: absolute; left: -30rem; top: 50%;}
.manage-history__list .depth01 > li .year-wrap{display: flex; align-items: center; width: 170rem; }
.manage-history__list .depth01 > li .year-wrap + *{padding-left: 30rem; padding-top: 20rem; padding-bottom: 20rem; border-left: 1px dashed #e1e1e1;}
.manage-history__list .depth01 > li + li{margin-top: 10rem;}
.manage-history__list .depth01 .year{font-size: 18rem; font-weight: 600; color: #6D1986; }
.manage-history__list .depth01 .round{width: 20rem; height: 20rem; margin-right: 18rem; border-radius: 100%; border:1px solid #e1e1e1; box-sizing: border-box; background-color: #fff; position: relative;}
.manage-history__list .depth01 .round i{width:10rem; height: 10rem; border-radius: 60rem; background-color: #ccc; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.manage-history__list .depth02 li{position: relative; padding-left: 16rem;}
.manage-history__list .depth02 li::before{content: ""; width: 4rem; height: 4rem; border-radius: 20rem; background-color: #ccc; position: absolute; left: 0; top: 10rem; }
.manage-history__list .depth02 li + li{margin-top: 10rem;}
.manage-history__list .depth02 li, .manage-history__list p{font-size: 20rem; color: #444; ;}

[lang="en-US"] .manage-history__list .depth01 > li .year-wrap {width: 40%;}
[lang="en-US"] .manage-history__list .depth01 > li .year-wrap + * {width: 60%;}
[lang="en-US"] .manage-greeting__list ul{margin-top: 60rem;}
[lang="en-US"] .manage-greeting__image img {max-width:85%;}

@media (max-width:1680px){
    .manage-greeting__image img{max-width: 80%;}
    .manage-greeting .manage-greeting__list{padding: 100rem 0;}
}

@media all and (max-width:1480px){
    .partner-list li img{max-width: 70%;}
}

@media all and (max-width:1023px){
    .manage-ceo{margin-top: 80rem;}
    .manage-ceo__list li{width: 256rem;}
    .manage-ceo__list li strong{line-height: 1.4; font-size: 20rem;}
    .manage-ceo__list li span{font-size: 14rem; margin-top: 8rem;}
    .manage-ceo__text p{font-size: 18rem;}
    .manage-ceo__text{margin-top: 76rem;}
    .manage-ceo__text em{font-size: 20rem;}
    .manage-ceo__text strong{font-size: 35rem;}
    .manage-ceo__text{padding-bottom: 100rem;}

    .manage-history{padding-top: 110rem;}
    .manage-history__list .depth01 > li{flex-direction: column; align-items: flex-start;}
    .manage-history__list .depth01 > li .year-wrap + *{padding-left: 0; border-left: 0; padding-bottom: 0;} 
    .manage-history > div{width: calc(50% - 24rem);}
    .manage-history__list .depth01 > li .year-wrap + *{padding-top: 14rem;}
    .manage-history__list .depth01 > li::before{top: 32rem;}
    .manage-history__list .depth02 li, .manage-history__list p{font-size: 16rem;}
    .manage-history__list .depth01 > li .year-wrap{width: 100%;}
    .manage-history__list .depth01 .year{font-size: 20rem;}

    .partner-list li{min-height: 140rem;}
    .partner-list li img{max-width: 60%;}

    .manage-greeting__tit span{font-size: 18rem;}
    .manage-greeting__tit strong{font-size: 32rem;}
    .manage-greeting__tit p{margin-top: 19rem;}
    .manage-greeting__list ul{margin-top: 38rem;}
    .manage-greeting .wrap{display: block;}
    .manage-greeting__tit p br{display: none;}
    .manage-greeting .wrap > div{width: 100%; position: unset;}
    .manage-greeting .manage-greeting__list{width: 70% !important; }
    .manage-greeting__image img{max-width: inherit; width: 410rem; bottom: 0; right: -40rem; position: absolute;}
    .manage-greeting{margin-top: 70rem;}

    [lang="en-US"] .manage-history__list .depth01 > li .year-wrap,
    [lang="en-US"] .manage-history__list .depth01 > li .year-wrap + * {width: 100%;}
    [lang="en-US"] .manage-greeting .manage-greeting__list {width: 65% !important;}
}

@media all and (max-width:860px){
    .manage-ceo__list li{width: 208rem;}
    .manage-ceo__list li strong{font-size: 16rem;}
    .manage-ceo__text p{font-size: 16rem; margin-bottom: 34rem;}
    .manage-ceo__text em{font-size: 16rem;}
    .manage-ceo__text strong{font-size: 24rem;}
    .manage-ceo__text{padding-bottom: 70rem; margin-top: 56rem;}
    .manage-ceo i{height: calc(100% - 87rem);}
    .manage-history{padding-top: 80rem;}

    .partner-list{margin-top: 48rem;}

    [lang="en-US"] .manage-greeting .manage-greeting__list {width: 100% !important;}
    [lang="en-US"] .manage-greeting__list ul {width: 50%;}
}

@media (max-width: 540px){
	.manage-ceo {margin-top: 50rem;}
    .manage-ceo__list{flex-wrap: wrap;}
    .manage-ceo__list li:nth-child(2), .manage-ceo__list li:nth-child(3){position: relative;}
    .manage-ceo__list li:nth-child(2){right: 0;}
    .manage-ceo__list li:nth-child(3){left:0;}
    .manage-ceo__list li{width: 50%;}
    .manage-ceo__list li strong{font-size: 15rem;}
    .manage-ceo__list li span{line-height: 1.4; font-size: 13rem;}
    .manage-ceo__text{margin-top: 38rem; padding-bottom: 54rem;}
    .manage-ceo__text p{font-size: 14rem; line-height: 1.65;}
    .manage-ceo__text p br{display: none;}
    .manage-ceo__text strong{font-size: 20rem;}
    .manage-ceo__text em{font-size: 14rem;}
    .manage-history{flex-direction: column; padding-top: 60rem;}
    .manage-history > div{width: 100%;}
    .manage-history__list .depth01 .year{font-size: 18rem;}
    .manage-history__list .depth02 li, .manage-history__list p{font-size: 15rem;}
    .manage-history__list .depth01 > li{padding: 18rem;}
    .manage-history__list .depth01 > li::before{top: 30rem;}
    .manage-history > div .depth01{border-left: 3rem solid #f6f6f6;}
    .manage-history__list h4{margin-bottom: 20rem;}
    .manage-history__list + .manage-history__list{margin-top: 40rem;}
    .manage-history > div .depth01 {padding-left: 15rem;}
    .manage-history__list .depth01 > li::before {left: -19rem; width: 40rem;}
    .manage-history__list .depth01 > li .year-wrap + *{padding-top: 12rem;}
    .manage-history__list .depth02 li + li {margin-top: 7rem;}
    .manage-history__list .depth01 .round {width: 15rem; height: 15rem; margin-right: 10rem;}
    .manage-history__list .depth01 .round i {width: 6rem; height: 6rem;}

    .partner-list{gap: 12rem; margin-top: 30rem;}
    .partner-list li{min-height: 79rem; border-radius: 5rem;}

    .manage-greeting{margin-top: 44rem;}
    .manage-greeting .manage-greeting__list{width: 100% !important; padding: 44rem 0 210rem;}
    .manage-greeting__tit strong{font-size: 24rem;}
    .manage-greeting__tit span{font-size: 16rem;}
    .manage-greeting__tit p{font-size: 15rem;}
    .manage-greeting__image img{width: 72%; opacity: 0.9;}
    .manage-greeting__list ul span{font-size: 14rem;}

    [lang="en-US"] .manage-greeting__list ul {width: 100%;}
    [lang="en-US"] .manage-greeting__image img {opacity: .6;}
}

/* 연구개발 */
.rnd-section__inr {display: flex;}
.rnd-nav {position: relative; padding-top: max(9.3750vw, 130rem); border-left: 1px solid #e1e1e1;}
.rnd-nav ul {position: sticky; left:0; top: max(9.3750vw, 130rem);}
.rnd-nav ul li {position: relative; margin: 15rem 0; line-height: 1.4;}
.rnd-nav ul li::before {opacity: 0; visibility: hidden; position: absolute; left:0; top:3rem; content:''; width: 4rem; height: 20rem; background: var(--c-01); transition: .3s;}
.rnd-nav a {position: relative; display: block; padding: 0 25rem; color: var(--g-02); font-size: 18rem; font-weight: 600; transition: .3s;}
.rnd-nav ul li.on a {color: var(--c-01); font-weight: 700;}
.rnd-nav ul li.on::before {opacity: 1; visibility: visible;}

.rnd-cont-wrap {position: relative; width: 1045rem; margin-left: auto; padding-top: max(9.3750vw, 130rem);}

.rnd-select-wrap {z-index: 1; width: auto;}
.rnd-select-wrap .select-link__btn {display: none;}
.rnd-select-wrap #snb {opacity: 1; visibility: visible; position: relative; width: auto; flex-direction: row; margin-top: 0; background: #fff;}
.rnd-select-wrap #snb a {white-space: nowrap;}

.rnd-cont .sec-title {margin-bottom: 20rem; color: var(--b-01);}
.rnd-cont #snb-title {display: block; margin-bottom: 24rem; color: var(--c-01); font-size: 22rem; font-weight: 700;}
.rnd-cont__sec {padding: 120rem 0; border-bottom: 1px solid #f0f0f0;}
.rnd-cont__sec:last-child {padding-bottom: max(9.3750vw, 130rem); border-bottom: 0;}
.rnd-cont__define {padding: 0 !important; border-bottom: 0 !important;}
.rnd-cont__define + .rnd-cont__sec {padding-top: 150rem;}
.rnd-cont__define #page-title {margin-bottom: 60rem; text-align: left;}
.rnd-cont__define .sub-title {text-align: left;}
.rnd-cont__define .sub-sentence {margin-top: 20rem;}
.rnd-cont__define .sub-sentence b {display: block; margin-bottom: 10rem; font-size: 22rem; font-weight: 600; color: var(--b-01);}
.rnd-cont__define .sub-sentence:has(strong) {margin-top: 5rem;}
.rnd-cont__define .sub-sentence:has(b) {margin-top: 25rem;}
.rnd-cont__define .sub-sentence strong {font-weight: 500; color: var(--g-03);}
.rnd-cont [data-list="exo-check"] li {line-height: 1.6; color: var(--b-01);}
.rnd-cont [data-list="exo-check"] li::before {top: 8rem;}
.rnd-cont [data-list="exo-check"] li:has(.txt-up)::before {top: 4rem;}
.rnd-cont [data-list="exo-check"] li > span {display: block; margin-top: 5rem; color: var(--g-03); font-size: var(--font-18);}
.rnd-cont__img {margin-top: 80rem;}

.rnd-box {margin-top: 40rem; padding: 80rem 20rem; text-align: center; border-radius: 20rem; background: #f6f6f6;}
.rnd-box > img {display: inline-block; max-width: 100%;}
.rnd-img-wrap {overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: 130%; height: 400rem; margin-top: 75rem; padding: 50rem; color: var(--f-01); border-radius: 30rem 0 0 30rem;}
.rnd-img-wrap .rnd-img {position: absolute; left:0; top: 0; width: 100%; height: 100%; background-size: cover;}
.rnd-img-wrap h4 {position: relative; margin-bottom: 20rem; font-size: 24rem; font-weight: 700;}
.rnd-img-wrap p {position: relative; font-size: 18rem;}

.rnd-table-wrap {margin-top: 80rem;}
.rnd-table-wrap h5 {margin-bottom: 10rem; padding: 22rem 20rem; font-size: 20rem; font-weight: 600; color: var(--f-01); text-align: center; background: var(--c-01); border-radius: 12rem;}
.rnd-table-wrap .txt-refer {margin-top: 50rem;}
.rnd-table__list[data-grid] {gap: 10rem;}
.rnd-table__item {position: relative; padding: 10rem; border-radius: 11rem; border: 1px solid #e1e1e1;}
.rnd-table__item h6 {padding: 18rem 10rem; text-align: center; font-weight: 600; font-size: 18rem; color: var(--b-02); border-radius: 6rem; background: #f6f6f6;}
.rnd-table__img {padding: 60rem 70rem 50rem;}
.rnd-table__annex {margin-top: 40rem; color: var(--g-02); font-size: 15rem;}
.rnd-table__annex li {margin:10rem 0;}

.emphasis-title {padding:25rem 30rem; font-weight: 600; font-size: 22rem; text-align: center; color: var(--c-01); border-radius: 100rem; background: #fff; border: 2rem solid var(--c-01);}
.emphasis-title--fill {color: var(--f-01); background: var(--c-01);}

.txt-refer {display: block; margin-top: 30rem; text-align: center;}
.txt-refer[data-align="left"] {text-align: left;}
.txt-refer > * {display: inline-block; padding: 7rem 15rem; font-size: 15rem; color: var(--g-02); border-radius: 50rem; background: #f6f6f6;}

[lang="en-US"] .rnd-nav {max-width: 330rem;}

@keyframes scale {
	from{transform:scale(0.6);}
	to{transform:scale(1);}
}

@media (max-width:1680px){
    .rnd-section > .wrap {margin: 0;}
    .rnd-nav {border-left-width: 5rem;}
    .rnd-nav ul {margin-left: -5rem;}
    .rnd-cont-wrap {width: 70%; margin-right: 60rem;}
}

@media all and (max-width:1023px){
    .rnd-nav {display: none;}

    .rnd-select-wrap {position: sticky; left:0; top: 20rem;}
    .rnd-select-wrap .select-link {width: 100%;}
    .rnd-select-wrap #snb {width: 100%; justify-content: space-between; padding: 10rem 0; box-shadow: 0 5rem 10rem rgba(0, 0, 0, .1);}
    .rnd-select-wrap #snb li {margin: 0 10rem;}
    .rnd-select-wrap #snb a {width: 100%; padding: 18rem 20rem; text-align: center;}

    .rnd-cont-wrap {width: 100%; padding-left: 40rem; padding-right: 40rem; margin-right: 0;}
    .rnd-cont #snb-title {font-size: 20rem;}
    .rnd-cont__define > * {text-align: center !important;}
    .rnd-cont__define + .rnd-cont__sec {padding-top: 100rem;}
    .rnd-cont__define #page-title {margin-bottom: 0;}
    .rnd-cont__sec {padding: 80rem 0;}	
    .rnd-cont__sec:last-child {padding-bottom: 80rem;}

    .rnd-img-wrap {width: 100%; margin-top: 65rem; border-radius: 30rem;}
}

@media (max-width:860px){
    .rnd-cont-wrap {padding-top: max(9.3750vw, 100rem);}
    .rnd-cont [data-list="exo-check"] li::before {top: 3rem;}
    .rnd-cont [data-list="exo-check"] li:has(.txt-up)::before {top: 2rem;}
    .rnd-cont__define + .rnd-cont__sec {padding-top: 80rem;}
    .rnd-img-wrap {height: 300rem; margin-top: 50rem;}
    .rnd-table-wrap {margin-top: 60rem;}
    .rnd-table-wrap .txt-refer {margin-top: 30rem;}
}

@media (max-width: 540px){
    .rnd-select-wrap {top: 10rem; margin-bottom: 50rem;}
    .rnd-select-wrap .select-link {width: 100%;}
    .rnd-select-wrap .select-link__btn {display: block; padding: 15rem 20rem; font-size: 14rem; font-weight: 700; color: var(--b-01); border-radius: 100rem; border: 1px solid #e1e1e1; background: #fff; box-shadow: 0 3rem 8rem rgba(0, 0, 0, .1);}
    .rnd-select-wrap .select-link__btn::after {top: 0; width: 50rem; height: 100%; background-size: 10rem;}
    .rnd-select-wrap #snb {opacity: 0; visibility: hidden; position: absolute; flex-direction: column; width: 100%; margin-top: 3rem; padding: 15rem 0; margin-bottom: 0; border-radius: 15rem; background: var(--c-01); border: none;}
    .rnd-select-wrap #snb.on {opacity: 1; visibility: visible;}
    .rnd-select-wrap #snb a {opacity: .5; padding: 8rem 20rem; text-align: left; font-weight: 400; font-size: 14rem; color: var(--f-01); border-radius: 0;}
    .rnd-select-wrap #snb a.on {opacity: 1; background: transparent;}
    .rnd-select-wrap #snb a:hover {opacity: 1;}

    .rnd-cont-wrap {padding: 60rem 20rem 0;}
    .rnd-cont [data-list="exo-check"] li > span {font-size: 13rem;}
    .rnd-cont #snb-title {margin-bottom: 30rem; font-size: 16rem;}
    .rnd-cont .sec-title {margin-bottom: 12rem;}
    .rnd-cont__define .sub-sentence {margin-top: 12rem;}
    .rnd-cont__define .sub-sentence b {margin-bottom: 7rem; font-size: 16rem;}
    .rnd-cont__define .sub-sentence:has(strong) {margin-top: 3rem;}
    .rnd-cont__define + .rnd-cont__sec {padding-top: 50rem;}
    .rnd-cont__img {margin-top: 40rem;}
    .rnd-cont__sec {padding: 50rem 0;}

    .rnd-img-wrap {height: auto; min-height: 170rem; margin-top: 50rem; padding: 60rem 20rem; border-radius: 10rem;}
    .rnd-img-wrap:has(h4) .rnd-img::before {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: rgba(0, 0, 0, .1);}
    .rnd-img-wrap h4 {margin-bottom: 15rem; font-size: 18rem;}
    .rnd-img-wrap p {font-size: 14rem;}
    .rnd-img-wrap p br {display: none;}

    .rnd-table-wrap {margin-top: 30rem;}
    .rnd-table-wrap h5 {margin-bottom: 5rem; padding: 15rem 20rem; line-height: 1.6; font-size: 14rem; border-radius: 5rem;}
    .rnd-table__list[data-grid] {grid-template-columns: 1fr; gap: 5rem;}
    .rnd-table__item {border-radius: 5rem;}
    .rnd-table__item h6 {padding: 10rem; font-size: 13rem; border-radius: 3rem;}
    .rnd-table__img {padding: 40rem 30rem 30rem;}
    .rnd-table__annex {margin-top: 0; font-size: 13rem;}
    .rnd-table__annex li {margin: 7rem 0;}

    .rnd-box {margin-top: 20rem; padding: 30rem 20rem; border-radius: 10rem;}

    .txt-refer {margin-top: 20rem;}
    .txt-refer > * {font-size: 13rem;}

    .emphasis-title {padding: 12rem 20rem; line-height: 1.6; font-size: 14rem;}
}

/* exosome */
.exosome-page .rnd-img {background-image: url(../img/sub/excosome-bg.jpg);}
.exosome-process {display: flex; justify-content: space-between; margin-top: 80rem; padding: 20rem; border-radius: 200rem; background: linear-gradient(90deg, #F9F9F9 0%, #F0F0F0 100%);}
.exosome-process li {position: relative; width: 120rem; padding-top: 11.6%; font-weight: 700; font-size: var(--font-18); text-align: center; color: var(--b-02); border-radius: 100%; background:#fff; border: 2rem solid var(--b-02);}
.exosome-process li p {position: absolute; left:0; top: 50%; width: 100%; line-height: 1.4; transform: translateY(-50%);}
.exosome-process li.exosome-process__plus {width: 100rem; background: transparent; border: none; border-radius: 0;}
.exosome-process__plus span {position: absolute; left:50%; top:50%; width: 17rem; height: 3rem; background: #ccc; transform:translate(-50%, -50%);}
.exosome-process__plus span:last-child {position: absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(90deg);}
.exosome-box {position: relative; margin-top: 120rem; padding: 90rem 50rem 50rem; text-align: center; border-radius: 20rem; border: 2rem dashed #e1e1e1;}
.exosome-box .emphasis-title {position: absolute; left: 50%; top: 0; width: 77%; transform: translate(-50%, -50%);}
.exosome-box ul {display: flex; flex-wrap: wrap; justify-content: center;}
.exosome-box ul li {width: 25%; padding: 10rem;}
.exosome-box ul li > div {display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 55rem 20rem; border-radius: 12rem; background: #f6f6f6;}
.exosome-box ul li i {display: flex; align-items: center; justify-content: center; height: 52rem; margin-bottom: 30rem;}
.exosome-box ul li p {font-size: 20rem; font-weight: 600; color: var(--b-01);}
.exosome-box ul li span {display: block; margin-top: 5rem; font-size: 16rem; color: var(--g-02);}

[lang="en-US"] .exosome-process li {width: 150rem; padding-top: 13.6%;}
[lang="en-US"] .exosome-process li.exosome-process__plus {width: 80rem;}


@media all and (max-width:1023px){
    .exosome-process li {padding-top: 14%;}
    .exosome-process li.exosome-process__plus {width: 60rem;}
    .exosome-process__plus span {height: 2rem;}
}

@media (max-width:860px){
    .exosome-process {padding: 10rem; border-radius: 50rem;}
    .exosome-process li {padding-top: 15.5%;}
    .exosome-process li.exosome-process__plus {width: 40rem;}
    .exosome-process__plus span {width: 12rem;}

    .exosome-box {margin-top: 100rem; padding: 60rem 20rem 20rem;}
    .exosome-box ul li {width: 33.33%;}
}

@media (max-width:540px){
    .exosome-process {flex-wrap: wrap; justify-content: center; margin-top: 40rem;}
    .exosome-process li {width: 75rem; margin: 2rem 0; padding-top: 23%;}
    .exosome-process li:nth-child(6) {display: none;}
    .exosome-process li p {padding: 0 20rem; line-height: 1.4;}

    .exosome-box {margin-top: 70rem; padding-top: 40rem;}
    .exosome-box .emphasis-title {width: 90%;}
    .exosome-box ul li {width: 50%; padding: 5rem;}
    .exosome-box ul li > div {padding: 30rem 20rem;}
    .exosome-box ul li i {width: 45rem; height: 35rem; margin-bottom: 12rem;}
    .exosome-box ul li i img {max-width: 100%; max-height: 100%;}
    .exosome-box ul li p {font-size: 14rem;}
    .exosome-box ul li span {margin-top: 2rem; font-size: 13rem;}

    [lang="en-US"] .exosome-process {padding: 20rem;}
    [lang="en-US"] .exosome-process li {width: calc((100% - 50rem)/2); margin: 0; padding-top: 41.2%;}
    [lang="en-US"] .exosome-process li:nth-child(-n+3) {margin-bottom: 20rem;}
    [lang="en-US"] .exosome-process li.exosome-process__plus {width: 50rem;}
    [lang="en-US"] .exosome-process li:nth-child(4),
    [lang="en-US"] .exosome-process li:nth-child(8) {display: none;}
    [lang="en-US"] .exosome-process li:nth-child(6) {display: block;}
    [lang="en-US"] .exosome-box {padding: 60rem 10rem 20rem;}
    [lang="en-US"] .exosome-box .emphasis-title {line-height: 1.4;}
    [lang="en-US"] .exosome-box ul li > div {padding: 30rem 0;}

}

/* atopic */
.atopic-page .rnd-img {background-image: url(../img/sub/atopic-bg.jpg);}
.atopic-figure {position: relative; width: 700rem; height: 700rem; margin: 95rem auto 130rem; text-align: center;}
.atopic-figure::before {position: absolute; left: 50rem; top: 50rem; content:'';  width: 600rem; height: 600rem;background: #FFF; box-shadow: 0px 0px 120px 0px #F0F0F0 inset; border-radius: 100%; animation:scale 3s infinite alternate; }
.atopic-figure h5 {position: absolute; left: 50%; top: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 240rem; height: 240rem; line-height: 1; font-size: 30rem; font-weight: 700; color: #fff; border-radius: 100%; background: var(--c-01); transform: translate(-50%, -50%); box-shadow: 0 10rem 15rem rgba(109, 25, 134, .2);}
.atopic-figure__circle {position: absolute; left: 50%; top: 50%; width: 460rem; height: 460rem; border: 2rem solid rgba(109, 25, 134, 0.18); border-radius: 100%; background: #fff; box-shadow:0px 0px 200px 0px rgba(109, 25, 134, 0.20) inset; transform: translate(-50%, -50%);}
.atopic-figure__circle i {position: absolute;}
.atopic-figure__circle i:nth-child(1) {left: -7rem; top: 130rem; transform: rotate(115deg);}
.atopic-figure__circle i:nth-child(2) {right: -9rem; top: 130rem; transform: rotate(-115deg);}
.atopic-figure__circle i:nth-child(3) {left: 50%; bottom: -13rem; transform: translateX(-50%);}
.atopic-figure__circle i img {width: 48rem;}
.atopic-figure ul {position: absolute; left:0; top: 0; width: 100%; height: 100%;}
.atopic-figure ul li {position: absolute; display: flex; align-items: center; justify-content: center; width: 180rem; height: 180rem; padding-top: 7rem; line-height: 1.45; font-weight: 700; color: var(--b-01); background: #fff; border: 2rem solid  rgba(109, 25, 134, 0.20); border-radius: 100%; box-shadow: 0px 10px 15px rgba(58, 51, 134, 0.15);}
.atopic-figure ul li:nth-child(1) {left: 50%; top: 0; transform:translateX(-50%) scale(0);}
.atopic-figure ul li:nth-child(2) {left: 8%; bottom:10%;}
.atopic-figure ul li:nth-child(3) {right: 8%; bottom: 10%; padding-top: 0;}

.atopic-figure i{transition: opacity .9s ease;}
.atopic-figure i, .atopic-figure li{opacity: 0; }
.atopic-figure li{ transform: scale(0); transition: transform .5s ease, opacity 1s ease;} 
.atopic-figure li span {padding: 0 20rem;}
.atopic-figure.is_moved  i, .atopic-figure.is_moved  li{opacity: 1; }
.atopic-figure.is_moved  li{transform: scale(1) }
.atopic-figure.is_moved .first{transition-delay: .1s; transform:translateX(-50%) scale(1);}
.atopic-figure.is_moved .second{transition-delay: .8s;}
.atopic-figure.is_moved .third{transition-delay: 1.2s;}
.atopic-figure.is_moved .fourth{transition-delay: 1.8s;}
.atopic-figure.is_moved .fifth{transition-delay: 2.1s;}
.atopic-figure.is_moved .sixth{transition-delay: 2.6s;}

.atopic-img-list {text-align: center; gap: 20rem;}
.atopic-img-list h6 {overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 250rem; margin-bottom: 25rem; font-size: 22rem; font-weight: 600; color: var(--f-01); border-radius: 12rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.atopic-img-list h6 span {display: block; margin-top: 10rem; font-size: 18rem; font-weight: 500; color: rgba(255, 255, 255, .5);}
.atopic-img-list p {color: var(--b-02);}
.atopic-img-list > div:nth-child(1) h6 {background-image: url(../img/sub/atopic01.jpg);}
.atopic-img-list > div:nth-child(2) h6 {background-image: url(../img/sub/atopic02.jpg);}
.atopic-img-list > div:nth-child(3) h6 {background-image: url(../img/sub/atopic03.jpg);}

.atopic-page #rnd-sec03 .sec-title {margin-bottom: 12rem;}
.atopic-graph {position: relative; margin: 60rem 0 120rem;}
.atopic-graph::after {position: absolute; right:-10rem; bottom: -8rem; content:''; width: 0; height: 0; border: solid transparent; border-width: 8rem 8rem 8rem 10rem; border-left-color: #e1e1e1; border-bottom-color: transparent;}
.atopic-graph::before {position: absolute; right: -12rem; bottom: -29rem; content:'Days'; font-size: 15rem; font-weight: 600; color: var(--g-02);}
.atopic-graph ul {position: relative; display: grid; grid-template-columns: repeat(20, 1fr); height: 100rem; border: solid #e1e1e1; border-width: 0 0 1px 1px;}
.atopic-graph ul li {position: relative; width: 1px; height: 100%;}
.atopic-graph ul li:not(:first-child) {background: #efefef;}
.atopic-graph ul li span {position: absolute; left: 50%; bottom: 0; min-height: 50rem; margin-bottom: -12rem; font-size: 15rem; font-weight: 600; color: var(--g-02); text-align: center; transform: translate(-50%, 100%);}
.atopic-graph ul li span b {display: block; margin-top: 10rem; color: var(--b-02);}
.atopic-page .graph-item-wrap {height: 100%;}
.atopic-page [graph-item] {position: absolute; bottom: 20rem; height: 35rem; font-size: 17rem; font-weight: 600;}
.atopic-page [graph-item] p {position: absolute; left: 50%; top: 0; width: 100%; margin-top: -12rem; line-height: 1.3; text-align:center; transform: translate(-50%, -100%);}
.atopic-page [graph-item] em {position: relative; display: inline-flex; align-items: center; justify-content: center; height: 35rem; font-size: 16rem; font-weight: 600; color: var(--f-01); border-radius: 50rem;}
.atopic-page [graph-item="1"] {left: 5%; margin-left: 2rem;} 
.atopic-page [graph-item="2"] {left: 35%;}
.atopic-page [graph-item="3"] {right: 3%; margin-right: 2rem;}
.atopic-page [graph-item="1"] p {width: 110%; white-space: nowrap; color:#ccc;}
.atopic-page [graph-item="2"] p {color:var(--c-01);}
.atopic-page [graph-item="3"] p {width: 160rem; color:#362D38}
.atopic-page [graph-item="1"] em {width: 260rem; background: #BBBBBB} 
.atopic-page [graph-item="2"] em {width: 575rem; background: var(--c-01);} 
.atopic-page [graph-item="3"] em {width: 35rem; background: #362D38;} 
.atopic-page #rnd-sec04 .rnd-table-wrap:last-child h5 + .rnd-table__item {padding: 50rem 30rem;}
.atopic-page .rnd-table__item + .rnd-table__list {margin-top: 10rem;}
.atopic-page #rnd-sec04 .rnd-table-wrap:last-child .rnd-table__list .rnd-table__item {padding: 50rem 30rem 20rem;}
.atopic-page #rnd-sec04 .rnd-table-wrap:last-child .rnd-table__list .rnd-table__img {display: inline-flex; align-items: center; height: 216rem; padding: 0;}
.atopic-page #rnd-sec04 .rnd-table-wrap:last-child .rnd-table__list .rnd-table__img img {width: auto; max-width: 100%; max-height: 100%;}

[lang="en-US"] .atopic-figure ul li {padding-top: 5rem;}

@media all and (max-width:1023px){
    .atopic-page [graph-item="1"] em {width: 230rem;}
    .atopic-page [graph-item="2"] em {width: 510rem;}
}

@media (max-width:860px){
    .atopic-page [graph-item] p {width: 100%; min-width: 150rem; margin-top: -10rem; white-space: inherit;}
    .atopic-page [graph-item="1"] em {width: 187rem;}
    .atopic-page [graph-item="2"] em {width: 415rem;}
    .atopic-page [graph-item="3"] {margin-right: -4rem;}
    .atopic-graph {margin: 50rem 0 120rem;}
    .atopic-graph ul {height: 120rem;}
    .atopic-figure {margin: 60rem auto 40rem;}
    .atopic-img-list h6 {height: 200rem; font-size: 20rem;}
    .atopic-page #rnd-sec04 .rnd-table-wrap:last-child .rnd-table__list .rnd-table__item {padding: 20rem;}
}

@media (max-width:540px){
    .atopic-figure {width: 100%; height: auto; margin: 30rem auto 40rem; padding-top: 100%;} 
    .atopic-figure::before {left: 5%; top: 5%; width: 90%; height: 90%;}
    .atopic-figure h5 {width: 110rem; height: 110rem; font-size: 15rem;}
    .atopic-figure ul li {width: 90rem; height: 90rem; font-size: 13rem;}
    .atopic-figure__circle {width: 60%; height: 60%;}
    .atopic-figure__circle i:nth-child(1) {left: -5rem; top: 57rem;}
    .atopic-figure__circle i:nth-child(2) {right: -5rem; top: 57rem;}
    .atopic-figure__circle i:nth-child(3) {bottom: -6rem;}
    .atopic-figure__circle i img {width: 22rem;}
    .atopic-img-list {gap: 40rem 0;}
    .atopic-img-list h6 {margin-bottom: 15rem; font-size: 18rem;}
    .atopic-img-list h6 span {margin-top: 7rem; font-size: 14rem;}
    .atopic-graph {margin-bottom: 70rem; padding-left: 40rem;}
    .atopic-graph::before {left: 0; top: -5rem; right: auto; bottom: auto; font-size: 12rem;}
    .atopic-graph::after {left: 34rem; top: -5rem; right: auto; bottom: auto; border-width: 5rem 5rem 5rem 8rem; transform: rotate(-90deg);}
    .atopic-graph ul {display: flex; flex-direction: column-reverse; height: auto; padding-top: 35rem; border-width: 0 0 0 1px;}
    .atopic-graph ul li {width: 100%; height: 1px; margin: 12rem 0;}
    .atopic-graph ul li:first-child {margin-bottom: 0; background: #e1e1e1;}
    .atopic-graph ul li span {left: 0; top: 0; min-width: 45rem; min-height: 15rem; margin-bottom: 0; font-size: 12rem; text-align: center; transform:translate(-100%, -50%);}
    .atopic-graph ul li span b {position: absolute; left:50%; top: 0; margin-top: 3rem; transform: translate(-50%, 100%);}
    .atopic-graph ul li:last-child span b { margin-top: -12rem; transform: translate(-50%, -100%);}
    .atopic-page .graph-item-wrap {flex-direction: column-reverse; width: 100%; justify-content: flex-end; padding-left: 60rem; }
    .atopic-page [graph-item] {position: relative; left:auto !important; right: auto !important; bottom: auto; display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; height: auto; font-size: 14rem;}
    .atopic-page [graph-item] p {position: relative; left:auto; top: auto; width: 80%; min-width: auto; padding: 0 10rem; margin-top: 0; font-size: 13rem; text-align: left; transform: none;}
    .atopic-page [graph-item] p br {display: none;}
    .atopic-page [graph-item] em {width: 20%; padding: 0 10rem; font-size: 13rem; text-align: center; border-radius: 10rem;}
    .atopic-page [graph-item="1"] {margin-bottom: 25rem; margin-left: 0;}
    .atopic-page [graph-item="1"] em {height: 123rem;}
    .atopic-page [graph-item="2"] {margin-bottom: 25rem;} 
    .atopic-page [graph-item="2"] em {height: 272rem;}
    .atopic-page [graph-item="3"] {margin-top: 30rem; margin-bottom: auto; margin-right: 0;}
    .atopic-page .rnd-table__item + .rnd-table__list {margin-top: 5rem;}
    .atopic-page #rnd-sec04 .rnd-table-wrap:last-child .rnd-table__list .rnd-table__img {width: 100%; height: auto; padding: 30rem 0;}

    [lang="en-US"] .atopic-figure ul li {width: 110rem; height: 110rem;}
    [lang="en-US"] .atopic-figure ul li.first {margin-top: -25rem;}
    [lang="en-US"] .atopic-figure ul li.third {margin-bottom: -20rem; margin-left: -10rem;}
    [lang="en-US"] .atopic-figure ul li.fifth {margin-bottom: -20rem; margin-right: -10rem; padding-top: 0;}
}

/* IBD */
.ibd-page .rnd-img {background-image: url(../img/sub/ibd-bg.jpg);}
.ibd-page .emphasis-title {margin-top: 60rem; border-color: #444; background-color: #fafafa; color: #111;}
.ibd-box {margin-top: 115rem;}
.ibd-box figure {position: relative;}
.ibd-box figure ul {display: grid; grid-template-columns: repeat(6, 1fr); width: 600rem; height: 255rem; background: #f6f6f6; border: solid #e1e1e1; border-width: 0 0 1px 1px;}
.ibd-box figure ul li {position: relative; width: 1px; height: 100%; background: #efefef;}
.ibd-box figure ul li span {position: absolute; left: 50%; bottom: 0; margin-bottom: -12rem; text-align: center; font-size: 15rem; font-weight: 600; color: var(--g-02); transform: translate(-50%, 100%);}
.graph-item-wrap {position: absolute; left:0; top:0; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 255rem;}
.ibd-box [graph-item] {display:inline-flex; height: 55rem; align-items: center; justify-content: center; margin: 7rem 0; font-size: 18rem; font-weight: 600; color: var(--f-01); text-align:center; border-radius: 0 30rem 30rem 0;}
.ibd-box [graph-item="1"] {width: 500rem; background: #ccc;}
.ibd-box [graph-item="2"] {width: 202rem; background: #999;}
.ibd-box [graph-item="3"] {width: 400rem; background: var(--c-01);}
.ibd-box > i {display: flex; align-items: center; justify-content: center; width: 85rem; height: 255rem; margin: 0 30rem;}
.ibd-box > i img {width: 100%;}
.ibd-box .txt-refer {margin-top: 70rem;}
.ibd-box h6 {display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 300rem; height: 255rem; padding: 0 20rem; line-height: 1.6; font-size: 20rem; font-weight: 700; color: #fff; text-align: center; border-radius: 12rem; background: var(--c-01);}
.ibd-box h6 i {display: block; height: 30rem; margin: 0 auto 10rem;}
.ibd-box h6 i img {max-height: 100%;}

[lang="en-US"] .ibd-box [graph-item] {padding: 0 20rem; font-size: 16rem;}

@media all and (max-width:1023px){
    .ibd-box h6 {min-width: 250rem;}
    .ibd-box figure ul {width: 550rem;}
}

@media (max-width:860px){
    .ibd-box h6 {min-width: 210rem; font-size: 18rem;}
    .ibd-box h6 i {height: 25rem;}
    .ibd-box figure ul {width: 400rem;}
    .ibd-box [graph-item] {height: 52rem; font-size: 16rem;}
    .ibd-box [graph-item="1"] {width: 333rem;}
    .ibd-box [graph-item="2"] {width: 135rem;}
    .ibd-box [graph-item="3"] {width: 267rem;}

    [lang="en-US"] .ibd-box figure ul {width: 450rem;}
    [lang="en-US"] .ibd-box > i {margin: 0 20rem;}
    [lang="en-US"] .ibd-box [graph-item="1"] {width: 376rem;}
    [lang="en-US"] .ibd-box [graph-item="2"] {width: 152rem;}
    [lang="en-US"] .ibd-box [graph-item="3"] {width: 300rem;}
}

@media (max-width:540px){
    .ibd-page .emphasis-title {margin-top: 30rem;}
    .ibd-box {flex-direction: column; margin-top: 60rem;}
    .ibd-box [graph-item] {height: 40rem; margin: 5rem 0; font-size: 13rem;}
    .ibd-box figure ul {width: 100%; height: 200rem;}
    .ibd-box .graph-item-wrap {height: 200rem;}
    .ibd-box [graph-item="1"] {width: 280rem;}
    .ibd-box [graph-item="2"] {width: 113rem;}
    .ibd-box [graph-item="3"] {width: 225rem;}
    .ibd-box .txt-refer {margin-top: 50rem;}
    .ibd-box > i {width: 50rem; height:auto; margin: 40rem auto;}
    .ibd-box > i img {transform: rotate(90deg)}
    .ibd-box h6 {min-width: auto; height: auto; padding: 40rem 20rem; font-size: 14rem; border-radius: 10rem;}
    .ibd-box h6 i {height: 18rem;}
    .ibd-box h6 br {display: none;}

    [lang="en-US"] .ibd-box figure ul {width: 100%;}
    [lang="en-US"] .ibd-box [graph-item] {position: relative; padding: 0;}
    [lang="en-US"] .ibd-box [graph-item="1"] {width: calc(16.66% * 5);}
    [lang="en-US"] .ibd-box [graph-item="2"] {width: calc(16.66% * 2);}
    [lang="en-US"] .ibd-box [graph-item="2"] span {position: absolute; width: 100%; margin-left: 15rem; white-space: nowrap; color: #999; transform: translateX(100%);}
    [lang="en-US"] .ibd-box [graph-item="3"] {width: calc(16.66% * 4);}
    [lang="en-US"] .ibd-box > i {margin: 30rem auto;}
}

/* injury */
.injury-page .rnd-img {background-image: url(../img/sub/injury-bg.jpg);}
.injury-page .rnd-table-wrap {margin-top: 40rem;}
.injury-page .rnd-table-wrap .txt-refer {margin-top: 30rem;}

@media (max-width:540px){
    .injury-page .rnd-img {background-size: auto 100%; background-position: center;}
    .injury-page .rnd-table-wrap {margin-top: 20rem;}
    .injury-page .rnd-table-wrap .txt-refer {margin-top: 20rem;}
}

/* alopecia */
.alopecia-page .rnd-img {background-image: url(../img/sub/alopecia-bg.jpg);}
.alopecia-page .alopecia-list {align-items:flex-start; margin-top: 65rem;}
.alopecia-page .rnd-box > img:last-child {display: none;}

@media (max-width:540px){
    .alopecia-page .rnd-box > img:first-child {display: none;}
    .alopecia-page .rnd-box > img:last-child {display: block;}
    .alopecia-page .alopecia-list {grid-template-columns: 1fr; margin-top: 40rem;}
    .alopecia-page .alopecia-list [data-grid="2"] {gap: 7rem; margin-top: 30rem;}
}

/* immuno */
.immuno-page .rnd-img {background-image: url(../img/sub/immuno-bg.jpg);}

@media all and (max-width:1023px){
    .immuno-page .rnd-img{background-position: center;}
}

/* product */
.product-list {margin-top: 100rem; gap: 40rem;}
.product-list li {position: relative; overflow: hidden; border-radius: var(--point-radius); transition: .3s;}
.product-list li p {width: 100%; height: 100rem; text-align: center; line-height: 100rem; font-size: 30rem; font-weight: 700; background: #c8c8c8;} 
.product-list li p > img {display: inline-block; max-width: 100%; max-height: 100%;}
.product-list__img {aspect-ratio: 1/1; clip-path:inset(0 0 0 0); background-color: #fafafa; background-image: url(../img/layout/noimage.png); background-repeat: no-repeat; background-size: cover; background-position: center; transition:.3s ease-in;}
.product-list li:hover {border-top-right-radius: 0 !important;}
.product-list li:hover .btn-point {opacity: 1; visibility: visible; transform:scale(1);}
.product-list li:hover .product-list__img {clip-path: polygon( 0% 0%,75% 0%,75% 0%,76.106% 0.089%,77.155% 0.348%,78.133% 0.761%,79.027% 1.316%,79.821% 1.997%,80.503% 2.791%,81.057% 3.685%,81.471% 4.663%,81.729% 5.712%,81.818% 6.818%,81.818% 7.955%,81.818% 7.955%,81.952% 9.613%,82.34% 11.187%,82.96% 12.655%,83.791% 13.995%,84.814% 15.186%,86.005% 16.209%,87.345% 17.04%,88.813% 17.66%,90.387% 18.048%,92.045% 18.182%,93.182% 18.182%,93.182% 18.182%,94.288% 18.271%,95.337% 18.529%,96.315% 18.943%,97.209% 19.497%,98.003% 20.179%,98.685% 20.973%,99.239% 21.867%,99.652% 22.845%,99.911% 23.894%,100% 25%,100% 100%,0% 100%,0% 0% );}

.product-list li:nth-child(1) p {background: #5699a2;}
.product-list li:nth-child(2) p {background: #368e78;}
.product-list li:nth-child(3) p {background: #9a1b62;}
.product-list li:nth-child(4) p {background: #004578;}
.product-list li:nth-child(5) p {background: #8FB6DD;}
.product-list li:nth-child(6) p {background: #1D3866;}
.product-list li:nth-child(7) p {background: #577b95;}
.product-list li:nth-child(8) p {background: #333;}
.product-list li:nth-child(9) p {background: #9cbb9c;}
.product-list li:nth-child(10) p {background: #f9aeb5;}
.product-list li p{font-size: 30rem; color: #fff;}

.product-list li:nth-child(1) .product-list__img {background-image: url(../img/sub/product01.jpg);}
.product-list li:nth-child(2) .product-list__img {background-image: url(../img/sub/product02.jpg);}
.product-list li:nth-child(3) .product-list__img {background-image: url(../img/sub/product08.jpg);}
.product-list li:nth-child(4) .product-list__img {background-image: url(../img/sub/product09.jpg);}
.product-list li:nth-child(5) .product-list__img {background-image: url(../img/sub/product10.jpg);}
.product-list li:nth-child(6) .product-list__img {background-image: url(../img/sub/product03.jpg);}
.product-list li:nth-child(7) .product-list__img {background-image: url(../img/sub/product07.jpg);}
.product-list li:nth-child(8) .product-list__img {background-image: url(../img/sub/product04.jpg);}
.product-list li:nth-child(9) .product-list__img {background-image: url(../img/sub/product05.jpg);}
.product-list li:nth-child(10) .product-list__img {background-image: url(../img/sub/product06.jpg);}

.btn-point {opacity: 0; visibility: hidden; position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 15%; aspect-ratio: 1/1; max-width: 70rem; max-height: 70rem; border-radius: 100%; background: var(--b-01); transform: scale(0); transition: .3s;}
.btn-point i {display: inline-block; width: 25rem;transform: rotate(-45deg);}
.btn-point img {width:100%;}
.btn-point:hover {background: var(--c-01);}

@media all and (max-width:1023px){
    .product-list {margin-top: 50rem; gap: 20rem;}
    .product-list li {border-radius: 20rem;}
    .product-list li p {height: 70rem; line-height: 70rem;}
}

@media (max-width: 860px){
	.product-list {grid-template-columns:1fr 1fr;}
}

@media (max-width: 540px){
    .product-list {grid-template-columns:1fr; margin-top: 40rem;}
    .product-list li:hover {border-top-right-radius: 20rem !important;}
    .product-list li:hover .btn-point {display: none;}
    .product-list li:hover .product-list__img {clip-path: none;}
    .product-list__img {aspect-ratio: auto; height: 200rem;}
    .product-list li p {height: 55rem; line-height: 55rem;}
    .product-list li:nth-child(1) .product-list__img {background-image: url(../img/sub/product01_m.jpg);}
    .product-list li:nth-child(2) .product-list__img {background-image: url(../img/sub/product02_m.jpg);}
    .product-list li:nth-child(3) .product-list__img {background-image: url(../img/sub/product08_m.jpg);}
    .product-list li:nth-child(4) .product-list__img {background-image: url(../img/sub/product09_m.jpg);}
    .product-list li:nth-child(5) .product-list__img {background-image: url(../img/sub/product10_m.jpg);}
    .product-list li:nth-child(6) .product-list__img {background-image: url(../img/sub/product03_m.jpg);}
    .product-list li:nth-child(7) .product-list__img {background-image: url(../img/sub/product07_m.jpg);}
    .product-list li:nth-child(8) .product-list__img {background-image: url(../img/sub/product04_m.jpg);}
    .product-list li:nth-child(9) .product-list__img {background-image: url(../img/sub/product05_m.jpg);}
    .product-list li:nth-child(10) .product-list__img {background-image: url(../img/sub/product06_m.jpg);}
}

/* thesis */
.thesis-list {margin-top: 100rem;}
.thesis-list__item {position: relative; padding: 30rem 0; border-bottom: 1px solid #e1e1e1;}
.thesis-list__item h4 {position: relative; font-weight: 700; font-size: 35rem; color: var(--b-01); cursor: pointer; transition: .3s;}
.thesis-list__item h4::before {opacity: 1; visibility: visible; position: absolute; right: 0; top: 50%; content:''; width: 60rem; height: 60rem; border-radius: 100%; border: 1px solid #e1e1e1; transform: translateY(-50%); transition: .1s;}
.thesis-list__item h4::after {opacity: 1; visibility: visible; position: absolute; right: 0; top: 50%; content:''; width: 60rem; height: 60rem; background: url(../img/sub/thesis-arrow.svg) no-repeat center / 17rem; transform: translateY(-50%); transition: .1s;}
.thesis-list__item h4:hover {opacity: .5;}
.thesis-list__item:has(h4.active) h4::before,
.thesis-list__item:has(h4.active) h4::after {opacity: 0; visibility: hidden;}

.thesis-list__cont {display: none; padding-top: 30rem;}
.thesis-list__info {padding-right: 40%;min-height: 520rem; }
.thesis-list__info ul {margin-bottom: 30rem; padding: 10rem 30rem; border-radius: 12rem; background: #f6f6f6;}
.thesis-list__info ul li {display: inline-flex; align-items: flex-start; width: 100%; padding: 25rem 0;}
.thesis-list__info ul li:not(:last-child) {border-bottom: 1px solid #e1e1e1;}
.thesis-list__info ul em {position: relative; min-width: 100rem; margin-right: 15rem; font-size: 22rem; font-weight: 600; color: var(--c-01);}
.thesis-list__info ul em::after {position: absolute; right: 0; top: 50%; content:''; width: 1px; height: 18rem; background: #e1e1e1; transform: translateY(-50%);}
.thesis-list__info > p {line-height: 1.8;}
.thesis-list__info .btn-basic {margin-top: 80rem;}
.thesis-list__img {opacity: 0; visibility: hidden; overflow: hidden; position: absolute; right:0; top:30rem; width: 450rem; height: 600rem; border:1px solid #e1e1e1; transition: .3s linear .5s;}
.thesis-list__img img {max-width: 100%; max-height: 100%;}
.thesis-list__img:not(:has(img)) { background:#fafafa url(../img/layout/noimage.png) no-repeat center / 80%;}
.thesis-list__item:has(h4.active) .thesis-list__img {opacity: 1; visibility: visible;}

.thesis-gridList{gap: 40rem; margin-top: 70rem;}
.thesis-gridList li {position: relative;transition: 0.6s ease;}
.thesis-gridList li a:not(.btn-point){background-color: #F6F6F6; height: 100%; border-radius: 30rem; box-sizing: border-box; padding: 60rem 30rem; display: block; transition: .4s; position: relative; }
.thesis-gridList strong{display: block; font-size: 30rem; min-height: 80rem; line-height: 1.333; transition: all .4s; padding-right: 40rem;}
.thesis-gridList p{font-size: 18rem; line-height: 1.55; color: #666; min-height: 203rem; margin-top: 24rem;}
.thesis-gridList dl{border-top: 1px solid #e1e1e1; display: table; width: 100%;}
.thesis-gridList dl *{font-size: 16rem; display: table-cell; vertical-align: baseline; text-align: left; color: #666; padding: 18rem 0;}
.thesis-gridList dl dt{font-weight: 600; width: 84rem; position: relative;}
.thesis-gridList dl dt::before{content: ""; position: absolute; right: 0; width: 1px; height: 15rem; background-color: #e1e1e1; top: 20rem;}
.thesis-gridList dl dd{font-weight: 400; padding-left: 15rem; box-sizing: border-box;}
.thesis-gridList dl:nth-of-type(2)  *{padding-bottom: 0;}

.thesis-gridList li:hover div >  *{animation: slideUpAnimation 1s  forwards ease}
.thesis-gridList li:hover div >  p{animation-delay:0.1s}
.thesis-gridList li:hover div >  dl{animation-delay:0.2s}
.thesis-gridList:hover > li{opacity:0.4;}
.thesis-gridList:hover > li:hover{opacity:1;}

@keyframes slideUpAnimation{
	0%{opacity:0; transform:translateY(40rem);}
	100%{opacity:1; transform:translateY(0); }
}

@media all and (min-width:1024px){
    .thesis-gridList li:hover a:not(.btn-point){border-top-right-radius: 0 !important;}
    .thesis-gridList li:hover a:not(.btn-point){clip-path: polygon( 0% 6%,0% 6%,0.089% 5.027%,0.348% 4.104%,0.763% 3.243%,1.319% 2.456%,2.002% 1.757%,2.798% 1.158%,3.693% 0.67%,4.674% 0.306%,5.725% 0.079%,6.834% 0%,75.443% 0%,75.443% 0%,76.551% 0.079%,77.603% 0.306%,78.583% 0.67%,79.479% 1.158%,80.275% 1.757%,80.958% 2.456%,81.514% 3.243%,81.928% 4.104%,82.187% 5.027%,82.277% 6%,82.277% 7%,82.277% 7%,82.411% 8.46%,82.799% 9.845%,83.421% 11.136%,84.255% 12.315%,85.279% 13.364%,86.473% 14.264%,87.817% 14.995%,89.287% 15.541%,90.865% 15.882%,92.527% 16%,93.166% 16%,93.166% 16%,94.275% 16.079%,95.326% 16.306%,96.307% 16.67%,97.202% 17.158%,97.998% 17.757%,98.682% 18.456%,99.237% 19.243%,99.652% 20.104%,99.911% 21.027%,100% 22%,100% 94%,100% 94%,99.911% 94.973%,99.652% 95.896%,99.237% 96.757%,98.682% 97.544%,97.998% 98.243%,97.202% 98.842%,96.307% 99.33%,95.326% 99.694%,94.275% 99.921%,93.166% 100%,6.834% 100%,6.834% 100%,5.725% 99.921%,4.674% 99.694%,3.693% 99.33%,2.798% 98.842%,2.002% 98.243%,1.319% 97.544%,0.763% 96.757%,0.348% 95.896%,0.089% 94.973%,0% 94%,0% 6% );}
    .thesis-gridList li:hover strong{transform:  translateY(-20rem);}
    .thesis-gridList li:hover  .btn-point{opacity: 1; visibility: visible; transform:scale(1); z-index: 11;}
}

@media all and (max-width:1023px){
    .thesis-list {margin-top: 50rem;}
    .thesis-list__item {padding: 40rem 0;}
    .thesis-list__item h4 {font-size: 27rem;}
    .thesis-list__item h4::before,
    .thesis-list__item h4::after {width: 50rem; height: 50rem;}
    .thesis-list__img {top: 50rem; width: 35%; height: auto; aspect-ratio: 3/4;}
    .thesis-list__info {min-height: 450rem;}
    .thesis-list__info ul {margin-bottom: 25rem;}
    .thesis-list__info .btn-basic {margin-top: 50rem;}
    .product-list li p{font-size: 24rem;}

    .thesis-gridList li a:not(.btn-point){padding: 32rem;}
    .thesis-gridList{gap: 18rem; grid-template-columns: 1fr 1fr;}
    .thesis-gridList strong{font-size: 22rem; min-height: 60rem;}
    .thesis-gridList p{font-size: 16rem; margin-top: 12rem; min-height: 200rem;} 
    .thesis-gridList dl *{font-size: 14rem; padding:12rem 0;}
    .thesis-gridList dl dt::before{top: 15rem; height: 12rem;}
    .thesis-gridList dl dt{width: 66rem;}
    .thesis-gridList li:hover strong{transform:  none;}
}

@media (max-width:860px){
    .thesis-list__info {min-height: auto; padding-right: 0;}
    .thesis-list__info ul {border-radius: 10rem;}
    .thesis-list__info ul li {padding: 20rem 0; line-height: 1;}
    .thesis-list__info ul em {font-size: 20rem;}
    .thesis-list__info .btn-basic {margin-top: 40rem;}
    .thesis-list__item h4 {font-size: 24rem;}
    .thesis-list__img {position: relative; left:auto; top:auto; width: 100%; margin-top: 0; margin-bottom: 20rem;}
    .product-list li p{font-size: 20rem;}
}

@media (max-width: 540px){
    .thesis-list__item {padding: 25rem 0;}
	.thesis-list__item h4 {line-height: 1.5; padding-right: 80rem; font-size: 18rem;}
    .thesis-list__item h4::before,
    .thesis-list__item h4::after {width: 35rem; height: 35rem; background-size: 13rem;}
    .thesis-list__cont {padding-top: 15rem;}
    .thesis-list__info ul {padding: 5rem 20rem; margin-bottom: 15rem; font-size: 13rem;}
    .thesis-list__info ul li {padding: 15rem 0;}
    .thesis-list__info ul em {min-width: 60rem; font-size: 14rem;}
    .thesis-list__info ul em::after {height: 12rem;}   
    .product-list li p{font-size: 18rem;}
    .thesis-gridList{grid-template-columns: 1fr;}
    .thesis-gridList a:not(.btn-point){padding: 16rem;}
    .thesis-gridList p{min-height: auto; padding-bottom: 20rem; font-size: 15rem;}
    .thesis-gridList strong{min-height: auto; font-size: 18rem;}
    .thesis-gridList{margin-top: 30rem;}
}

/* 연구성과 */
.project-table{width: 100%; margin-top: 82rem;}
.project-table table{width: 100%; border-top: 2px solid #000;}
.project-table table tr *{text-align: center; padding: 23rem 16rem; border-bottom: 1px solid #e1e1e1; }
.project-table table th{background-color: #F6F6F6; font-size: 18rem; font-weight: 600; }
.project-table table td{font-size: 16rem; border-right: 1px solid #e1e1e1; }
.project-table table td:last-child{border-right: 0;}
.project-table table td.bold{font-weight: 700;}

@media all and (max-width:1023px){
    .project-table{margin-top: 52rem;}
    .project-table table tr *{padding: 14rem;} 
}

@media (max-width: 540px){
    .project-table{overflow-x: auto; margin-top: 30rem; padding-bottom: 5rem;}
    .project-table::-webkit-scrollbar {display: block !important; width: 100%; height: 5rem; background: #eee;border-radius: 5rem;}
    .project-table::-webkit-scrollbar-thumb {border-radius: 5rem; background: var(--c-01);}

    .project-table table{width: 840rem;}
    .project-table table td{font-size: 15rem;}
}

.sub06_01 .sub-title{margin-bottom: 77rem;}
.form-area textarea{border: 1px solid #e1e1e1 !important; padding: 22rem !important;}
.form-area[data-form="conts"]{margin-bottom: 100rem;}
.privacy-box .privacy-cont {font-size: 18rem; color: var(--g-03);}
.privacy-box .privacy-cont em {font-weight: 600;}
.privacy-box .privacy-cont strong {font-weight: 400;}
.privacy-cont__list {margin-top: 20rem;}
.check-box [type="checkbox"]:not(:checked) + .checkmark, .check-box [type="checkbox"]:checked + .checkmark{border-radius: 100%;}
.check-box.exo{margin-left: auto; margin-top: 30rem;}
.check-box.exo em{font-weight: 300; position: relative; top: -2rem;}
.cs-page .button-style{margin-top: 80rem;}
.cs-page .button-style .basic-btn{border-radius: 90rem; background-color: #000 !important; width: 180rem;}
.cs-page .button-style .basic-btn::after{background-image: url(../img/sub/ic-historydown.svg); height: 18rem; }
.cs-page h3:not(.sub-title){color: #000;}

@media all and (max-width:1023px){
    .form-area .check-box [type="radio"]:not(:checked) + .checkmark,
    .form-area .check-box [type="radio"]:checked + .checkmark{top: 3rem; width: 20rem; height: 20rem;}
    .cs-page h3:not(.sub-title){font-size: 20rem !important;}
}

@media all and (max-width:860px){
    .cs-page h3:not(.sub-title){font-size: 18rem !important;}
}

@media (max-width: 540px){
    .sub06_01 .sub-title{margin-bottom: 54rem;}
    .sub06_01:has(.cs-form) .sub-title{margin-bottom: 32rem;}
    .cs-page .button-style .basic-btn{width: 100%;justify-content: center;}
    .cs-page .button-style .basic-btn::after{display: none;}
    .form-area .check-box [type="radio"]:not(:checked) + .checkmark,
    .form-area .check-box [type="radio"]:checked + .checkmark{top:0;}
}

.material-page h4{font-size: 45rem;}
.material-top{padding-bottom: 150rem;}
.material-top *{text-align: center;}
.material-top h3 + p{margin-top: 20rem;}
.material-top ul{display: flex; justify-content: center; position: relative; width: 940rem; height: 280rem; margin: 86rem auto 0; align-items: center; background-color: #F7F4F8; border-radius: 200rem;}
.material-top ul li{width: 200rem; height: 200rem; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 100%; box-sizing: border-box; border:2px solid var(--c-01); background-color: #fff;}
.material-top ul li + li{margin-left: 20rem;}
.material-top ul li p{font-size: 18rem; font-weight: 700; color: #111; line-height: 1.444; margin-top: 20rem;}

.material-certification{overflow: hidden; background-color: #f8f8f8; position: relative; padding: 170rem 0; }
/* .material-certification i{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit:contain; object-position: top; background:url(../img/sub/exobrid-bg.jpg) no-repeat;} */
.material-certification h4{ color: #111; text-align: center; margin-bottom: 55rem;}
.material-certification__list {justify-content: center; gap:40rem 20rem;}
.material-certification__list li{width: 453rem; position: relative;/*  border-radius: 12rem; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); */}
.material-certification__list li img{border-radius: 12rem; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); width: 100%;}
/* .material-certification__list li::before{content: ""; display: block; padding-bottom: 138%;} */
/* .material-certification__list li img{width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;} */
.material-certification__list li p{color: #444; font-size: 20rem; font-weight: 600; margin-top:22rem; text-align: center;}
.material-certification__list.rose_ver li{width: auto;}
.material-certification span{top: 100%; font-size: 200rem; color: rgba(255,255,255,0.03); font-weight: 900; position: absolute; right: -250rem; top: 50%; transform: translateY(-50%)  rotate(90deg); transition: 2s;}
.material-certification span.is_moved {top: 50%; transform:translateY(-50%) rotate(90deg);}

.exobrid-tech{padding-top: 170rem;}
.exobrid-tech *{text-align: center;}
.exobrid-tech h4{color: #111;}
.exobrid-tech h4 + p{margin-top: 23rem;}
.exobrid-tech__box{border:1px solid #e1e1e1; box-sizing: border-box; padding: 50rem 0; border-radius: var(--radius-baisc);}
.exobrid-tech__box + .exobrid-tech__box{margin-top: 20rem;}
.exobrid-tech__box img{margin: 0 auto;}
.exobrid-tech__box > div{width: 50%; }
.exobrid-tech__box > div + div{border-left: 1px solid #e1e1e1 ;}
.exobrid-tech__box > div *{display: block;}
.exobrid-tech__box  strong{font-size: 22rem; color: var(--b-01);}
.exobrid-tech__box span{color: #666; font-size: 18rem; margin-top: 11rem;}
.exobrid-tech__box[data-flex]{margin-top: 77rem;}

.sub04_02 #footer{margin-top: 0;}
.rose-process{padding: 170rem 0 0;} 
.rose-process h4{text-align: center; color: #111;}
.rose-process ul{margin-top: 40rem;}
.rose-page .material-certification__list[data-flex]{flex-wrap: wrap;}
.rose-page .material-certification__list[data-flex] li:nth-child(n + 4){margin-top: 50rem;}

.rose-image{margin-top: 60rem;}
.rose-image img{max-width: 100%;}
.rose-graph{margin-top: 46rem; gap: 20rem;}
.rose-graph .info{padding-left: 20rem;}
.rose-graph .info span{font-size: 15rem; color: #666; position: relative; padding-left: 14rem;}
.rose-graph .info span::before{content: "*"; position: absolute; left: 0; top: 0}
.rose-graph .info span + span{margin-top: 5rem;}
.rose-graph__box{border-radius: 12rem; width: 50%; box-sizing: border-box; border:1px solid #e1e1e1; padding:10rem 10rem  40rem 10rem;}
.rose-graph__box strong{display: block; font-weight: 600; text-align: center; font-size: 18rem; color: #444; background-color:  #f8f8f8; border-radius: 6rem; border:1px solid #efefef; padding: 24rem 20rem;}
.rose-graph__box img{display: block; margin: 0 auto; max-width: 100%;}
.rose-graph__box span{display: block;}
.rose-graph__image{padding: 60rem 10rem 40rem;}

[lang="en-US"] .material-top ul {width: 1140rem; height: 330rem;}
[lang="en-US"] .material-top ul li {width: 250rem; height: 250rem;}


@media all and (max-width:1480px){
    .material-certification__list li{width: 400rem;}
}

@media all and (max-width:1023px){
    .material-top{padding-bottom: 110rem;}
    .material-top ul{width: 850rem; height: 240rem; margin: 56rem auto 0;}
    .material-top ul li{width: 180rem; height: 180rem;}
    .material-top ul li p{font-size: 16rem; margin-top: 12rem;}
    .material-top ul li:nth-child(1) img{width: 33rem;}
    .material-top ul li:nth-child(2) img{width: 38rem;}
    .material-top ul li:nth-child(3) img{width: 38rem;}
    .material-top ul li:nth-child(4) img{width: 31rem;}

    .material-page h4{font-size: 32rem;}
    .material-certification{padding: 120rem 0}
    .material-certification__list{max-width: 78%; margin: 0 auto;}
    .material-certification span{font-size: 160rem;}
    .exobrid-tech{padding-top: 120rem;}
    .exobrid-tech__box img{max-width: 60%;}
    .exobrid-tech__box img + strong{margin-top: 24rem;}

    .material-certification__list{display: grid; grid-template-columns: 1fr 1fr;}
    .material-certification__list li{width: 100%;}
    .rose-page .material-certification__list[data-flex] li:nth-child(n + 4){margin-top: 0;}
    .rose-process{padding: 130rem 0}
    .material-certification__list li p{font-size: 18rem;}

    [lang="en-US"] .material-top h3 + p br {display: none;}
    [lang="en-US"] .material-top ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20rem; width: 100%; height: auto; padding: 20rem;}
    [lang="en-US"] .material-top ul li {width: auto; height: 215rem; padding: 0 20rem;}
    [lang="en-US"] .material-top ul li + li {margin-left: 0;}
}

@media all and (max-width:860px){
    .exobrid-tech{padding-top: 100rem;}
    .exobrid-tech__box strong{font-size: 18rem;}
    .exobrid-tech__box span{font-size: 16rem;}
    .exobrid-tech__box[data-flex]{margin-top: 56rem;}
    .material-page h4{font-size: 28rem; margin-bottom: 24rem;}
    .material-certification__list{max-width: 80%; margin-top: 40rem;}
    .material-certification{padding: 90rem 0;}
    .material-certification__list li p {margin-top: 20rem;}
    .material-top{padding-bottom: 94rem;}
    .material-top ul{width: 720rem; height: 208rem;}
    .material-top ul li{width: 150rem; height: 150rem; border:1px solid var(--c-01)}
    .rose-process{padding: 90rem 0}

    [lang="en-US"] .material-top ul {padding: 40rem; grid-template-columns: repeat(2, 1fr); gap: 40rem;}
    [lang="en-US"] .material-top ul li {height: 320rem;}
    [lang="en-US"] .material-top ul li:nth-child(1) img,
    [lang="en-US"] .material-top ul li:nth-child(4) img {width: 52rem;}
    [lang="en-US"] .material-top ul li:nth-child(2) img,
    [lang="en-US"] .material-top ul li:nth-child(3) img {width: 60rem;}
    [lang="en-US"] .material-top ul li p {font-size: 18rem;}
}

@media (max-width: 540px){
    .exobrid-tech__box{padding: 20rem 20rem;}
    .exobrid-tech__box strong{font-size: 16rem;}
    .exobrid-tech__box span{font-size: 14rem; margin-top: 6rem;}
    .exobrid-tech__box{display: block !important;}
    .exobrid-tech__box > div{width: 100%;}
    .exobrid-tech__box > div + div{border-left: 0; border-top: 1px solid #e1e1e1; margin-top: 20rem;}
    .exobrid-tech__box[data-flex]{margin-top: 44rem;}
    .material-top{padding-bottom: 64rem;}
    .material-top h3 + p{margin-top: 28rem;}
    .material-page h4{font-size: 24rem;}
    .material-top ul{display: grid; grid-template-columns: 1fr 1fr; gap:12rem; border-radius: 40rem; width: 100%; padding: 11rem;; height: auto;}
    .material-top ul li + li{margin-left: 0;}
    .exobrid-tech{padding-top: 60rem;}
    .exobrid-tech h4 + p{margin-top: 14rem;}
    .material-top ul li p{font-size: 15rem;}
    .material-certification__list{min-width: 100%; gap: 12rem;}
    .material-page h4{font-size: 20rem;}
    .material-certification{padding: 60rem 0;}
    .rose-graph{flex-direction: column; margin-top: 26rem;}
    .rose-graph__box{width: 100%;}
    .rose-graph__box strong{font-size: 16rem; padding: 10rem 20rem;}
    .rose-graph .info span{font-size: 14rem;}
    .rose-image{margin-top: 30rem;}
    .rose-process{padding-bottom: 0; padding-top: 54rem;}
    .material-certification__list {margin-top: 30rem; gap: 30rem 12rem;}
    .material-certification__list li p{margin-top: 12rem; line-height: 1.4; font-size: 14rem;}
    .form-area[data-form="agree"] .check-box [type="checkbox"]:not(:checked) + .checkmark,
    .form-area[data-form="agree"] .check-box [type="checkbox"]:checked + .checkmark {top: -1px;}
    .form-area[data-form="agree"] .check-box label {padding-left: 27rem;}
    .form-area > em {width: auto !important;}
    .form-area[data-form="agree"] {width: 100%;}
    .form-area[data-form="agree"] em {width: 100% !important;}
    .form-area input:is([type="text"],
    [type="password"]),
    .form-select select,
    .form-area textarea {border-radius: 0;}

    .form-area[data-form="agree"] em.agree-tt {padding-bottom: 12rem !important;}
    .check-box.exo {margin-top: 17rem;}

    [lang="en-US"] .material-top h3 + p{margin-top: 12rem;}
    [lang="en-US"] .material-top ul {grid-template-columns: 1fr; padding:20rem; gap: 5rem;}
    [lang="en-US"] .material-top ul li {height: auto; padding: 30rem 20rem; border-radius: 100rem;}
    [lang="en-US"] .material-top ul li p {margin-top: 10rem; font-size: 14rem;}
    [lang="en-US"] .material-top ul li:nth-child(1) img,
    [lang="en-US"] .material-top ul li:nth-child(4) img {width: 27rem;}
    [lang="en-US"] .material-top ul li:nth-child(2) img,
    [lang="en-US"] .material-top ul li:nth-child(3) img {width: 30rem;}
   
}

@media (max-width: 420px){
    .form-area[data-form="agree"] .check-box [type="checkbox"]:not(:checked) + .checkmark,
    .form-area[data-form="agree"] .check-box [type="checkbox"]:checked + .checkmark {top: -3rem;}
}