/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* =============================================================================
   상단 header.html
   ========================================================================== */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

#header-container { padding: 15px 0 10px; }
#header-container .wrapper { min-height: 23px; }
#header-container h1 { font-size: 1em; margin: 0; padding: 0; float: left; margin-left: 10px; }
#header-container #logo { width: 50%; }
#header-container #logo img { }
#header-container nav { position: absolute; right: 0; text-align: right; }
#header-container nav li { line-height: 23.5px; display: inline-block;  padding-left: 24px; text-align: left; }
#header-container nav li a { color: #999; font-size: .75em; font-weight: bold; margin-left: 7.143%; }
#header-container nav li.cat { background: url(/images/d3/m_01/bull/category@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 70px; }
#header-container nav li.search { background: url(/images/d3/m_01/bull/search@2x.png) no-repeat 0 center; background-size: 23px 23px; width: 40px; }
/* 홈|장바구니|관심상품|로그인 */
#menu-container .menus ul { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f2f2f2; padding-left: 3.125%; padding-right: 3.125%; }
#menu-container .menus ul li { float: left; background: url(/images/d3/m_01/bull/menus_li@2x.gif) no-repeat 100% 50%; background-size: 1px 13.5px; height: 34.5px; line-height: 34.5px; text-align: center; width: 25%; }
#menu-container .menus ul li:last-child { background-image: none; }
#menu-container .menus ul li a { color: #000; font-weight: bold; font-size: .75em; }
#menu-container .menus ul li a span { color: #fff; font-size: smaller; background: url(/images/d3/m_01/bull/number_ico.png) no-repeat 0 50%; background-size: 21px 21px; text-align: center; width: 21px; height: 100%; display: inline-block; }
/*
#menu-container .menus ul li.wish { width: 19.286% }
#menu-container .menus ul li.home,
#menu-container .menus ul li.cart { width: 29.688% }
#menu-container .menus ul li.login { width: 19.286% }
*/

ul li{ list-style:none;}

#wheader { position:relative; overflow:hidden; width:100%; height:29px; background:#fff;font-family:arial;font-weight:bold; border-bottom:1px solid #ddd; background:#5F5F5F;}

#wheader .wbookmark { width:50%;float:left; }

#wheader .wbookmark span { width:50%;float:left; width:48%; height:22px;line-height:15px;text-align:left; padding:6px 0 0 2%; }

#wheader .wbookmark b { background:#333333; color:#fff; padding:2px 8px; font-size:11px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; border:1px solid #333333;}

#wheader .wsearch { width:50%; float:right;  }

#wheader .wsearch p {float:right; margin:2px 0 0 10%;width:70%;position:relative;}

#wheader .wsearch button {position:absolute;right:0;top:0px;width:22px;height:22px; font-size:12px;color:#fff;border:0;font-size:11px;background:#f7f7f7;}

