/* BASIC css start */
/* 상단 배너 */
#topBanner { display:none; position:relative; overflow:hidden }
#topBanner .thmb { width:100%;  }
#topBanner .thmb img { width:100% }
#btBnnrClose { margin-top:-9px; position:absolute; top:50%; right:7px; width:17px; height:17px; text-indent:-9999em; background:url(/design/2nddesign/10276/m/common/btn_bnnr_close.png) 0 0 no-repeat; background-size:17px auto; cursor:pointer; z-index:10 }

/* 상단 */
#header { position:relative; width:100%; z-index:100 }
#header .headerNav { display:none; padding-left:50px; position:relative; height:25px; background:#333; z-index:10 }
#header .headerNav .book_mark { position:absolute; top:0; left:17px; width:31px; height:31px; text-indent:-9999em; background:url(/design/2nddesign/10276/m/common/book_mark.png) 0 0 no-repeat; background-size:31px auto }
#header .headerNav ul li { margin-left:-1px; position:relative; float:left; width:25%; height:25px }
#header .headerNav ul li a { display:block; color:#fff; text-align:center; line-height:25px }
#header .headerNav ul li .sp_bubble { margin-left:-20px; position:absolute; top:20px; left:50%; font-size:0; text-align:center }
#header .headerNav ul li .sp_bubble .arr { display:block; margin-left:-2px; position:absolute; top:-3px; left:50%; width:6px; height:3px; background:url(/design/2nddesign/10276/m/common/arr_bubble.png) 0 0 no-repeat; background-size:6px auto; vertical-align:top }
#header .headerNav ul li .sp_bubble p { padding:0 3px; font-size:11px; color:#333;  border-radius:15px; background:#fff }
#header .headerLnb { position:relative; height:45px;background: rgba(255, 255, 255, 1); box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); }
#header .headerLnb .sideMenuOpen { position:absolute; top:15px; left:15px;cursor:pointer }
#header .headerLnb .tlogo { margin:0 auto; width: 110px;height: 45px;}
#header .headerLnb .tlogo img {
    display: inline-block;
        width: 110px;
    padding-top:12px
   
}
#header .headerLnb .searchToggle { position:absolute; top:13px; left:45px; color:#fff; cursor:pointer }
#header .headerLnb .cart { position:absolute; top:-2px; right:10px; color:#fff; cursor:pointer }
#header .headerLnb .cart a {display: inline-block; height: 45px;}


#header .searchLy { display:none; position:absolute; top:45px; left:0; width:100%; height:55px; background:#f8f8f8; z-index:100 }
#header .searchLy .search {padding:8px 10px; position:relative; text-align:center; }
#header .searchLy .search .delete_btn { display:none; position:absolute; top:4px; right:40px; width:30px; height:30px; font-size:15px; color:#ccc; line-height:43px;z-index: 10; }
#header .searchLy .search input { width:100%; height:40px; border:none; border-radius:0; outline:none }
#header .searchLy .search .btn_search { position:absolute; right:20px; color:#666; line-height:45px}
#header .searchLy .clearTag { height:200px }

