@charset "utf-8";
/* CSS Document */

#farmWrap {display:block; width:100%; min-height:calc(100vh - 243px); text-align:center;}
#farmWrap .pc {display:block !important;}
#farmWrap .mo {display:none !important;}
#farmWrap .visualBox {position:relative; width:100%; height:100vh;}
#farmWrap .visualBox video {width:100%; height:100%; object-fit:cover;}
#farmWrap .inner {display:inline-block; width:1180px; margin:0 auto; text-align:center;}
#farmWrap .inner .txtBox {display:block; padding:80px 0;}
#farmWrap .inner .txtBox .tit {display:block; margin:0 0 0 0; color:#1b1b1b; font-size:30px; font-weight:600; line-height:40px; letter-spacing:-0.5px;}
#farmWrap .inner .txtBox .txt {display:block; margin:20px 0 0 0; color:#1b1b1b; font-size:18px; font-weight:300; line-height:28px; letter-spacing:0px;}
#farmWrap .inner .imgBox {display:block; width:100%; height:auto; margin:0 0 70px 0;}
#farmWrap .inner .imgBox img {width:100%; height:auto; object-fit:contain;}
#farmWrap>.imgBox {display:block; width:100%; height:75vh;}
#farmWrap>.imgBox img {width:100%; height:100%; object-fit:cover;}

#farmWrap .imgInnerBox {display:block; width:100%; height:auto; margin:0 0 70px 0; text-align:center; vertical-align:bottom;}
#farmWrap .imgInnerBox img {width:1180px; height:auto; margin:0 auto; object-fit:inherit;}

#farmWrap .bgBox {display:block; margin:70px 0 0 0; padding:100px 0; text-align:center;background:#EFEEE7;}
#farmWrap .bgBox .imgBox {display:inline-block; margin:0 auto;}
#farmWrap .bgBox .txtBox .tit {display:block; margin:70px 0 0 0; color:#1b1b1b; font-size:30px; font-weight:500; line-height:40px; letter-spacing:-0.5px;}
#farmWrap .bgBox .txtBox .txt {display:block; margin:10px 0 0 0; color:#1b1b1b; font-size:18px; font-weight:300; line-height:28px; letter-spacing:-0px;}

#farmWrap .dlBox {display:block; clear:both; overflow:hidden;}
#farmWrap .dlBox dl {float:left; width:100%;}
#farmWrap .dlBox dl:first-child:nth-last-child(2), #farmWrap .dlBox dl:first-child:nth-last-child(2) ~ dl {width:50%;}
#farmWrap .dlBox dl:first-child:nth-last-child(3), #farmWrap .dlBox dl:first-child:nth-last-child(3) ~ dl {width:33.3333%;}
#farmWrap .dlBox dl:first-child:nth-last-child(4), #farmWrap .dlBox dl:first-child:nth-last-child(4) ~ dl {width:25%;}
#farmWrap .dlBox dl dt {display:block; overflow:hidden; aspect-ratio:9/16;}
#farmWrap .dlBox dl dt img {width:100%;}
#farmWrap .dlBox dl dd {display:block; padding:10px; font-size:13px; word-break:keep-all; opacity:0.7;}

#farmWrap .lstBox {display:block; margin:0 0 100px 0;}
#farmWrap .lstBox ul {display:flex;}
#farmWrap .lstBox li {overflow:hidden; width:33.3333%; margin:0; text-align:center;}
#farmWrap .lstBox li img {width:100%; scale:1.1;}
#farmWrap .lstBox li span.prod_name {display:block; padding:10px 0 0 0; font-size:14px; font-weight:400; text-align:center; letter-spacing:0;}
#farmWrap .lstBox li span.prod_name em {display:block; padding:5px 0 0 0; font-size:13px; font-weight:300; opacity:0.7;}
#farmWrap .lstBox li span.price {display:block; padding:10px 0 0 0; font-size:20px; font-weight:500; text-align:center; letter-spacing:-0.5px;}
#farmWrap .lstBox li span.price i {display:inline-block; font-style:normal;}
#farmWrap .lstBox li span.price i.prod_dollar {position:relative; height:auto; padding:0 2px; font-size:20px; font-weight:600; line-height:normal; vertical-align:middle;}
#farmWrap .lstBox li span.price i.prod_dollar:before{content:'$'; display:inline-block; font-size:20px; line-height:normal;}
#farmWrap .lstBox li span.price i.prod_cent {display:inline-block; margin:0 0 0 -3px; font-size:14px; font-weight:400; vertical-align:super;}
#farmWrap .lstBox li .btnBox {clear:both; overflow:hidden; margin:15px 0 0 0; padding:0 50px}
#farmWrap .lstBox li a {float:left; margin:2px; height:40px; font-size:12px; font-weight:400; line-height:40px; letter-spacing:-0.5px; border:1px solid #bababa;}
#farmWrap .lstBox li a:first-child:nth-last-child(1) {width:calc(100% - 4px);}
#farmWrap .lstBox li a:first-child:nth-last-child(2), #farmWrap .lstBox li a:first-child:nth-last-child(2) ~ a {width:calc(50% - 4px);}
#farmWrap .lstBox li a:hover, #farmWrap .lstBox li a:focus {border:1px solid #1b1b1b; background:#1b1b1b;}
#farmWrap .lstBox li a.ico {overflow:hidden; text-indent:-999px;}
#farmWrap .lstBox li a.ico.shopee {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_clr.svg") no-repeat 50% 50%/auto 45%;}
#farmWrap .lstBox li a.ico.amazon {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_clr.svg") no-repeat 50% 60%/auto 40%;}
#farmWrap .lstBox li a:hover.ico.shopee {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_w.svg") no-repeat 50% 50%/auto 45%;}
#farmWrap .lstBox li a:hover.ico.amazon {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_w.svg") no-repeat 50% 60%/auto 40%;}

