/* BASIC css start */
.db{display:block;}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#content-mainbn ul li { position: relative; text-align: center; }
#content-mainbn ul li img { width: 100%; max-width: 2000px; }
#content-mainbn ul li a { display: inline-block; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#content-mainbn ul li .video_big_box { position: absolute; top: 10vw; left: 5.3%; width: 89%; }
#content-mainbn ul li .video_box { margin: 0 auto; text-align: center; position: relative; padding-top: 56.25%; width: 100%; height: 0; }
#content-mainbn ul li .video_box #ytplayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#content-mainbn .title_text { position: absolute; top: 11vw; left: 9.5vw; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #000; font-family: '', serif; z-index: 1; }

#content-mainbn .home-title { font-size: 3em; font-weight: normal; background-color: transparent; color: #000; text-align: left; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; }
#content-mainbn .home-title span { position: relative; overflow: hidden; display: inline-block;  font-family: 'NEXON Lv1 Gothic OTF', 'Noto Sans KR', sans-serif; padding: 2px 9px; font-size: 2.4vw; line-height: 1.5; }
#content-mainbn .home-title .main_txt { font-family: 'NEXON Lv1 Gothic OTF Bold', 'Noto Sans KR', sans-serif; font-size: 6.5vw; font-weight: bold; line-height: 1.3; letter-spacing: 0; }
#content-mainbn .home-title .sub_txt { font-weight: 500; font-size: 3vw; font-family: 'NEXON Lv1 Gothic OTF', 'Noto Sans KR', sans-serif; }
#content-mainbn .home-title span::after { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fdfdfd; transform: translateX(-101%); }
#content-mainbn .home-title span::before { content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: #fdfdfd; transform: translateX(0); }
#content-mainbn .home-title span.on::after { animation: a-ltr-after 2s cubic-bezier(.77,0,.18,1) forwards; }
#content-mainbn .home-title span.on::before { animation: a-ltr-before 2s cubic-bezier(.77,0,.18,1) forwards; }

#content-mainbn .home-title span:nth-of-type(2)::before, .home-title span:nth-of-type(2)::after { animation-delay: 1s; }
#content-mainbn .home-title span:nth-of-type(3)::before, .home-title span:nth-of-type(3)::after { animation-delay: 1.5s; }

#content-mainbn .home-title span div { display: inline-block; font-size: 27px; color: #be9147; padding: 0; vertical-align: bottom; font-family: 'NEXON Lv1 Gothic OTF', 'Noto Sans KR', sans-serif; }


#content-mainbn .scroll_box2 .title_text { left: auto; right: 10.5vw; }
#content-mainbn .scroll_box2 .home-title { text-align: right; align-items: flex-end; }
#content-mainbn .scroll_box2 .home-title span { background-color: #f2f2f2; }
#content-mainbn .scroll_box2 .home-title span::after { background-color: #f2f2f2; }
#content-mainbn .scroll_box2 .home-title span::before { background-color: #f2f2f2; }
#content-mainbn .scroll_box3 .title_text {}


@keyframes a-ltr-after{
    0% {transform: translateX(-100%)}
    100% {transform: translateX(101%)}
}

@keyframes a-ltr-before{
    0% {transform: translateX(0)}
    100% {transform: translateX(200%)}
}

#content-mainbn .prd_btn1, #content-mainbn .prd_btn2, #content-mainbn .prd_btn3 { position: absolute; bottom: 14vw; left: 24vw; width: 20vw; height: 30vw; z-index: 1; }
#content-mainbn .prd_btn2 { left: auto; right: 20.5vw; width: 32.5vw; }

#content-mainbn .tag_box { position: relative; }
#content-mainbn .tag_box img { position: absolute; top: 0; left: 0; }
#content-mainbn .tag_box .tag1 { width: 50%; left: 25%; top: 27.3vw; z-index: 1; box-shadow: 7px 8px 8px rgba(0,0,0,0.31); }
#content-mainbn .tag_box .tag2 { width: 40%; left: 30%; top: 24vw; transform: translateY(-1%); box-shadow: 7px 8px 8px rgba(0,0,0,0.31); }
#content-mainbn .tag_box .tag2.on { animation: in-tag 1s forwards; }

