/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#hdWrap {height: 154px;position:relative;}
#hdWrap .hdWrap_inner {background:#fff!important;z-index:12;position:fixed;width:100%;/* top: 0; */left:0;}
#hdWrap.fixed .hdWrap_inner { top:0; }
.wish_count, .today_count { display:none; }
/* header */
#header {position: relative;height: 88px;width: 80%;box-sizing: border-box;min-width: 1200px;}
#header .bi,
#header #gnb,
#header #favLink { position: absolute; }
/* bi */
#header .bi {left: 50%;top: 50%;transform: translate(-50%, -50%);vertical-align: middle;}
#header .bi img { margin-top:-1px; }
/* gnb */
#header #gnb { zoom: 1; }
#header #gnb:after { content: ""; display: block; clear: both; }
#header #gnb {right: 0;top: 50%;transform: translateY(-50%);z-index: 100;}
#header #gnb li,
#header #gnb a { float: left; width: auto; }
#header #gnb a {}
#header #gnb li {margin-left:40px;position: relative;padding: 20px 0;}
span#user_basket_quantity {
    width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: #8e6c54;
    font-size: 13px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #fefefe;
    position: absolute;
    text-align: center;
    right: -6px;
    top: 16px;
}

span.coupon_mark {
    font-size: 11px;
    letter-spacing: 0px;
    line-height: 16px;
    color: #fefefe;
    font-weight: 500;
    background: #a7a7a7;
    border-radius: 6px;
    position: absolute;
    width: 54px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    left: 50%;
    top: -7px;
    transform: translateX(-50%);
}

span.coupon_mark:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 6px solid #a7a7a7;
    position: absolute;
    left: 50%;
    bottom: -5px;
    transform: translateX(-50%);
}
/* hdSchFrm */
#header #hdSchFrm { position: absolute; right: 0px; top: 75px;}
#header #hdSchFrm fieldset { float: left; width: auto; }
#header #hdSchFrm .MS_search_word,
#header #hdSchFrm .btn-sch { float: left; width: auto; }
#header #hdSchFrm .MS_search_word { border: 0px; width: 169px; height: 19px; padding: 2px 0 0 2px; background-color: #ededed; }
/* favLink */
#header #favLink { right: 30px; top: 44px; }

/* 사은품 */

#giftwaiting{
left: 50% !important;
top: 50% !important;
}

/* custom 수정 2020-07-30 */
#SMP-header * {font-weight:300;font-family:'Pretendard', Dotum, AppleGothic, Helvetica, sans-serif !important;}
#tnv .tnv-container .box-r > li > a { font-size:13px !important }
#tnv .tnv-container .box-r > li.join { padding:17px 74px 15px 7px }
#tnv .tnv-container .box-r > li.toggle-tap ul li a { font-size:13px !important } 
#mlc .mlc-container .logo {margin:30px 0 !important;}
#cnv .cnv-container .tap-box ul.tap-container li.all-menu { height:15px }
#cnv .cnv-container ul.tap-container li.menu-01 { padding:14px 22px 10px }
#cnv .cnv-container ul > li > a { font-size:13px }
#cnv .cnv-container ul > li > a.enFont,
#cnv .cnv-container ul > li > a.enFont span.soim-orange { font-weight:400 !important }
#cnv .cnv-container .tap-box ul.tap-container li.all-menu { font-size:15px !important }
#cnv .cnv-container .tap-box ul.tap-container li.tap-cate .tap-01, #cnv .cnv-container .tap-box ul.tap-container li.tap-cate .tap-02, #cnv .cnv-container .tap-box ul.tap-container li.tap-cate .tap-03, #cnv .cnv-container .tap-box ul.tap-container li.tap-cate .tap-04, #cnv .cnv-container .tap-box ul.tap-container li.tap-cate .tap-05 { font-size:14px; font-weight:400 !important }

#all > div { height:530px !important }
#all > div ol > li h3 { font-size:14px !important; font-weight:400 !important }
#all > div ol > li a { display:block; font-size:13px !important; line-height:26px !important }


#SP_Hightest_Full_Line_Banner {
    z-index:887;
}


/* 로그인 팝업 */
#POP_loginWrap .snslog-btn ul > li {
    display: block;
    width: 49%;
    float: left;
    height: 40px;
    line-height: 40px;
}
#POP_loginWrap .snslog-btn ul > li a {
    display:block;
    height:40px;
    line-height:40px;
}
#POP_loginWrap .snslog-btn ul > li.apple {
    border:1px solid #000;
}
#POP_loginWrap .snslog-btn ul > li.apple a {
    padding-right:10px;
    background: url(/design/ebbda12/smartpc/img/logo_apple.svg) no-repeat 15px;
    background-size: 20px;
    background-color: #000;
    color: #fff;
    font-size:13px;
    text-align:right;
}
#POP_loginWrap > div > div > div > div > div.snslog-container.cb_clear > div > div > ul > li.kakao.P_Login_Btn {
    margin-left:0px !important;
    margin-right:0px !important;
}

