img {max-width:100%;}
* {-webkit-text-size-adjust:none;}

#mainVisual  {position: relative;}
/* #mainVisual .pager {position:absolute;width: 100%;text-align: center; bottom:10px;z-index:2;} */
#mainVisual .pager .swiper-pagination-bullet {width: 10px;height: 10px;border: 2px solid #fff;background: none;opacity: 1;margin: 0 2px;}
#mainVisual .pager .swiper-pagination-bullet-active {background: #fff;}

#mainContents {min-height:400px;}
h3.title {text-align:center;padding:20px 0;font-size:1.2rem;color:#262626;}
h3.title span {color:#42675d;}

#m_container * {box-sizing:border-box;}

.tab {text-align:center;}
.tab ul li {display:inline-block;width:20%;}
.tab ul li a {display:block;font-size:1rem;color:#4d4d4d;}
.tab ul li.on a {color:#49635c;font-weight:500;text-decoration:underline;}
.tabContents {margin-top:10px;}
.tabContents > ul > li {display:none;}
.tabContents > ul > li:first-child {display:block;}

/* .mainProductList {background:#f3f3f3;padding:20px 10px;} */
.mainProductList {padding:20px 10px;}
.mainProductList .mask {overflow:hidden;margin:-5px;}
.mainProductList .mask ul li ul li {float:left;width:33.33%;}
.mainProductList .mask ul li ul li a {display:block;padding:5px;}
.mainProductList .mask ul li ul li .imgBox {border:1px solid #ccc;position:relative;}
.mainProductList .mask ul li ul li .imgBox .new {position:absolute;top:0;left:0;font-size:0.8rem;color:#fff;background:rgba(0,0,0,0.3);width:35px;height:20px;line-height:20px;text-align:center;}
.mainProductList .pager {width:100%;text-align:center;}
.mainProductList .pager .swiper-pagination-bullet {background:none;border:2px solid #a4a4a3;width:10px;height:10px;margin:0 3px;}
.mainProductList .pager .swiper-pagination-bullet-active {background:#a4a4a4;}
.productDesc {padding:10px 5px;text-align: center;font-family: "굴림";font-size: 11px;color: #666;}
/* .productDesc {padding-top: 15px;text-align: center;font-family: "굴림";font-size: 11px;color: #666;} */
.productDesc .name {font-size:0.8rem;color:#4d4d4d;font-weight:300;line-height:1.5;height:3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;}
.productDesc .phoneName {display:block; color:#0474bb; padding-top:5px;font-weight: bold;font-size: 12px;}
.productDesc .brand {color: #7d9ab2;}
.productDesc .priceWrap {font-size:0.7rem;color:#4d4d4d;}
.productDesc .priceWrap .priceNormal {font-weight:300;text-decoration:line-through;}
.productDesc .priceWrap .priceNormal.normal {text-decoration:none;}
.productDesc .priceWrap .priceSale {font-weight:500;}
.productDesc .priceWrap .discount {color:#e00909;font-weight:500;}
.label img {width:44px;height:22px;}
.label > span {width:44px;height:22px;line-height:22px;display:inline-block;border:1px solid #ccc;font-size:0.8rem;color:#666;font-weight:300;text-align:center;}
.label > span.new {color:#fff;background:#4d4d4d;border:1px solid #4d4d4d;}
.mainBenefit {padding:0 10px 20px 10px;}
.mainBenefit .mask {overflow:hidden;}
.mainBenefit .mask ul li ul li {float:left;width:50%;}
.mainBenefit .mask ul li ul li a {display:block;}
.mainBenefit .maskWrap {position:relative;}
.mainBenefit .maskWrap > a {display:block;position:absolute;top:50%;margin-top:-15px;z-index:9;width:30px;}
.mainBenefit .pager {width:100%;text-align:center;}
.mainBenefit .pager .swiper-pagination-bullet {background:none;border:2px solid #a4a4a3;width:10px;height:10px;margin:0 3px;}
.mainBenefit .pager .swiper-pagination-bullet-active {background:#a4a4a4;}

/* .newProductList {background:#f3f3f3;padding:20px 10px;} */
.newProductList {padding:20px 10px;}
.newProductList .mask {overflow:hidden;margin:-5px;}
.newProductList .mask ul li ul li {float:left;width:50%;}
.newProductList .mask ul li ul li a {display:block;padding:5px;}
.newProductList .mask ul li ul li .imgBox {border:1px solid #ccc;position:relative;}
.newProductList .mask ul li ul li .imgBox .new {position:absolute;top:0;left:0;font-size:0.8rem;color:#fff;background:rgba(0,0,0,0.3);width:35px;height:20px;line-height:20px;text-align:center;}
.newProductList .pager {width:100%;text-align:center;}
.newProductList .pager .swiper-pagination-bullet {background:none;border:2px solid #a4a4a3;width:10px;height:10px;margin:0 3px;}
.newProductList .pager .swiper-pagination-bullet-active {background:#a4a4a4;}


/* .bestProductList {background:#f3f3f3;padding:20px 10px;} */
.bestProductList {padding:20px 10px;}
.bestProductList .mask {overflow:hidden;margin:-5px;}
.bestProductList .mask ul li ul li {float:left;width:50%;}
.bestProductList .mask ul li ul li a {display:block;padding:5px;}
.bestProductList .mask ul li ul li .imgBox {border:1px solid #ccc;position:relative;}
.bestProductList .mask ul li ul li .imgBox .new {position:absolute;top:0;left:0;font-size:0.8rem;color:#fff;background:rgba(0,0,0,0.3);width:35px;height:20px;line-height:20px;text-align:center;}
.bestProductList .pager {width:100%;text-align:center;}
.bestProductList .pager .swiper-pagination-bullet {background:none;border:2px solid #a4a4a3;width:10px;height:10px;margin:0 3px;}
.bestProductList .pager .swiper-pagination-bullet-active {background:#a4a4a4;}



.postArea {padding:0 10px 20px 10px;}
.postArea .mask {overflow:hidden;}
.postArea .maskWrap {position:relative;}
.postArea .maskWrap > a {display:block;position:absolute;top:50%;margin-top:-15px;z-index:9;width:30px;}
.postArea .maskWrap > a.btnPrev {left:-5px;}
.postArea .maskWrap > a.btnNext {right:-5px;}

.promotion {padding:20px 10px 0 10px;}
.promotion .promotionList {padding:10px;border:2px solid #ccc;margin-top:10px;position:relative;}
.promotion .promotionList > a {display:block;position:absolute;top:50%;z-index:9;width:30px;}
.promotion .promotionList > a.btnPrev {left:5px;}
.promotion .promotionList > a.btnNext {right:5px;}

.promotion .mask {overflow:hidden;}
.promotion .mask ul li {float:left;width:50%;padding:5px;}
.promotion .mask ul li a {display:block;text-align: center;}
.promotion .mask ul li .imgBox {display:block;border:1px solid #ccc;}
.promotion .mask ul li p {font-size:0.8rem;color:#4d4d4d;font-weight:300;padding:10px 0;}
.promotion .mask ul li p strong {color:#49635c;font-weight:700;}
.promotion .mask ul li .btnJoin {display:inline-block;width:50%;text-align:center;color:#fff;font-weight:0.8rem;background:#4d4d4d;font-weight:300;border-radius:20px;}

.mainInstagram {padding:0 10px 20px 10px;}
.mainInstagram .mask {overflow:hidden;margin:-5px;}
.mainInstagram .mask ul li {float:left;width:50%;padding:5px;}
.mainInstagram .pager {width:100%;text-align:center;margin-top:10px;}
.mainInstagram .pager .swiper-pagination-bullet {background:none;border:2px solid #a4a4a3;width:10px;height:10px;margin:0 3px;}
.mainInstagram .pager .swiper-pagination-bullet-active {background:#a4a4a4;}

.videoPromotion {margin-top: 2rem; padding: 2.8rem 0 2.1rem;background:#f3f3f3;text-align:center;}
.videoPromotion h2 {color:#1b3c33;font-size:0.9rem;font-weight:800;letter-spacing:0.5rem;}
.videoPromotion .inner {width:90%;margin: 2rem auto 0;}
.videoPromotion .desc {display:table;width:100%;height:8rem;background-color:#fff;}
.videoPromotion .desc p {display:table-cell;width:100%;height:100%;padding: 0 2rem;vertical-align:middle;}
.videoPromotion .desc span {display:block;color:#000;}
.videoPromotion .desc .en {font-size:1.3rem;font-weight:800;line-height:2em;letter-spacing:0.09rem;}
.videoPromotion .thumbnail {position:relative;}
.videoPromotion .thumbnail .embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.videoPromotion .thumbnail .embed-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}