@keyframes in-tag {
    0% { transform: translateY(-1%) }
    100% { transform: translateY(-33%) }
}

#content-mainbn .down_cou_box a { position: absolute; top: 0; left: 1vw; width: 47.2vw; height: 29vw; }
#content-mainbn .down_cou_box a:nth-child(2n+1) { left: auto; right: 1vw; }
#content-mainbn .down_cou_box a:nth-child(n+4):nth-child(-n+5) { top: 35vw; }
#content-mainbn .down_cou_box a:nth-last-child(-n+2) { top: auto; bottom: 0; }

#content-mainbn .event_notice_box { background-color: #1d1d1d; }
#content-mainbn .event_notice_box h3 { cursor: pointer; }
#content-mainbn .event_notice_box .event_notice_pic { display: none; }


/* =============================================================================
   상품 리스트 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: 10px 0; 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 { color: #919191; text-indent: 10px; line-height: 22px; border-bottom: 1px solid #e1e1e1; background-color: #f1f1f1; }
#product-list .results .tool-wrap .links { padding: 0 6px; }
#product-list .results .tool-wrap .links a.now {  color: #a00000; text-decoration:underline }
#product-list .results .tool-wrap { width: 100%; position: relative; padding: 10px 0; height: 40px; line-height: 25px; }
#product-list .results .tool-wrap .links a { display: inline-block; margin: 0 2px; font-size: .75em; font-weight: bold; color: #888; }
#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(http://efairplay.img2.kr/www/ns_app/sort2.png) no-repeat 0 0; background-size: contain; }
#product-list .results .tool-wrap .type-btn a.gallery { background: url(http://efairplay.img2.kr/www/ns_app/sort.png) no-repeat 0 0; background-size: contain; } 
#product-list .results .category-title {}
#product-list .results .category-title img { width: 100%; }

.items-wrap .items[data-type=vertical] .price-info .break { margin-top:5px; }
.items-wrap .items[data-type=vertical] .pname {text-align:left !important; }

/* 갤러리형 */
.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 { margin-right: 7px; min-height: 350px; padding: 15px 4px 2px; position: relative;  }
.items-wrap .items[data-type=gallery] .thumb-img { }
.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 { font-size: 11px; line-height: 1.5em; margin: 3px 0; padding: 2px; text-align: center; }
.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 .tit { font-size: 0.875em; 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; left: 5px; top: 0; }*/
.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=vertical] .price-info .original {font-size:14px; color:#333;}

.items-wrap .items[data-type=gallery] .gallery-img { 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; }

#mb_store{ width:100%; }

.col {color:#be0000;}

table, th,td { border-collapse:collapse;  font-size:12px;}

#mb_store_menu {width:100%; border-top:1px solid #cccccc;  }
#mb_store_menu td { border-left:1px solid #cccccc; border-right:1px solid #cccccc; width:24.5%; }

#mb_store_menu_02 { width:100%; margin-bottom:20px; border:1px solid #cccccc;}
#mb_store_menu_02 td{  border:1px solid #cccccc; width:20%; background:#1a1a1a; }
#mb_store_menu_02 td a{ color:#fff; font-weight:400 }

.main .topBanner {margin-top:15px; position:relative; }
#mb_store_benneer { width:100%; height: auto;  z-index: 1; }

#mb_store_list1{width:100%; position:relative; }
#mb_store_list{width:100%; position:relative; margin-top:10%;}

.mb_font{font-size: 0.7em;}

td{ text-align:center; padding-top:12px; height:30px; }

.btn-type-04 { display: inline-block; padding: 7px 8px; width: 90.3125% !important; border: 1px solid #808080; text-align: center; -webkit-border-radius: 3px; border-radius: 3px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

.more { padding: 10px 0 30px; margin: 10px; text-align: center; width:90%; }

.list_arrayLeft { text-align: right; margin-right: 10px; }
select#MS_select_sort { height: 30px; width: 111px; background: #fff !important; }
div#MS_product_more_btn_area { margin-left: 0 !important; text-align: center; }

.moreBtn { background: #333; display: inline-block; color: #fff; padding: 10px; }
/* BASIC css end */