/* index css start */

/* 베스트 리뉴얼 (2018-08-23) @Author 황명훈 */
.BestItem .item_roll { width:100%; margin:0 auto; }
.BestItem .item_roll .list_wrap { width: 33.3%; float: left; padding:1px; box-sizing: border-box; margin-bottom:10px; }
.BestItem .item_roll .list_wrap a {text-align:center; display:block; background:#fff;}
.BestItem .item_roll .list_wrap a img{ width:100%; margin:0 auto;}
.BestItem .item_roll .list_wrap .made_tag { position:absolute; width:85px; height:79px; margin-top:16px; margin-left:16px; background:url(//cdn-naning9.bizhost.kr/img/made_tag1.png) no-repeat 4px 0;}
.BestItem .item_roll .list_wrap .item_text2 { text-align:left; margin-top: 0px; }
.BestItem .item_roll .list_wrap a .item_text { text-align:left; }
.BestItem .item_roll .list_wrap .item_name { width:115px; height:13px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  }
.BestItem .item_roll .list_wrap .item_price3 { }
#main_newitem .item_text .item_price span { float:none; }


/* 롤링배너 */
#event .MS_img-wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#event .event-imgs {
	position: relative;
}

#event .MS_img-area {
	float: left;
}

#event .MS_img-area:not (:first-child ) {
	display: none;
}

#event .MS_img-area img {
	width: 100%;
}

#event .pagination {
	position: relative;
	left: 0;
	text-align: center;
	width: 100%;
}

#event .pagination .swiper-pagination-switch {
	display: inline-block;
	margin: 0 2px;
	text-indent: -9999px;
	background: url(//img-naning9.bizhost.kr/before_img/mo/event_now@2x.gif) no-repeat 0 50%;
	background-size: 19px 7px;
	width: 10px;
	height: 10px;
}

#event .pagination .swiper-active-switch {
	background-position: -12px 50%;
}
/* //롤링배너 */
.main h3 {
	font-size: 1.250em;
	color: #7a7a7a;
	margin: 25px 0 18px 0;
	padding-top: 6px;
	text-align: center
}


.main .bn_spot {
	position: relative;
	max-width: 640px;
	margin: 0 auto -1px;
}


.main .bn_spot .btn_sns {
	display: inline-block;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.main .bn_spot .btn_sns .icon_sns {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 40px;
}

.main .bn_spot .btn_sns .icon_sns a {
	display: block;
	padding: 3px;
	text-align: center
}

.main .menu_wrap {
	margin-bottom: 30px;
	border: 1px solid #b9b9b9;
	overflow: hidden;
}

.main .menu_wrap ul {
	width: 100%;
	text-align: center;
	margin-bottom: -1px;
	border-bottom: 1px solid #b9b9b9;
	overflow: hidden;
}

.main .menu_wrap ul li {
	float: left;
	width: 25%;
	border-right: 1px solid #b9b9b9;
	height: 42px;
	line-height: 42px;
	word-break: break-all;
	box-sizing: border-box;
}

.main .menu_wrap ul li:last-child {
	border-right: none;
}

.main .menu_wrap ul li a {
	display: block;
}

.main .bn_best {
	max-width: 640px;
	margin: 0 auto;
	padding: 0 2px
}

.main .bn_best:after {
	display: block;
	clear: both;
	content: ''
}

.main .bn_best .best_wrap ul {
	overflow: hidden;
}

.main .bn_best .best_wrap li {
	float: left;
	display: inline-block;
	width: 33.3333%;
	height: auto;
	border: 2px solid #fff;
	box-sizing: border-box;
}



/* 20180115 카테고리 베스트 css 시작 */
.main_wrapper .bn_best {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 0
}
.main_wrapper .bn_best h3.bn_b_title {
    font-family: 'Lato', sans-serif;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    color: #000;
    font-weight: normal;
}
.main_wrapper .bn_best:after {
	display: block;
	clear: both;
	content: ''
}

.main_wrapper .bn_best .best_wrap ul {
	overflow: hidden;
}


.main_wrapper .bn_best .best_wrap li img {
	display: block;
	width: 100%;
}

.main_wrapper .bn_best .best_wrap_under li {
	float: left;
	display: inline-block;
	width: 33.3333%;
	height: auto;
	border: 1px solid #fff;
	box-sizing: border-box;
}

.main_wrapper .bn_best .best_wrap_under li img {
	display: block;
	width: 100%;
}

.main_wrapper .bn_best #bx-pager {
	width: 83%;
    display: inline-block;
}