.mask {	display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#333; opacity:0.5; filter:alpha(opacity=50); z-index:990 }

/* 사이드 메뉴 */
#asideMenu { position:fixed; top:0; left:-82%; width:70%; height:100%; background:#fff; z-index:9999; overflow-y:auto; overflow-x:hidden; padding: 0 20px; }
#asideMenu .tlogo a {display: inline-block; height: 45px;}


#asideClose { position:fixed; top:0; left:-82%; width:40px; height:40px; text-indent:-9999em; background-size:40px auto; cursor:pointer; z-index:9999 ;color:#fff}
#asideClose:hover { color:#fff}


/* 카테고리 */

#asideMenu .aside-util { position: relative;  }
#asideMenu .aside-util .util-btns { position: relative; padding-top: 10px; }
#asideMenu .aside-util .util-btns a { display: inline-block; text-align: center; color: #fff; line-height:40px; margin-bottom: 10px; }
#asideMenu .aside-util .util-btns a.btn-green { float:left; width: 32.5%; margin:0 1px; background-color: #333; }
#asideMenu .aside-util .util-btns a.btn-gray { float:left; margin:0 1px; width: 32.5%; background-color: #efefef; color:#333}
#asideMenu .aside-util .util-btns a.btn-gray:nth-child(2) { }
#asideMenu .aside-util .util-btns a.btn-gray:last-child { float:right;  }
/*카테고리 */
#asideMenu .asideTop1 { font-weight: bold;
display: table;
table-layout: fixed;
width: 100%;
margin: 10px 0 0 0;
text-align:center;
line-height: 43px;
height: 45px;
background-color: #f8f8f8;}


#asideMenu .asideTop { font-weight:bold; text-align:center;  display:table; table-layout:fixed; width:100%; margin:20px 0 0 0;}
#asideMenu .asideTop a {width:33.33%; height:43px; line-height:41px;display:inline-block;  background-color: #f8f8f8; border-top: 2px solid #efefef; border-bottom:1px solid #efefef; color:#999;  }
#asideMenu .asideTop a .fa {margin-top:10px;}
#asideMenu .asideTop a.act { color:#333; }
#asideMenu nav li { border-bottom:1px solid #efefef; position:relative; }
#asideMenu nav li a {display: block; height:43px; line-height:41px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#asideMenu nav li .fa {position: absolute; top:0; right: 0; width: 20px; text-align: center; height:43px; line-height:41px; font-size:10px}
#asideMenu nav li > ul { background-color:#f8f8f8; display:none; border-top:1px solid #efefef; }
#asideMenu nav li > ul > li { border-bottom:0px none; border-top:1px solid #efefef; }
#asideMenu nav li > ul > li:first-child { border-top:0px none;}
#asideMenu nav li > ul > li a { padding:0 40px 0 20px; margin: 0; }
#asideMenu nav li > ul > li > ul {border-top:0px none; border-top:1px solid #efefef;}
#asideMenu nav li > ul > li > ul > li {border-bottom:0px none;}
#asideMenu nav li > ul > li > ul > li a { padding:0 0 0 30px; margin: 0; background-color: #f8f8f8;}
#asideMenu .asideBottom { padding:20px 0; font-size:10px; line-height:18px; }
#asideMenu .asideBottom .call { display:inline-block; vertical-align:top; margin:0 20px 0 0; }
#asideMenu .asideBottom .bank { display:inline-block; vertical-align:top; }
#asideMenu .asideBottom .tel {color:#333; font-size:12px; }
#asideMenu .asideBottom .fa-stack {color:#333; margin-top: -5px;}
#asideMenu .asideBottom h3 { font-size:11px; margin:20px 0 10px; }
#asideMenu .asideBottom .copyright { margin:30px 0 0; font-size:9px; }
#asideMenu .navCommunity {display:none;}
#asideMenu .navMypage {display:none;}

/* 카테고리 */

.icon {
  display: inline-block;
  stroke: currentColor;
  fill: currentColor;
  color:#333;
}
.icon-ss {
width: 120px;
height: 45px;
stroke-width: 3;
}
.icon-sss {
width: 100px;
height: 45px;
stroke-width: 3;
}
.icon-cart {
  width: 19px;
  height:33px;
  right: 17px;
  position: absolute;
 
}

#header .basket_count {margin-top: 7px;}

.icon-search {
  width: 18px;
  height:18px;
  stroke-width: 0
}






.esohamburger-box {
  width: 19px;
  height: 18px;
  
  display: inline-block;
  position: relative; }

.esohamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .esohamburger-inner, .esohamburger-inner::before, .esohamburger-inner::after {
    width: 19px;
    height: 1.24px;
    background-color: #333;
    position: absolute;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .esohamburger-inner::before, .esohamburger-inner::after {
    content: "";
    display: block; }
  .esohamburger-inner::before {
    top: -6.5px; }
  .esohamburger-inner::after {
    bottom: -6.5px; }







/* BASIC css end */