@charset 'utf-8';
.visual-wrap {width:100%; margin:0 auto; position: relative; border-bottom:1px solid #dddddd; padding-top:8rem}
.visual-wrap .swiper-slide{width:100%;}
.visual-wrap .swiper-slide .visual-img{width:100%; height:100%;}
.visual-wrap .swiper-slide a{display:block; width:100%; height:100%;}
.visual-wrap .swiper-slide img{width:100%; height:100%; display:block; vertical-align: middle;}
.visual-pagination{position: absolute; bottom:10px; left: 50%; margin-left:-25px; width: 50px; height:22px; line-height:22px; background:rgba(0, 0, 0, 0.5); 
border-radius:20px; z-index: 1;}
.visual-pagination .bnrPage{color:#fff; font-size:12px;  text-align: center; width:42px; color:#ededed; display: inline-block; line-height:23px; letter-spacing: -1.2px;}
.visual-pagination .bnrPage .swiper-pagination-current{font-weight:bold;}
.visual-pagination .bnr-all {display: inline-block;width: 10px;height: 10px;background: url(/images/mobile/common/ico/ico_bnr_all.png) no-repeat 0 0;
background-size:10px;vertical-align: middle;text-indent: -9999px;position: absolute;top:5px;right:5px;}
.visual-all-wrap {display:none;background-color:#fff;position: fixed;top: 0;left: 0;z-index: 150;width: 100%;height: 100%;overflow-y: auto;}
.visual-all-wrap .visual-tit {height:37px; padding-top:20px; position: relative; text-align: center; background: #fff;}
.visual-all-wrap .visual-tit strong{font-size:19px; font-family: "NanumSquareRound"; font-weight: 600; color:#222222; text-align:center;}
.visual-all-wrap .visual-tit .banner-close {position: absolute; top: 20px; right: 35px;}
.visual-all-wrap .visual-tit .banner-close i{ display: inline-block; width: 16px; height: 16px;
background: url(/images/mobile/common/btn/btn_popup_black_close_type1.png) no-repeat 0 0; background-size:16px;}
.visual-all-wrap .visual-all-content{background: #ebebeb;}
.visual-all-wrap .visual-all-content li { margin-bottom:5px; border-bottom:1px solid #ddd}
.visual-all-wrap .visual-all-content li img {width: 100%; height: 100%;vertical-align: middle; display:block;}

.main-container{background: #f1f2f4;}
.main-container .main-content{margin-top:10px; border-bottom:1px solid #ddd}
.best-content .main-tit-type{}
.main-tit-type{padding:25px 0; text-align:center}
.main-tit-type .main-tit{color: #202020; font-size:23px; font-family: "NanumSquareRound"; font-weight: 700; text-align: center;}

/*타임특가*/
.main-container .time-content{margin-top:0; padding-top:10px;border-top:none; background: #f1f2f4;  }
.main-container .time-content .time-box-tit{padding:15px; background-color:#cee5eb;}
.main-container .time-content .time-box-tit:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container .time-content .time-box-tit strong{float:left;width:48%;margin-right:4%;text-align:center;}
.main-container .time-content .time-box-tit strong img{width:100%; height:100%; display:inline-block; vertical-align: middle;}
.main-container .time-content .time-box-tit .remain-time-wrap{float:left; width:48%; padding-top:20px;}
.main-container .time-content .time-box-tit .remain-time-wrap > p{color:#09181e; font-size:12px; font-family: "NanumSquareRound";
font-weight:800; line-height:14px;vertical-align: middle; margin-bottom:5px;}
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number{position: relative; display:inline-block; vertical-align: middle;}
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number > span{display:inline-block; width:39px; height:28px;
background:url(/images/mobile/common/bg/bg_time.png) no-repeat center; background-size:39px 28px; vertical-align: middle; margin-left:-6px;line-height:30px;
text-align:center;font-size:21px; color:#ffc637;font-family: "NanumSquareRound"; font-weight:800; padding-left:5px; letter-spacing:10px; }
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number .remain-time-icon{background:none; width:12px; padding-left:0; letter-spacing: 0}
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number .remain-time-icon img{margin-top:7px;}
.main-container .time-content .time-goods-list-wrap{padding:0 15px 20px 15px; background-color:#cee5eb;}
.main-container .time-content .time-goods-list-wrap .time-goods-list{width:100%; background:#fff;display:table; position: relative;}
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number .remain-time-txt {background: none; width:18px; padding-left: 0; letter-spacing: 0; 
color: #444444 !important;  font-size: 14px !important;}

.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-goods-img{position: relative; overflow:hidden; width:150px; height:150px; padding-right:15px; display:table-cell;vertical-align:middle;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-goods-img img{display:block; vertical-align: middle; width:100%; height:100%;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap{width:calc(100% - 165px); display:table-cell;vertical-align:middle;padding-bottom:10px;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .time-txt{padding-top:10px; padding-right:10px; line-height:21px;
 font-size:16px; color: #00467f; font-family: 'notokr-medium'; margin-bottom:8px;word-break: break-all;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .product-info .percent-wrap{display:table-cell; width:54px; height:54px; padding-right:15px;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .percent{width:54px; height:54px; background: #f05259; border-radius: 100%; 
box-shadow:3px 3px 6px 0px rgba(68,68,68,0.5);    position: absolute; top:-10px; left:-10px; z-index:10}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .percent > p{color:#ffffff; font-size:25px;font-family: "NanumSquareRound"; font-weight:700;
text-align:center; line-height:54px; letter-spacing: -1px; }
.main-container .time-content .time-goods-list-wrap > .time-goods-list .percent > p > span{font-size:15px;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .product-info{vertical-align: middle; padding-right:10px;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .product-info .product-name dt{height:42px; overflow: hidden; color:#444444;
font-size:16px; line-height:21px;  word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .product-info dd{}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .product-info .old-price{color:#666666; font-size:13px; text-decoration: line-through;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .product-info .old-price > em{font-size:10px;}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .product-info .price{color:#202020; font-size:19px; font-family:'notokr-medium';}
.main-container .time-content .time-goods-list-wrap > .time-goods-list .time-product-wrap .product-info .price > em{font-size:10px;}

/*베스트상품*/
.best-content{background: #fff;}
.main .goods-list-wrap-type1{padding:0 10px;}

/*쿠폰*/
.coupon-content{}
.coupon-content a{width:100%; height:100%; display:block;}
.coupon-content img{width:100%; height:100%;}
/*카테고리 인기상품*/
.category-content{background: #fff; border-bottom:0 !important;}
.category-content .category-tit{position: relative; }
.category-content .category-tit img{width:100%; height: 100%; display:block; vertical-align: middle; }
.category-content .category-tit .category-tit-txt{position: absolute; top:50%; left:25px; margin-top:-22px;}
.category-content .category-tit .category-tit-txt strong{color:#272f18; font-size:19px; font-weight:400;display:block; margin-bottom:3px; font-family:'notokr-medium'; }
.category-content .category-tit .category-tit-txt p{font-size:12px; }
.category-content .product-more{border-top:1px solid #dddddd; border-bottom:1px solid #ddd; text-align:center;}
.category-content .product-more a{display:block; font-size:14px; padding:10px 0;}
.category-content .product-more a > i{width:7px; height:13px; display:inline-block; vertical-align: middle; background:url(/images/mobile/common/ico/ico_black_arrow.png) no-repeat center; 
background-size:7px 13px; margin-left:10px;}
/*공지사항*/
.notice-content{padding:15px; background: #fff; border-bottom:0 !important;}
.notice-content dl {width:100%;}
.notice-content dl dt{display:inline-block; width:18%; color:#202020; font-size:18px; font-family:'notokr-medium';vertical-align: middle;}
.notice-content dl dd{display:inline-block; position: relative; width:80%}
.notice-content dl dd a.notice-txt{display: inline-block; width: calc(100% - 15px); line-height:26px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.notice-content dl dd .btn-notice-more{position: absolute; top:3px; right:0}
.notice-content dl dd .btn-notice-more i{width:10px; height:17px; display:inline-block; vertical-align: middle; background:url(/images/mobile/common/ico/ico_black_arrow.png) no-repeat center; 
background-size:7px 13px;}
/*이달의이슈*/
.issue-content{width:100%; background: #fff;}
.issue-content .issue-box{padding-bottom:10px;}
.issue-content .issue-box .issue-tit {padding-bottom:10px;}
.issue-content .issue-box .issue-tit img{width:100%; height:100%;}
.issue-content .swiper-container{margin-bottom:10px;}
.issue-content .swiper-slide{background: #fff; width:280px; margin-right:10px; border:1px solid #ddd; box-sizing: border-box; border-radius: 10px 10px 10px 10px}
.issue-content .swiper-slide .goods-wrap{padding:20px 10px}
.issue-pagination{width: 50px; height:22px;line-height:22px; margin:0 auto; background:rgba(0, 68, 131, 0.5); border-radius:20px; z-index: 1;}
.issue-pagination .issue-swiper-pagination{color:#fff; font-size:12px;  text-align: center; width:50px; color:#ededed; display: inline-block; 
line-height:23px; letter-spacing: 0px;}
.issue-pagination .issue-swiper-pagination .swiper-pagination-current{font-weight:bold;}

#main .layout-header .header-wrap .header .btn-util-cart{margin-right:0}

.banner-content img[usemap] {border: none;height: auto;	max-width: 100%; width: 100%;}

.main footer{padding-top:10px; background:#f1f2f4}

/*0918 css추가*/
.visual-no-data img{width:100%; height:100%;}

.main-container .main-content.banner-list{max-width:1200px;margin: 30px auto 0 auto;    padding: 0 15px;}
.main-container .main-content.banner-list ul{}
.main-container .main-content.banner-list ul li {width:65px;}
.main-container .main-content.banner-list ul li img{max-width:100%;}
.main-container .main-content.banner-list ul li p{color:#222222; font-size:14px;    font-family: 'notokr-regular'; font-weight:500; margin-top:20px; text-align:Center;}


@media (max-width: 767px){
.main-container .time-content .time-box-tit .inner-time-box-tit{width:100%; display:table-cell; table-layout: fixed}
.main-container .time-content .time-box-tit strong {display:table-cell; margin-right:0; vertical-align: middle; float: none; width:37%}
.main-container .time-content .time-box-tit strong img{height:auto}
.main-container .time-content .time-box-tit .remain-time-wrap{float:none; width:auto; display:table-cell; vertical-align: middle; text-align:right; padding-top:0}
.main-container .time-content .time-box-tit .remain-time-wrap > p{font-size:22px; font-size:2.8vw; line-height:4vw;}
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number > span{width:78px; height:56px; width:10.16vw; height:7.3vw;
background:url(/images/mobile/common/bg/bg_time.png) no-repeat center; background-size:10.16vw 7.3vw; margin-left:-1.5vw; line-height:8.5vw;
font-size:4.8vw; padding-left:1.5vw; letter-spacing:2.5vw; }
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number .remain-time-icon{width:3vw}
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number .remain-time-icon img{margin-top:2.6vw; width:0.78vw; height:2.08vw }
.main-container .time-content .time-box-tit .remain-time-wrap > .time-number .remain-time-txt{width:3vw; font-size:2.08vw !important;}
}

@media (min-width: 768px){
.main-container .time-content .time-box-tit .inner-time-box-tit{width:60%; margin:0 auto}

}