/* BASIC css start */
/* header */
.nav_banner {width:auto; padding:8px;}
.top_banner {position:relative;}
.top_banner .ban_img a {display:block; line-height:100%;}
.top_banner .ban_img img {width:100%;}
.top_banner .close_btn {font-size: 0;width:13px; height:13px; position:absolute; top:20px; right:15px; z-index: 5;}
.top_banner .close_btn img {width:100%;}
.nav_banner .nav_login{position: static; border-bottom: 1px solid #ddd; padding: 10px 0 20px;}
.nav_banner .nav_login ul li a{ margin: 0 10px;}
#header_wrap header {position:relative;}
#header_wrap header .header_box {border-bottom:none; position:relative;}
#header_wrap header .header_box .h_logo {width:187px; padding:0; margin:18px 0 0 10px;}
#header_wrap header .header_box .h_logo img {width:50%;}
#header_wrap header .header_box .right_menu {position:absolute; top:12px;right:0; display:inline-block; vertical-align:top; }
#header_wrap header .header_box .right_menu li {display:inline-block; position: relative;vertical-align: top;}
#header_wrap header .header_box .right_menu li:nth-child(1) {margin-right:8px;}
#header_wrap header .header_box .right_menu li:nth-child(2) {margin-right:20px;}
#header_wrap header .header_box .cart_count {position: absolute; display:block; background: #ff9c8f; border-radius: 100%; color: #fff; vertical-align: middle; top: -2px; right: -6px; font-size: 8.87px; padding: 0;  width: 14px; height: 14px; text-align: center; line-height: 14px;}
#header_wrap header .header_box .mypage {padding:0;}
#header_wrap header .header_box .mypage span {display: inline-block; width:21px; height:22px; vertical-align: top;}
#header_wrap header .header_box .cart {padding:0;display: inline-block; }
#header_wrap header .header_box .cart span {display: inline-block;vertical-align: top; width:21px; height:21px;}
#header_wrap .head_menu {border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; transition:all 0.5s ease;}
#header_wrap .head_menu.h_on {position:fixed; top:0; left:0; width:100%; background:#fff; border-bottom:1px solid #e7e7e7; z-index:10; transition:all 0.5s ease;}
#header_wrap .head_menu .side_menu {width:39px; height:37px; text-indent:-9999px; padding:0 !important; vertical-align: top; display: inline-block;}
#header_wrap .head_menu ul {font-size:0;}
#header_wrap .head_menu ul li {display:inline-block; vertical-align:top; margin:0 1.4%;}
#header_wrap .head_menu ul li:first-of-type {margin:0;}
#header_wrap .head_menu ul li:last-of-type {margin:0 0 0 13px;}
#header_wrap .head_menu ul li a {font-size:11.13px; color:#404040; line-height:37px;}
#header_wrap header .header_box .left_menu {position:relative; display:block; left:0; padding:0 10px; box-sizing:border-box; margin-top:13px; margin-bottom:10px;}
#header_wrap header .header_box .left_menu .search{display:block; background:#f6f6f6; height:32px; } 
#header_wrap header .header_box .left_menu .search .MS_search_word {padding:0; width:100%; text-align:left; font-size:11.2px; color:#7e7e7e; font-weight:500; text-indent:10px;line-height: 32px; background: #f6f6f6; border: 0;}
#header_wrap header .header_box .left_menu .search .btn_search {width:17px; height:18px; top:7px; right:20px; position:absolute;}
#header_wrap header.h_on {position:fixed; top:0; left:0; right:0; z-index:200; background:#fff; width:100%;}
.left_close {display:none; cursor:pointer; position:fixed; top:20px; left:310px; width:29px; height:29px; z-index:1002;}

/* 카테고리 */
aside {position:fixed; width:280px; height:100%; top:0; left:-280px; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001;}
aside .asideTop {text-align:center;}
aside .asideTop a {width:33.33%; height:62px; display:inline-block; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color:#ab3e41; border-bottom:2px solid #ab3e41;}
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; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
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 .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#ab3e41; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
aside .asideTop_login {text-align:center;background: #f6f6f6;border-bottom: solid 1px #e2e2e2;}
aside .asideTop_login a {width: 45%;height: 40px;line-height: 40px;display: inline-block; color: #fff;background: #000;color: #fff;margin: 12px 0;}
aside .asideTop_login a.bgwhite {color: #000;background: #fff;margin-left: 5px;border: solid 1px #000;box-sizing: border-box;}

/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}
/* BASIC css end */