.main_wrapper .bn_best #bx-pager.bx-default-pager a {
	border-bottom: 2px solid #ccc;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20%;
    float: left;
    text-align: center;
}
.main_wrapper .bn_best #bx-pager {
    bottom: -95px;
  }
   
.main_wrapper .bn_best #bx-pager a {
    border-bottom: 2px solid #ccc;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20%;
    float: left;
    text-align: center;
  }
 .main_wrapper .bn_best #bx-pager a span {
    font-size: 10px;
    padding: 10px 0 10px 0;
    display: inline-block;
    color: #999;
    letter-spacing: -0.5px;
  }
.main_wrapper .bn_best #bx-pager1 {
    width: 17%;
}
.main_wrapper .bn_best #bx-pager1 a {
    border-bottom: 2px solid #ccc;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    text-align: center;
}
.main_wrapper .bn_best #bx-pager1 a span {
    font-size: 10px;
    padding: 10px 0 10px 0;
    display: inline-block;
    color: #999;
    letter-spacing: -0.5px;
}
.main_wrapper .bn_best #bx-pager a:hover,
.main_wrapper .bn_best #bx-pager a.active,
.main_wrapper .bn_best #bx-pager1 a:hover ,
.main_wrapper .bn_best #bx-pager1 a.active {
    border-bottom: 2px solid #333;
  }
.main_wrapper .bn_best #bx-pager a:hover span,
.main_wrapper .bn_best #bx-pager a.active span,
.main_wrapper .bn_best #bx-pager1 a:hover span,
.main_wrapper .bn_best #bx-pager1 a.active span {
    color: #333;
  }

/*768
@media all and (max-width: 768px) {
	.bx-wrapper .bx-pager {
        top: 14% !important;
    }
}

/*640
@media all and (max-width: 640px) {
	.bx-wrapper .bx-pager {
       top: 10% !important;
    }
}

/*568
@media all and (max-width: 568px) {
	.bx-wrapper .bx-pager {
       top: 9% !important;
    }
}

/*425
@media all and (max-width: 425px) {
	.bx-wrapper .bx-pager {
       top: 4% !important;
    }
}

/*414
@media all and (max-width: 414px) {
	.bx-wrapper .bx-pager {
       top: 4% !important;
    }
}

/* 410 */
@media  all and (max-width: 410px) {
	.main_wrapper .bn_best #bx-pager a {
    		vertical-align: middle;
    		line-height: 17px;
    		height: 54px;
	}	
	.main_wrapper .bn_best #bx-pager a span {
		height: 34px;
    		vertical-align: middle;
    		line-height: 34px;
	}
	.main_wrapper .bn_best #bx-pager a.skirt span {
		height: 34px;
    		vertical-align: middle;
    		line-height: 17px;
	}
	.main_wrapper .bn_best #bx-pager1 a span {
  		 height: 34px;
    		vertical-align: middle;
    		line-height: 34px;
	}
}

/*384
@media all and (max-width: 384px) {
	.bx-wrapper .bx-pager {
       top: 3% !important;
    }
}

/*375
@media all and (max-width: 384px) {
	.bx-wrapper .bx-pager {
       top: 2% !important;
    }
}

/*320*/
@media all and (max-width:320px) {
    .main_wrapper .bn_best #bx-pager a span {
        font-size: 10px;
        padding: 10px 0 10px 0;
        display: inline-block;
        color: #999;
        letter-spacing: -0.5px;
      }
}
@media all and (max-width:320px) {
    .main_wrapper .bn_best #bx-pager a span:nth-child(4n) {
        padding:0 0 3px 0 !important;
      }
}
/* 20180115 카테고리 베스트 css끝 */

/* BASIC css end */

.outside {
	text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #f9f9f9;
    padding-top: 20px;
    position: absolute;
    height: 7px;
    top: 10%;
    z-index: 10;
    width:100%;
}
#slider-prev {
    float: left;
    margin-left: 10px;
}
#slider-next {
	float: right;
    margin-right: 10px;
    position: relative;
    top: -4px;
}
.gnb_wrapper {

    width: 100%;
    margin-top: 1px;
}
.bx-has-pager {
   
}

