/* BASIC css start */
#container { margin-bottom:0; }
@media(max-width:400px) {

.snb_box_wrap {position:fixed;top:40px;left:0;z-index:999;width:100%;padding:0px 0 0 0;border-bottom:1px solid #e4e4e4;overflow:hidden;}

.snb_box_wrap .img_menu_box {  width:100%; text-align:center; padding:0px 0 0px 0; margin:0 auto; }
.snb_box_wrap .img_menu_box ul.title { width:100%;text-align:center;padding:0px 0 0px 0;background:#ffffff !important;border:0px !important; }
.snb_box_wrap .img_menu_box ul.title li { width:100%;margin:0 auto; }
.snb_box_wrap .img_menu_box ul.menu { width:100%; overflow: hidden;padding:8px 0px 4px 4px; background:#f1f1f1 !important; text-align:center;border:0px solid red;  }
.snb_box_wrap .img_menu_box ul.menu li { width:16%;float:left;padding:0px 2px 4px 0;border:0px solid red; margin:0 auto;text-align:center;}
    
.snb_box_wrap img.img_title { width: 100% !important; }
.snb_box_wrap img.img_menu { width: 100% !important; }

.snb_box_wrap img.img_menu_bio1 { width: 95% !important; }
.snb_box_wrap img.img_menu_bio2 { width: 100% !important; }

.new_event-imgs {width: 100%; height:99px; overflow:hidden;}
.new_rollimgs img{ width:100%; }


}
.snb_box_wrap {position:fixed;top:45px;left:0;z-index:999;width:100%;padding:0px 0 0 0;border-bottom:1px solid #e4e4e4;overflow:hidden;}

.snb_box_wrap .img_menu_box {  width:100%; text-align:center; padding:5px 0 0px 0; margin:0 auto; }
.snb_box_wrap .img_menu_box ul.title { width:100%;text-align:center;padding:10px 0 10px 0;clear: both;background:#ffffff !important;border:0px !important; }
.snb_box_wrap .img_menu_box ul.title li { width:100%;margin:0 auto; }
.snb_box_wrap .img_menu_box ul.menu { width:100%; overflow: hidden;padding:8px 0px 4px 4px; background:#f1f1f1 !important; text-align:center;border:0px solid red;  }
.snb_box_wrap .img_menu_box ul.menu li { width:16%;float:left;padding:0px 2px 4px 0;border:0px solid red; margin:0 auto;text-align:center;}
    
.snb_box_wrap img.img_title { width: 100% !important; }
.snb_box_wrap img.img_menu { width: 100% !important; }

.new_event-imgs {width: 100%; height:99px; overflow:hidden;}
.new_rollimgs img{ width:100%; }



/* =============================================================================
   상품 리스트 product_list.html
   ========================================================================== */
#product-list .items-wrap .items[data-type=horizontal] li { min-height: 100%; }
#product-list .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; border-bottom: 1px solid #e1e1e1; height: 33px; }
#product-list .results .tool-wrap select { width: 48.387%; position: absolute; top: 10px; }
#product-list .results .tool-wrap select:first-child { left: 4px; }
#product-list .results .tool-wrap select:last-child { right: 4px; }
#product-list .results .paging-wrap { /*overflow-y: auto; height: 200px;*/ }
#product-list .results .paging { color: #919191; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #fff; background-color: #f1f1f1; }
#product-list .results .tool-wrap .links { padding: 0 6px; }
#product-list .results .tool-wrap .links a.now { background: url(/images/d3/m_01/bull/tool_wrap_link_now_@2x.gif) no-repeat 0 50%; background-size: 13px 10px; padding-left: 14px; color: #f56e00; }
#product-list .results .tool-wrap { width: 100%; position: relative; padding: 5px 0; border-bottom: 1px solid #e1e1e1; height: 33px; line-height: 33px; }
#product-list .results .tool-wrap .links a { display: inline-block; margin: 0 2px; font-size: .75em; font-weight: bold; color: #626b7c; }
#product-list .results .paging { color: #919191; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #fff; background-color: #f1f1f1; }
#product-list .results .tool-wrap .type-btn { position: absolute; right: 6px; top: 8px; }
#product-list .results .tool-wrap .type-btn a { display: block; width: 61px; height: 29px; text-indent: -9999px; }
#product-list .results .tool-wrap .type-btn a.list { background: url(/images/d3/m_01/btn/type_btn_list_@2x.gif) no-repeat 0 0; background-size: contain; }
#product-list .results .tool-wrap .type-btn a.gallery { background: url(/images/d3/m_01/btn/type_btn_gallery_@2x.gif) no-repeat 0 0; background-size: contain; } 
#product-list .results .category-title {overflow:hidden;}
#product-list .results .category-title img { width: 100%;}
#product-list .results .category-title .img_menu_box {text-align:center;padding:5px 2px 5px 0;}
#product-list .results .category-title .img_menu_box2 {text-align:center;padding:5px 2px 0px 0;}
#product-list .results .category-title .img_menu_box3 {text-align:center;padding:5px 2px 5px 0;}
#product-list .results .category-title .img_menu_box4 {text-align:center;padding:0px 2px 5px 0;}

#product-list .results .category-title .img_menu_box5 {text-align:center;padding:5px 2px 0px 0;}
#product-list .results .category-title .img_menu_box6 {text-align:center;padding:5px 2px 5px 0;}

#product-list .results .category-title img.img_menu { width: 20% !important;}
#product-list .results .category-title usemap { border:1px solid red; }



.items-wrap .items[data-type=vertical] .price-info .break { margin-top:5px; }

/* 갤러리형 */
.items-wrap .items[data-type=gallery] { padding : 7px 0 0 7px; }
.items-wrap .items[data-type=gallery] > li { float: left; margin-bottom: 7px; position: relative; width: 50%; }
.items-wrap .items[data-type=gallery] > li dl:after { clear: both; }
.items-wrap .items[data-type=gallery] > li dl:before, .items-wrap .items[data-type="gallery"] > li dl:after { content: ""; display: table; }
.items-wrap .items[data-type=gallery] > li dl:before, .items-wrap .items[data-type="gallery"] > li dl:after { content: ""; display: table; }
.items-wrap .items[data-type=gallery] > li dl { border: 1px solid #ECECEC; margin-right: 7px; min-height: 215px; padding: 15px 4px 30px; position: relative; height:230px; }
.items-wrap .items[data-type=gallery] .thumb-img { width: 110px; max-height: 150px; }
.items-wrap .items[data-type=gallery] .pname { border-bottom: 1px solid #AEAEAE; color: #000000; margin-bottom: 10px; margin-top: 0; padding: 10px 0; }
.items-wrap .items[data-type=gallery] .price-info li { border: medium none; font-size: 1em; line-height: 1.5em; margin: 0; padding: 0; text-align: left; }
.items-wrap .items[data-type=gallery] .price-info li .review-count { font-size: smaller; }
.items-wrap .items[data-type=gallery] .price-info li .review-count em { font-style: normal; }
.items-wrap .items[data-type=gallery] .price-info li .txt.txt_colors { color: #ff6600; }
.items-wrap .items[data-type=gallery] .price-info .tit { font-size: 1em; margin-right: 4px; }
.items-wrap .items[data-type=gallery] .price-info .tit img { vertical-align: -1px; }
.items-wrap .items[data-type=gallery] .price-info .discount { color: #000000; font-weight: bold; }
.items-wrap .items[data-type=gallery] .price-info .strike { text-decoration: line-through; }
.items-wrap .items[data-type=vertical] .price-info .tit img { vertical-align: -1px; }

/* =============================================================================
   아이콘 및 품절배경 관련
================================================================================*/
.items-wrap .items .icons { position: absolute; right: 3px; top: 3px; }
.items-wrap .items .icons span { display: block; width : 30px;  }
.items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(/images/d3/m_01/bg/sold_out.png) no-repeat top center; background-size: 100%; }
.items-wrap .items[data-type=vertical] .vertical-img { position:relative; float: left; margin: 0; width: 95px; height: auto; }
.items-wrap .items[data-type=vertical] .vertical-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=vertical] .sold-out { left: 0; top: 0; }

.items-wrap .items[data-type=gallery] .gallery-img { width: 95px; height: auto; position:relative; }
.items-wrap .items[data-type=gallery] .gallery-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=gallery] .sold-out { left: 0; top: 0; }

/* =============================================================================
   베스트 상품
================================================================================*/
#product-list .results .MK_product_list { position: relative; background: url(/images/common/recents_items.gif) repeat 0 0; }
#product-list .results .MK_product_list h3 { margin: 0; padding: 5px 0; text-indent: 10px; font-size: .875em; color: #828282; }
#product-list .results .MK_product_list .items { position: relative; width: 85%; margin: 0 auto; overflow: hidden; }
#product-list .results .MK_product_list .items ul { width: 100%; }
#product-list .results .MK_product_list .items ul li { float: left; width: 25%; list-style-type: none; }
#product-list .results .MK_product_list .items ul li a { position: relative; display: block; padding: 5px; }
#product-list .results .MK_product_list .items ul li img { width: 100%; height: auto; border: 1px solid #dddddd; }
#product-list .results .MK_product_list .items .paging-num { padding: 5px 0; font-size: .75em; text-align: center; }
#product-list .results .MK_product_list .btns a { display: block; width: 12px; height: 32px; position: absolute; top: 50%; margin-top: -16px; text-indent: -9999px; }
#product-list .results .MK_product_list .btns a.prev { left: 10px; background: url(/images/common/recent_prev_btn@2x.gif) no-repeat 0 0; background-size: contain; }
#product-list .results .MK_product_list .btns a.next { right: 10px; background: url(/images/common/recent_next_btn@2x.gif) no-repeat 0 0; background-size: contain; }
/* BASIC css end */

