/* BASIC css start */
div#container {  margin-top: 70px;}

/* »ó´Ü ¹è³Ê */
#topBanner { 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/d4-0276/wizmobile/btn_bnnr_close.png) 0 0 no-repeat; background-size:17px auto; cursor:pointer; z-index:10 }


/* »ó´Ü */
div#wrap {   position: relative;}
.top-sp { height:100px;}
.logo {
    height: 22px;
    display: inline-block;
    margin-top: 2px;
    vertical-align: middle;

}
#header .back_btn {
    top: 11px;
    left: 3%;
    position: absolute;
}
#header .back_btn i { font-size: 26px; }
#header {  width:100%; z-index:100; position:fixed; background:#fff; height:78px;top:0 }

#header .headerLnb { width:100%; }

#header .headerLnb .sideMenuOpen { position:absolute; top:10px; left:5px; font-size:24px; color:#000; cursor:pointer }
#header .headerLnb .tlogo {   margin-left: 14%;}
#header .headerLnb .tlogo a { font-size: 20px; font-family: 'Poppins', 'Lato', 'Nanum Gothic', Arial; font-weight:700;color:#fff;text-align: center; line-height: 45px;}

#header .headerLnb .searchToggle {
    position: absolute;
    top: 9px;
    right: 13.26667vw;
    font-size: 15px;
    color: #fff;

}

#header .headerLnb .cart { position: absolute; top: 8px; right: 5%; font-size: 14px; color: rgb(255, 255, 255); cursor: pointer; }
#header .searchLy {display: none;position: absolute;top: 45px;left: 0px;width: 100%;height: 45px;background: #fff;z-index: 100;}
#header .searchLy .search {padding: 8px 10px;position: relative;text-align: center;}
#header .searchLy .search .delete_btn { display: none; position: absolute; top: 10px; right: 40px; width: 30px; height: 24px; font-size: 18px; color: rgb(173, 173, 173); line-height: 24px; z-index: 10; }
#header .searchLy .search input {width: 97%;height: 29px;border: none;outline: none;border-bottom: 1px solid;box-sizing: border-box;}
#header .searchLy .search .btn_search { position: absolute; top: 12px; right: 20px; font-size: 20px; color: rgb(102, 102, 102); }
#header .searchLy .search img {
    position: absolute;
    top: -4px;
    right: -2px;
}
#header .searchLy .clearTag { height: 200px; }

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




/* ============= ½ºÅ©·ÑÈÄ À§Ä¡¿µ¿ª =============== */

/*
#header .headerLnb.fixMenu { height: 40px;  box-shadow: 1px 1px 5px rgba(0,0,0,0.3);     background: #6f6f77;  position:fixed; left:0;  top:0;  }
#header .headerLnb.fixMenu .tlogo  { height: 40px;  }
#header .headerLnb.fixMenu .tlogo  a { color:#fff; line-height: 40px; font-size: 18px; }
#header .headerLnb.fixMenu .hd_left li.menu a { color:#fff; }

#header .headerLnb.fixMenu .sideMenuOpen { position:absolute;  top:6px; left:5px; font-size:22px; color:#fff; cursor:pointer }

#header .headerLnb.fixMenu .searchLy { display:none; position:absolute; top:35px; left:0; width:100%; height:45px; background:#ccc; z-index:100  }

#header .headerLnb.fixMenu .topmenu{background:#fff;margin-top: 0;}
#header .headerLnb.fixMenu .topmenu .swiper-slide a,
#header .headerLnb.fixMenu .topmenu .toggle_btn{color:#333;}

*/
/* ============= Ä«Å×°í¸® ¿µ¿ª =============== */

#wmenu { width:100%; background:rgba(255,255,255,0.9);    border-bottom:1px solid #ddd; height:80px; }
#wmenu ul { border:0; }
#wmenu li { position:relative;float:left;width:20%; height:40px 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 a {width:100%;display:block;overflow:hidden;text-align:center;  color:#646464;  font-family:'µ¸¿ò', dotum, sans-serif;  font-size:11px; font-weight:bold; line-height:40px; height:40px;}


