@charset "utf-8";


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

body:not(.sub01_01) #gnb .gnb-item > a{color: var(--c-02);}
body:not(.sub01_01) #logo a{background-image: url(../img/layout/logo.svg);}
body:not(.sub01_01) .ic-mall path{fill: var(--c-02);}
body:not(.sub01_01) .lang-menu::before{background-color: var(--c-02);}
body:not(.sub01_01) .lang-menu a{color: var(--c-01);}
body.sub05_01 .sub-content{padding-top: 90rem;}
body[class^="sub02_"] .sub-visual__desc{display: none;}

.gnb-mobile-btn span{background-color: var(--c-02);}

#footer{ background-color: var(--c-02);}

@media (max-width:1200px){

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

    #container:has(.board-page) + #footer{margin-top: 100rem;}

}

@media (max-width: 540px){
    #container:has(.board-page) + #footer{margin-top: 80rem;}
}

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

.mobile-swipe{flex-wrap:wrap;}

@media (max-width:540px){
    .mobile-swipe {
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
}

@media (max-width:1200px){
    .sub-content{padding-top: 110rem;}
}

@media all and (max-width:1023px){
    .sub-content,
	.sub-content:has(.board-page){padding-top:90rem;}
}

@media (max-width: 860px){
    .sub-content{padding-top:90rem}
}

@media (max-width: 540px){
	.sub-content,
	.sub-content:has(.board-page){padding-top: 60rem;}
}

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

/* 회사소개 */
body.sub01_01 #footer{margin-top: 0; border-top: 1px solid rgba(255,255,255,0.27);}
body.sub01_01 .gnb-mobile-btn span{background: var(--f-01);}
.company-intro{width: 100%; height: var(--height-full); background:url(../img/sub/company-intro.jpg) no-repeat; background-size: cover;}
.company-intro > div{width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0;}
.company-intro__text{text-align: center; opacity: 0; visibility: hidden;  transform: translateY(150rem); }
.company-intro__text *{color: var(--f-01); display: block;}
.company-intro__text p{font-size: 40rem;}
.company-intro__01 .company-intro__text strong{font-size: 84rem; line-height: 90rem; margin-bottom: 40rem;}
.company-intro__02 .company-intro__text strong{font-size: 72rem; line-height: 90rem; margin-bottom: 17rem;}

.company-first{padding-top: var(--gap140); position: relative; overflow: hidden;}
.company-first .fruit-bae{position: absolute; right: 0; top: var(--gap140);}
.company-first__nature{margin-top: 340rem; padding-bottom: var(--gap100); position: relative;}
.company-first__nature h3{margin-bottom: 64rem;}
.company-first__nature h4{margin-bottom: 20rem;}
.company-first__nature p{}
.company-first__nature [data-circle]{width: 453rem;height: 453rem;position: absolute;left: -380rem;top: -209rem;z-index: -1;} 
.company-first__bg{width: 100%; height: 516rem; background: url(../img/sub/company-banner.jpg) no-repeat; background-size: cover; border-radius: 5rem;}

.company-second{padding: var(--gap140) 0; }
.company-second__wrap{justify-content: space-between;}
.company-second__wrap h3{}
.company-second__conts{max-width: 974rem; width: 974rem;;}
.company-second__conts h4{margin-bottom: 20rem;}
.company-second__conts img{margin-top: var(--gap80); display: block; border-radius: 5rem; width: 100%;}

.company-third{width: 100%; background: url(../img/sub/company-bottom.jpg) no-repeat; background-size: cover; padding:var(--gap140) 0;}
.company-third__wrap{justify-content: space-between;}
.company-third .company-third__title *{color: var(--f-01);}
.company-third__title h3{margin-bottom: 64rem;}
.company-third__title h4{margin-bottom: 20rem;}
.company-third__logo{width: 610rem; gap: 30rem;}
.company-third__logo li{width: 100%; position: relative; display: flex; align-items: center; justify-content: center; background-color: var(--f-01); border-radius: 100%; box-shadow:0px 4px 53px rgba(0, 0, 0, 0.25) ;}
.company-third__logo li::before{content: ""; display: block; padding-bottom: 100%;} 

[lang="en-US"] .company-third__logo{width: 640rem;}

@media (max-width:1600px){
    .company-intro__01 .company-intro__text strong{font-size: 72rem;}
    .company-intro__02 .company-intro__text strong{font-size: 66rem;}
    .company-intro__text p{font-size: 30rem;}
    .company-second__conts{ max-width: 860rem; width: 860rem;}
    .company-third__logo{width: 540rem;}
    [lang="en-US"] .company-third__logo{width: 470rem; height: 70%;}
}
@media (max-width:1480px){
    .company-first .fruit-bae{width: 580rem;}
    .company-first__nature{margin-top: 260rem; padding-bottom: 34rem;}

}
@media all and (max-width:1200px){
	.company-first .fruit-bae{width: 480rem;}
    .company-first__bg{height: 440rem;}
    .company-first__nature [data-circle]{width: 400rem; height: 400rem; top: -150rem; left: -230rem;}

    .company-second__conts{max-width: 660rem; width: 660rem;;}
    .company-third__logo{width: 350rem; gap: 20rem;}
    .company-third__logo li img{ max-height: 60rem; max-width: 70rem;}
    .company-third__title h3{margin-bottom: 52rem;}

    .company-third__wrap{flex-direction: column; gap: 80rem;}
    [lang="en-US"]  .company-third__wrap{gap: 0;}
    [lang="en-US"] .company-third__logo{grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; }

    [lang="en-US"]  .company-third__logo li img{max-height: 80rem; max-width: 90rem;}
}
@media all and (max-width:1023px){
    .company-intro__01 .company-intro__text strong{font-size: 62rem; line-height: 1.4; margin-bottom: 10rem;}
    .company-intro__02 .company-intro__text strong{font-size: 56rem; line-height: 1.4;}
    .company-intro__text p{font-size: 24rem;}
    .company-first .fruit-bae{width: 400rem;}
    .company-first__nature{margin-top: 190rem;}
    .company-first__nature h3{margin-bottom: 44rem;}
    .company-first__nature [data-circle]{width: 320rem; height: 320rem;}
    .company-first__bg {height: 320rem;}
    .company-second__wrap{flex-direction: column;}
    .company-second__wrap h3{margin-bottom: 32rem;}
    .company-second__wrap h3 br{display: none;}
    .company-second__conts img{width: 70%;}

    .company-second__conts{max-width: 100%; width: 100%;}
    .company-third__wrap{flex-direction: column;}
    .company-third__logo{grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; margin-top: 80rem;}

}
@media (max-width:860px){
    .company-first .fruit-bae{width: 260rem;}
    .company-first__nature [data-circle]{width: 280rem; height: 280rem;}
    .company-first__bg{height: 240rem;}
    .company-first__nature [data-circle]{left: -160rem;}
    .company-second__conts img{width: 50%; margin-top: 32rem;}
    .company-third__logo{margin-top: 0;}
    [lang="en-US"]  .company-third__logo{margin-top: 80rem;}
    [lang="en-US"]  .company-third__logo li img{max-height: 60rem; max-width: 80rem;}
 
}
@media (max-width: 540px){
    .company-intro__01 .company-intro__text strong{font-size: 40rem; margin-bottom: 24rem; }
    .company-intro__02 .company-intro__text strong{font-size: 32rem; margin-bottom: 12rem; }
    .company-intro__text p{font-size: 20rem;}
    .company-first .fruit-bae{width: 190rem;}
    .company-first__nature [data-circle]{display: none;}
    .company-first__nature h3{margin-bottom: 30rem;}
    .company-first__nature{margin-top: 120rem;}
    .company-first__nature p br{display: none;}
    .company-first__nature h4{margin-bottom: 10rem;}
    .company-first__bg {height: 170rem;}
    .company-second__conts{max-width: inherit; width: 100%;}
    .company-second__conts img{width: 100%;}
    .company-second__conts h4{font-size: 18rem; margin-bottom: 10rem;}
    .company-second__conts h4 br,
    .company-second__conts p br{display: none;}
    .company-third__logo,
     [lang="en-US"]  .company-third__logo{grid-template-columns: 1fr 1fr;}

     .company-intro__text p br,
     .company-third .company-third__title * br{display: none;}
    [lang="en-US"] .company-third__title h3{margin-bottom: 40rem;}
    [lang="en-US"]  .company-third__logo li img{max-height: 52rem; max-width: 75rem;}
}

/* 연혁 */
body.sub01_02 .sub-content{padding-top: 0;}
.history-list-wrap {position: relative; padding-top: 130rem;}
.history-line-wrap {position: absolute;left: 50%;top: 0;height: 100%;z-index: -1;width: 68rem;overflow: hidden;margin-left: -34rem;}
.history-line{display:block;position:absolute;top:0;left: 50%;width:1rem;height:100%;font-weight: 800;background: var(--bd-04)}
.history-line__bar{display:block; overflow: hidden; position:absolute; top:0; left:0; z-index:50; width:1px; background:var(--c-02); border-radius: 5rem; }
.history-line__point{width: 9rem;height: 9rem;border-radius: 14rem;background-color: var(--c-02); position: absolute; left: -4.5rem;bottom: 0;}
.history-line__point::before{content: "";width: 27rem;height: 27rem;border-radius: 90rem;background-color: rgba(0,95,49,.2); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); animation: pulse 2s infinite ease-out;}
.history-list__title {position: absolute; right: 50%; width: 50%; height: 100%; padding-right: 130rem; text-align: right;}
.history-list__title h3 {position: sticky; top: 80rem; font-size: 135rem; font-weight: 800; color: var(--c-03);}
.history-list__title span{ font-size: 135rem;  font-weight: 800; color: var(--c-02);}
.history-item{display: flex; }
.history-item strong{font-weight:100;font-size:50rem;color:var(--b-01);letter-spacing:-1.5rem;transition:var(--trans-01);}
.history-item.is_moved strong{color:var(--c-01);}
.history-list{width: 50%; margin-left: auto; padding-left: 110rem;}
.history-desc > li{margin-bottom:100rem;}
.history-item:last-child > li:last-child{margin-bottom: 0;}
.history-desc > li em{ font-size: 54rem; font-weight: 700; line-height: 70rem;}
.history-desc ul {margin-top: 5rem;}
.history-desc ul li {margin-top: 10rem; font-family: var(--lang-ko2); font-weight: 300;}
.history-desc ul li + li{}
.history-desc ul span {display: block; margin-top: 10rem; font-weight: 100; color: #aaa;}
.history-desc [data-list] > *{padding-left: 16rem;}
.history-desc [data-list] > *::before{background-color: var(--c-01);}

.history-nav{position: absolute;top: 0;width: 174rem;left: 0;z-index: -1; height: calc(100% + 170rem);/* display: flex; *//* align-items: flex-end; */border-right: 1px solid var(--bd-04);/* padding-bottom: 40rem; *//* justify-content: end; */padding-bottom: 150rem;}
.history-nave__tab{flex-direction: column;padding: 0;padding-right: 30rem;position: sticky;top: 70vh;padding-top: 80rem;width: 100%;/* height: 100%; */justify-content: center;align-items: flex-end;}
.history-nave__tab a{font-size: 14rem;}
.history-nave__tab.tab-anchor li + li{margin-top: 6rem;}
.history-nave__tab.tab-anchor li a{border: none;padding: 0;font-family: var(--lang-ko);color: var(--c-03);font-weight: 700;text-align: right;display: block; position: relative;}
.history-nave__tab.tab-anchor li a.on{ color: var(--c-02); background-color: transparent;}
.history-nave__tab.tab-anchor li a.on::after{content: ""; width: 2rem; height: 14rem; background-color: var(--c-02); right: -31rem; top: 0; position: absolute;}

@media (max-width:1480px){
    .history-cont > .wrap{padding-left:100rem;}
    .history-list__title h3,.history-list__title span{font-size: 115rem;}
    .history-list__title{padding-right: 20rem;}

    .sub01_02 .history-line-wrap{margin-left: 46rem;}
    .sub01_02 .history-list{padding-left: 150rem;}
}
@media (max-width:1200px){
    .history-list-wrap{padding-top: 120rem;}
    .history-desc > li em{font-size: 48rem;}
    .history-desc > li{margin-bottom: 90rem;}
    body:not(.sub01_02) .history-desc > li:last-child{margin-bottom: 0;}

    .history-nav{width: 120rem;}
    .sub01_02 .history-list{padding-left: 200rem;}
    .sub01_02 .history-line-wrap{margin-left: 86rem;}
    .history-list__title{padding-right: 0; right: 45%;}
}
@media all and (max-width:1023px){
    .history-list-wrap{padding-top: 100rem;}
    .history-list__title {left: 0; right: auto; width: auto; padding-right: 0; text-align: left; }
    .history-list__title h3,.history-list__title span{font-size: 100rem;}
    
    .history-list {width: 55%; padding-left: 80rem;}
    .history-item {padding: 80rem 0;}
    .history-item + .history-item{padding-top: 0;}
    .history-desc ul {margin-top: 0;}
    .history-desc ul li {line-height: 1.6;}
    .history-desc ul span {margin-top: 5rem;}
    .history-desc > li:not(:last-child) {margin-bottom: 80rem;}
    .history-desc > li em {font-size: 35rem;font-weight: 700;margin-right: 0;}
    .history-desc [data-list="dot"] > *::before {top: 11rem;}
    body.sub01_02 .history-desc > li:last-child{margin-bottom: 0;}
    
    .sub01_02 .history-line-wrap{margin-left: 0;}
    .sub01_02 .history-list{padding-left: 130rem;}
    .sub01_02 .history-item:nth-child(1){padding-top: 0;}
}

@media (max-width:860px){
    
    .history-line-wrap {left: 20rem}
    .history-list__title {position: sticky; top: 140rem; width: 100%; padding: 0; z-index: 1; text-align: right;}
    .history-list__title h3 {position: relative; top: auto; display: inline-block; padding: 0 40rem 2rem; line-height: 1;  border-radius: 100rem;}
    .history-list__title h3,.history-list__title span{font-size: 100rem;}

    .history-item {padding: 50rem 0;}
    .history-list-wrap {padding-top: 30rem;}
    .history-list {width: 100%; /* margin-top: 50rem;  */padding-left: 80rem;}
    .history-desc > li:not(:last-child) {margin-bottom: 40rem;}
    .history-nav{display: none;}
}

@media (max-width:540px){
    .history-line-wrap{left: -20rem;}
    .history-line{left: 40%;}
    .history-line__point::before{width: 24rem; height: 24rem;}
    .history-list__title h3,.history-list__title{z-index: -1;}
    .history-list__title, .history-list__title h3 {padding: 0}
    .history-list__title h3,.history-list__title span{font-size: 60rem;}
    .history-list-wrap {padding-top: 0;}
    .history-list {margin-top: 30rem; padding-left: 40rem;}
    .history-item {padding: 40rem 0;}
    .history-item:not(:last-child) {border-bottom: 1px solid rgba(255, 255, 255, .15);}
    .history-desc > li em {font-size: 22rem; font-family: var(--lang-ko); font-weight: 600; line-height: 1.7;}
    .history-desc > li:not(:last-child) {margin-bottom: 40rem;}
    .history-desc ul li {font-weight: 200;}
    .history-desc [data-list="dot"] > *::before {top: 8rem;}

    .sub01_02 .history-list{padding-left: 40rem;}
}



/* 비전 */
body.sub01_03 #footer{margin-top:0;}
.vision-page{text-align: center; padding-bottom: 667rem; position: relative;}
.vision-page .vision-bg{position: absolute; width: 100%; padding-top: 257rem; height: 844rem; z-index: 0; background: url(../img/sub/vision-bg.jpg) no-repeat; display: flex; flex-direction: column; align-items: center; background-size: cover; bottom: 0; left: 0;}
.vision-page .vision-bg svg{margin-bottom: 80rem;}
.vision-page .vision-bg strong{color: var(--f-01); text-align: center; display: block; line-height: 38rem;}
[lang="en-US"] .vision-page .vision-bg strong{line-height: 1.3;}
.vision-box--wrap{width: 830rem; margin: var(--gap140) auto 0; position: relative; z-index: 1;}
.vision-box--wrap::before{content: ""; width: 1px; height: 100%; border-right: 2px dashed var(--c-02); top: 0; left: 50%; position: absolute;}
.vision-box{ border:2px solid var(--c-02); box-shadow: 0px 4px 34px 0px rgba(33, 81, 58, 0.24); text-align: center; z-index: 1;  position: relative ; background-color: var(--bg-01);}
.vision-box:not(.core-ver){border-radius: 20rem; padding: 66rem 20rem;}
.vision-box:not(.core-ver) strong{font-size: 26rem; line-height: 33rem; ;}
.vision-box em{display: inline-flex;position: absolute;left: 50%;transform: translateX(-50%);top: -25rem;padding: 10rem 32rem;border-radius: 90rem;justify-content: center;align-items: center;font-size: 22rem;font-weight: 700;z-index: 1;}
.vision-box.vision-ver em,
.vision-box.core-ver em{background-color: var(--f-01); border:2px solid var(--c-02)}
.vision-box.mission-ver em{background-color: var(--c-02); color: var(--f-01);}
.vision-box.core-ver{border-radius: 900rem; padding: 34rem 36rem;}
.vision-box.core-ver ul{border-radius: 900rem; border:2px dashed var(--c-02); background-color: #d4e3cb; gap: 34rem;  padding: 40rem; justify-content: center; align-items: center;}
.vision-box.core-ver li{width: 200rem; position: relative; /* height: 200rem; */ border-radius: 100%; background-color: var(--bg-01); border:2px solid var(--c-02); display: flex; align-items: center; justify-content: center;}
.vision-box.core-ver li::before{content: ""; display: block; padding-bottom: 100%;}
.vision-box + .vision-box{margin-top: var(--gap140);}

@media (max-width:1480px){

}
@media all and (max-width:1200px){
    .vision-box--wrap{width: 70%;}
    .vision-box:not(.core-ver) strong{font-size: 24rem;}
}
@media all and (max-width:1023px){
    .vision-box em{font-size: 20rem; padding: 8rem 27rem 5rem; }
    .vision-box.core-ver ul{gap: 14rem;}
    .vision-box:not(.core-ver) strong{font-size: 20rem;}
    .vision-box:not(.core-ver){padding: 50rem 20rem;}
    .vision-page .vision-bg{height: 780rem;}
}
@media (max-width:860px){

    .vision-box--wrap{width: 85%;}
    .vision-box.core-ver ul{padding: 18rem 20rem;}
    .vision-box + .vision-box{margin-top: 100rem;}
    .vision-page .vision-bg strong{line-height: 1.4;}
    .vision-box.core-ver{padding: 20rem;}
    .vision-box.core-ver em{top: -35rem;}

    .vision-page{padding-bottom: 480rem;}
    .vision-page .vision-bg{height: 570rem;}
    .vision-page .vision-bg{padding-top: 150rem;}
    .vision-page .vision-bg svg{width: 20rem; margin-bottom: 60rem;}
    .vision-page .vision-bg strong{font-size: 40rem;}
}
@media (max-width: 540px){

    .vision-box--wrap{width: 100%;}
    .vision-box--wrap::before{border-right: 1px dashed;}
    .vision-box.vision-ver em, .vision-box.core-ver em,
    .vision-box{border:1px solid}
    .vision-box.core-ver ul{border:1px dashed}
    .vision-box em{font-size: 15rem; padding: 5rem 18rem 5rem; top: -17rem;}
    .vision-box + .vision-box{margin-top: 80rem;}
    .vision-box:not(.core-ver){padding: 46rem 20rem; border-radius: 10rem;}
    .vision-box:not(.core-ver) strong{font-size: 17rem ;line-height: 1.4;}
    .vision-box.core-ver ul{gap: 6rem;}
    .vision-box.core-ver em {top: -19rem;}

    .vision-page{padding-bottom: 360rem;}
    .vision-page .vision-bg{height: 435rem; padding-top: 110rem;}
    .vision-page .vision-bg strong{font-size: 28rem;}
    .vision-page .vision-bg svg{width: 16rem; margin-bottom: 40rem;}
    .vision-box.core-ver{padding: 4rem;}

}



/* 파트너 */

body.sub01_04 .sub-visual__bg{display: none;}
body.sub01_04 .sub-content{padding-top: 34rem;}
.partner-intro{width: 100%; height: var(--height-full); background: url(../img/sub/partner-intro.jpg) no-repeat; background-size: cover; position: relative; display: flex; align-items: center; justify-content: center;}
.partner-intro i{position: absolute; width: 0; height: 100%; left: 0; background-color: rgba(0,95,49,.9); z-index: 1;}
.partner-intro__title {text-align: center; position: relative; z-index: 2;}
.partner-intro__title *{color: var(--f-01); display: block; transform: translateY(100rem); opacity: 0;}
.partner-intro__title strong{margin-bottom: 58rem;}

.partner-map{text-align: center; margin-bottom: 186rem; padding-top: var(--gap140);}
.partner-map h3{margin-bottom: 54rem;}
.partner-map .main-global--wrap{margin: 0 auto;}
.partner-map  .main-global__list .flag{background-color: var(--c-02);}
.partner-map  .main-global__list .flag path{fill: var(--c-02);}
.partner-list .line{width: 100%; display: block; height: 1px; border-top: 1px dashed var(--c-02); margin: var(--gap100) 0; }
.partner-list__wrap{position: relative;}
.partner-list__wrap ul{gap: 40rem; max-width: 1264rem; width: 100%; margin-left: auto;}
.partner-list__wrap ul li{border-radius: 5rem; height: 150rem; border:2px solid var(--c-02); box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.partner-list__title{position: absolute; left: 0; top: 0;} 
.partner-list__title span{display: block; margin-top: -1rem;}

@media (max-width:1800px){
    .partner-list__wrap ul{max-width: 1024rem;}
    .partner-list__wrap ul li{height: 120rem;}
    .partner-list__wrap ul li img{max-height: 40rem;}
}
@media (max-width:1480px){
    .partner-list__wrap ul{max-width:960rem; gap: 20rem;}
    .partner-list__wrap ul li{height: 100rem;}
    .partner-list__wrap ul li img{max-height: 40rem;}
}
@media all and (max-width:1200px){
	.partner-list__wrap ul{width: 820rem;}
    .partner-list__wrap ul li img{max-width: 110rem;}
}
@media all and (max-width:1023px){
	.partner-list__title{position: relative;}
    .partner-list__wrap ul{width: 100%; margin-top: 24rem;}
    .partner-intro__title strong{margin-bottom: 30rem;}
    .partner-map{margin-bottom: 100rem;}
}
@media (max-width:860px){

}
@media (max-width: 540px){
    .partner-map{margin-bottom: 56rem;}
    .partner-map h3{margin-bottom: 27rem;}
    .partner-intro__title p{padding: 0 20rem;}
    .partner-intro__title strong{font-size: 32rem;}
    .partner-intro__title br{display: none;}
    .partner-list__title span{font-size: 15rem; margin-top: -3rem;}
    .partner-list__wrap ul{grid-template-columns: 1fr 1fr; gap: 12rem;}
    .partner-list__wrap ul li{height: 70rem;}
    .partner-list__wrap ul li img{max-width: 80rem; max-height: 34rem;}
}


/* 오시는길 */
.location-detail__address *{display: block;}
.location-detail__address strong{margin-top: 9rem;}
.location-detail__address p{margin-top: 9rem;}
.location-detail  .line{width: 100%; height: 1px; border-top: 1px solid var(--bd-04); margin: 40rem 0 42rem; display: block;}
.location-detail__info{justify-content: space-between; align-items: center;}
.location-detail__info *{font-family: var(--lang-ko2);}
.location-detail__call em{border-radius: 5rem; min-width:58rem; display: inline-flex; align-items: center; justify-content: center; padding: 6rem 10rem; background-color: var(--c-02); color: var(--f-01); font-size: 15rem; font-weight: 600;}
.location-detail__call li + li{margin-left: 50rem;}
.location-detail__call li > *:not(em){font-weight: 600; margin-left: 10rem;}
.location-detail__sns li a{display: flex; align-items: center; gap: 8rem; font-weight: 600;}
.location-detail__sns li + li{margin-left: 32rem;}
.location-detail__map{width: 100%; border-radius: 5rem; border:2rem solid var(--c-02); overflow: hidden; height: 534rem; margin-top: var(--gap80);}
.location-detail__map iframe{width: 100%; height: 100%;}
.location-page .btn-wrap{margin-top: 65rem;}



@media (max-width:1200px){
	.location-detail__call li + li{margin-left: 30rem;}
}
@media all and (max-width:1023px){
	.location-detail__map{height: 400rem;}
}
@media (max-width: 86px){
	.location-detail__map{height: 360rem;}
}
@media (max-width: 540px){
    .location-detail__address p{font-size: 14rem;}
	.location-detail__info,.location-detail__call{flex-direction: column;}
    .location-detail__info{align-items: flex-start;}
    .location-detail__call li + li{margin-left: 0; margin-top: 10rem;}
    .location-detail__call em{font-size: 12rem; padding: 3rem 7rem; min-width: 50rem; border-radius: 3rem;}
    .location-detail__call li > *:not(em){margin-left: 6rem;}
    .location-detail .line{margin: 25rem 0;}

    .location-detail__sns{margin-top: 32rem;}
    .location-detail__sns li a{font-size: 14rem;}
    .location-detail__map{margin-top: 15rem; height: 230rem;}

    .location-page .btn-wrap {margin-top: 45rem;}
}




/* R & D */
.rnd-intro{background-color: var(--bg-01); position: relative; overflow: hidden;}
.rnd-intro *{text-align: center;}
.rnd-intro h3{margin-bottom: 32rem;}
.rnd-intro .rolling-text{ position: absolute; left: 0;  top: 405rem;}
.rnd-intro .rolling-text__text{opacity: 0.1;}
.rnd-inro__bar{margin: 118rem auto 0;position: relative;z-index: 1;text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.rnd-inro__bar .line{display: block; width: 1px; height: 108rem; background-color: var(--c-02); margin: 0 auto;}
.rnd-intro__round{display: flex;background: rgba(219, 225, 180, 0.30);width: 353rem;height: 353rem;border-radius: 100%;border:2px dashed var(--c-02);position: relative;align-items: center;justify-content: center;}
.rnd-intro__round__in{width: 247rem; height: 247rem; border-radius: 100%; background-color: var(--c-02); display: flex; align-items: center; justify-content: center;}
.rnd-intro__round__in  h4{color: var(--f-01);}

.rnd-history__bg{border-radius: 5rem; height: 683rem; background: url(../img/sub/rnd-bg.jpg) no-repeat; background-size: cover; background-position: 50% 50%;}

.recipe-intro{text-align: center;}
.recipe-intro h3{margin-bottom: 32rem;}
.recipe-intro__diagram{margin: var(--gap80) auto 150rem; justify-content: space-between; align-items: center; max-width: 1262rem; width: 90%; position: relative;}
.recipe-intro__diagram::before{content: ""; width: 100%; height: 2px; background-color: var(--c-02); position: absolute; left: 0; top: 50%;}
.recipe-intro__diagram > div{border-radius: 100%; border: 2px solid var(--c-02); position: relative; background-color: var(--bg-01);}
.recipe-intro__diagram > div::before{content: ""; display: block; padding-bottom: 100%;}
.recipe-intro__item{width: 300rem; /* height: 300rem; */ }
.recipe-intro__item span{margin-bottom: 14rem;}
.recipe-intro__main {width: 457rem;}
.recipe-intro__tit, .recipe-intro__main > div{position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.recipe-intro__main *{color: var(--f-01);}
.recipe-intro__main strong{font-size: 84rem;}
[lang="en-US"] .recipe-intro__main strong{font-size: 76rem;}
[lang="en-US"] .recipe-intro__main span{font-size: 30rem;}
.recipe-intro__main > div{width:calc(100% - 72rem); height: calc(100% - 72rem); background-color: var(--bg-03); border-radius: 100%;}
.recipe-intro__main > div::before{content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: calc(100% - 74rem); height: calc(100% - 74rem); border-radius: 100%; background-color: var(--c-02); box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.25);}
.recipe-intro__main > div *{position: relative;}

.recipe-slide{overflow: hidden; background-color: var(--c-01); padding: 120rem 0; margin-top:120rem;}
.recipe-slide .slide-track { display: flex; width: calc(200%); /* 복제된 ul 포함 */ animation: scroll-left 44s linear infinite;}
.recipe-slide ul{display: flex;  gap: 42rem;}
.recipe-slide ul li{  white-space: nowrap; border-radius: 5rem; background-color: var(--f-01); height: 410rem; padding: 44rem; display: flex; align-items: center; padding: 44rem; }
.recipe-slide ul li i{display: block; width: 340rem; position: relative; border-radius: 5rem; overflow: hidden;}
.recipe-slide ul li i img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;}
.recipe-slide ul li i::before{content: ""; display: block; padding-bottom: 100%;}
.recipe-slide ul li em{width: 244rem; padding-right: 50rem;}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  
.recipe-slide:hover .slide-track {animation-play-state: paused;}

.recipe-bottom{margin-top: 160rem; text-align: center;position: relative;}
.recipe-bottom .wrap{position: relative; height: 100%;}
.recipe-bottom h3{}
.recipe-bottom i{border-color:rgba(0,95,49,.06) ; width: 568rem; height: 568rem; position: absolute; z-index: -1; top: 0; left: 50%; transform: translateX( -50%);}
.recipe-bottom__bg{margin-top:96rem ;background: url(../img/sub/recipe-bg.jpg) no-repeat; background-size: cover; width: 100%; height: 486rem; border-radius: 5rem;}

.certify-item p{text-align: center; margin-top: 24rem;}

@media (max-width:1600px){
    .rnd-history__bg{height: 550rem;}
    .rnd-intro__round{width: 300rem; height: 300rem;}
    .rnd-intro__round__in{width: 220rem; height: 220rem;}
    .rnd-inro__bar{margin-top: 100rem;}
}
@media (max-width:1480px){
    .recipe-intro__main{width: 390rem;}
    .recipe-intro__item{width: 260rem;}
    .recipe-intro__main > div{width: calc(100% - 90rem);height: calc(100% - 90rem);}
    .recipe-intro__main strong{font-size: 54rem;}
    [lang="en-US"] .recipe-intro__main strong{font-size: 54rem;}
    [lang="en-US"] .recipe-intro__main span{font-size: 20rem;}
    .recipe-intro__item span{margin-bottom: 4rem;}
    .recipe-intro__diagram{width: 84%; margin: var(--gap80) auto;}
    .recipe-slide{padding: var(--gap140) 0}
    
}
@media all and (max-width:1200px){
	.rnd-history__bg{height:420rem}
    .recipe-slide ul li{height: 380rem;}
    .recipe-slide ul li i{width: 300rem;}
    .recipe-intro__diagram{width: 100%;}
}
@media all and (max-width:1023px){
	.rnd-intro h3{margin-bottom: 15rem;}
    .rnd-intro__bar{margin-top: 64rem;}
    .rnd-intro__round{width: 240rem; height: 240rem;}
    .rnd-intro__round__in{width: 180rem; height: 180rem;}
    .rnd-inro__bar{margin-top: 82rem;}
    .rnd-inro__bar .line{height: 64rem;}
    .rnd-intro .rolling-text{top: 260rem;}
    .rnd-history__bg{height: 360rem;}

    .rnd-history .history-item{padding: 0 !important;}
    .recipe-intro__item{width: 180rem;}
    .recipe-intro__main{width: 350rem;}
    .recipe-intro__main strong{font-size: 46rem;}
       [lang="en-US"] .recipe-intro__main strong {font-size: 50rem; line-height: 1.3;}
    [lang="en-US"] .recipe-intro__main span{padding: 0 60rem; line-height: 1.2;}
    .recipe-intro h3{margin-bottom: 20rem;}

    .recipe-slide ul li{height: 320rem;}
    .recipe-slide ul li i{width: 250rem;}
    .recipe-slide ul li em{width: 184rem; padding-right: 30rem;}
    .recipe-slide ul{gap: 24rem;}

    .recipe-bottom{margin-top: var(--gap140);}
    .recipe-bottom__bg{margin-top: 48rem; height: 326rem;}
    .recipe-slide{margin-top: var(--gap140);}
    

}
@media (max-width:860px){
    .rnd-inro__bar{margin-top: 42rem;}
    .rnd-intro__round{width: 200rem; height: 200rem;}
    .rnd-intro__round__in{width: 160rem; height: 160rem;}
    .rnd-inro__bar{margin-top:  42rem;}
    .rnd-history__bg{height: 300rem;}
    .rnd-intro .rolling-text{top: 180rem;}

    .recipe-intro__main{width: 300rem;}
    .recipe-intro__main > div{width: calc(100% - 70rem);height: calc(100% - 70rem);}

     [lang="en-US"] .recipe-intro__main strong {font-size: 40rem;}
    [lang="en-US"] .recipe-intro__main span{font-size: 17rem;}
}
@media (max-width: 540px){
   .rnd-intro__round{width: 160rem; height: 160rem;}
   .rnd-intro__round__in{width:120rem; height:120rem;}
   .rnd-intro .rolling-text{top: 208rem;}
   .rnd-inro__bar .line{height: 44rem;}
   .rnd-history__bg{height: 160rem;}
   .rnd-history .history-line-wrap{left: 20rem;}
   .rnd-history .history-list{margin-top: 0; padding-top: 42rem; }
   .rnd-history .history-desc > li:last-child{margin-bottom: 0;}

   .recipe-intro__diagram{flex-direction: column; gap: 40rem;}
   .recipe-intro__diagram::before{width: 2px; height: 100%; left: 50%; top: 0;}
   .recipe-intro__item{width: 145rem;}
   .recipe-intro__main{width: 260rem;}
   .recipe-intro p.font-02{font-size: 16rem; line-height: 1.7;}
    [lang="en-US"] .recipe-intro p.font-02{line-height: 1.5;}
    [lang="en-US"] .recipe-intro p br,  [lang="en-US"]  .recipe-bottom h3 br{display: none;}
    [lang="en-US"] .recipe-intro__main > div{width: calc(100% - 52rem); height: calc(100% - 52rem);}
   .recipe-slide ul li{flex-direction: column-reverse; padding: 20rem;}
   .recipe-slide ul li em{padding-left: 0; width: 100%; margin-top: 34rem;}
   .recipe-bottom h3{font-size: 24rem;}
   .recipe-bottom__bg{height: 186rem; margin-top: 28rem;}
   .recipe-bottom i{width: 300rem; height: 300rem;}
   
}


body.sub02_04 .sub-content{padding-top: 0;}

.quality-intro{position: relative; overflow: hidden; padding-top: 130rem; padding-bottom: 490rem; text-align: center;}
.quality-intro h3{font-size: 64rem; line-height: 87rem; margin-bottom: 12rem;}
.quality-intro .quality-circle{border-radius: 100%; border:1px solid var(--c-03);  position: absolute; left: 50%;   }
.quality-intro .quality-circle.circle1{width: 1445rem;  bottom: 0; transform: translateX(-50%); animation-delay: 1.6s;}
.quality-intro .quality-circle.circle2,
.quality-intro .quality-circle.circle3{width:calc(100% - (156rem * 2)); top: 50%; transform: translate(-50%,-50%);}
.quality-intro .quality-circle.circle2{animation-delay: .7s;}
.quality-intro .quality-circle.circle3{animation-delay: 1s;}
.quality-intro .quality-circle::before{content: ""; display: block; padding-bottom: 100%;} 
.quality-circle i{border-radius: 100%; border:1px solid var(--c-03); background-color: var(--bg-02); display: flex; align-items: center; justify-content: center; position: absolute; overflow: hidden;}
.quality-circle i.ic-quality01{border-color: var(--c-02);box-shadow: 0px 5px 24px rgba(49, 108, 53, 0.20);width: 200rem;height: 200rem;bottom: -100rem;left: 50%;transform: translateX(-50%);}
.quality-circle i.ic-quality02{width: 158rem;height: 158rem;left: -40rem;bottom: 273rem;}
.quality-circle i.ic-quality03{width: 140rem; height: 140rem; bottom: 300rem; right: -40rem;}
.quality-circle i.ic-quality04{width: 172rem;height: 172rem;bottom: 36rem;left: 247rem;}
.quality-circle i.ic-quality05{width: 164rem;height: 164rem;bottom: 36rem;right: 235rem;}

.quality-intro.is_moved .quality-circle.circle1 {
    animation: circle1Fade 1.5s ease-out forwards;
  }
.quality-intro.is_moved .quality-circle.circle2,
.quality-intro.is_moved .quality-circle.circle3 {
    animation: circle23Fade 1.5s ease-out forwards;
  }


  @keyframes circle1Fade {
    0% { transform: translateX(-50%) scale(0.9); opacity: 0; }
    100% { transform: translateX(-50%) scale(1); opacity: 1; }
  }
  
  @keyframes circle23Fade {
    0% { transform: translate(-50%, -50%) scale(0.9); opacity: 0; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
  }


.quality-list li{background-color: var(--c-02); border-radius: 5rem; padding: 30rem 32rem; position: relative; display: flex; flex-direction: column; justify-content: space-between;}
.quality-list li img{position: absolute; right: 32rem; bottom: 32rem;}
.quality-list li *{color: var(--f-01);}
.quality-list li span{}
.quality-list li svg{position: absolute;}
.quality-list li p{font-weight: 300;}

[lang="en-US"] .quality-list li p{padding-right: 80rem;line-height: 1.4;direction: ltr;unicode-bidi: isolate;}

[data-grid] li:nth-child(1){}
[data-grid] li:nth-child(2),.partner-list__wrap li:nth-child(1){transition-delay: .2s}
[data-grid] li:nth-child(3),.partner-list__wrap li:nth-child(2){transition-delay: .3s}
[data-grid] li:nth-child(4),.partner-list__wrap li:nth-child(3){transition-delay: .4s}
[data-grid] li:nth-child(5),.partner-list__wrap li:nth-child(4){transition-delay: .5s}
.partner-list__wrap li:nth-child(5){transition-delay: .6s}
.partner-list__wrap li:nth-child(6){transition-delay: .7s}
.partner-list__wrap li:nth-child(7){transition-delay: .8s}
.partner-list__wrap li:nth-child(8){transition-delay: .9s}
.partner-list__wrap li:nth-child(9){transition-delay: 1s}

.quality-sec{padding: var(--gap140) 0;}
.quality-sec [data-grid="5"]{grid-template-columns: repeat(5, 1fr); gap:60rem  31rem;}
.quality-sec h4{margin-bottom: 28rem;}
.quality-sec.type01{}
.quality-sec.type01 li{min-height: 210rem;}
.quality-sec.type02{background-color: var(--bg-02);} 
.quality-sec.type04{padding:0;}
.quality-sec.type04 li{height: 240rem;}

.quality-list + .quality-list{margin-top: 52rem}
.quality-list li:not(:last-child) svg{top: 50%; transform: translateY(-50%);}
.quality-list.first li:not(:last-child) svg{ right: -16rem;}
.quality-list.first li:last-child svg{bottom: -32rem;left: 50%;transform: rotate(90deg) translateX(-50%);}
.quality-list.second{grid-auto-flow: column; direction: rtl;}
.quality-list.second li{text-align: left;}
.quality-list.second li:not(:last-child) svg{ left: -16rem; transform: translateY(-50%) rotate(180deg);}
.quality-certi img{border-radius: 5rem; border:2px solid var(--c-02); display: block; width: 100%;}
.quality-certi p{margin-top: 18rem; text-align: center;}

.sterilization-list{/* gap: 44rem; */ align-items: center; justify-content: space-between;}
.sterilization-list svg{position: relative; top: -30rem;}
.sterilization-list__img{width: 330rem; height: 330rem; position: relative; border-radius: 100%; border:2px solid var(--c-02); overflow: hidden; display: flex; align-items: center; justify-content: center; font-size: 20rem; font-weight: 700; font-family: var(--lang-ko); margin: 0 auto 30rem;}
.sterilization-list__img img{position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover;}
.sterilization-list__img:has(img){color: var(--f-01);}
.sterilization-list__img em{position: relative; z-index: 1; transition: var(--trans-01);}

.sterilization-list__item{text-align: center;}
.sterilization-list__item strong{display: block;}
.sterilization-list__item span{font-size: 14rem; display: block; font-weight: 500; line-height: 23rem; ;}
.sterilization-list__item p{color: var(--b-03); font-size: 16rem; line-height: 23rem;}
.sterilization-list__item:not(:nth-of-type(2)):hover .sterilization-list__img em{opacity: 0;}

@media (max-width:1680px){
    .sterilization-list__img{width: 280rem; height: 280rem;}

}
@media (max-width:1480px){
    .sterilization-list__img{width:220rem; height:220rem;}
    .sterilization-list{justify-content: space-between;}

}
@media all and (max-width:1200px){
    .quality-sec h4{margin-bottom: 16rem;}
    .quality-sec [data-grid="5"]{gap: 60rem 32rem;}
    .quality-sec [data-grid="5"]{grid-template-columns: 1fr 1fr 1fr}
    .quality-sec.type01 .quality-list{ gap: 32rem;}

    /* .quality-intro{padding-bottom: 130rem;} */
    .quality-intro h3{font-size: var(--font-72); line-height: 1.5;}
    .quality-intro .quality-circle.circle1{width: 1400rem;}
    .quality-circle i.ic-quality01{width: 180rem; height: 180rem; bottom: -80rem;}

    [lang="en-US"] .sterilization-list {align-items: flex-start;}
    [lang="en-US"]  .sterilization-list__item{flex: 1;}
     [lang="en-US"] .sterilization-list svg{top: 100rem;}


}
@media all and (max-width:1023px){
	.sterilization-list{flex-wrap: wrap;}
    .sterilization-list svg{margin:  0 28rem; width: 25rem;}
    .sterilization-list__img{width:140rem; height:140rem;}
    .sterilization-list{justify-content: flex-start; align-items: flex-start;}
    .sterilization-list svg{top: 50rem;}
    .sterilization-list__item{flex: 1;}
    .quality-list + .quality-list {margin-top: 36rem;}
    .quality-sec.type04 li{height: 190rem;}

    .quality-intro{padding-bottom: 420rem;}
    .quality-intro .quality-circle.circle2, .quality-intro .quality-circle.circle3{width: calc(100% - (120rem * 2));}
    .quality-intro .quality-circle.circle1{width: 110%;}
    .quality-circle i.ic-quality03{width: 120rem; height: 120rem; right: -50rem;}
    .quality-circle i.ic-quality02{width: 120rem; height: 120rem;}
    .quality-circle i.ic-quality05{width: 134rem; height: 134rem; bottom: 6rem;}
    .quality-circle i.ic-quality04{width: 142rem; height: 142rem; left: 207rem; bottom: 16rem;}

    [lang="en-US"] .quality-list.first,
    [lang="en-US"] .quality-list.second{grid-template-columns: 1fr;direction: ltr;grid-auto-flow: row;max-width: 430rem;margin: 0 auto; gap: 30rem;}

    [lang="en-US"] .quality-list li svg{right: inherit !important;left: 50% !important;top:inherit !important;bottom: -30rem !important;transform: rotate(90deg) translateX(-50%) !important;}
    [lang="en-US"] .quality-list.second{margin-top: 30rem;}
    [lang="en-US"] .sterilization-list svg {top: 60rem;}
}
@media (max-width:860px){
    .quality-list li{padding: 24rem;}
    .quality-sec.type01 .quality-list{ gap: 22rem;}
    .quality-sec.type01 li{min-height: 180rem;}
    /* .quality-list li img{right: 24rem; bottom: 24rem;} */
    .sterilization-list svg{margin: 0; top: 0; transform: rotate(90deg);}
    .sterilization-list{flex-direction: column; align-items: center;}
    .sterilization-list__img{width: 200rem; height: 200rem;}
    .sterilization-list{gap: 34rem;}

    .sterilization-list svg.is_moved{transform:rotate(90deg)  translateY(0);}


     .quality-list li p br{display: none;}
     [lang="ko-KR"].quality-list li img{bottom: inherit; top: 24rem; max-height: 38rem;}


     .quality-intro{padding-bottom: 320rem;}
     .quality-intro .quality-circle.circle2, .quality-intro .quality-circle.circle3{width: calc(100% - (90rem * 2));}
     .quality-intro .quality-circle.circle1{width: 120%;}


     .quality-circle i{z-index: 1;}
     .quality-circle i.ic-quality01 {width: 130rem; height: 130rem; bottom: -60rem;}
     .quality-intro{padding-top: 90rem;}
     .quality-circle i.ic-quality03{width: 80rem; height: 80rem; right: 70rem; bottom: 90rem;}
     .quality-circle i.ic-quality03 img{max-height: 32rem;}
     .quality-circle i.ic-quality02{width: 80rem; height: 80rem; left: 80rem; bottom: 233rem;}
     .quality-circle i.ic-quality02 img{width: 80%;}
     .quality-circle i.ic-quality05{width: 98rem; height: 98rem; bottom: 6rem;}
     .quality-circle i.ic-quality04{width: 110rem; height: 110rem; left: 207rem; bottom: 16rem;}

     [lang="en-US"] .quality-list,[lang="en-US"] .quality-list.second,[lang="en-US"] .quality-list.first{max-width: 80%;}
     [lang="en-US"] .sterilization-list{align-items:center;}
     [lang="en-US"] .sterilization-list svg {top: 0;}
}
@media (max-width: 540px){
    .quality-sec.type01 li{min-height: 150rem;}
    .quality-sec.type01 .quality-list{grid-template-columns: 1fr; gap: 8rem;}

    .quality-sec [data-grid="5"]{gap: 38rem 20rem;}
    .quality-sec [data-grid="5"].quality-certi{grid-template-columns: 1fr 1fr;}
    .quality-certi p{margin-top: 14rem; font-size: 15rem;}


    .sterilization-list__img{margin: 0 auto 20rem;}
    .sterilization-list__img em{font-size: 16rem; line-height: 1.4;}
    .quality-sec.type04 li{height: 190rem;}
  
    .quality-sec.type04 .quality-list{grid-template-columns: 1fr; gap: 30rem;}
    .quality-list.second{direction: ltr; grid-auto-flow: row;}
    
    .quality-sec.type04 li{height: 160rem;}
    .quality-list.first li:not(:last-child) svg,.quality-list.second li:not(:last-child) svg{right: inherit;left: 50%;top:inherit;bottom: -24rem;transform: rotate(90deg) translateX(-50%);}
    .quality-list.first li:last-child svg{bottom: -25rem;}

    .quality-intro{padding-top: 54rem; padding-bottom: 260rem;}
    .quality-intro .quality-circle.circle1{bottom: 30rem;}
    .quality-intro .quality-circle.circle1{width: 185%;}
    .quality-intro .quality-circle.circle2, .quality-intro .quality-circle.circle3{width: calc(100% - (68rem * 2));}
    .quality-circle i.ic-quality01{width: 90rem; height: 90rem; bottom: -40rem;}
    .quality-circle i.ic-quality02{width: 60rem; height: 60rem; width: 47rem; height: 47rem; left: 120rem; bottom: 113rem;}
    .quality-circle i.ic-quality03{width: 60rem; height: 60rem; right: 120rem; bottom: 10rem;}
    .quality-circle i.ic-quality04{width: 70rem; height: 70rem; left: 207rem; bottom: 58rem;}
    .quality-circle i.ic-quality04 img{max-height: 17rem;}
    .quality-circle i.ic-quality05{width: 70rem; height: 70rem; bottom: -27rem; right: 269rem;}
    .quality-circle i.ic-quality05 img{max-height: 60rem;} 

    [lang="en-US"] .quality-sec.type01 li{min-height: 120rem;}
    [lang="en-US"] .quality-list,[lang="en-US"] .quality-list.second,[lang="en-US"] .quality-list.first{max-width: 100%;}
    [lang="en-US"] .quality-list li{height: auto !important; gap: 30rem;}
    [lang="en-US"] .quality-list li p{padding-right: 45rem;}
     [lang="en-US"] .quality-list li img{right:20rem; bottom: 20rem;}
     [lang="en-US"] .quality-list li svg{bottom: -25rem !important;}
}

/* 비지니스 */
body.sub03_01 #footer{margin-top: 0; border-top: 1px solid rgba(255,255,255,0.27);}
.business-page section:nth-child(1){padding-top: 0;}
.business-page section{padding: var(--gap140) 0;}
.business-page .food-sec{background-color:var(--bg-02); }
.business-page .own-brand-sec{background-color:var(--c-02); }
.business-page .own-brand-sec h3{color: var(--f-01);}
.business-page .own-brand-sec .business-cmn__list *{color: var(--f-01);}
.business-cmn--wrap{display: flex; justify-content: space-between;}
.business-cmn__cont{max-width: 1114rem; width: 100%;}
.business-cmn__list {border-radius: 5rem; overflow: hidden; width: 100%; gap: 22rem; position: relative;}
.business-cmn__list li{width: 50%; padding: 40rem 30rem;}
.business-cmn__list li span{}
.business-cmn__list li strong{display: block; margin-top: 40rem;}
.business-cmn__list.orange_ver{background-color: var(--c-01);}
.business-cmn__list.orange_ver::before{content: ""; width: 1px; height: calc(100% - 110rem); border-right: 1px solid var(--bg-01); position: absolute; left: 50%; top: 55rem; opacity: .4;}
.business-cmn__list *{color: var(--f-01);}
.business-cmn__list.green li{background-color: var(--c-02); border-radius: 5rem;}
.business-cmn__list.border li{border:1px solid var(--f-01); border-radius: 5rem;}

.business-process{margin-top: var(--gap140);}
.business-process__title{padding-left: 31rem;position: relative;margin-bottom: 60rem; z-index: 1;}
.business-process__title p{margin-top: -4rem;}
.business-process__title h4 em{color:var(--c-01)}
.business-process__title::before{content: "";width: 20rem;height: 20rem;border-radius: 90rem;background-color: var(--bg-01); border:5rem solid var(--c-01);position: absolute;left: -9rem;top: 50%;z-index: 1;transform: translateY(-50%);}
.busines-process__sec{position: relative;}
.busines-process__sec ul{padding: 0 60rem;}
.busines-process__sec li{position: relative;}
.busines-process__sec li::before{content: ""; width: 100%; height: 2rem; background-color: var(--c-02); position: absolute; top: 22rem; left: 0; z-index: -1;}
.busines-process__sec li > i{width: 44rem; height: 44rem; display: flex; align-items: center; justify-content: center; border:2px solid var(--c-02); border-radius: 5rem; margin-bottom:32rem; }
.busines-process__sec li{/* width: 25% */ flex: 1;}
.busines-process__sec li span{display: block; margin-bottom: 5rem; margin-top: 18rem;}
.busines-process__sec li div{height: 32rem;}
.busines-process__sec li div img{max-height: 100%;}
.busines-process__sec.odm-ver li > i{background-color: var(--bg-01);}
.busines-process__sec.oem-ver li > i{background-color: var(--c-02); color: var(--f-01);}
.busines-process__sec.odm-ver{padding-top: 90rem;}
.busines-process__list.second{padding-top: 125rem; flex-direction: row-reverse;}
.busines-process__sec.odm-ver .busines-process__list.second{padding-top: 95rem;}
.busines-process__list.first li:nth-child(4), .busines-process__list.second li:nth-child(1){max-width: 274rem;}

.business-process--wrap{position: relative;}
.business-process--wrap.mo_ver{display: none;}

[lang="en-US"] .busines-process__sec li{padding-right: 30rem;}
[lang="en-US"] .busines-process__sec li p{font-size: 16rem; letter-spacing: 0; line-height: 1.5; }



.process-contect{position: absolute; width: 60rem; border:2px solid;}
.process-contect.type01{border-top: 0;border-right: 0;height: 116rem;border-radius: 0 0 0 30rem;left: 0;top: -91Rem;}
.process-contect.type02{height: 348rem;border-radius:0 30rem 30rem 0;right: 0;border-left: 0;top: 22rem}
.process-contect.type03{height: 383rem;border-radius: 30rem 0 0 0;left: 0;border-right: 0;top: 368rem;border-bottom: 0;}
.product-closing{width: 60rem;height: 2rem;background-color: var(--c-02);position: absolute;left: -58rem;top: 22rem;}
.product-closing i{width: 20rem;height: 20rem;border-radius: 90rem;border:5rem solid var(--c-02);position: absolute;background-color: var(--bg-01);display: block;left: 0;z-index: 1;top: -9rem;}

[lang="en-US"] .process-contect.type02{height: 354rem;}
[lang="en-US"] .busines-process__list.second{padding-top: 119rem;}

section:not(.odem-sec) .business-cmn__list{margin-bottom: 27rem;}
.food-sec .business-cmn__image{gap: 34rem;}
.export-sec .business-cmn__image{gap: 44rem;}
.business-cmn__image img{border-radius: 5rem; width: 100%;}
.four-zero{justify-content: space-between;}
.four-zero li{max-width: 217rem; width: 20%; position: relative; background-color: var(--f-01); border-radius: 100%;}
.four-zero li:nth-child(1){background-color: var(--c-01);}
.four-zero li:nth-child(1) em{color: var(--f-01); margin-right: 11rem;}
.four-zero li:nth-child(1) svg + svg{margin-left: 2rem;}
.four-zero li::before{content: ""; display: block; padding-bottom: 100%;}
.four-zero li > div{position: absolute;width: 100%;height: 100%;display: flex;z-index: 1;left: 0;top: 0;align-items: center;justify-content: center;text-align: center;}
.four-zero li:not(:nth-child(1)) > div{flex-direction: column;}
.four-zero li > div *{font-family: var(--lang-ko2); display: block;} 
.four-zero li > div strong{font-size: 20rem; line-height: 26rem; color: var(--c-01); font-weight: 500;}
.four-zero li > div  span{margin-top: 12rem;}


@media (max-width:1800px){
    .business-cmn__cont{max-width: 940rem;}
    .four-zero li{width: 170rem;}
    .four-zero li{max-width: 170rem;}
}
@media (max-width:1680px){
    [lang="en-US"] .busines-process__sec li p{font-size: 15rem;}
    [lang="en-US"] .busines-process__sec li{padding-right: 40rem;}
    [lang="en-US"] .busines-process__list.second{padding-top: 124rem;}
    [lang="en-US"] .odm-ver .process-contect.type02{height: 371rem;}

}
@media (max-width:1480px){
    .business-cmn__cont{max-width: 860rem;}
    .busines-process__list.first li:nth-child(4), .busines-process__list.second li:nth-child(1){max-width: 254rem;}
    .export-sec .business-cmn__image,
    .food-sec .business-cmn__image{gap: 24rem;}
    .business-cmn__list{gap: 18rem;}
}
@media all and (max-width:1200px){
    .business-cmn--wrap{flex-direction: column;}
    .business-cmn__cont{max-width: inherit; width: 100%; margin-top: 32rem;}
    .business-process{margin-top: 80rem;}
    .busines-process__list.first li:nth-child(4), .busines-process__list.second li:nth-child(1){max-width: fit-content; padding-right: 0;}
    .process-contect{width: 44rem;}
    .busines-process__sec ul{padding: 0 44rem;}
    .busines-process__sec li{padding-right: 44rem;}
    .busines-process__sec li br{display: none;}
    .busines-process__sec li p{font-size: 16rem;}
    .busines-process__list.second{padding-top: 95rem;}
    .process-contect.type02{height: 311rem;}
    .process-contect.type03{height: 383rem; top: 330rem;}
    .busines-process__sec.odm-ver{padding-top: 70rem;}
    .busines-process__sec.odm-ver .busines-process__list.second{padding-top: 68rem;}
    .business-cmn__list li span{font-size: 18rem;}
    .four-zero li{max-width: inherit; width: 200rem; } 

    [lang="en-US"] .process-contect.type03{top: 372rem;}
    [lang="en-US"] .busines-process__sec.odm-ver .busines-process__list.second{padding-top:73rem}

}
@media all and (max-width:1023px){
	.busines-process__sec ul{flex-wrap: wrap;}
    .busines-process__sec ul li{width: 50%; flex: none;}
    .business-cmn__list li{padding: 24rem;}
    .four-zero li{width: 170rem;}
    .four-zero li > div strong{font-size: 18rem; line-height: 1.3;}
    .four-zero li > div span{margin-top: 5rem; font-size: 14rem;}
    .business-cmn__cont{margin-top: 16rem;}
    .business-page section{padding: 100rem 0;}

    .busines-process__sec li > i{width: 40rem; height: 40rem;}
    .business-process--wrap.pc_ver{display: none;}
    .business-process--wrap.mo_ver{display: block;}
    .busines-process__list.first-2{flex-direction: row-reverse; margin-top: 100rem;}
    .process-contect.type02{height: 278rem;}
    .process-contect.type03{top: 295rem; height: 278rem; border-radius: 30rem 0 0 30rem; border-bottom: 2px solid var(--c-02);}
    .process-contect.type04{right: 0;height: 274rem;border-radius: 0 30rem 30rem 0;border-left: 0;top: 570rem;}
    .busines-process__list.second{padding-top: 73rem; flex-direction: row;}
    .busines-process__list.second-2{flex-direction: row-reverse; padding-top: 73rem;}
    .busines-process__list.first-22{margin-top: 53rem; flex-direction: row-reverse;}
    .odm-ver .process-contect.type04{top: 565rem;}
    
    [lang="en-US"] .busines-process__list.first-2{margin-top: 73rem;}
    [lang="en-US"] .process-contect.type02{height: 271rem;}
    [lang="en-US"] .process-contect.type03{top: 290rem  ;}
    [lang="en-US"] .busines-process__list.second{padding-top: 79rem;}
    [lang="en-US"]  .process-contect.type04{top: 567rem; height: 294rem;}

    [lang="en-US"]  .busines-process__list.first-22{margin-top: 80rem;}
    [lang="en-US"] .odm-ver .process-contect.type02{height: 323rem;}
    [lang="en-US"] .odm-ver .process-contect.type03{top: 341rem;}
    [lang="en-US"] .odm-ver  .process-contect.type04{top: 613rem; height: 294rem;}
    [lang="en-US"] .busines-process__sec li p{padding-right: 30rem;}


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

    .busines-process__list.first-2{margin-top: 80rem;}
    .process-contect.type04{height: 271rem; top: 569rem;}
    .odm-ver .process-contect.type02{height: 276rem;}
    .odm-ver .process-contect.type03{height: 268rem;}
    .odm-ver .process-contect.type04{top: 561rem;}
    .business-process{margin-top: 62rem;}
    .business-page section{padding: 80rem 0;}
    .business-cmn__list.orange_ver::before{height: calc(100% - 60rem); top: 30rem;} 
    .busines-process__list.first li:nth-child(4), .busines-process__list.second li:nth-child(1){padding-right: 20rem;}

    [lang="en-US"] .process-contect.type02{height: 291rem;}
    [lang="en-US"] .process-contect.type03{top: 310rem; height: 298rem;}
    [lang="en-US"] .process-contect.type04{top: 606rem; height: 314rem;}
    [lang="en-US"] .odm-ver .process-contect.type02{height: 365rem;}
    [lang="en-US"] .odm-ver .process-contect.type03{top: 385rem; height: 291rem;}
    [lang="en-US"] .odm-ver .process-contect.type04{top: 675rem; height: 314rem;}

}
@media (max-width: 540px){
    .business-cmn__list{flex-direction: column; gap: 8rem;}
    .business-cmn__list.orange_ver::before{width: calc(100% - 40rem); left: 20rem; top: 50%; height: 1px; border-top: 1px solid var(--bg-01);}
    .business-cmn__list li strong br{display: none;}
    .business-cmn__list li{width: 100%; padding: 20rem;}
    .business-cmn__list li span{font-size: 13rem;}
    .business-cmn__list li strong{margin-top: 20rem; line-height: 1.4;}
    .busines-process__sec li::before{height: 2px;}
    .busines-process__sec ul li{width: 100%; padding-right: 0; padding-bottom: 70rem; position: relative;}
    .busines-process__sec ul li:first-child::after{content: "";z-index: -1;position: absolute;right: -11rem;width: 44rem;height: calc(100% + 2px);border-radius: 0 12rem 12rem 0;border:2px solid var(--c-02);border-left: 0;top: 23px;}
    .busines-process__sec ul li:last-child::after{content: "";z-index: -1; position: absolute;left: -30rem;width: 44rem;height: calc(100% + 2px);border-radius: 12rem 0 0 12rem;border:2px solid var(--c-02);border-right: 0;top: 23px;}

    .process-contect{width: 30rem;}
    .busines-process__sec ul{padding: 0 30rem;}
    .process-contect:not(.type01){display: none;}
    .busines-process__sec li > i{width: 36rem; height: 36rem; font-size: 14rem; }
    .busines-process__sec li::before{top: 18rem;}
    .process-contect.type01{height: 90rem; border-radius: 0 0 0 15rem; top: -70rem;}
    .busines-process__list.first-2{margin-top: 0;}
    .busines-process__sec li span{font-size: 18rem;}
    .busines-process__sec li span{margin-top: 10rem;}
    .busines-process__sec li > i{margin-bottom: 26rem;}
    .busines-process__sec li p{font-size: 14rem;}
    .business-page section{padding: 72rem 0;}
    .busines-process__list.second,
    .busines-process__list.second-2,
    .busines-process__sec.odm-ver .busines-process__list.second{padding-top: 0;}
    .busines-process__list.second-2 li:last-child::after{display: none;}
    .busines-process__sec.odm-ver{padding-top: 0;}
    .business-process__title{margin-bottom: 40rem;}
    .export-sec .business-cmn__image, .food-sec .business-cmn__image{gap: 8rem;}
    .odm-ver .busines-process__list.second-2 li:last-child{margin-bottom: 0; padding-bottom: 0;}
    .busines-process__list.first-22{margin-top: 0;}
    .busines-process__sec ul li:last-child{display: flex; flex-direction: column; align-items: flex-end; padding-right: 30rem; text-align: right;}
    .busines-process__list.second-2 li:last-child::before{display: none;}

    [lang="en-US"] .busines-process__sec ul li:first-child::after{top: 18rem;}
    [lang="en-US"] .busines-process__list.first-2,
    [lang="en-US"] .busines-process__list.first-22{margin-top: 0;}
    [lang="en-US"] .busines-process__sec li p{padding-right: 0;}
    [lang="en-US"] .busines-process__list.second,
    [lang="en-US"] .busines-process__sec.odm-ver .busines-process__list.second{padding-top: 0;}

}
@media (max-width: 480px){
    .busines-process__sec ul li:last-child::after{top: 18rem;}
    .busines-process__sec ul li:first-child::after{top: 18rem;}
    .four-zero{flex-direction: column;  gap: 13rem; align-items: center;}
}

/* 브렌드 */
.brand-nav{text-align: center;position: sticky;top: 0;padding: 20rem 0;background: var(--bg-01);z-index: 111;}
.brand-cont__image{min-width: 580rem; height: 624rem; border-radius: 5rem; display: flex; align-items: center; justify-content: center;}
.brand-page section{padding: var(--gap140) 0;}
.brand-page section:nth-of-type(odd) .brand-cont__image{background-color: var(--bg-02); margin-right: 100rem;}
.brand-page section:nth-of-type(even) .brand-cont{flex-direction: row-reverse;}
.brand-page section .wrap{padding: 0 100rem;}
.brand-page section:not(:nth-of-type(odd)) .brand-cont{justify-content: space-between; gap: 120rem;}
.brand-page section:not(:nth-of-type(odd)) *{color: var(--f-01);}
.brand-page section:not(:nth-of-type(odd)) li{border-color: var(--f-01);}
.brand-page section:not(:nth-of-type(odd)) .brand-cont__image{background-color: var(--bg-01);}
.brand-page section.green{background-color: var(--c-02);}
.brand-page section.orange{background-color: var(--c-01);}
body.sub04_01 #footer{margin-top: 0;}
.brand-cont__key {margin-top: 20rem;}
.brand-cont__key li{display: inline-flex; font-family: var(--lang-ko2); margin-right: 3rem; border:1px solid var(--c-02); font-size: 16rem; line-height: 30rem; padding: 3rem 18rem; border-radius: 30rem;}
.brand-cont__detail p{margin-top: 46rem;}
.brand-cont__detail{display: flex; flex-direction: column; justify-content: space-between;}

.brand-cont__items ul{gap: 28rem; margin-top: 14rem;}
.brand-cont__items ul img{border-radius: 5rem;}

.aolda-logo{mix-blend-mode: multiply;}

[lang="en-US"] .brand-cont__key li{margin-bottom: 4rem;}

@media (max-width:1680px){
    .brand-cont__items ul{gap: 18rem;}
    .brand-cont__image{min-width: 500rem;}
    .brand-cont__items img{width: 120rem;}
    .brand-cont__detail p br{display: none;}
    .brand-page section{}

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

    .brand-page section .wrap{padding: 0;}
   
    /* .brand-cont__image{min-width: 440rem; height: 544rem;} */
  

    .organic .brand-cont__image img,
    .naju .brand-cont__image img{width: 120rem;}
    .iseul .brand-cont__image img{width: 100rem;}
    .hello .brand-cont__image img,
    .good .brand-cont__image img,
    .aolda-logo{width: 160rem;}
    .madein .brand-cont__image img{width: 200rem;}

}
@media all and (max-width:1200px){
    .brand-page section:nth-of-type(odd) .brand-cont__image{margin-right: 80rem;}
    .brand-page section:not(:nth-of-type(odd)) .brand-cont{gap: 100rem;}
    .brand-cont__items ul img{width: 100rem;}
    .brand-cont__image{min-width: 440rem; height: 544rem;}
    .brand-cont__key{margin-top: 12rem;}
}
@media all and (max-width:1023px){
	.brand-cont__image{min-width: 360rem; height: 440rem;}
    .brand-cont__items ul img{width: 80rem;}
    .brand-cont__text p{line-height: 1.7;}
    .brand-cont__detail p{margin-top: 32rem;}
    .brand-cont__items ul{gap: 12rem;}
    .brand-cont__key li{font-size: 14rem; padding: 2rem 16rem;}

    .organic .brand-cont__image img,
    .naju .brand-cont__image img{width: 90rem;}
    .iseul .brand-cont__image img{width: 80rem;}
    .hello .brand-cont__image img,
    .good .brand-cont__image img,
    .aolda-logo{width: 130rem;}

    .brand-nav{padding: 15rem 0;}
    .brand-page section:nth-of-type(odd) .brand-cont__image{margin-right: 70rem;}
    .brand-page section.naju{padding-top: 50rem;}

}
@media (max-width:860px){
    .brand-cont__image{min-width: 290rem; height: 340rem;}
    .brand-cont__detail{justify-content: flex-start}
    .brand-cont__items{margin-top: 54rem;}
    .brand-page section:nth-of-type(odd) .brand-cont__image{margin-right: 60rem;}
    .brand-page section:not(:nth-of-type(odd)) .brand-cont{gap: 80rem;}

    .organic .brand-cont__image img,
    .naju .brand-cont__image img{width: 80rem;}
    .iseul .brand-cont__image img{width: 64rem;}
    .hello .brand-cont__image img,
    .good .brand-cont__image img,
    .aolda-logo{width: 100rem;}

    .brand-cont__items ul{margin-top: 5rem;}
    .brand-cont__items ul img{width: 65rem; border-radius: 3rem;}

    .brand-cont__key li{line-height: 26rem;}
    .brand-cont__detail p{margin-top: 22rem;}

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

    .brand-page section:nth-of-type(odd) .brand-cont,
    .brand-page section:not(:nth-of-type(odd)) .brand-cont{flex-direction: column;}
    .brand-page section:nth-of-type(odd) .brand-cont__image{margin-right: 0;}

    .brand-cont__image{height: 260rem; width: 100%; margin-bottom: 32rem;}

    .organic .brand-cont__image img,
    .naju .brand-cont__image img{width: 70rem;}
    .iseul .brand-cont__image img{width: 64rem;}
    .hello .brand-cont__image img,
    .good .brand-cont__image img,
    .aolda-logo{width: 100rem;}


    .brand-cont__key li{font-size: 13rem; padding: 2rem 13rem; line-height: 24rem;}
    .brand-cont__items em{font-size: 17rem;}
    .brand-cont__items ul img{width: 80rem;}
    .brand-page section:not(:nth-of-type(odd)) .brand-cont{gap: 0;}
    .brand-nav{overflow: hidden; width: 100%; overflow-x: scroll;}
    .brand-page section.naju{padding-top: 24rem;}
    body.sub04_01 .sub-content{padding-top: 30rem;}
}



/* 제품 등록페이지 */
.sub05_view .sub-content{padding-top: max(9.3750vw, 274rem);}
.sub05_view #footer{margin-top: 0;}

.product-view__list{gap: 40rem;}
.product-view__list li a i{display:  block; border-radius: 5rem; position: relative; height: 0; padding-bottom: 120%; width: 100%; overflow: hidden;}
.product-view__list li img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; object-position: 50% 50%; object-fit: cover; transition: var(--trans-01); }
.product-view__list li{min-width: 0;}
.product-view__list li p{margin-top: 24rem;   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.product-view__list li:hover img{transform: scale(1.1);}

.product-menu{margin-top: 140rem; column-gap: 54rem; row-gap: 8rem;} 
.product-menu li a{color: var(--c-03); font-size: 21rem;}
.product-menu li.on a{color: var(--c-02); position: relative;}
.product-menu li.on a::before{content: ''; width: 100%; height: 3rem; background-color: var(--c-02); position: absolute; bottom:-11rem; left: 0;}

/* 등록된것 없을 때  */
.no-product{text-align: center; padding: 100rem 40rem; border-radius: 5rem;background-color: var(--bg-02);}

.product-mainslide .slide-sec{position: relative; overflow: hidden; border-radius: 5rem; }
.product-mainslide .multiple-slider .swiper-slide{height: 800rem !important; border-radius: 5rem;  overflow: hidden;}
.product-mainslide .multiple-slider .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.product-mainslide .multiple-pager{position: absolute; bottom:40rem; left: 50rem; z-index: 10; width: 100rem;}
.product-mainslide .multiple-pager .swiper-slide{height: 100rem !important; border:2px solid var(--f-01); cursor: pointer;}
.product-mainslide .multiple-pager .swiper-slide img{height: 100%; object-fit: cover;}

.product-inner{max-width: 915rem; width: 100%; margin: 0 auto;}
.product-intro{margin-top: var(--gap130);}
.product-intro__spec{min-width: 384rem; width: 394rem;}
.product-intro__title{flex: 1; padding-right: 90rem;}
.product-intro__title h3 + p{margin-top: 13rem;}
.product-intro__style{gap: 6rem;}
.product-intro__style li{ flex: 1; height: 72rem; min-width: 72rem; background-color: var(--bg-03); border-radius: 5rem; display: inline-flex;  align-items: center; justify-content: center;}
.product-intro__style li .on{display: none;}
.product-intro__style li.on{border:2px solid var(--c-02)}
.product-intro__style li.on .on{display: block;}
.product-intro__style li.on .off{display: none;}
.product-intro__style li.cup img{width: 34rem;}

.product-intro__package{border-radius:5rem; margin-top: 32rem; display: flex; width: 100%; padding: 20rem 40rem; border:1px solid var(--c-02); align-items: center;}
.product-intro__package i{width: 1px; height: 15rem; background-color: var(--c-02); display: block; margin: 0 22rem;}
.product-intro__package  *{font-family: var(--lang-ko2); font-size: 16rem; line-height: 28rem;}
.product-intro__package  span{font-weight: 700;}

.product-intro__detail{margin-top: 47rem;}
.product-intro__detail h5{position: relative; padding-left: 23rem;}
.product-intro__detail h5::before{content: "";position: absolute;left: 0;top: 6rem;width: 14rem;height: 14rem;border-radius: 100%;border:4rem solid var(--c-01)}
.product-intro__detail ul{border-top: 2px solid var(--c-02);margin-top: 13rem;}
.product-intro__detail ul li{border-bottom: 1px solid var(--c-02); padding: 17rem 0; display: flex; justify-content: space-between; align-items: center;}
.product-intro__detail ul li,
.product-intro__detail ul li *{font-size: var(--font-16); font-family: var(--lang-ko2);}
.product-intro__detail ul li.no-post{justify-content: center; padding: 80rem 0;}
.product-intro__detail ul li span{font-weight: 700; min-width: 120rem;}
.product-intro__detail ul li em{text-align: right;}

.product-image__slide{position: relative;}
.product-image__slide .colum-slider{overflow: hidden; position: relative;}
.product-image__slide .swiper-controls{position: absolute;top: 50%;transform: translateY(-50%);width: 100%;z-index: 10;justify-content: space-between;}
.product-image__slide .swiper-controls i,
.product-image__slide .swiper-controls *{font-size: 0;}
.product-image__slide [class^="swiper-btn--"]{width: 50rem;height: 50rem;opacity: 1; transition: var(--trans-04); display: flex;align-items: center;justify-content: center;border-radius: 100%;background-color: var(--bg-03);margin: 0;}
.product-image__slide [class^="swiper-btn--"] path{stroke: var(--c-02); opacity: 0.3;}
.product-image__slide  .swiper-controls [class^="swiper-btn--"]::after{display: none;}
.product-image__slide  .swiper-controls .swiper-btn--prev{margin-left: -25rem;}
.product-image__slide  .swiper-controls .swiper-btn--next{margin-right: -25rem;}
.product-image__slide [class^="swiper-btn--"]:hover{background-color: var(--c-02);}
.product-image__slide [class^="swiper-btn--"]:hover path{stroke:var(--f-01); opacity: 1;}

.product-image{margin: var(--gap80) 0;}
.product-image h4{margin-bottom: 28rem;}
.product-page .btn-wrap{ margin-top: var(--gap80);}
.product-page .btn-basic{min-width: 160rem;}

.product-page__nav{margin-top: var(--gap140); background-color: var(--bg-03); padding: 81rem 103rem; display: flex; align-items: center; justify-content: space-between; }
.product-page__nav a{display: inline-flex; align-items: center; transition: var(--trans-04);}
.product-page__nav a:hover{opacity: .5;}
.product-page__nav a strong{font-size: 22rem;}
.product-page__nav a p{font-size:16rem; max-width: 200rem;   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.product-page__nav a.prev strong{margin-left: 6rem; margin-right: 20rem;}
.product-page__nav a.next strong{margin-left:20rem; margin-right:6rem;}

@media (max-width:1600px){

}
@media (max-width:1480px){
    .product-inner{max-width: inherit; width: 72%;}
    .product-intro__title{padding-right: 150rem;}
    .product-image h4{margin-bottom: 18rem;}

}
@media all and (max-width:1200px){
    .product-menu li a{font-size: 18rem;}
    .product-mainslide .multiple-pager{width: 80rem;}
    .product-mainslide .multiple-pager .swiper-slide{height: 80rem !important;}
    .product-mainslide .multiple-slider .swiper-slide{height: 640rem !important;}

  

    .sub05_view .sub-content{padding-top: 200rem;}
    .sub05_view #sub-nav{top: 158rem;}
}
@media all and (max-width:1023px){
	.product-menu{margin-top:120rem; gap: 44rem;}
    body.sub05_01 .sub-content{padding-top: 46rem;}
    .product-view__list li p{margin-top: 14rem;}
    .product-menu li a{font-weight: 500;}

    .product-inner{padding: 0 40rem ; width: 100%;}
    .sub05_view .sub-content{padding-top: 160rem;}
    .sub05_view #sub-nav{top: 128rem;}
    .product-page__nav{padding:70rem 50rem ;}
    .product-page__nav a strong{font-size: 20rem; position: relative; top: 2rem;}
    
}
@media (max-width:860px){
    .product-menu li a{font-size: 16rem; font-weight: 600;}
    .product-view__list{ gap: 34rem 24rem;}
    .product-menu li.on a::before{height: 2rem;}

    .product-mainslide .multiple-pager{width:54rem;}
    .product-mainslide .multiple-pager .swiper-slide{height:54rem !important;}
    .product-mainslide .multiple-pager{left: 30rem; bottom: 30rem;}
    .product-mainslide .multiple-slider .swiper-slide{height: 440rem !important;}

    .product-intro{flex-direction: column;}
    .product-intro__title{text-align: center; margin-bottom: 54rem; padding-right: 0;}
    .product-intro__spec{margin: 0 auto;}


}
@media (max-width: 540px){
    .sub05_view #sub-nav{top: 108rem;}
    .sub05_view .sub-content{padding-top: 144rem;}
    body.sub05_01 .sub-content {padding-top: 20rem;}
    .product-menu li a{font-size: 15rem;}
    .product-menu li.on a::before{bottom:-7rem}
    .product-view__list{grid-template-columns: 1fr 1fr; gap: 24rem 16rem;}
    .product-menu{padding-bottom: 10rem; gap: 28rem; margin-top: 80rem;}
    .product-mainslide .multiple-slider .swiper-slide{height: 240rem !important;}
    .product-mainslide .multiple-pager{position: relative; width: 70%; margin: 12rem auto 0; left: 0; bottom: 0;}
    .product-mainslide .multiple-pager .swiper-slide{height: 54rem !important;}
    .product-mainslide .multiple-pager .swiper-slide:last-child{margin-right: 0 !important;}
    .product-mainslide .multiple-pager .swiper-slide img{border-radius: 3rem;}
    .product-mainslide .multiple-pager .swiper-wrapper{justify-content: center;}
    .product-intro__spec{width: 100%; min-width: 100%;}
    .product-inner{padding: 0 20rem;}
    .product-intro__style li{min-width: inherit; height: auto; position: relative;}
    .product-intro__style li::before{content: ""; display: block; padding-bottom: 100%;}
    .product-intro__package{padding: 18rem 22rem;}
    .product-intro__package *{font-size: 15rem;}
    .product-intro__detail h5{font-size: 20rem;}
    .product-intro__detail h5::before{top: 6rem;}

    .product-image__slide [class^="swiper-btn--"]{width: 40rem; height: 40rem;}
    .product-image__slide .swiper-controls .swiper-btn--next{margin-right: -15rem;}
    .product-image__slide .swiper-controls .swiper-btn--prev{margin-left: -15rem;}
    .product-image__slide [class^="swiper-btn--"] path{opacity: 1;}
    .product-image__slide [class^="swiper-btn--"] svg{width: 12rem;}

    .product-image{margin: 62rem 0 42rem;    }
    .product-image h4{margin-bottom: 10rem;}

    .product-page__nav{padding: 30rem 20rem;}
    .product-page__nav a{flex-direction: column; position: relative; }
    .product-page__nav a svg{position: absolute; top: 6rem;}
    .product-page__nav a strong{font-size: 13rem;}
    .product-page__nav a.prev{align-items: flex-start;}
    .product-page__nav a.prev svg{ left: 0;}
    .product-page__nav a.next{flex-direction: column-reverse; align-items: flex-end;}
    .product-page__nav a.prev strong{margin-left: 14rem;}
    .product-page__nav a.next strong{margin-right: 12rem;}
    .product-page__nav a p{font-size: 12rem; margin-top: 6rem; max-width: 120rem;}
    

}

/* 샘플 요청 */
body.sub05_02 #sub-visual #lnb,
body.sub05_02 .sub-visual__bg{display: none;}
body.sub05_02 [data-round="1"] svg circle{display: none;}
.sample-form__table table{border-top: 2px solid var(--c-02); width: 100%;}
.sample-form__table table th{width: 200rem;  font-weight: 500;}
.sample-form__table table th.first{background-color: var(--c-02); color: var(--f-01);}
.sample-form__table table th:not(.first){background-color: var(--bg-02);}
.sample-form__table table td input{width: 100%; height: 46rem; border-radius: 5rem; background-color: var(--bg-02); border:none}
.sample-form__table table tr > *{padding: 12rem 22rem; border-bottom: 1px solid var(--bd-01); }
.sample-form__table table tr > *{font-family: var(--lang-ko2); vertical-align: middle;}
.sample-form__table + .sample-form__table{margin-top: 43rem;}
.sample-form__table table td:has(.custom-radio ){border-left: 1px solid var(--bd-01);}
.sample-page textarea{background-color: var(--bg-02); border-radius: 5rem; height: 240rem; resize: none; width: 100%; border:none}
.sample-page .btn-wrap{margin-top: var(--gap100);}
[lang="en-US"] .sample-form__table table th{font-size: 16rem;}

.sample-form__other{margin-top: 40rem; }
.sample-form__other h5{margin-bottom: 12rem;}

.custom-radio {gap: 32rem;}
.custom-radio input[type="radio"] { display: none;}
.custom-radio label{position: relative;font-size: 16rem; font-weight: 700;  color: var(--c-02); display: flex; gap: 8rem; cursor: pointer;}
.custom-radio label i{width:18rem; height: 18rem; border-radius: 30rem; border:5rem solid var(--bg-02);}
.custom-radio input[type="radio"]:checked + label i{border-color: var(--c-02);}


.custom-checkbox li + li{margin-top: 22rem;}
.custom-checkbox input[type="checkbox"] { display: none;}
.custom-checkbox label{position: relative;font-size: 16rem; align-items: center;  font-weight: 700;  color: var(--c-02); display: flex; gap: 8rem; cursor: pointer;}
.custom-checkbox label i{width:24rem; height: 24rem; border:1rem solid var(--c-02); border-radius: 3rem; position: relative;}
.custom-checkbox input[type="checkbox"]:checked + label i{background-color: var(--c-02);}
.custom-checkbox input[type="checkbox"]:checked + label i::before{content: "✔"; font-size: 15rem; position: absolute; color: var(--f-01); left: 50%; top: 50%; transform: translate(-50%,-50%); }


@media (max-width:1480px){

}
@media all and (max-width:1200px){
    .sample-form__table table th:not(.first){width: 100rem;}
}
@media all and (max-width:1023px){
	.sample-form__table table tr > *{padding: 10rem 18rem; font-size: 15rem;}
    .sample-form__table table th{width: 120rem;}
    .custom-checkbox label{font-size: 15rem;}
    .custom-checkbox label i{width: 22rem; height: 22rem;}
    .custom-checkbox li + li{margin-top: 14rem;}
    .custom-radio {gap: 22rem;}
    .custom-radio label i{top: 2rem; position: relative;}
}
@media (max-width:860px){
    
    .sample-form__table:has(.table-scroll) table{width: 1074rem;}
    
}
@media (max-width: 540px){
    .custom-checkbox input[type="checkbox"]:checked + label i{background-color: var(--bg-02);}
    .custom-checkbox input[type="checkbox"]:checked + label i::before{font-size: 13rem; color: var(--c-02);}
}

.board-page artice{background: var(--bg-01);}
#bo_v{background-color: var(--bg-01) !important; background: var(--bg-01) !important}
#bo_v_title .bo_v_cate{color: var(--f-01); font-size: var(--font-18); background-color: var(--c-01); padding: 7rem 16rem; font-family: var(--lang-ko2); border-radius: 5rem;}
#bo_cate ul{text-align: center;}
body.notice #bo_btn_top{margin-top: 0 !important;}
body.notice #bo_v_con *{font-family: var(--lang-ko2) !important;}
body.notice .bo_sch{margin-top: 0;}

body.notice #bo_btn_top,body.notice_en #bo_btn_top{margin-top: 0 !important;}
body.notice #bo_v_con *,body.notice_en #bo_v_con *{font-family: var(--lang-ko2) !important;}
body.notice .bo_sch,body.notice_en .bo_sch{margin-top: 0;}

.equipment #bo_btn_top,.equipmen_en #bo_btn_top{margin-top: 100rem;}
.equipment #bo_cate #bo_cate_on,.equipment_en #bo_cate #bo_cate_on{background: var(--c-02); font-weight: 500;}
.equipment #bo_cate a,.equipment_en #bo_cate a{font-family: var(--lang-ko2); font-size: var(--font-20); font-weight: 400; padding: 10rem 30rem; border-radius: 90rem;}
.equipment #bo_cate li,.equipment_en #bo_cate li{padding: 0;}
.equipment #bo_cate ul,.equipment_en #bo_cate ul{display: flex; justify-content: center; gap: 12rem;}
.equipment #bo_cate a,.equipment_en #bo_cate a{color: var(--c-02); border-color: var(--c-02);}
.equipment .bo_cate_link,.equipment_en .bo_cate_link{display: none;}
.equipment #bo_gall .bo_cnt,.equipment_en #bo_gall .bo_cnt{display: none;}
.equipment #bo_v_con *,.equipment_en #bo_v_con *{font-family: var(--lang-ko2) !important;}
.btn_bo_user li{background-color: var(--bg-01);}
#bo_list_total i{color: var(--c-02) !important;}

.bo-basic-list > li .bo-basic__title h3, #bo_gall .gall_text_href a, #bo_gall .gall_li .no_image{font-family: var(--lang-ko2);}
.bo-basic__date{color: var(--c-03); font-family: var(--lang-ko2);}

@media (max-width:1480px){

}
@media all and (max-width:1200px){
	/*화면 1024에 맞춰놓고 작업*/
}
@media all and (max-width:1023px){
	.equipment #bo_btn_top,.equipment_en #bo_btn_top{margin-top: 80rem;}
    .equipment #bo_gall #gall_ul,.equipment_en #bo_gall #gall_ul{padding-top: 20rem;}
}
@media (max-width:860px){

}
@media (max-width: 540px){
    .equipment #bo_cate,.equipment_en #bo_cate{margin-top: 0;}
    .equipment #bo_cate ul,  .equipment_en #bo_cate ul{white-space: nowrap; overflow-y: scroll; justify-content: flex-start; gap: 8rem;}
    .equipment #bo_cate a,.equipment_en #bo_cate a{font-size: 15rem; padding: 6rem 18rem;}
    .equipment #bo_btn_top,.equipment_en #bo_btn_top{margin-top: 32rem; margin-bottom: 26rem;}
    .equipment #bo_gall #gall_ul,.equipment_en #bo_gall #gall_ul{padding-top: 0;}
    .equipment .bo_sch,.equipment_en .bo_sch{margin-top: 0;}
    .equipment #bo_btn_top + *, .equipment_en #bo_btn_top + *{margin-top: 60rem;}
}


/* 온라인 */
body.online {overflow: hidden;}
body.online #footer{margin-top: 0;}
body.online .sub-content{padding-top: 70rem; overflow: hidden;}
body.online  .form-area > em{color: var(--c-02); font-size: var(--font-18); font-family: var(--lang-ko2);}
body.online  .button-style{margin-top: 90rem;}
body.online i[data-circle]{border: 90rem solid rgb(33 119 78 / 5%);position: absolute;width: 650rem;height: 650rem;z-index: -1;bottom: -550rem;}
.cs-page{padding-top: 120rem;padding-bottom: 180rem;}
.cs-form--wrap{justify-content: space-between; margin-top: 74rem;}
.cs-form__image{max-width: 610rem; width: 100%; min-width: 610rem; border-radius: 5rem; height: 358rem; background: url(../img/sub/online.jpg) no-repeat; background-size: cover; position: relative;}
.cs-form__image img{position: absolute; right: 24rem; bottom: 24rem; }
.cs-form__conts{max-width: 684rem;}
.cs-agree{margin-top: var(--gap80);}
.cs-agree strong{display: block;}
.cs-agree__box{border:1px solid var(--c-02); padding: 24rem; height: 204rem; border-radius: 5rem; overflow: hidden; overflow-y: scroll;}
.cs-agree__box h1{display: none;}
.cs-agree__box *{font-family: var(--lang-ko2); font-size: 15rem !important; color: var(--b-03); font-weight: 300; }

@media (max-width:1480px){
    .cs-form__image{max-width: 540rem; min-width: 540rem; height: 328rem;}
    .cs-form__conts{max-width: 620rem;}
}
@media all and (max-width:1200px){
    .cs-form__image{max-width: 400rem; min-width: 400rem; height: 220rem;}
    .cs-page{padding-bottom: 130rem;}
}
@media all and (max-width:1023px){
    .cs-page{padding-top: 80rem;}
    .cs-form__conts .form-area{margin-bottom: 0 !important;}
	.cs-form--wrap{flex-direction: column; gap: 80rem; margin-top: 43rem;}
    .cs-form__conts{max-width: inherit; width: 100%;}
    .cs-form__image{max-width: inherit; width: 100%; height: 430rem;}
    .cs-page{padding-bottom: 120;}


    .tab-anchor li a{white-space: nowrap;}
}
@media (max-width:860px){
    .cs-page{padding-top: 40rem;}
    .cs-form--wrap {gap: 40rem;}
    body.online .button-style{margin-top:50rem}
    .cs-page{padding-bottom: 100rem;}

}
@media (max-width: 540px){
    body.online .sub-content{padding-top: 50rem;}
    body.online  .rolling-text__text{opacity: 0.2;}
    body.online .form-area{padding: 16rem 0;}
    .cs-form--wrap{margin-top: 34rem;}
    .cs-form__image{min-width: inherit; height: 230rem;}
    .cs-agree strong{font-size: 16rem; line-height: 1.6;}

}