#wheader .wsearch input {
    width: 80%;
    padding-left: 0px;
    border: 1px solid #ddd;
    outline: none;
    margin-top: 1px;
    height: 21px;
    line-height: 20px;
    margin-right: 3px;
    background: #fff;
}

 .logo{ width:100%;height:100px;text-align:center; border:0px solid #333333; }
 
 .logo img{width:200px;margin:20px 0 10px;}


#wmember {margin:3px 0 0px;text-align:center;font-weight:bold;font-size:11px;  height:25px;  border:0px solid #B3B3B3;  font-family: 'Nanum Myeongjo', serif;}

#wmember li {float:left; width:20%;height:25px;line-height:25px;color:#aaa;text-decoration:none;}

#wmember li {float:left; width:20%;height:25px;line-height:25px;color:#aaa;text-decoration:none;}


#wmember .menu { color:#AB0000; }


#wmember span.sspoint { position:absolute;z-index:1;top:135px;left:50%;width:55px;height:17px;line-height:20px;font-size:9px;color:#fff;margin:0 0 0 -28px;background:#fff;border-radius:3px; border:1px solid #ddd; }
 
#wmember span.sspoint b{ position:relative;display:block;width:55px;height:17px;line-height:18px;color:#555;font-size:10px;font-weight:bold;text-align:center;}
 
#wmember span.sspoint b.icon{height:3px;}
 
#wmember span.sspoint b.icon img{position:absolute;top:1px;left:44%;}		


 #wmenu { width:100%;font-size:11px;color:#fff;background:#f4f4f4;border-bottom:1px solid #ddd; height:87px; z-index:999;}
 
 #wmenu ul {border:0;}
 
 #wmenu li{position:relative;float:left;width:25%; height:29px;line-height:31px;text-align:center;border:0;-webkit-box-shadow:inset 1px 1px #ddd;-moz-box-shadow:inset 1px 1px #ddd;-o-box-shadow:inset 1px 1px #ddd;-ms-box-shadow:inset 1px 1px #ddd;box-shadow:inset 1px 1px #ddd;}
 
 #wmenu li.left {position:relative;float:left;width:25%;height:29px;line-height:31px;text-align:center;-webkit-box-shadow:inset 0px 1px #ddd;-moz-box-shadow:inset 0px 1px #ddd;-o-box-shadow:inset 0px 1px #ddd;-ms-box-shadow:inset 0px 1px #ddd;box-shadow:inset 0px 1px #ddd;}
 
 #wmenu li a {width:100%;display:block;overflow:hidden;text-align:center;color:#BE4B4B; font-size:10px;font-family:arial;height:26px;line-height:26px;font-weight:bold; padding-top:2px;}


 #wmenu .mm01 a{color: #000; }
 
 
/* header renewal */
#header {position: sticky;z-index: 3;top: 0;left: 0;width: 100%;background: #fff;}
#header .headerInner{width:100%;background-color: #fff;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;}
#header .headerContents h1 {margin: 0;line-height: 50px;}
#header .headerContents h1 img {width: 100px;}
#header .headerContents .headerContentsLeft {height:50px;width:100%;text-align:center;border-bottom: 1px solid #ebebeb;}
#header .headerContents .headerContentsLeft a {vertical-align:top; font-size:0.7em;color:#2b2b2b;font-weight:bold; }
#header .headerContents .headerContentsRight {position:absolute;right:18px;top:15px;display: flex;flex-direction: row;width: clamp(60px, 30vw, 150px);justify-content: space-between;gap: 10px;align-items: center;}
#header .headerContents .headerContentsRight sup { position:absolute; right:-8px;top:10px;width:15px;height:15px;background:#515151;color:#fff;text-indent:0;text-align:center;line-height:15px;border-radius:50%;font-size:0.6em;}
#header .search {height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}
.myButton{position:absolute;left: 18px;top:15px;z-index:10;}
.headerNav {opacity: 0;position: fixed;/* top: 50px; */left: 0;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.11);width: 100%;}
.headerNav a {display:inline-block;font-weight:400;font-size: 13px;font-family:'Open Sans';color: #000;padding: 4px 0;}
.headerNav.on{position:fixed;top: 51px;left:0;border-bottom:1px solid #fff;z-index: 100;opacity: 1;background-color: #fff;}
.headerNavInner{display:flex; justify-content:flex-start; z-index:9; margin:0; overflow-x:scroll;}
.headerNavMenu{display:table-cell; margin-right:21px; white-space:nowrap;}
.headerCenter {z-index: 102;background: #fff;position: relative;}

.sc_script {
	position:fixed;
    bottom: 30px;
    right: 30px;
	z-index:100;
}
.sc_script a {
	display:block; border:0; outline:0;
}

.sc_script a img{width:36px}
.sc_script a.sc_kakaotalk {
    text-align: center;
    margin-bottom: 3px;
}

.sc_script a.sc_kakaotalk img {
    width: 30px;
}

input#keyword {
    width: 100%;
    padding-left: 0px;
    border: 1px solid #ddd;
    outline: none;
    margin-top: 0;
    height: 21px;
    line-height: 20px;
    margin-right: 3px;
    background: #fff;
}

.headerContentsRight form {}
.headerContentsRight form fieldset { display: flex;    align-items: center;}

/* BASIC css end */


/* BASIC css end */