/* BASIC css start */
/*#fp_top ul { background-color: #dce1f7; }*/

#fp_top ul .prd_cate a {
    display: flex;
    align-items: center;
    color: #142c4e;
}

#fp_top ul .prd_cate a img { 
    width: 25px; 
    margin-right: 2px;
}

.drv_header { 
    height: 45px;
    /*
    position: sticky;
    */
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #DCE1F8;
    z-index: 10;
    padding: 0 15px;
    margin: 20px 16px 20px;
    border-radius: 3px;
}

.drv_notice_box .drv_logo,
.drv_header .left_box,
.drv_header .left_box .drv_logo {
    display: flex;
    align-items: center;
}

.drv_notice_box .drv_logo img, 
.drv_header .left_box .drv_logo img { width: 32px; }

.drv_notice_box .drv_logo span,
.drv_header .left_box .drv_logo span {
    color: #142c4e;
    font-weight: bold;
    font-size: 25px;
    letter-spacing: -1.5px;
}

.drv_header .left_box .dd_time {
    font-size: 14px;
    font-weight: 500;
}

.drv_header .left_box .dd_time span { color: var(--main-color); }
.drv_header .left_box .dd_time span.timer { color: #000; }

.drv_header .right_box .drv_notice_btn { 
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
}

.drv_notice_box {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 45%);
    display: none;
}

.drv_notice_box > div {
    width: 570px;
    height: 100%;
    max-height: 830px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.drv_notice_box > div > section {
    padding: 40px;
    box-sizing: border-box;
    height: calc(100% - 89px);
    overflow-y: scroll;
}

.drv_notice_box .drv_logo { 
    justify-content: center; 
    margin-bottom: 40px;
}
.drv_notice_box .drv_logo img { width: 41px; }
.drv_notice_box .drv_logo span { font-size: 33px; }

.drv_notice_box .tit {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.drv_notice_box .bn_box {
    background-color: #E4EBF6;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.drv_notice_box .bn_box span {
    color: #6B7787;
    font-size: 15px;
    font-weight: 500;
}

.drv_notice_box .bn_box p {
    font-weight: bold;
    font-size: 22px;
    margin-top: 5px;
}

.drv_notice_box .bn_box img {
    width: 160px;
    margin-bottom: -10px;
    margin-right: 20px;
}

.drv_notice_box .txt_box p {
    display: flex;
    align-items: center;
    font-size: 15px;
    font-weight: 500;
    margin: 30px 0 10px;
}

.drv_notice_box .txt_box p span {
    background-color: #000;
    color: #fff;
    font-size: 13px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    text-align: center;
    text-indent: 1px;
    margin-right: 5px;
}

.drv_notice_box .txt_box li {
    position: relative;
    padding-left: 8px;
    color: #717B89;
    font-size: 13px;
    line-height: 1.6;
}

.drv_notice_box .txt_box li::before {
    content: '-';
    position: absolute;
    color: #717B89;
    font-size: 15px;
    top: -3px;
    left: 0;
}

.drv_notice_box .close_btn {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #222;
    color: #fff;
    cursor: pointer;
    width: 100%;
    padding: 30px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}


.product_menu_tit { display: none !important; }

#content-mainbn { 
    display: flex;
    justify-content: space-between;
    padding: 15px 25px 35px;
}

#content-mainbn h3 { 
    opacity: 0.2;
    animation: fadein 0.5s; 
    animation-fill-mode: forwards;
}

#content-mainbn h3 div {
    position: relative;
    font-weight: 500;
    font-size: 7vw;
}

#content-mainbn h3 div img {
    width: 14vw;    
    margin: -2vw 0 0 0;
}

#content-mainbn h3 span { 
    display: inline-block; 
}

#content-mainbn h3 .an_01 {
    color: #ec6929;
    opacity: 0;
    transform: translateY(-35px);
    animation: down;
    animation-delay: 0.8s;
    animation-duration: 0.35s;
    animation-fill-mode: forwards;
    transition: 0.2s;
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}


#content-mainbn h3 .an_02 {
    transition: 0.5s;
    transform: translateX(-12.5vw);
    animation: right;
    animation-delay: 0.4s;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

#content-mainbn h3 .an_03 {
    opacity: 0;
    transform: translateY(-3vw);
    animation: down;
    animation-delay: 0.8s;
    animation-duration: 0.35s;
    animation-fill-mode: forwards;
    transition: 0.2s;
    animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
} 

#content-mainbn h3 .fadebox {
    /*opacity: 0;*/
    /*transform: translate(35px, -35px);*/
    animation: fadebox;
    animation-delay: 0.5s;
    animation-duration: 1.8s;
    animation-fill-mode: forwards;
    /*transition: 0.2s;*/
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes fadebox {
    0% {
        opacity: 0;
        transform: scale(0.85) translate(4vw, -3vw); 
    }
    
    10% {
        opacity: 1;
        transform: scale(0.85) translate(4vw, -3vw); 
    }
    
    15% {
        opacity: 1;
        transform: scale(0.85) translate(4vw, -3vw); 
    }
    
    25% {
        opacity: 1;
        transform: scale(1) translate(0); 
    }
    
    90% {
        opacity: 1;
        transform: scale(1) translate(0); 
    }
    
    100% {
        opacity: 0;
        transform: scale(1) translate(0); 
    }
}


@keyframes fadein {
    from { opacity: 0.2; }

    to { opacity: 1; }
}

@keyframes down {
    from { 
        opacity: 0;
        transform: translateY(-35px); 
    }

    to { 
        opacity: 1;
        transform: translateY(0); 
    }
}

@keyframes right {
    from { transform: translateX(-12.5vw); }

    to { transform: translateX(0); }
}

#content-mainbn .switch_btn {
    display: flex;
    border: 1px solid #dedede;
    border-radius: 100px;
    width: 120px;
    height: 30px;
    margin-top: 8px;
    background-color: #fff;
    display: none;
}

#content-mainbn .switch_btn li { width: 100%; }
#content-mainbn .switch_btn li:last-child { margin-left: -5px; }

#content-mainbn .switch_btn li a {
    display: inline-block;
    color: #969696;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    text-align: center;
    line-height: 30px;
}

#content-mainbn .switch_btn li.on a {
    background-color: #0C33A5;
    color: #fff;
    font-weight: normal;
}


.db{display:block;}


/* =============================================================================
   상품 리스트 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 */