#wmenu1 { width:100%; background:#fff; border-bottom:1px solid #ddd; height:70px; margin-top:1px; }
#wmenu1 ul { border:0; }
#wmenu1 li { position:relative;float:left;width:20%; height:35px;  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;}
#wmenu1 li.left {position:relative;float:left;width:20%;height:35px; 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;}
#wmenu1 li a {width:100%;display:block;overflow:hidden;text-align:center;  color:#646464;  font-family:'µ¸¿ò', dotum, sans-serif;  font-size:11px; font-weight:none; line-height:35px; height:36px;}




/* ============= »óÇÏÀ̵¿¹öÆ° ============= */
.pageTop {
    display: none;
    position: fixed;
    bottom: 104px;
    right: 5px;
    z-index: 9;
}
.pageTop .btn_up {
    width: 43px;
    height: 43px;
    line-height: 33px;
    display: block;
    background-color: #A3A3A3;
    text-align: center;
    border-radius: 50%;
    color: #333;
    box-sizing: border-box;
    font-size: 18px;
    margin-bottom: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pageTop .btn_up img { width: 26px;}

/* ============= »çÀÌµå ¸Þ´º ============= */
#asideMenu { position:fixed; top:0; left:-82%; width:80%; height:100%; box-shadow:-5px 5px 5px 5px #000; background:#fff; z-index:9999; overflow-y:auto; overflow-x:hidden }


/* Äü¸Þ´º »ó´Ü¸Þ´º */
.subTop-box {  }
.subTop-box a { float:left; width:33.33%; padding:10px 0; color:#fff; font-size:10px; text-align:center;  border-right:0; background-color:#333;  
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-sizing:border-box;
-o-sizing:border-box;
box-sizing:border-box;
}


#subTop-box a.icon-add { }
#subTop-box a.icon-order {  }
#subTop-box a.icon-basket { }
#subTop-box a.icon-mypage { }



/* °Ë»ö + ·Î±×ÀÎ ¸Þ´º */
.loginBox { clear:both; margin:0px 0 0px; padding:10px 0px 30px; text-align:center; background:#f1f1f1;  border:0px solid #000; }

.loginBox .searchside { clear: both; width:100%; height:45px; padding:0px 0 20px; } 
.loginBox .searchside .search {padding:8px 10px;  text-align:center; position:relative; }
.loginBox .searchside .search .delete_btn { position:absolute; top:10px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 }
.loginBox .searchside .search input { width:100%; height:29px; border:none; border-radius:15px; border:1px solid #999; }
.loginBox .searchside .search .btn_search { position:absolute; top:12px; right:20px; font-size:20px; color:#666;  z-index:10 }


.loginBox p { display:inline-block;   font-size: 14px;}
.loginBox p span { text-decoration:underline; font-weight: bold; color: #202020; font-size: 0.875em; }
.loginBox ul { font-size:0; margin-top:15px; }
.loginBox li { clear:both; display:inline-block; width:49%; height:35px; text-align:center; margin:0 0.5%; }
.loginBox li a { display:block; font-size:11px; color:#222; letter-spacing:0.1em; line-height:35px; border:1px solid #303030; border-radius: 3px; box-sizing:border-box; -webkit-box-sizing:border-box;  background:#fff; }
.loginBox li.first a { color:#fff; border:1px solid #303030; background:#303030; }




/* Ä«Å×°í¸®¸Þ´º */

aside .asideTop { text-align:center; font-size: 0.875em;  overflow:hidden; padding: 0px 2px 10px;}
aside .asideTop a:first-child { border-left: 1px solid #585858;}
aside .asideTop a { width:33.33%; height:35px;  position:relative; font-weight:bold; border: 1px solid #585858; border-left: 0px;   background-color:#fff; line-height: 35px; color:#585858; display:inline-block; box-sizing: border-box;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act { background:#585858; color:#fff; }
aside .asideTop a.act em { position:absolute; left:44%; bottom:-6px; border-top:6px solid #585858; border-left:4px solid transparent; border-right:4px solid transparent;}


aside nav li {border-bottom:1px solid #ccc; position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; font-size:11px;  margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Lato','Montserrat','Noto Sans KR', 'Nanum Gothic', Sans-serif; font-weight:bold; }
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}

aside .navCommunity {display:none;}
aside .navMypage {display:none;}




#asideClose { position:fixed; bottom:0; left:-82%; width:40px; height:40px;  text-align:center; line-height:45px;  background:#fff; cursor:pointer; z-index:9999 }.
#asideClose .fa { color:#000 ;  }



/* BASIC css end */