/* 로그인 페이지 */
#loginWrap .sns-sign .snslog-btn ul li {
    width: calc( 25% - 4px );
    margin-right:5px;
}
#loginWrap .sns-sign .snslog-btn ul li.kakao {
    margin-left:0px;
}
#loginWrap .sns-sign .snslog-btn ul li.apple {
    margin-right:0px;
}
#loginWrap .sns-sign .snslog-btn ul li a {
    width:auto;
}
#loginWrap .sns-sign .snslog-btn ul li.apple a {
    padding-right: 10px;
    background: url(/design/ebbda12/smartpc/img/logo_apple.svg) no-repeat 15px;
    background-size: 20px;
    background-color: #000;
    color: #fff;
    font-size: 13px;
    text-align: right;
}

.top_banner_slide {width:100%;height:42px;line-height:42px;background:#000;}
.top_banner_slide.off {display:none;}
.top_banner_slide .swiper-slide {  }
.top_banner_slide a {width:100%; text-align:center;display: block;color: #fff;letter-spacing: -0.02em;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px;/* line-height: 42px; */font-weight: 400;}
.top_banner_slide a span { font-weight:700; }

.top_banner_slide a em {
    -webkit-mask: url(/design/ebbda12/newFolder/img/arrow.svg);
    cursor: pointer;
    display: block;
    background: #fff;
    -webkit-mask-position-x: center !important;
    -webkit-mask-position-y: center !important;
    -webkit-mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-origin: initial !important;
    -webkit-mask-clip: initial !important;
    transition: .2s all;
    width: 6px;
    height: 42px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    margin-left: 9px;
}


#header #gnb li.my_menu:hover ul{
	display:block;
}
#header #gnb li.my_menu ul{
	display:none;
	position: absolute;
	z-index: 9999;
	top: 53px;
	left: 50%;
	width: 148px;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 9px 0;
	transform: translateX(-50%);
}
#header #gnb li.my_menu li{
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
	display: block;
}

