/* BASIC css start */
.header {position:relative;}

.overlay {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7);z-index: 999991;}
.overlay_wh {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.9);z-index: 999991;}
.sb_quick {display:none;position:fixed;bottom:5%;right:5%;z-index:999999;text-align:center}
.sb_quick span {display:block;margin:5px 0;background-color:rgba(0,0,0,0.2);border-radius:5px;padding:5px}
.sb_quick .rr_toktok {display:block;background:#01c73c;margin:5px 0;border-radius:5px;padding:5px}
.sb_quick .rr_kakao {display:block;background:#f7dd00;margin:5px 0;border-radius:5px;padding:5px}

.topf_menu {width:100%;text-align:center;font-size:0;margin:10px 0 0;padding-bottom:5px;border-bottom:1px solid #dcdcdc}
.topf_menu li {width:20%;position:relative;display:inline-block;border-right:1px solid #dcdcdc;font-size:12px;padding:0 0 0 0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.topf_menu a {position:relative}
.topf_menu a:last-child {border-right:0}
.topf_menu .SB_top_cart_amount {position:absolute;z-index:9999;top:15px;left:12px;font-size:12px;line-height:20px;background:#ff0000;color:#fff;font-weight:normal;width:20px;height:20px;border-radius:100%;vertical-align:middle;text-align:center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.joinsave {display:none;position:absolute;top:16px;left:50%;margin-left:-25px;height:20px;line-height:20px;color:#555;text-align:center;padding:5px 0 0;background:url(/design/kitri79/sbm/joinsave_arrow.png) 50% 0 no-repeat;z-index:99999;}
.joinsave span {display:block;text-align:center;width:50px;margin:0;background:#E8E8E8;border-radius:5px;}
.joinsave span a {color:#555;font-size:10px;letter-spacing:-0.5px;font-family:Montserrat,'malgun gothic',Arial,'돋움', Dotum; line-height:18px; }

.sbheader {position:relative;width:100%;height:66px;}
.sbheader .sb_logo {float:left;width:50%;text-align:center}
.sbheader .sb_logo h1{padding:4px 0 15px 0}
.sbheader .sb_logo h1 a{font-size:1.7em;font-family:Montserrat,Arial,dotum,'돋움',sans-serif;font-weight:bold}
.sbheader .sb_logo h1 img {width:100px}
.sbheader .sbflex {margin-top:22px;vertical-align:top;}
.sblogo_text {}

.sbheader .menu_butt {float:left;width:25%;}
.sbheader .menu_butt li {float:left;}
.sbheader .menu_butt a {font-size:1.10em;margin-left:20px}
.sbheader .menu_butt a .fa {vertical-align:top; position: relative;padding:0;}
.sbheader .menu_butt li:last-child {padding-bottom:4px}
.sbheader .menu_butt li:last-child .fa {font-size:21px}
.sbheader .menu_butt li:last-child a {display:inline-block;margin:0 0 0 10px;}
.sbheader .menu_butt li img {width:26px;}

/******************************** 검색창 ********************************/

.SB_top_search   {display:none;position:absolute;width:320px;top:16px;left:50%; transform:translateX(-50%);z-index:999992;vertical-align:top;text-align:center;font-size:0}
.SB_top_search .searchBox {display:inline-block;vertical-align:top;}
.SB_top_search .searchBox input {width:270px;height:37px;font-size:17px;border:1px solid #999;background:#fffde1;color:#000;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.SB_top_search a {display:inline-block;vertical-align:top;padding:10px;font-size:13px;background:#000;color:#fff;margin-left:5px}
.SB_top_search i {color:#000;font-size:50px;margin-top:30px}
.SB_search_on {}

.sbheader .sb_addhome {float:right;width:25%;text-align:right;vertical-align:top;}
.sbheader .sb_addhome ul{display:inline-block; *display:inline; zoom:1;}
.sbheader .sb_addhome li {float:left;}
.sbheader .sb_addhome li:first-child {margin-right:8px}
.sbheader .sb_addhome li:last-child {margin-right:20px;}
.sbheader .sb_addhome a { color:#ff0000}
.sbheader .sb_addhome img{width:28px;border:0px solid #ff0000}

.SB_top_menu {position:relative;overflow:hidden;width:100%;height:96px;margin:0 auto 0;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;}
.SB_top_menu ul {border-bottom:1px solid #E0E0E0;overflow:hidden;}
.SB_top_menu ul:last-child {border-bottom:0}
.SB_top_menu li {width:33.33%;float:left;list-style:none;border-left:1px solid #E0E0E0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;text-align:center}
.SB_top_menu li:first-child {border-left:0;}
.SB_top_menu li:last-child {border-right:0;}
.SB_top_menu li a{display:block;font-family:Montserrat,Arial,dotum,'돋움',sans-serif;font-size:.90em;padding:7px 0;font-weight:normal}

.sb_scroll_on   {position:fixed;top:0;z-index:999999;box-shadow:0 1px 2px #BEBEBE;background-color:rgba(255,255,255,0.8);transition: 0.5s}
.sb_scroll_on2 {color:#000 !important;box-shadow:none;transition: 0.5s}
.sb_scroll_header_on {margin-top:60px}

.SB_clear1 {clear:both;overflow:hidden;padding:1px 0}

/** headerTop a 의 height 값 수정시 공통스타일시트에서 #mask 부분도 수정**/

/* 카테고리 */
aside {position:fixed;height:100%;width: 300px;overflow:scroll;overflow-x: hidden;-webkit-overflow-scrolling: touch;padding:20px 20px 0; background:#fff;border-right:1px solid #DFDFDF;left:-341px;top:0;z-index:999999;}
::-webkit-scrollbar {width:0; height:0; border:0; }
::-webkit-scrollbar-track {background: #fff; -webkit-border-radius: 0; border-radius:0;}

.asideclose {background:#999;text-align:center;float:right;border-top-left-radius:20px;border-bottom-left-radius:20px;}
.asideclose a{display:block;font-family:Montserrat,'Nanum Gothic','malgun gothic',Arial,dotum,'돋움',sans-serif;padding:10px 10px 7px;color:#fff;font-size: 1.10em;}

aside .SB_aside_title {clear:both;font-size:2.2em;font-family:Montserrat,'Nanum Gothic','malgun gothic',Arial,dotum,'돋움',sans-serif;}
aside .SB_aside_icon_line {width:100%;margin:20px 0 0 0;text-align:center}
aside .SB_aside_icon_line a{display:block;width:25%;padding:6px 0;margin-bottom:14px;float:left;border-top:1px solid #E2E2E2;border-bottom:1px solid #E2E2E2;}
aside .SB_aside_icon_line img{width:30%;}

aside .SB_aside_clear {clear:both}
aside .search {clear:both;position:relative;z-index:10;border:1px solid #E2E2E2;margin-top:10px}
aside .search .searchBox {width:100%;}
aside .search .searchBox input {width:90%; height:30px;padding: 0 5px;border:0;font-size:1.32em}
aside .search .btn_search {position:absolute; top:0; right:0; color:#000; text-align:right;padding:3px 3px 0 0}

aside .aside_login {width:100%}
aside .SB_login_info {padding:15px 0 5px;color:#999999;text-align:left}
aside .SB_loginbutt li {border:1px solid #000;text-align:center;padding:8px;font-family:'Nanum Gothic','malgun gothic',Montserrat,Arial,dotum,'돋움',sans-serif;font-size: 1.01em;}
aside .SB_loginbutt li a {display:block;padding:5px 0}
aside .SB_loginL {width:49%;float:left;background:#000000;border:0 !important;}
aside .SB_loginL a{color:#fff;}
aside .SB_loginR {width:49%;float:right}

aside .asideTop {text-align:center;margin:25px 0 10px 0}
aside .asideTop a {width:33.33%; height:22px; font-size:1.2em;font-family:'Gothic A1',Montserrat,'Nanum Gothic','malgun gothic',Arial,dotum,'돋움',sans-serif;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:#090909; border-bottom:2px solid #090909;}
aside nav li {border-bottom:1px solid #E2E2E2; position:relative;}
aside nav li a {display:block;font-family:Montserrat,'Gothic A1','Nanum Gothic','malgun gothic',Arial,dotum,'돋움',sans-serif;height:35px;line-height:35px;padding:0 0 0 10px;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;border:0}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}

aside .asideBottom {padding:20px 0;}
aside .SB_call_title {font-family:Montserrat,'Nanum Gothic','malgun gothic',Arial,dotum,'돋움',sans-serif;font-size: 1.21em;}
aside .asideBottom .tel {color:#090909; font-size:1.8em; font-weight:bold; display: block;line-height:150%}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;font-size:1.1em;}
aside .asideBottom .copyright {margin:20px 0;border-top:1px solid #C9C9C9;padding:10px 0 4px 0}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/* //카테고리 */

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

.SB_lastview {border-bottom:1px solid #C9C9C9;}
.SB_lastview ul li a {margin:5px}
.SB_lastview_title {width:100%;clear:both;display:block;margin:20px 0 0 0;text-align:center;border-bottom:1px solid #C9C9C9}
.SB_lastview_title span {width:70px;display:block;padding:6px 7px 3px;background:#999;color:#fff;border-radius:7px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;text-align:center}
.SB_none_vitem {background:#F4F4F4;text-align:center;padding:20px;border-bottom:1px solid #C9C9C9}

@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 */