@charset 'utf-8';
.main .visual-brand-wrap{position: absolute; top:41px; left:-160px; z-index: 10; display:none}
.main .visual-offline-wrap {position: absolute; top:41px; left:-248px; z-index: 10; display:none}
.main .visual-brand-wrap a{display:block; width:1030px; height:500px; background: #fff url(/images/new/temp/visual_brand.jpg) no-repeat center;}
.main .visual-offline-wrap a{display:block; width:1030px; height:500px; background: #fff url(/images/new/temp/visual_offline.jpg) no-repeat center;}
.main .header-gnb-executives .visual-brand-wrap{left:-275px;}

.viusal-wrap {position: relative; border-bottom:1px solid #cccccc; height:500px}
.viusal-swiper-container{max-width:1230px; width:100%; margin:0 auto; left:85px }
.viusal-wrap .visual-img{height:437px; width:100%}
.viusal-wrap .visual-img a{display:block; max-width:100% !important; width: 100% !important; height:100%; margin:0 auto; background-repeat: no-repeat; background-position: center;}
.viusal-wrap .visual-img img{object-fit: cover;}
.main-container{width:100%; position: relative;padding-bottom:40px;}
.main-container .main-content{max-width: 1200px; width: 1200px; margin:70px auto 0 auto; padding: 0 15px; position: relative;}

.viusal-wrap .visual-pagination {width:1230px; margin:0 auto; text-align: center; position: relative; left:85px}

.viusal-wrap .pagination {display:inline;vertical-align: middle;  bottom: 0; left:170px; z-index: 1; width: 1031px;}
.viusal-wrap .swiper-pagination-bullet{background:#fff;width:257px; height:65px;border-radius: 0; /*line-height:65px;*/
margin:0; border-left:1px solid #dddedc; box-sizing: border-box;color:#666666;opacity:0.9; display:block; float:left; border-bottom: 0 !important;}
.viusal-wrap .swiper-pagination-bullet:first-child{border-left:0}
.viusal-wrap .swiper-pagination-bullet-active{background:#fff; color:#222222;font-family:'notokr-medium'; position: relative}
.viusal-wrap .swiper-pagination-bullet-active:after{content:""; position: absolute; top:0; left:50%; width:50px; height:3px; margin-left:-25px; background: #2496d4;}

/*타임*/
.main-container .time-content{margin-top:60px;}
.main-container .time-content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container .time-content .time-box{width:565px; height:391px; padding:35px 0 20px 20px; background:#cee5eb; float:left;}
.main-container .time-content .time-box .time-box-tit strong img{ vertical-align: middle;}
.main-container .time-content .time-box > strong{display:inline-block; margin-top:8px}
.main-container .time-content .time-box .remain-time-wrap{display:inline-block; margin-left:10px; vertical-align: middle;}
.main-container .time-content .time-box .remain-time-wrap > p{color:#09181e; font-size:18px; font-family: "NanumSquareRound"; font-weight:800; text-align:right;}
.main-container .time-content .time-box .remain-time-wrap > .time-number{margin-top:8px; position: relative}
.main-container .time-content .time-box .remain-time-wrap > .time-number > span{display:inline-block; width:54px; height:39px;
background:url(/images/new/common/bg/bg_time.png) no-repeat center;vertical-align: middle; margin-left:-8px;line-height:39px;text-align:center;
font-size:28px; color:#ffc637;font-family: "NanumSquareRound"; font-weight:800; padding-left:9px; letter-spacing:12px; }
.main-container .time-content .time-box .remain-time-wrap > .time-number .remain-time-icon{background:none; width:18px; padding-left:0; letter-spacing: 0}
.main-container .time-content .time-box .remain-time-wrap > .time-number .remain-time-icon img{margin-top:12px;}
.main-container .time-content .time-box .remain-time-wrap > .time-number .remain-time-txt{background:none; width:22px; padding-left:0; letter-spacing: 0;color:#444444 !important; font-size:14px !important;}
.main-container .time-content .time-goods-list-wrap{background: #fff; margin-top:35px; margin-right:20px;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list li{position: relative}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-goods-img{width:275px; height:275px; box-sizing: border-box; display:table-cell; vertical-align: top; background: #fff; text-align:center;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-goods-img img{display:block; vertical-align: middle; width:100%; height:100%;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-product-wrap{display:table-cell;vertical-align: top; padding-top:30px; padding-right:20px;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-goods-img .percent{width:58px; height:58px; background: #f05259; border-radius: 100%; 
box-shadow:3px 3px 6px 0px rgba(68,68,68,0.5); position: absolute; top:-28px; left:0}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-goods-img .percent > p{color:#ffffff; font-size:27px;font-family: "NanumSquareRound"; font-weight:700;
text-align:center; line-height:58px; letter-spacing: -1px; }
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-goods-img .percent > p > span{font-size:16px;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-product-wrap .time-txt{font-size:20px; color:#00467f; font-family:'notokr-medium'; margin-bottom:15px; word-break: break-all;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-product-wrap .product-info{}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-product-wrap .product-info .product-name{height:60px; overflow: hidden; color:#444444;
font-size:24px; line-height:30px; margin-bottom:20px; letter-spacing: -1px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-product-wrap .product-info .old-price{color:#666666; font-size:20px;font-family:'notokr-medium'; text-decoration: line-through;}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-product-wrap .product-info .price{color:#202020; font-size:28px; font-family:'notokr-medium';}
.main-container .time-content .time-goods-list-wrap > ul.time-goods-list .time-product-wrap .product-info .price > em{font-size:18px;}

.time-link{float:right; width:585px; height:446px;}
.time-link img{display:block; vertical-align: middle;}

/*메인 타이틀 common*/
.main-content .main-tit-type{margin-bottom:20px;}
.main-content .main-tit-type .main-tit{color:#202020; font-size:42px; font-family: "NanumSquareRound"; font-weight:700; text-align:center; margin-bottom:15px;}
.main-content .main-tit-type .best-tit{background:url(/images/new/common/bg/bg_main_best_tit.png) no-repeat center; height:32px; width:100%; }
.main-content .main-tit-type .main-sub-txt{text-align:center; font-size:16px; color:#888888;line-height:30px; font-family: 'notokr-light'; padding-left:10px; font-weight:400;}

/*이달의 이슈*/
.issue-content{}
.issue-content:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.issue-content .issue-img-box{width:480px; height:480px; float:left;}
.issue-content .issue-img-box > img{width:100%; height:100%; display:block; vertical-align: middle;}
.issue-content .issue-wrap{float:left; width:720px; border-top:1px solid #dddddd; box-sizing:border-box}

/*카테고리별 인기상품*/
.category-content{}
.category-content .main-tit-type{margin-bottom:0}
.category-content .category-box-wrap .category-tit{}
.category-content .category-box-wrap .category-box{display:flex; width:100%;}
.category-content .category-box-wrap .category-box:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.category-content .category-box-wrap .category-box > li{flex:1; width:585px; margin-right:30px; margin-top:30px;border:1px solid #ddd; border-top:0; box-sizing: border-box}
.category-content .category-box-wrap .category-box > li:nth-child(2n+0){margin-right:0}
.category-content .category-box-wrap .category-box > li.line{border:0}
.category-content .category-box-wrap .category-tit{width:100%; min-height:190px; position: relative}
.category-content .category-box-wrap .category-tit-type1{background:url(/images/new/temp/img_category_tit1.jpg) no-repeat center;}
.category-content .category-box-wrap .category-tit-type2{background:url(/images/new/temp/img_category_tit2.jpg) no-repeat center;}
.category-content .category-box-wrap .category-tit-type3{background:url(/images/new/temp/img_category_tit3.jpg) no-repeat center;}
.category-content .category-box-wrap .category-tit-type4{background:url(/images/new/temp/img_category_tit4.jpg) no-repeat center;}
.category-content .category-box-wrap .category-tit > .category-tit-txt{padding:60px 0 0 40px;}
.category-content .category-box-wrap .category-tit > .category-tit-txt > strong{color:#272f18; font-size:30px;font-family:'notokr-medium'; font-weight:400; }
.category-content .category-box-wrap .category-tit > .category-tit-txt > p{color:#666666; font-size:14px}
.category-content .category-box-wrap .goods-list-wrap-type3 {}
.category-content .category-box-wrap .goods-list-wrap-type3 .goods-list-type3{padding:40px 25px}

.main-content-type2{max-width: 1200px; width: 1200px; margin:30px auto 0 auto; padding: 0 15px; position: relative;}
.main-content-type2:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.main-customer{float:left; width:585px;  height:226px; margin-bottom:30px;}
.main-customer:nth-child(2n+0){margin-right:0; margin-bottom:0}
.main-customer.bottom-banner > img{display:block; vertical-align:middle;}

.notice-content{border:1px solid #ddd; box-sizing: border-box; height:325px;}
.notice-content .main-notice{padding:30px; }
.notice-content .main-notice dt{position: relative; height:50px;}
.notice-content .main-notice dt h3{font-size:22px; font-weight:700;  font-family: "NanumSquareRound"; color:#202020}
.notice-content .main-notice dt .more-btn{position: absolute; top:0; right:0}
.notice-content .main-notice dd > ul li{margin-bottom:16px;}
.notice-content .main-notice dd > ul li:last-child{margin-bottom:0}
.notice-content .main-notice dd > ul li:after{clear:both; display:block; overflow:hidden; content:""; height:0}
.notice-content .main-notice dd > ul li > a{float: left;width: 360px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:15px;}
.notice-content .main-notice dd > ul li span.date{float: right; font-size:15px; color:#888888;font-family:'notokr-light';}

.main .goods-list-wrap-type1 .goods-list-type1 > li{float:left; width:275px; padding:10px 10px 25px 10px; border:1px solid #fff;}
.main .goods-list-wrap-type1 .goods-list-type1 > li:hover{border:1px solid #fff;}

.main-container .main-content.banner-list{max-width:1200px;margin: 70px auto 0 auto;    padding: 0 15px;}
.main-container .main-content.banner-list ul{display: grid;  grid-template-columns: repeat(7, 1fr);gap:70px}
.main-container .main-content.banner-list ul li img{}
.main-container .main-content.banner-list ul li p{color:#222222; font-size:17px;    font-family: 'notokr-regular'; font-weight:500; margin-top:20px; text-align:Center;}
.main-container .main-content{margin-top:100px !important;}