#header #gnb li.my_menu ul li a{
	display: block;
	padding: 9px 0;
	margin: 0;
	font-size: 15px;
	color: #000;
	width: 100%;
	font-weight: 300;
}
#header #gnb li.my_menu ul li a .txt{
color:#f66a6d;
font-size: 11px;
}
.header_category { width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
.header_category .category_inner {width: 80%;margin:0 auto;/* overflow:hidden; */min-width: 1200px;font-size: 0;}
.header_category .category_inner .category_li {height: 65px;line-height: 65px;text-align: center;margin: 0 18.8px; position:relative;display: inline-block;vertical-align: middle;}
.header_category .category_inner .category_li:nth-of-type(2) { margin-left:0; }
.header_category .category_inner .category_li:last-of-type { margin-right:0; }
.header_category .category_inner .category_li>a {display:block;line-height:65px;font-size: 18px;font-weight:300;color:#010101; position:relative;     transition: ease-out 0.3s 0.1s;}
.header_category .category_inner .category_li>a.b_font { font-weight:bold; }

.all_category {
    width: 21px;
    height: 65px;
    line-height: 65px;
    margin-right: 39px;
    background: url(/design/ebbda12/newFolder/img/ic_hamburger.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.all_category.open {background: url(/design/ebbda12/newFolder/img/all_close_btn.svg);background-repeat: no-repeat;background-position: 0 50%;background-size: 21px;}


@media (max-width:1920px){
    .header_category .category_inner .category_li { margin:0 18.8px }
}
@media (max-width:1880px){
    .header_category .category_inner .category_li { margin:0 16px }
}
@media (max-width:1830px){
    .header_category .category_inner .category_li { margin:0 14px }
}
@media (max-width: 1750px){
   .header_category .category_inner .category_li { margin:0 12px }
}
@media (max-width: 1680px){
    .header_category .category_inner .category_li { margin:0 9px }
}
@media (max-width: 1640px){
    .header_category .category_inner .category_li { margin:0 8px }
}


@media (max-width: 1430px){
    .header_category .category_inner .category_li { margin:0 8px;}
    .header_category .category_inner .category_li>a { font-size:15px }
}


@media (max-width: 1400px){
    .header_category .category_inner .category_li { margin:0 10px;}
    .header_category .category_inner .category_li>a { font-size:15px }
}
@media all and (max-width:1300px) {
    .header_category .category_inner .category_li { margin:0 10px;}
    .header_category .category_inner .category_li>a { font-size:14px }
}


.header_category .category_inner .category_li:hover ul{
	display:block;
}
.header_category .category_inner .category_li:hover>a:after { content:''; position:absolute; bottom:0; left:0; width:100%; height: 3px; background: #050505; }

.header_category .category_inner .category_li ul{
	display:none;
	position: absolute;
	z-index: 9999;
	top: 65px;
	left: 50%;
	width: 148px;
	text-align: center;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 9px 0;
	transform: translateX(-50%);
}
.header_category .category_inner .category_li li{
	margin: 0;
	padding: 0;
	float: none;
	width: 100%;
	display: block;
}

.header_category .category_inner .category_li ul li a{
	display: block;
	padding: 9px 0;
	margin: 0;
	font-size: 15px;
	color: #000;
	width: 100%;
	font-weight: 300;
}


.item-wrap  { }

.item-wrap .item-list {width: 1200px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.item-wrap .item-list td { vertical-align:top; }
.item-wrap .item-list ul {
    margin-bottom: 50px;
    margin-right: 40px;
    width: calc((100% - 120px) / 4);
    }
.item-wrap .item-list ul:nth-of-type(4n) { margin-right:0; }
.item-wrap .item-list ul .box { margin:0 auto; text-align:center;  font-size:12px;}
.item-wrap .item-list li {margin:0 auto;font-size:12px;/* line-height:18px; */letter-spacing:0;text-align: left;color:#555;font-weight: normal;}


.item-wrap .item-list .prd-thumb { position:relative; text-align:left; }
.item-wrap .item-list .prd-thumb img { max-width: 100%; box-sizing: border-box; width: 100%; height: auto; }


.item-wrap .item-list .prd-name { display:block; text-align:center; margin-bottom:5px;  font-weight:700;} 
.item-wrap .item-list .prd-name a{  font-weight:normal !important; font-size:12px !important; color:#222 !important; }


.item-wrap .item-list .prd-subname {color: #9f9f9f;margin-bottom: 12px;font-size: 13px;font-weight: 300;line-height: 18px;letter-spacing: 0;}

.snap_review_count{text-align : left!important;}

.item-wrap .item-list .soldout { color: #ff2045; font-weight: normal; display:inline-block; }


.item-wrap .item-list .prd-price {line-height:18px;text-align: left;margin-bottom:0px;font-size: 16px;font-weight: 600;display: block;color: #000;overflow: hidden;}

.review_count {
    width: 100%;
    text-align: left;
    line-height: 1;
    font-size: 13px;
    color: #909090;
    font-weight: 300;
    margin-top: 6px;
}

.review_count em {
    font-weight: 600;
    color: #8e6c54;
}
li.prd-price {}


.item-wrap .item-list .prd-consumer { display:none; }


.item-wrap .item-list .prd-icon {margin:0;display: block;/* height: 15px; */float:left; width:100%;}
.item-wrap .item-list .prd-icon img { padding:0 0px;  margin-bottom:8px;  }

.item-wrap .item-list .prd-price>strike {
    font-size: 16px;
    margin-right: 5px;
    font-weight: 500;
    color: #b2b2b2;
}
.item-wrap .item-list li.prd_name {
    margin: 0px 0px 12px 0;
    padding-right: 40px;
    word-break: break-all;
}
.item-wrap .item-list li.prd_name>a {
   font-size: 16px;
   font-weight: 400;
   color: #000;
   line-height: 1.4;
}
.item-wrap .item-list li.prd_name>a b { color:#000 }
.item-wrap .item-list .prd-price>span {
    color: #8e6c54;
    margin-left: 5px;
    font-weight: 600;
    /* display : none; */
}
.item-wrap .item-list .prd-price>span>em {
    margin-left: 5px;
    font-size: 14px;
}

.item-wrap .item-list li.color_prd_li {
    position: relative;
    font-size: 0;
    margin: 0;
    margin-bottom:15px;
    width: 75%;
}

.item-wrap .item-list li.color_prd_li font {
    width: 14px;
    height: 5px;
    display: inline-block;
    font-size: 0;
    margin-right: 2px;
    margin-bottom: 3px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.item-wrap .item-list .info_div {position:relative;margin-top: 5px;padding-top: 10px;overflow:hidden;}

.item-wrap .item-list .info_div .cart_button {
    width: 22px;
    height: 24px;
    background: url(/design/ebbda12/newFolder/img/cart_button.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 0;
    top: 0;
}


#layerTodayView { width: 84px; background: url(/images/d3/modern_simple/quick_today_mdl.gif) repeat-y 0 0; }
#layerTodayView .list { width: 66px; padding-top: 5px; margin-left: auto; margin-right: auto; min-height: 128px; _height: 128px; }
#layerTodayView .list li { padding-bottom: 5px; text-align: center; }
#layerTodayView .list img { width: 60px; height: 60px; }


.side_menu {
    z-index: 99;
    position: fixed;
    bottom: 50px;
        right: 1.14%;
    /* overflow: hidden; */
}

.side_menu .bt_1 { float:right; }

.side_menu .bt_1 a {
    display: block;
    margin-bottom: 5px;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
}

.side_menu a img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }


.side-today {display:none;width: 341px;/* height: 683px; */text-align:center;border: 1px solid #ddd;padding: 25px 23px;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;float: left;text-align: left;margin-top: 0;margin-right:9px;margin-bottom: 50px;vertical-align: bottom;position: absolute;right: 55px;bottom: 0;}
.side-today.op { display:block; }
.side-today h1.title {font-size:18px;color:#000;font-weight:700;padding-bottom: 20px;border-bottom:1px solid #e9e9e9;overflow:hidden;line-height: 1;}
.side-today h1.title a {background:url(/design/ebbda12/newFolder/img/recent_close.svg);background-repeat:no-repeat;float:right;width:15px;height:15px;/* margin-top: 5px; */}
.no_recent {
    padding: 60px 0 50px;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    cursor:pointer;
}


.all_cate_menu {
    padding: 40px 10% 60px;
    display: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    width: 100%;
    left: 0;
    top: 153px;
    background: #fff;
    box-sizing: border-box;
    height: auto!important;
}

.all_cate_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
}

.all_cate_inner {
    width: calc(100% / 8);
    box-sizing: border-box;
    padding-left: 15px;
}

.all_cate_inner h1 {
    margin-bottom: 30px;
    font-size: 17px;
    font-weight: 600;
    color: #000;
    line-height: 1;
}

.all_cate_inner a {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    line-height: 1;
    display: block;
}

.all_cate_inner ul li {
    width: fit-content;
    margin-bottom: 19px;
    
}

.all_cate_inner ul li:last-of-type { margin-bottom:0; }

.all_cate_inner ul li a {
    font-size: 15px;
    color: #000;
    line-height: 1;
    display: block;
    border-bottom:1px solid transparent;
    padding-bottom:1px;
    font-weight:300;
}

.all_cate_inner ul li:hover>a { border-bottom:1px solid #000; }
.all_cate_inner ul li.phone_number:hover>a { border-bottom:1px solid transparent; }

.search_div {display:none;width: 233px;height: 50px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);/* border: 1px solid rgb(137, 48, 220) ; *//* box-sizing: border-box; */}
.search_div .search_in {position:relative;width: 100%;height: 100%;}
.search_div .search_in input {width: 100%;height: 45px;line-height: 45px;border:none;background:#fff;font-size: 15px;color: #000;font-weight: 700;padding-right: 50px;box-sizing: border-box;padding-left: 6px;border-bottom: 2px solid #000;box-sizing: border-box;}
.search_div .search_in input::placeholder { color:#888; font-weight:300; font-size:15px; }
.search_div .search_in a {display:block;position:absolute;top: 50%;transform: translateY(-50%);right: 0;width: 26px!important;height:40px;text-indent:-9999em;background:url(/design/ebbda12/newFolder/img/ic_search.svg) 0 0 no-repeat;background-size: 26px auto;background-position: 50% 50%;}

select {
    height: 48px;
    border: 1px solid #e5e5e5;
    display: block;
    color: #000;
    background: #fff url(/design/ebbda12/newFolder/img/select_arrow.png) no-repeat calc(100% - 12px) 50%;
    background-size: 11px auto;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 48px;
    outline: none;
    float: left;
    border-radius:0;
}


.global_select {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}

.global_select h1 {
    font-size: 13px;
    color: #222;
    cursor: pointer;
    padding: 10px 0;
}

.global_select h1 img {
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -2px;
}

.global_menu {
    padding: 11px 13px;
    border: 1px solid #cecece;
    background: #fff;
    position: absolute;
    top: 30px;
    display: none;
    transition: .2s all;
}

.global_menu a {
    display: block;
    margin-bottom: 6px;
}

.global_menu a:last-of-type {
    margin-bottom: 0;
}


.global_select:hover .global_menu { display:block; }


/* BASIC css end */