#farmWrap .inner .btnBox a.bg_black {color:#fff; background:#1b1b1b;}
#farmWrap .inner .btnBox a + .desc {display:block; margin:7px 0 0 0; font-size:14px; font-weight:300;}

@media screen and (max-width:780px) {
	
.header>.area .line-gnb.mobile-menu-container.active {background-color:rgba(255,251,247,1.0);}

.header .line-gnb.active h1 a{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/logo_b.svg) !important;}
.header .line-gnb.active ul.list-gnb.mobile>li{color:#1b1b1b;}
.header .line-gnb.active ul.list-gnb.mobile.main>li{color:#1b1b1b;}
.header .line-gnb.active .navTrigger i{background-color:#1b1b1b;}
.header .line-gnb.active ul.list-filter>li,ul.list-gnb>li{color:#1b1b1b;}
.header .line-gnb.active ul.list-gnb.mobile.m-sub-menu.main>li>a{color:#1b1b1b;}
.header .line-gnb.active ul.list-gnb.mobile>li.cart{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart.svg) no-repeat center top/28px 28px;}
.header .line-gnb.active ul.list-gnb.mobile>li.cart .cart-count{color:#fff;}
.header .line-gnb.active ul.list-gnb.mobile>li.login{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_login.svg) no-repeat center top/28px 28px;}
.header .line-gnb.active ul.list-gnb.mobile>li.like{background:transparent url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like.svg) no-repeat center top/28px 28px;}
.header .line-gnb.active ul.list-gnb.gt-780>li.ico-cart a{color:#fff;background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_cart.svg);}
.header .line-gnb.active ul.list-gnb.gt-780>li.ico-like a{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_like.svg);}
.header .line-gnb.active ul.list-gnb.gt-780>li.ico-lang a{background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/renew/ico_lang.svg);}
.header .line-gnb.active ul.list-gnb>li{color:#1b1b1b;}
.header .line-gnb.active ul.list-snb>li{color:#1b1b1b;}

#farmWrap .pc {display:none !important;}
#farmWrap .mo {display:block !important;}
#farmWrap .inner {display:block; width:100%;}
#farmWrap .inner:last-child .txtBox  {padding-bottom:30px;}
#farmWrap .inner .txtBox .tit {margin:0 0 20px 0; padding:0 15px; font-size:20px; line-height:28px;}
#farmWrap .inner .txtBox .txt {margin:10px 0 0 0; padding:0 15px; font-size:15px; line-height:24px;}
#farmWrap .imgInnerBox img {width:100%; margin:0 auto;}
#farmWrap .bgBox .imgBox img {width:100%;}
#farmWrap .bgBox .txtBox .tit {margin:20px 0 10px 0; font-size:22px; line-height:28px;}
#farmWrap .bgBox .txtBox .txt {margin:10px 0 0 0; padding:0 15px; font-size:15px; line-height:22px;}
#farmWrap .inner:nth-child(8) {display:none;}
#farmWrap .lstBox ul {display:block; clear:both; overflow:hidden;}
#farmWrap .lstBox ul li {float:left; width:50%; margin:10px 0; box-sizing:border-box;}
#farmWrap .lstBox li a span.price {font-size:20px;}
#farmWrap .inner .btnBox a.bg_black {width:100%;}
	
#farmWrap .lstBox li:nth-child(odd) { padding:0 5px 0 0;}
#farmWrap .lstBox li:nth-child(even) { padding:0 0 0 5px;}
#farmWrap .lstBox li span.name {font-size:0.8rem;}
#farmWrap .lstBox li .btnBox {margin:7px 0 0 0; padding:0 10px;}
#farmWrap .lstBox li .btnBox a {width:100%; margin:2px 0;}	
#farmWrap .lstBox li .btnBox a:first-child:nth-last-child(1) {width:100%;}
#farmWrap .lstBox li .btnBox a:first-child:nth-last-child(2), #farmWrap .lstBox li .btnBox a:first-child:nth-last-child(2) ~ a {width:100%;}
#farmWrap .lstBox li .btnBox a.ico.shopee {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_clr.svg") no-repeat 50% 50%/40%;}
#farmWrap .lstBox li .btnBox a.ico.amazon {background:url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_clr.svg") no-repeat 50% 60%/30%;}
#farmWrap .lstBox li .btnBox a:hover.ico.shopee {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_shopee_w.svg") no-repeat 50% 50%/40%;}
#farmWrap .lstBox li .btnBox a:hover.ico.amazon {background:#1b1b1b url("https://toun28.s3.ap-northeast-2.amazonaws.com/img/new/logo_amazon_w.svg") no-repeat 50% 60%/30%;}
	
#farmWrap .dlBox dl:first-child:nth-last-child(4), #farmWrap .dlBox dl:first-child:nth-last-child(4) ~ dl {width:50%;}
#farmWrap .dlBox dl dd {min-height:120px;}
}