/* 20180208 추가된 배너 css 시작 */
.renew_banner {
	width:100%;
	display: inline-block;
}
.renew_banner .boxwrapTop {
    
}
.renew_banner .boxwrapBottom {
    width:100%;
	display: inline-block;
}
.renew_banner .boxwrapLeft {
    float: left;
    width: 50%;
}
.renew_banner .boxwrapRight {
    float: left;
    width: 50%;
}
.renew_banner .boxwrapTop .box1 {
	width: calc(100% - 8px);
	padding: 4px;
}
.renew_banner .boxwrapTop .box2 {
	width: calc(50% - 3px);
	float: left;
	padding: 1.5px;
}
.renew_banner .boxwrapLeft .box2,
.renew_banner .boxwrapRight .box2 {
    padding: 1.5px;
}
.renew_banner .boxwrapLeft .box3,
.renew_banner .boxwrapRight .box3 {
    padding: 4px;
}
.box1 a img, .box2 a img, .box3 a img {
	width:100%;
}
/* 20180208 추가된 배너 css 끝 */

/* 20180223 추가 수정사항 css 시작  */
.main_top_wrapper .bx-has-pager {
	display: block ;
}
.bx-wrapper .bx-pager {
    padding-top: 0px !important;
    width: 100% !important;
}
/* 리스트/그리드/격자형 */

    .group_wrap {
        width:100%; 
        display:inline-block;
    }
	.-controler { 
	    font-size:0; 
	    text-align:center;
	}
	.-controler a {  
		margin: 0 7px 0 0;
        display: inline-block;
        font-size: 12px;
        padding: 0;
        width: 22px;
        height: 22px;
        opacity: 0.4;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
	}	
	 .-controler a.thumb1 { background-image:url(https://cdn-naning9.bizhost.kr/img/1layer.jpg); }
	 .-controler a.thumb2 { background-image:url(https://cdn-naning9.bizhost.kr/img/2by2layer.jpg); }
	 .-controler a.thumb3 { background-image:url(https://cdn-naning9.bizhost.kr/img/3by3layer.jpg); }
	 .-controler a.thumb.on { 
		opacity:1; 
		background-size:100%; 
	}
	
	.box1_1 {
        width: 100% !important;
    }
    .box2_1 {
        width: 50% !important;
    }
    /*
    .box2_1:nth-child(7) {width:100% !important;}

    .box2_1:nth-child(8n-1) {width:100% !important; }
    
    .box2_1:nth-child(8n) {width:100% !important;}
    
    .box2_1:nth-child(5n) {width:100% !important; }
    
    */
    .box3_1 {
        width: 33.3% !important;
    }
    

/* 20180223 추가 수정사항 css 시작  */


.bx-clone { display:none; }

#main_bestitem_type2 .item_img { height:235px; }
#main_bestitem_type2 .item_img { float:left;width:49.2%; margin:1px; }
#main_bestitem_type2 .box2 img { float:left;width:99.5%; }




.bn_best .bx-wrapper .bx-pager { position:unset !important; width:100% !important; margin-top:0px; }



#pop_105 > div { background-color:unset !important;  color:#fff !important; height:20px !important; margin-top:15px !important; border:1px solid #fff !important; text-align:center !important; font-size:15px!important; }
#pop_105 > div > input[type=checkbox] { float:left; }

#pop_105 > div > a:last-child { text-align:center; }


#pop_109 > div { background-color:unset !important;  color:#fff !important; height:20px !important; margin-top:15px !important; border:1px solid #fff !important; text-align:center !important; font-size:15px!important; }
#pop_109 > div > input[type=checkbox] { float:left; }

#pop_109 > div > a:last-child { text-align:center; }

#pop_111 > div { background-color:unset !important;  color:#fff !important; height:20px !important; margin-top:15px !important; border:1px solid #fff !important; text-align:center !important; font-size:15px!important; }
#pop_111 > div > input[type=checkbox] { float:left; }

#pop_111 > div > a:last-child { text-align:center; }

.item_text .item_price span { font-size:8px !important; float:none; top:0 !important; }


.item_cell { margin-bottom:4px; }