html {
    font-size: 10px;
}
body {
    font-family: 'KoPubWorldDotum', sans-serif;
    color: #333;
    font-size: 1.8rem;
}
.mbr {
    display: none;
}
section {
    overflow: hidden;
}
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.header .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 2.3rem 10rem;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    transition: all .3s;
}
.header .logo {
    flex: 2;
    display: block;
    width: 13.5rem;
    height: 5.4rem;
    background: url(../img/common_header_logo_W@2x.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    font-size: 0;
}
.header .menuList {
    display: flex;
    align-items: center;
    gap: 4rem;
}
.header .menuList > li {
    cursor: pointer;
    transition: all .3s;
    position: relative;
}
.header .menuList > li a {
    color: inherit;
    transition: all .3s;
}
.header .menuList > li:hover,
.header .menuList > li > a:hover {
    color: #e86615;
}
.header .menuList > li.company:hover .subMenuList {
    opacity: 1;
    visibility: visible;
}
.header .subMenuList {
    opacity: 0;
    visibility: hidden;
    padding-top: 3.7rem;
    transition: all .3s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.header .subMenuList > li a {
    opacity: .7;
    display: block;
    margin-bottom: 1.5rem;
    color: #fff;
    line-height: 1.25;
    font-size: 1.5rem;
    transition: all .3s;
}
.header .subMenuList > li a:hover {
    opacity: 1;
}
.header .subMenuList > li:last-child a {
    margin-bottom: 0;
}
.header .language {
    /* display: none; */
    padding-left: 12.2rem;
}
.header .language a {
    color: #fff;
    font-size: 1.2rem;
}
.header .language a:focus {
    outline: none;
}
.header .language .line {
    display: inline-block;
    width: 1px;
    height: 1.4rem;
    margin: 0 1rem;
    background-color: #fff;
    vertical-align: middle;
}
.header .moBtnMenu {
    display: none;
    width: 8rem;
    height: 8rem;
    background: url(../img/MO_common_menu@2x.png) no-repeat center center;
    background-size: 80%;
}
.header.scroll .moBtnMenu {
    background: url(../img/MO_common_menu_black@2x.png) no-repeat center;
    background-size: 80%;
}
.moMenuPop {
    display: none;
}
.header.scroll .wrap {
    background-color: #fff;
    color: #222;
}
.header.subHover .wrap {
    padding-bottom: 10rem;
    transition: all .3s;
}
.header.scroll .logo {
    background: url(../img/footer_log@3x.png) no-repeat;
    background-size: contain;
}
.header.scroll .subMenuList > li a {
    color: #222;
}
.header.scroll .language a {
    color: #222;
}
.header.scroll .language .line {
    background-color: #222;
}

section.main .wrap {
    min-height: 100vh;
    padding: 10rem 10rem 0;
    background: url(../img/main_bannerimg@3x.webp) no-repeat center;
    background-size: cover;
    color: #fff;
    position: relative;
}
section.main .mainBg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.32);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
section.main .content {
    width: calc(100% - 10rem);
    text-align: center;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
}
section.main .content h2 {
    padding-bottom: 2.2rem;
    line-height: 1.21;
    font-family: 'Noto Serif', serif;
    font-size: 8rem;
}
section.main .content p {
    color: #eeebeb;
    font-family: 'Montserrat', sans-serif;
    font-size: 2.4rem;
}
section.main .btnScroll {
    /* width: 7rem; */
    text-align: center;
    transform: translateX(-50%);
    position: absolute;
    bottom: 3rem;
    left: 50%;
    z-index: 9;
}
section.main .btnScroll .txt {
    display: block;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
}
section.main .btnScroll .arrow {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    background: url(../img/main_scollarrow@2x.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    font-size: 0;
    vertical-align: middle;
    position: relative;
    top: 0;
    animation: arrow 0.5s linear infinite alternate;
}
@keyframes arrow {
    from {
        top: 0;
    } to {
        top: 0.8rem;
    }
}

.flexWrap {
    display: flex;
}
section h3 {
    font-family: 'Noto Serif', serif;
    font-size: 5.5rem;
}
section .subTit {
    padding-bottom: 1rem;
    color: #e86615;
    letter-spacing: -0.4px;
    font-size: 2rem;
    font-weight: bold;
}
section.global .wrap {
    padding-top: 23rem;
    position: relative;
}
section.global .tms {
    padding: 0 16rem 15.5rem 30rem;
}
section.global .tms .subTit {
    position: relative;
    z-index: 9;
}
section.global .tms h3 {  
    padding-bottom: 7rem;  
    font-size: 6.5rem;
    position: relative;
    z-index: 9;
}
.rollingWrap {
    opacity: 0;
    overflow: hidden;
    width: 100%;
    height: 18.3rem;
    line-height: 18.3rem;
    color: #e6e6e6;
    letter-spacing: -3px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15rem;
    font-weight: 600;
    transition:3s; 
    -webkit-transition:3s;
    position: absolute;
    top: 0;
    right: 0;
}
.rollingWrap.opacity {
    opacity: 1;
}
.rollingTxt {
    overflow: hidden;
    white-space: nowrap;
    animation: rolling 140s linear infinite; 
    position: absolute;
    left: 0;
}
.rollingTxt.r2 {
    animation-delay: -70s;
}
@keyframes rolling {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
.rollingTxt > p {
    display: inline-block;
    padding: 0 1rem;
    box-sizing: border-box;
}
section.global .tms .content {
    padding-left: 5.5rem;
}
section.global .tms .sub {
    padding-bottom: 3.7rem;
    color: #222;
    font-size: 3.4rem;
    font-weight: bold;
}
section.global .cont {
    padding-bottom: 3rem;
    color: #666;
    line-height: 1.5;
    font-size: 2.4rem;
}
section.global .service {
    padding: 0 16rem 0 30rem;
    margin-bottom: -10rem;
}
section.global .service .top {
    width: 100%;
    margin-left: calc(40% + 8rem);
}
section.global .service .flexWrap {
    gap: 8rem;
}
section.global .serviceImg {
    /* max-width: 62rem; */
    width: 40%;
    position: relative;
    z-index: 9;
}
section.global .service .content {
    padding-top: 7rem;
}
section.global .service .serviceCont {
    padding-bottom: 6.2rem;
    color: #666;
}
.opacityEffect {
    opacity: 1 !important;
    transition: opacity 1.5s;
}
section.global .fulfillment {
    padding-bottom: 22rem;
}
section.global .fulfillment .tit {
    padding-bottom: 3rem;
    color: #414141;
    font-family: 'Noto Serif', serif;
    font-size: 2.4rem;
    font-weight: bold;
}
section.global .fulfillment .cont {
    padding-bottom: 5rem;
    color: #000;
}
section.global .btnMore {
    display: inline-block;
    padding: 1rem 3.5rem;
    border: 1px solid #414141;
    border-radius: 32px;
    color: #414141;
    font-size: 1.7rem;
    font-weight: bold;
    transition: all .3s;
}
section.global .btnMore:hover {
    background-color: #414141;
    color: #fff;
}
section.global .btnMore:after {
    content: '';
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.5rem;
    background: url(../img/common_arrow_ico2@2x.png) no-repeat;
    background-size: 1.6rem;
    vertical-align: middle;
}
section.global .btnMore:hover:after {
    background: url(../img/common_arrow_icoW@2x.png) no-repeat;
    background-size: 1.6rem;
}
section.global .network .wrap {
    padding: 26rem 9rem 1rem;
    background-color: #f9f9f9;
}
section.global .network .top {
    padding-left: 14%;
    position: relative;
    z-index: 9;
}
section.global .network .moMsg:before {
    content: '※';
    position: absolute;
    top: 0;
    left: 5rem;
}
section.global .network .moMsg {
    display: none;
    padding: 0 5rem 5rem 8rem;
    color: #666;
    word-break: keep-all;
    font-size: 2.6rem;
    position: relative;
}
section.global .pcMap {
    margin-top: -15rem;
    position: relative;
    z-index: 9;
}
section.global .pcMap .bgMap {
    opacity: 0;
    width: 100%;
}
section.global .pcMap .brandLogo img {
    opacity: 0;
    transition: all .3s;
    cursor: pointer;
    position: absolute;
}
section.global .brandLogo img.hover {
    filter: drop-shadow(6px -1px 47px rgba(0,0,0,.5));
    -webkit-filter: drop-shadow(6px -1px 47px rgba(0,0,0,.5));
    transform: scale(1.3);
    z-index: 9;
}
@keyframes opacity {
    from {
        opacity: 0;
    } to {
        opacity: 1;
    }
}
section.global .pcMap .brandLogo .logo1 {
    width: 6%;
    bottom: 39%;
    left: 14%;
}
section.global .pcMap .brandLogo .logo2 {
    width: 5%;
    bottom: 55%;
    left: 23.3%;
    animation-delay: .2s !important;
}
section.global .pcMap .brandLogo .logo3 {
    width: 6.5%;
    bottom: 36.5%;
    left: 28%;
    animation-delay: .4s !important;
}
section.global .pcMap .brandLogo .logo4 {
    width: 5%;
    bottom: 57.5%;
    left: 32.3%;
    animation-delay: .6s !important;
}
section.global .pcMap .brandLogo .logo5 {
    width: 4.8%;
    bottom: 47.5%;
    left: 40%;
    animation-delay: .8s !important;
}
section.global .pcMap .brandLogo .logo6 {
    width: 4.3%;
    bottom: 62%;
    left: 40.2%;
    animation-delay: 1s !important;
}
section.global .pcMap .brandLogo .logo7 {
    width: 6.7%;
    bottom: 61%;
    left: 51.8%;
    animation-delay: 1.2s !important;
}
section.global .pcMap .brandLogo .logo8 {
    width: 7%;
    bottom: 36.5%;
    left: 53.5%;
    animation-delay: 1.4s !important;
}
section.global .pcMap .brandLogo .logo9 {
    width: 6.9%;
    right: 27%;
    bottom: 45.5%;
    animation-delay: 1.6s !important;
}
section.global .pcMap .brandLogo .logo10 {
    width: 6.9%;
    right: 32.8%;
    bottom: 57%;
    animation-delay: 1.8s !important;
}
section.global .pcMap .brandLogo .logo11 {
    width: 4.4%;
    top: 20.5%;
    right: 36.7%;
    animation-delay: 2s !important;
}
section.global .pcMap .brandLogo .logo12 {
    width: 7%;
    top: 33.5%;
    right: 21.8%;
    animation-delay: 2.2s !important;
}
section.global .pcMap .brandLogo .logo13 {
    width: 10%;
    top: 22.3%;
    right: 20.2%;
    animation-delay: 2.4s !important;
}
section.global .pcMap .brandLogo .logo14 {
    width: 5.5%;
    top: 26.2%;
    right: 11.3%;
    animation-delay: 2.6s !important;
}
section.global .pcMap .brandLogo .logo19 {
    width: 9%;
    bottom: 30%;
    left: 40%;
    animation-delay: .9s !important;
}
section.global .moMap {
    display: none;
    position: relative;
}
section.global .moMap .bgMap {
    width: 100%;
}
section.global .moMap .brandLogo img {
    transition: all .3s;
    position: absolute;
}
section.global .moMap .brandLogo .logo1 {
    width: 14%;
    bottom: 16%;
    left: 17.5%;
}
section.global .moMap .brandLogo .logo2 {
    width: 11%;
    bottom: 49.8%;
    left: 10%;
}
section.global .moMap .brandLogo .logo3 {
    width: 14%;
    top: 14.5%;
    right: 23.5%;
}
section.global .moMap .brandLogo .logo4 {
    width: 12%;
    top: 16%;
    left: 27%;
}
section.global .moMap .brandLogo .logo5 {
    width: 11%;
    bottom: 46%;
    left: 58%;
    /*
    bottom: 49%;
    left: 47%;
    */
}
section.global .moMap .brandLogo .logo6 {
    width: 10%;
    top: 24%;
    left: 47%;
}
section.global .moMap .brandLogo .logo7 {
    width: 15%;
    right: 8%;
    bottom: 50%;
}
section.global .moMap .brandLogo .logo8 {
    width: 13%;
    bottom: 33.5%;
    left: 45.5%;
}
section.global .moMap .brandLogo .logo9 {
    width: 16%;
    right: 8%;
    bottom: 19.5%;
}
section.global .moMap .brandLogo .logo10 {
    width: 15%;
    right: 7.5%;
    bottom: 34%;
}
section.global .moMap .brandLogo .logo11 {
    width: 10%;
    bottom: 18%;
    left: 47%;
}
section.global .moMap .brandLogo .logo12 {
    width: 19%;
    top: 26%;
    right: 7%;
}
section.global .moMap .brandLogo .logo13 {
    width: 17%;
    top: 27%;
    left: 7%;
}
section.global .moMap .brandLogo .logo14 {
    width: 12.5%;
    bottom: 34%;
    left: 9%;
}
section.global .moMap .brandLogo .logo19 {
    width: 18%;
    bottom: 54%;
    left: 32%;
}

section.product .wrap {
    padding-top: 16rem;
    padding-bottom: 20rem;
}
section.product .top {
    padding-bottom: 7rem;
    text-align: center;
}
section.product .productTab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
}
section.product .productTab li {
    width: 24rem;
    border-bottom: 1px solid #eeebeb;
    text-align: center;
    cursor: pointer;
}
section.product .productTab li.on {
    border-bottom: 3px solid #e86615;
}
section.product .productTab li .tabImg {
    width: 4.8rem;
    height: 4.8rem;
    margin: 0 auto 1rem;
}
section.product .productTab li .tabImg.tab1 {
    background: url(../img/S4_menu_ico1_OFF@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li .tabImg.tab2 {
    background: url(../img/S4_menu_ico2_OFF@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li .tabImg.tab3 {
    background: url(../img/S4_menu_ico3_OFF@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li .tabImg.tab4 {
    background: url(../img/S4_menu_ico4_OFF@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li.on .tabImg.tab1 {
    background: url(../img/S4_menu_ico1_ON@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li.on .tabImg.tab2 {
    background: url(../img/S4_menu_ico2_ON@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li.on .tabImg.tab3 {
    background: url(../img/S4_menu_ico3_ON@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li.on .tabImg.tab4 {
    background: url(../img/S4_menu_ico4_ON@2x.png) no-repeat;
    background-size: contain;
}
section.product .productTab li .tabTit {
    padding-bottom: 2rem;
    color: #414141;
    font-size: 1.8rem;
    font-weight: bold;
}
section.product .productTab li.on .tabTit {
    color: #e86615;
}
section.product .productMsg {
    opacity: 0 !important;
    padding: 0 5rem 5rem;
    color: #666;
    text-align: center;
    line-height: 1.5;
    font-size: 1.8rem;
    transition: opacity .5s;
}
section.product .productMsg.show {
    opacity: 1 !important;
}
.pMsgWrap {
    position: relative;
}
.tab2Msg,
.tab3Msg,
.tab4Msg {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
section.product .productCont {
    display: flex;
    align-items: center;
}
section.product .productCont li {
    width: 44rem;
    text-align: center;
}
section.product .productCont li img {
    display: block;
    width: 100%;
    margin-bottom: 3rem;
}
section.product .productCont li .name {
    display: block;
    color: #666;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.2;
}
section.product .productCont li .name p{
    font-size: 1.8rem;
}
section.product.en .productCont li .name {
    min-height: 6.2rem;
}
.psr {
    position: relative;
}
.tabWrap:before,
.tabWrap:after {
    content: '';
    width: 30rem;
    height: 100%;
    background: linear-gradient(to right, #fff 18%, rgba(255, 255, 255, 0.85) 48%, rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
.tabWrap:after {    
    transform: rotate(180deg);
    right: 0;
    left: auto;
}
.tab1Wrap {
    opacity: 0;
    position: relative;
}
.tab2Wrap,
.tab3Wrap,
.tab4Wrap {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.show {
    opacity: 1 !important;
    z-index: 9;
}
.swiper-button-prev,
.swiper-button-next {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: rgba(232, 102, 21, .6);
    transition: all .3s;
    top: calc(50% - 4rem);
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: rgba(232, 102, 21, .9);
}
.swiper-button-prev {
    left: 10rem;
}
.swiper-button-next {
    right: 10rem;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    content: '';
    display: inline-block;
    width: 6rem;
    height: 6rem;
}
.swiper-button-prev:after {
    background: url(../img/common_arrow_ico_prev@2x.png) no-repeat;
    background-size: 6rem;
}
.swiper-button-next:after {
    background: url(../img/common_arrow_ico_next@2x.png) no-repeat;
    background-size: 6rem;
}

section.food .wrap {
    max-width: 132rem;
    padding: 0 0 20rem;
    margin: 0 auto;
    color: #414141;
    text-align: center;
}
section.food .top {
    padding-bottom: 6rem;
}
section.food .boxWrap {
    display: flex;
    gap: 2rem;
    align-items: center;
}
section.food .boxWrap > div {
    padding: 3rem 2rem;
    box-shadow: 0 3px 68px 0 rgba(0, 0, 0, 0.06);
    background-color: #fff;
}
section.food .techNum,
section.food .techTit {
    padding-bottom: 0.8rem;
    font-family: 'Noto Serif', serif;
    font-weight: bold;
}
section.food .techNum {
    font-size: 1.8rem;
}
section.food .techTit {
    font-size: 3rem;
}
section.food .techTitExp { 
    opacity: .6;
    padding-bottom: 1rem;
    color: #414141;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}
section.food .video {
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}
section.food .video:hover img {
    transform: scale(1.1);
}
section.food .video img {
    display: block;
    width: 100%;
    transition: all .3s;
}
section.food .videoBg {
    opacity: .4;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
section.food .video .btnPlay {
    width: 10rem;
    height: 10rem;
    background: url(../img/common_play_ico@2x.png) no-repeat;
    background-size: contain;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
}
section.food .exp {
    padding-bottom: 3.5rem;
    font-size: 1.8rem;
}
section.food .techList:before,
section.food .techList:after {
    content: '';
    width: 100%;
    height: 1px; 
    background-color: #414141;
    position: absolute;
    top: -0.75rem;
    left: 0;
}
section.food .techList {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    position: relative;
}
section.food .techList li:before {
    content: '';
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background-color: #414141;
    transform: translateX(-50%);
    position: absolute;
    top: -1.5rem;
    left: 50%;
    z-index: 9;
}
section.food .techList li {
    flex: 1;
    position: relative;
}
section.food .techList li:after {
    content: '';
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #fff;
    position: absolute;
    top: -2.5rem;
    left: calc(50% - 1.75rem);
    z-index: 5;
}
section.food .techList .num {
    padding: 1.5rem 0 1rem;
    font-weight: bold;
    position: relative;
}
section.food .techList img {
    display: block;
    width: 6.5rem;
    margin: 0 auto 1.2rem;
}
section.food .techList li > div {
    opacity: 0;
}
section.food .techList li > div.fadeIn {
    animation: fadein 1s ease-out;
    animation-delay: .6s;
    animation-fill-mode: forwards;
}
section.food .techList .fadeIn.tech2 {
    animation-delay: .8s;
}
section.food .techList .fadeIn.tech3 {
    animation-delay: 1.2s;
}
section.food .techList .fadeIn.tech4 {
    animation-delay: 1.6s;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
section.food .techList .cont span {
    font-weight: bold;
}
section.food.en .exp {
    min-height: 9.1rem;
}
section.food.en .techList .cont {
    min-height: 8.8rem;
}

section.gardening .wrap {
    padding: 0 10rem 20rem;
    text-align: center;
}
section.gardening .top {
    padding-bottom: 11rem;
}
section.gardening .top h3 {
    padding-bottom: 4.6rem;
}
section.gardening .top .exp {
    color: #666;
    line-height: 1.5;
    font-size: 2.4rem;
}
section.gardening .boxWrap {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}
section.gardening .boxWrap > div {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
section.gardening .boxWrap > div:hover img {
    transform: scale(1.1);
}
section.gardening .boxWrap img {
    display: block;
    width: 100%;
    transition: all .3s;
}
section.gardening .bgMask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
section.gardening .bgMask.uz {
    background: rgba(0, 0, 0, .45);
}
section.gardening .bgMask.thai {
    background: rgba(0, 0, 0, .32);
}
section.gardening .content {
    width: 100%;
    color: #fff;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}
section.gardening .krTit {
    padding-bottom: 1rem;
    line-height: 1.45;
    letter-spacing: -0.4px;
    font-size: 2rem;
    font-weight: bold;
}
section.gardening .enTit {
    padding-bottom: 4.6rem;
    line-height: 1.36;
    font-family: 'Noto Serif', serif;
    font-size: 5.5rem;
    font-weight: bold;
}
section.gardening .btnPlay {
    width: 10rem;
    height: 10rem;
    margin-bottom: 4.5rem;
    background: url(../img/common_play_ico@2x.png) no-repeat;
    background-size: contain;
}
section.gardening .exp {
    line-height: 1.5;
    font-size: 2.2rem;
}

section.commerce {
    overflow: hidden;
}
section.commerce .wrap {
    padding-bottom: 19.5rem;
    text-align: center;
}
section.commerce .top {
    padding-bottom: 8rem;
}
section.commerce .top h3 {
    padding-bottom: 6rem;
}
section.commerce .top .exp {
    color: #666;
    line-height: 1.5;
    font-size: 2.4rem;
}
section.commerce .commerceListWrap {
    position: relative;
}
section.commerce .commerceListWrap:before,
section.commerce .commerceListWrap:after {
    content: '';
    width: 30rem;
    height: calc(50% - 2px);
    background: linear-gradient(to right, #fff 18%, rgba(255, 255, 255, 0.85) 48%, rgba(255, 255, 255, 0));
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}
section.commerce .commerceListWrap:after {    
    transform: rotate(180deg);
    top: 49%;
    right: 0;
    left: auto;
}
section.commerce .commerceList {
    opacity: 0;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    position: relative;
}
section.commerce .commerceList.listBottom {
    margin-top: -1rem;
}
section.commerce .commerceList li {
    width: 57rem;
    height: 25rem;
    margin-right: -1px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    position: relative;
}
section.commerce .commerceList li img {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

section.contact .wrap {
    display: flex;
    gap: 10rem;
    justify-content: space-between;
    padding: 16rem 10rem 13rem;
    background-color: #f2f2f2;
}
section.contact .top {
    width: 40%;
}
section.contact h3 {
    padding-bottom: 20rem;
}
section.contact .infoWrap > div {
    display: flex;
    gap: 5rem;
    padding-bottom: 3rem;
}
section.contact .infoWrap > div:last-child {
    padding-bottom: 0;
}
section.contact .infoWrap > div .tit:before {
    content: '';
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-right: 3rem;
    vertical-align: middle;
}
section.contact .infoWrap > div .tit {
    width: 18rem;
}
section.contact .infoWrap > div .cont {
    flex: 1;
    font-weight: 300;
}
section.contact .address {
    padding: 4.5rem 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #ccc;
}
section.contact .address > div {
    cursor: pointer;
}
section.contact .address .tit:before {
    background: url(../img/common_ico1_OFF@2x.png) no-repeat;
    background-size: contain;
}
section.contact .address > div.on,
section.contact .address > div.on .cont {
    font-weight: bold;
}
section.contact .address > div.on .tit:before {
    background: url(../img/common_ico1_ON@2x.png) no-repeat;
    background-size: contain;
}
section.contact .address > div.on .tit {
    color: #e86615;
}
section.contact .info {
    padding: 4.5rem 0;
    border-bottom: 1px solid #ccc;
}
section.contact .info .number:before {
    background: url(../img/common_ico2@2x.png) no-repeat;
    background-size: contain;
}
section.contact .info .email:before {
    background: url(../img/common_ico3@2x.png) no-repeat;
    background-size: contain;
}
/* section.contact > .map {
    width: 60% !important;
    background-color: #fff;
} */
.kakaoMapWrap {
    flex: 2;
    position: relative;
}
.kakaoMapWrap > div {
    width: 100% !important;
    height: 100%;
}
.root_daum_roughmap_landing {
    flex: 2;
}
.root_daum_roughmap .wrap_map {
    height: 100% !important;
}
.root_daum_roughmap .map_border {
    border: none !important;
    background: none !important;
}
#daumRoughmapContainer1718004190303 {
    opacity: 0;
    position: relative;
    transition: .2s;
}
#daumRoughmapContainer1669701559154,
#daumRoughmapContainer1718004264530,
#daumRoughmapContainer1669702037279 {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    transition: .2s;
}
#daumRoughmapContainer1718004190303.mapShow,
#daumRoughmapContainer1669701559154.mapShow,
#daumRoughmapContainer1669702037279.mapShow,
#daumRoughmapContainer1718004264530.mapShow {
    opacity: 1;
    z-index: 9;
}
section.contact.en .top {
    width: 45%;
}
section.contact.en .infoWrap > div .tit:before {
    position: absolute;
    top: 0;
    left: 0;
}
section.contact.en .infoWrap > div .tit {
    width: 23rem;
    padding-left: 7rem;
    position: relative;
}

.footer {
    padding: 7.5rem 0 10rem;
    background-color: #f9f9f9;
    color: #414141;
    text-align: center;
    font-weight: 300;
}
.footer .logo {
    width: 16rem;
    padding-bottom: 6rem;
}
.footer .info1 {
    padding-bottom: 1rem;
}
.footer .info2 {
    padding-bottom: 3rem;
}
.footer > div > span:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 2rem;
    margin: 0 2rem;
    background-color: #eeebeb;
    vertical-align: middle;
}
.footer > div > span:last-child:after {
    content: none;
}
.popOuter {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, .85);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.btnHide {
    padding: 3.8rem 4rem;
    background: url(../img/common_close_ico@2x.png) no-repeat center;
    background-size: 2rem;
    text-indent: -9999px;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}
.popInner {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.popInner video {
    width: 100%;
    height: 100%;
}
.netPopOuter {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, .2);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.netPopDim {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.netPopInner {
    width: 65rem;
    height: 48.4rem;
    padding: 5rem;
    border-radius: 10px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}
.netPopInner .btnHide {
    padding: 4rem;
    background: url(../img/common_close_ico_black@2x.png) no-repeat center;
    background-size: 2rem;
}
.netPopInner .brandLogo {
    padding-bottom: 3.6rem;
}
.netPopInner .brandLogo img {
    display: block;
    margin: 0 auto;
}
.netPopInner .productImg {
    width: 28rem;
    height: 23rem;
    margin: 0 auto 4rem;
    text-indent: -9999px;
    font-size: 0;
}
.netPopInner .name {
    color: #666;
    font-size: 2.4rem;
    font-weight: bold;
}
.netPopInner .swiper-button-prev, 
.netPopInner .swiper-button-next {
    background: #e6e6e6;
}
.netPopInner .swiper-button-prev {
    left: 0;
}
.netPopInner .swiper-button-next {
    right: 0;
}
.swiper-pagination {
    color: #666;
    font-size: 1.6rem;
    bottom: 5rem;
}
.swiper-pagination-current {
    color: #e86615;
    font-weight: bold;
}
#netPop1 .productImg.img1 {
    background: url(../img/network/S3_log01-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop1 .productImg.img2 {
    background: url(../img/network/S3_log01-img2@2x.png) no-repeat;
    background-size: contain;
}
#netPop1 .productImg.img3 {
    background: url(../img/network/S3_log01-img3@2x.png) no-repeat;
    background-size: contain;
}
#netPop1 .productImg.img4 {
    background: url(../img/network/S3_log01-img4@2x.png) no-repeat;
    background-size: contain;
}
#netPop1 .productImg.img5 {
    background: url(../img/network/S3_log01-img5@2x.png) no-repeat;
    background-size: contain;
}
#netPop1 .productImg.img6 {
    background: url(../img/network/S3_log01-img6@2x.png) no-repeat;
    background-size: contain;
}
#netPop1 .productImg.img7 {
    background: url(../img/network/S3_log01-img7@2x.png) no-repeat;
    background-size: contain;
}
#netPop1 .productImg.img8 {
    background: url(../img/network/S3_log01-img8@2x.png) no-repeat;
    background-size: contain;
}
#netPop2 .productImg.img1 {
    background: url(../img/network/S3_log02-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop3 .netPopInner .brandLogo {
    padding-bottom: 4.3rem;
}
#netPop3 .productImg.img1 {
    background: url(../img/network/S3_log03-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop4 .productImg.img1 {
    background: url(../img/network/S3_log04-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop4 .productImg.img2 {
    background: url(../img/network/S3_log04-img2@2x.png) no-repeat;
    background-size: contain;
}
#netPop4 .productImg.img3 {
    background: url(../img/network/S3_log04-img3@2x.png) no-repeat;
    background-size: contain;
}
#netPop4 .productImg.img4 {
    background: url(../img/network/S3_log04-img4@2x.png) no-repeat;
    background-size: contain;
}
#netPop4 .productImg.img5 {
    background: url(../img/network/S3_log04-img5@2x.png) no-repeat;
    background-size: contain;
}
#netPop5 .netPopInner .brandLogo {
    padding-bottom: 3rem;
}
#netPop5 .productImg.img1 {
    background: url(../img/network/S3_log05-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop5 .productImg.img2 {
    background: url(../img/network/S3_log05-img2@2x.png) no-repeat;
    background-size: contain;
}
#netPop6 .netPopInner .brandLogo {
    padding-bottom: 1.4rem;
}
#netPop6 .productImg.img1 {
    background: url(../img/network/S3_log06-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop7 .productImg.img1 {
    background: url(../img/network/S3_log07-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop8 .productImg.img1 {
    background: url(../img/network/S3_log08-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop8 .productImg.img2 {
    background: url(../img/network/S3_log08-img2@2x.png) no-repeat;
    background-size: contain;
}
#netPop8 .productImg.img3 {
    background: url(../img/network/S3_log08-img3@2x.png) no-repeat;
    background-size: contain;
}
#netPop8 .productImg.img4 {
    background: url(../img/network/S3_log08-img4@2x.png) no-repeat;
    background-size: contain;
}
#netPop8 .productImg.img5 {
    background: url(../img/network/S3_log08-img5@2x.png) no-repeat;
    background-size: contain;
}
#netPop9 .netPopInner .brandLogo {
    padding-bottom: 4.8rem;
}
#netPop9 .productImg.img1 {
    background: url(../img/network/S3_log09-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop10 .netPopInner .brandLogo {
    padding-bottom: 4.9rem;
}
#netPop10 .productImg.img1 {
    background: url(../img/network/S3_log10-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop10 .productImg.img2 {
    background: url(../img/network/S3_log10-img2@2x.png) no-repeat;
    background-size: contain;
}
#netPop11 .netPopInner .brandLogo {
    padding-bottom: 1.4rem;
}
#netPop11 .productImg.img1 {
    background: url(../img/network/S3_log11-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop12 .netPopInner .brandLogo {
    padding-bottom: 4.4rem;
}
#netPop12 .productImg.img1 {
    background: url(../img/network/S3_log12-img1@2x.png) no-repeat;
    background-size: contain;
}
/* #netPop13 p {
    color: #666;
    font-size: 2.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
} */
#netPop13 .netPopInner .brandLogo {
    padding-bottom: 4.5rem;
}
#netPop13 .productImg.img1 {
    background: url(../img/network/S3_log13-img1@2x.png) no-repeat;
    background-size: contain;
}
#netPop13 .productImg.img2 {
    background: url(../img/network/S3_log13-img2@2x.png) no-repeat;
    background-size: contain;
}
#netPop13 .productImg.img3 {
    background: url(../img/network/S3_log13-img3@2x.png) no-repeat;
    background-size: contain;
}
#netPop14 .netPopInner .brandLogo {
    padding-bottom: 4rem;
}
#netPop14 .productImg.img1 {
    background: url(../img/network/S3_log14-img1@2x.png) no-repeat;
    background-size: contain;
}

@media screen and (max-width: 1580px) {
    .header .wrap {
        max-width: 158rem;
        padding: 2.3rem 5rem;
    }
    .header .logo {
        flex: none;
        width: 10rem;
        height: 4rem;
    }
    .header .language {
        padding-left: 0;
    }
    .header .menuList {
        gap: 2rem;
    }
    section h3 {
        font-size: 5rem;
    }
    section.main .content h2 {
        font-size: 7rem;
    }
    section.global .wrap {
        padding-top: 20rem;
    }
    section.global .tms {
        padding: 0 5rem 12rem 15rem;
    }
    section.global .tms h3 {
        font-size: 6rem;
    }
    .rollingWrap {
        font-size: 12rem;
    }
    section.global .service {
        padding: 0 5rem 0 15rem;
    }
    section.global .service .top {
        margin-left: calc(50% + 4rem);
    }
    section.global .service .top .mbr {
        display: block;
    }
    section.global .service .flexWrap {
        gap: 4rem;
    }
    section.global .serviceImg {
        width: 50%;
    }
    section.global .cont {
        font-size: 2rem;
    }
    section.global .network .wrap {
        padding: 22rem 6rem 1rem;
    }
    section.global .network .top {
        padding-left: 8%;
    }
    section.product .wrap {
        padding-top: 14rem;
        padding-bottom: 18rem;
    }
    section.product .productCont li {
        width: 38rem;
    }
    section.product .productCont li .name {
        font-size: 2rem;
    }
    section.food .wrap {
        padding: 0 5rem 15rem;
    }
    section.food .video .btnPlay {
        width: 8rem;
        height: 8rem;
    }
    section.food .techList img {
        width: 6rem;
    }
    section.gardening .wrap {
        padding: 0 5rem 15rem;
    }
    section.gardening .top {
        padding-bottom: 8rem;
    }
    section.gardening .top .exp {
        font-size: 2rem;
    }
    section.gardening .krTit {
        font-size: 2rem;
    }
    section.gardening .enTit {
        padding-bottom: 3rem;
        font-size: 3rem;
    }
    section.gardening .btnPlay {
        width: 8rem;
        height: 8rem;
    }
    section.gardening .exp {
        font-size: 1.8rem;
    }
    section.commerce .top .exp {
        font-size: 2rem;
    }
    section.commerce .commerceList li {
        width: 45rem;
        height: 20rem;
    }
    section.contact .wrap {
        gap: 8rem;
        padding: 13rem 5rem 10rem;
    }
    section.contact h3 {
        padding-bottom: 15rem;
    }
}
@media screen and (max-width: 1280px) {
    .header .wrap {
        padding: 2.3rem 3rem;
    }
    .header .logo {
        width: 9rem;
    }
    .header .menuList {
        font-size: 1.4rem;
    }
    section .subTit {
        font-size: 1.8rem;
    }
    section h3 {
        font-size: 4.5rem;
    }
    section.global .tms h3 {
        padding-bottom: 5rem;
        font-size: 5.5rem;
    }
    section.global .tms .sub {
        padding-bottom: 3rem;
        font-size: 3rem;
    }
    .rollingWrap {
        font-size: 10rem;
    }
    section.global .tms {
        padding: 0 5rem 10rem;
    }
    section.global .service {
        padding: 0 5rem;
    }
    section.global .service .content {
        padding-top: 4rem;
    }
    section.global .service .serviceCont {
        padding-bottom: 4rem;
        font-size: 1.6rem;
    }
    section.global .fulfillment {
        padding-bottom: 17rem;
    }
    section.global .fulfillment .cont {
        padding-bottom: 4rem;
        font-size: 1.7rem;
    }
    section.global .btnMore {
        padding: 1rem 2.5rem;
    }
    section.global .network .wrap {
        padding: 22rem 5rem 0;
    }
    section.global .network .top {
        padding-left: 0;
    }
    section.global .pcMap .map {
        margin-top: -8rem;
    }
    section.global .pcMap .bgMap {
        width: 120%;
        margin-left: -10%;
    }
    section.product .top {
        padding-bottom: 5rem;
    }
    section.product .productTab li .tabImg {
        width: 4.5rem;
        height: 4.5rem;
    }
    section.product .productCont li {
        width: 32rem;
    }
    section.product .productCont li .name {
        font-size: 1.8rem;
    }
    .swiper-button-prev, 
    .swiper-button-next {
        width: 7rem;
        height: 7rem;
    }
    .swiper-button-prev {
        left: 8rem;
    }
    .swiper-button-next {
        right: 8rem;
    }
    .swiper-button-prev:after, 
    .swiper-button-next:after {
        width: 5rem;
        height: 5rem;
        background-size: 5rem;
    }
    section.food .wrap {
        padding: 0 3rem 15rem;
    }
    section.food .techNum {
        font-size: 1.6rem;
    }
    section.food .techTit {
        font-size: 2.5rem;
    }
    section.food .techTitExp {
        font-size: 1.6rem;
    }
    section.food .video .btnPlay {
        width: 7rem;
        height: 7rem;
    }
    section.food .techList:before,
    section.food .techList:after {
        top: -0.5rem;
    }
    section.food .techList {
        font-size: 1.2rem;
    }
    section.food .techList li:before {
        width: 1rem;
        height: 1rem;
        top: -1rem;
    }
    section.food .techList li:after {
        width: 3rem;
        height: 3rem;
        top: -2rem;
        left: calc(50% - 1.5rem);
    }
    section.food.en .techList .cont {
        min-height: 7.6rem;
    }
    section.gardening .wrap {
        padding: 0 3rem 15rem;
    }
    section.gardening .top {
        padding-bottom: 6rem;
    }
    section.gardening .top .exp {
        font-size: 1.8rem;
    }
    section.gardening .krTit {
        padding-bottom: 0.5rem;
        font-size: 1.8rem;
    }
    section.gardening .enTit {
        padding-bottom: 2rem;
        font-size: 2.8rem;
    }
    section.gardening .btnPlay {
        width: 7rem;
        height: 7rem;
        margin-bottom: 2rem;
    }
    section.gardening .exp {
        font-size: 1.6rem;
    }
    section.commerce .top .exp {
        font-size: 1.8rem;
    }
    section.commerce .commerceList li {
        width: 32rem;
        height: 14rem;
    }
    section.contact .wrap {
        gap: 5rem;
        padding: 13rem 3rem 10rem;
    }
    section.contact h3 {
        padding-bottom: 10rem;
    }
    section.contact .infoWrap {
        padding: 3rem 0;
        font-size: 1.6rem;
    }
    section.contact .infoWrap > div {
        gap: 3rem;
        padding-bottom: 2rem;
    }
    section.contact .infoWrap > div .tit:before {
        width: 2rem;
        height: 2rem;
        margin-right: 1rem;
    }
    section.contact .infoWrap > div .tit {
        width: 13rem;
    }
    .footer {
        padding: 5rem 0 7rem;
        font-size: 1.6rem;
    }
    .footer .logo {
        width: 14rem;
        padding-bottom: 5rem;
    }
}
@media screen and (max-width: 1024px) {
    .pbr {
        display: none;
    }
    section .subTit {
        font-size: 2.8rem;
    }
    section h3 {
        line-height: 1.36;
        font-size: 5.5rem;
    }
    section.global .tms {
        padding: 0 4rem 10rem;
    }
    section.global .tms h3 {
        font-size: 6.5rem;
    }
    section.global .service {
        padding: 0;
        margin-bottom: 0;
    }
    section.global .service .top {
        padding: 0 5rem;
        margin-left: 0;
        margin-bottom: 8rem;
    }
    section.global .serviceImg {
        width: 100%;
        max-width: 100%;
        padding: 0 5rem;
    }
    section.global .service .flexWrap {
        flex-wrap: wrap;
    }
    section.global .service .content {
        width: 100%;
        padding: 30rem 5rem 0;
        margin-top: -25rem;
        background: #f9f9f9;
    }
    section.global .service .serviceCont {
        padding-bottom: 5rem;
        font-size: 2.8rem;
    }
    section.global .fulfillment {
        padding-bottom: 0;
    }
    section.global .fulfillment .tit {
        padding-bottom: 4rem;
        font-size: 2.8rem;
    }
    section.global .fulfillment .cont {
        padding-bottom: 0;
        font-size: 2.8rem;
    }
    section.global .btnMore {
        display: none;
    }
    section.global .network .wrap {
        padding: 9rem 0 0;
    }
    section.global .network .top {
        padding: 0 5rem;
    }
    section.global .pcMap {
        display: none;
    }
    section.global .moMap {
        display: block;
    }
    section.product .productTab li {
        width: 25%;
    }
    section.product .productTab li .tabImg {
        width: 6rem;
        height: 6rem;
        margin: 0 auto 2rem;
    }
    section.product .productTab li .tabTit {
        font-size: 2.4rem;
    }
    section.product .productMsg {
        word-break: keep-all;
        font-size: 2.8rem;
    }
    section.product .productMsg .mbr {
        display: block;
    }
    section.product .productCont li {
        width: calc(100% - 27rem);
    }
    section.product.en .productCont {
        align-items: flex-start;
    }
    section.product.en .productCont li .name {
        min-height: 8.6rem;
    }
    .tabWrap:before, 
    .tabWrap:after {
        width: 20rem;
    }
    .swiper-button-prev, 
    .swiper-button-next {
        width: 10rem;
        height: 10rem;
        top: calc(50% - 5rem);
    }
    .swiper-button-prev {
        left: 4rem;
    }
    .swiper-button-next {
        right: 4rem;
    }
    .swiper-button-prev:after, 
    .swiper-button-next:after {
        width: 7.5rem;
        height: 7.5rem;
        background-size: 7.5rem;
    }
    section.product .productCont li .name {
        color: #666;
        font-size: 2.8rem;
    }
    section.food .wrap {
        padding: 0 4rem 15rem;
    }
    section.food .boxWrap {
        flex-wrap: wrap;
        gap: 4rem;
    }
    section.food .boxWrap > div {
        padding: 4rem 2rem 2rem;
    }
    section.food .techNum {
        font-size: 3rem;
    }
    section.food .techTit {
        font-size: 4.4rem;
    }
    section.food .techTitExp {
        padding-bottom: 4rem;
        font-size: 3rem;
    }
    section.food .video {
        margin-bottom: 5rem;
    }
    section.food .video .btnPlay {
        width: 10rem;
        height: 10rem;
    }
    section.food .exp {
        font-size: 2.8rem;
    }
    section.food .techList:before {
        background-color: #707070;
        top: -0.8rem;
    }
    section.food .techList:after {
        background-color: #707070;
        top: calc(50% - 0.8rem);
    }
    section.food .techList {
        gap: 0;
        flex-wrap: wrap;
        font-size: 2.8rem;
    }
    section.food .techList li:before {
        width: 1.6rem;
        height: 1.6rem;
        top: -1.6rem;
    }
    section.food .techList li {
        flex: none;
        width: 50%;
    }
    section.food .techList li:after {
        width: 3.6rem;
        height: 3.6rem;
        top: -2.6rem;
        left: calc(50% - 1.8rem);
    }
    section.food .techList .num {
        font-size: 2.4rem;
    }
    section.food .techList img {
        width: 10rem;
    }
    section.food .techList .cont {
        padding-bottom: 3.8rem;
    }
    section.food.en .tech1Wrap .techList .cont {
        min-height: 16.7rem;
    }
    section.food.en .tech2Wrap .techList .cont {
        min-height: 12.4rem;
    }
    section.gardening .mbr {
        display: block;
    }
    section.gardening .top {
        padding-bottom: 10rem;
    }
    section.gardening .top .exp {
        font-size: 2.8rem;
    }
    section.gardening .boxWrap {
        gap: 4rem;
        flex-wrap: wrap;
    }
    section.gardening .boxWrap > div {
        width: 100%;
        min-height: 60rem;
    }
    section.gardening .boxWrap > div:first-child {
        background: url(../img/S6_img1@3x.webp) no-repeat;
        background-size: cover;
    }
    section.gardening .boxWrap > div:nth-child(2) {
        order: 1;
        background: url(../img/S6_img2@3x.webp) no-repeat;
        background-size: cover;
    }
    section.gardening .boxWrap img {
        display: none;
    }
    section.gardening .krTit {
        padding-bottom: 0;
        font-size: 2.8rem;
    }
    section.gardening .enTit {
        padding-bottom: 4rem;
        font-size: 5.5rem;
    }
    section.gardening .btnPlay {
        width: 10rem;
        height: 10rem;
        margin-bottom: 5rem;
    }
    section.gardening .exp {
        font-size: 2.8rem;
    }
    section.gardening.en .exp {
        padding: 0 2rem;
        font-size: 2.4rem;
    }
    section.commerce .commerceListWrap:before,
    section.commerce .commerceListWrap:after {
        width: 20rem;
    }
    section.commerce .wrap {
        padding-bottom: 15rem;
    }
    section.commerce .top .exp {
        padding: 0 4rem;
        font-size: 2.4rem;
    }
    section.commerce .commerceList li img {
        width: 30rem;
    }
    section.commerce.en .top .exp br {
        display: none;
    }
    section.contact .wrap {
        flex-wrap: wrap;
        gap: 0;
        padding: 10rem 0;
    }
    section.contact .top,
    section.contact.en .top {
        width: 100%;
        padding: 0 4rem;
    }
    section.contact h3 {
        padding-bottom: 8rem;
    }
    section.contact .infoWrap > div .tit:before {
        width: 3rem;
        height: 3rem;
        margin-right: 2rem;
    }
    section.contact .infoWrap > div .tit {
        width: 20rem;
    }
    section.contact .infoWrap {
        padding: 4rem 0;
        font-size: 2.8rem;
    }
    section.contact .map {
        width: 100%;
        height: 71.6rem;
        margin-top: 5rem;
    }
    .footer {
        padding: 10rem 4rem;
        font-size: 2.8rem;
    }
    .footer .mbr {
        display: block;
    }
    .footer .logo {
        width: 18rem;
        padding-bottom: 7rem;
    }
    .footer span {
        display: block;
    }
    .footer > div > span:after {
        content: none;
    }
    .footer .info1 {
        padding-bottom: 0;
    }
    .netPopInner .swiper-button-prev, 
    .netPopInner .swiper-button-next {
        width: 8rem;
        height: 8rem;
    }
    .netPopInner .swiper-button-prev:after, 
    .netPopInner .swiper-button-next:after {
        width: 6rem;
        height: 6rem;
        background-size: 6rem;
    }
    
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .header .wrap {
        padding: 2rem;
    }
    .header .logo {
        width: 8rem;
    }
    .header .menuList {
        gap: 1rem;
        font-size: 1.2rem;
    }
    .header .language .line {
        margin: 0 0.5rem;
    }
    .header .language a {
        font-size: 1rem;
    }
    section.main .content h2 {
        font-size: 6rem;
    }
    section.main .btnScroll .txt {
        font-size: 1.8rem;
    }
}
@media screen and (max-width: 767px) {
    .header .wrap {
        padding: 2rem 4rem;
        border-bottom: none;
    }
    .header .logo {
        width: 18rem;
        height: 7rem;
    }
    .header .menuList {
        display: none;
    }
    .header .language {
        flex: 2;
        padding-right: 2rem;
        text-align: right;
    }
    .header .language a {
        font-size: 2.4rem;
    }
    .header .language .line {
        width: 0.2rem;
        height: 3rem;
        vertical-align: bottom;
    }
    .header .moBtnMenu {
        display: block;
    }
    .moMenuPop {
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
    }
    .moMenuPop.show {
        display: block;
        animation: popup .5s both;
    }
    .moMenuPop .head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 2rem 4rem;
        position: relative;
    }
    .moMenuPop .head a {
        display: inline-block;
        color: #666;
    }
    .moMenuPop .language .line {
        background-color: #666;
        vertical-align: inherit;
        position: relative;
        top: 0.7rem;
        right: auto;
    }
    .moMenuPop .popLogo {
        width: 18rem;
    }
    .moMenuPop .moBtnHide {
        width: 8rem;
        height: 8rem;
    }
    .moMenuPop .moBtnHide img {
        display: block;
        width: 80%;
        margin: auto;
    }
    .moMenuPop .menuList {
        display: block;
        margin-top: 8rem;
        color: #414141;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        font-size: 3rem;
        font-weight: 500;
    }
    .moMenuPop .menuList > li {
        padding-bottom: 4rem;
    }
    @keyframes popup {
        from {
            transform: translateY(-100%);
        } to {
            transform: translateY(0);
        }
    }
    .moMenuPop .icoMore:before {
        content: '';
        width: 2rem;
        height: 4px;
        background-color: #414141;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .moMenuPop .icoMore {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        position: relative;
    }
    .moMenuPop .icoMore:after {
        content: '';
        width: 4px;
        height: 2rem;
        background-color: #414141;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .moMenuPop .icoMore.show:after {
        content: none;
    }
    .moMenuPop .subMenuList {
        opacity: 1;
        display: none;
        visibility: inherit;
        width: 100%;
        padding: 4rem;
        margin-top: 4rem;
        background: #f9f9f9;
        font-size: 2.8rem;
        position: relative;
    }
    .moMenuPop .subMenuList li {
        padding-bottom: 3rem;
    }
    .moMenuPop .subMenuList li:last-child {
        padding-bottom: 0;
    }
    .moMenuPop .subMenuList li a {
        opacity: 1;
        color: #414141;
        font-size: 2.8rem;
        font-weight: 500;
    }
    .moMenuPop .cont {
        height: calc(100% - 16rem);
        overflow-y: auto;
    }
    section.main .content h2 {
        padding-bottom: 6rem;
        line-height: 1.5;
        font-size: 6rem;
    }
    section.main .content {
        width: calc(100% - 4rem);
    }
    section.main .content p {
        font-size: 3rem;
    }
    section.main .btnScroll .txt {
        font-size: 2.4rem;
    }
    section.main .btnScroll .arrow {
        width: 3.6rem;
        height: 3.6rem;
    }
    .rollingWrap {
        font-size: 15rem;
    }
    section.global .mbr {
        display: block;
    }
    section.global .tms h3 {
        padding-bottom: 8rem;
    }
    section.global .tms .content {
        padding-left: 4rem;
    }
    section.global .tms .sub {
        padding-bottom: 4rem;
        font-size: 3.6rem;
    }
    section.global .cont {
        padding-bottom: 5rem;
        word-break: keep-all;
        font-size: 2.8rem;
    }
    section.global .network .moMsg {
        opacity: 0;
        display: block;
    }
    .tabWrap:before, 
    .tabWrap:after {
        width: 10rem;
    }
    section.product.en .productTab li .tabTit {
        font-size: 2.2rem;
    }
    section.product.en .productMsg {
        font-size: 2.4rem;
    }
    section.product.en .productMsg br {
        display: none;
    }
    section.product.en .productCont li .name {
        word-break: keep-all;
        font-size: 2.4rem;
    }
    section.product.en .productCont li .name br {
        display: none;
    }
    section.food .techList li > div.fadeIn {
        animation: fadein 1s ease-out;
        animation-delay: .5s;
        animation-fill-mode: forwards;
    }
    section.food .techList .fadeIn.tech2 {
        animation-delay: .7s;
    }
    section.food .techList .fadeIn.tech3 {
        animation-delay: .9s;
    }
    section.food .techList .fadeIn.tech4 {
        animation-delay: 1.1s;
    }
    section.food.en .tech1Wrap .techList .cont {
        min-height: 21rem;
    }
    section.food.en .tech2Wrap .techList .cont {
        min-height: 16.7rem;
    }
    section.gardening.en .exp br {
        display: none;
    }
    section.commerce .commerceListWrap:before,
    section.commerce .commerceListWrap:after {
        width: 10rem;
    }
    .netPopInner {
        width: calc(100% - 8rem);
    }
}
@media screen and (max-width: 575px) {
    html {
        font-size: 7px;
    }
    .netPopInner {
        padding: 4rem;
    }
    section.food.en .tech1Wrap .techList .cont {
        min-height: 17rem;
    }
    section.food.en .tech2Wrap .techList .cont {
        min-height: 12.7rem;
    }
    section.contact.en .infoWrap > div .tit {
        width: 30rem;
    }
}
@media screen and (max-width: 480px) {
    html {
        font-size: 6px;
    }
    .moMenuPop .icoMore:before {
        height: 2px;
    }
    .moMenuPop .icoMore:after {
        width: 2px;
    }
    #netPop6 .netPopInner .brandLogo {
        padding-bottom: 0;
    }
    section.commerce .commerceList.listBottom {
        margin-top: -8px;
    }
    section.contact .infoWrap {
        font-size: 2.4rem;
    }
    section.product.en .productCont li .name br {
        display: block;
    }
    section.food.en .techList .cont {
        padding: 0 1rem 3.8rem;
    }
    section.food.en .tech1Wrap .techList .cont {
        min-height: 21rem;
    }
    section.food.en .tech2Wrap .techList .cont {
        min-height: 17rem;
    }
    /* .netPopInner {
        height: auto;
    } */
}
@media screen and (max-width: 375px) {
    html {
        font-size: 5px;
    }
    section.commerce .commerceList.listBottom {
        margin-top: -6px;
    }
    section.gardening .exp {
        font-size: 2.4rem;
    }
    section.contact.en .infoWrap > div .tit {
        width: 27rem;
    }
    .netPopInner .brandLogo {
        width: 10rem;
        margin: 0 auto;
    }
    .netPopInner .brandLogo img {
        width: 100%;
    }
}