/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {position:relative; width:100%;}
#header .MK_top_banner img {width:100%; height:100%;}

#header .gnb {z-index:100; background:#fff;}
#header .gnb:after {content:''; display:block; clear:both;}
#header .gnb.fixed {position:fixed; top:0; left:0; right:0;}
#header .gnb a {float:left; width:25%; height:33px; line-height:33px; position:relative; margin-left:-1px; border-left:1px solid #e5e5e5; color:#565656; text-align:center; font-weight: bold; font-size:13px;}
#header .gnb a .point {position:absolute; top:28px; left:46%; width:62px; height:16px; line-height:17px; margin-left:-26px; background:#ffde00; color:#222; text-align:center; border-radius:3px;}
#header .gnb a .point span {position:absolute; top:-4px; left:46%; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid #ffde00; margin-left:-4px;}
#header .gnb .fa {font-weight: bold;}


#header #menu {width:45px; background-color:#ab3e41; position:absolute; right:0;}
#header #menu .fa {top:5px;}

#header .header {height:85px; border-bottom:1px solid #ddd;}
#header .header h1 {margin-top:25px; font-size:2.5em; text-align:center;}
#header .header h1 img {width:150px; height:auto;}
#header .header .lnk {position:absolute; top:30px; color:#afafaf;}
#header .header .lnk-bookmark {left:10px;}
#header .header .lnk-search {right:10px;}
#header .header .lnk-search .fa-close {margin-top:-3px; font-size:2.5em;}
#header .search {height:25px; position:absolute; bottom:-40px; left:0; right:0; background-color:#696969; padding:8px; text-align:center; display:none; z-index:10;}
#header .search label {position:relative; display:block; margin-right:25px;}
#header .search label input {width:100%; height:30px; border:0px none; background:#fff; padding:0 5px;}
#header .search label .btn {width:25px; height:30px; line-height:30px; background:#fff; position:absolute; top:0; right:-25px; color:#afafaf; text-align:center;}
#header .search label .btn .fa {font-size:18px;}


#header .section2 {height:80px; background:#ff6c0a;}
#header .section2 h1 {float:left; width:40%; height:80px; line-height:80px; margin:0; padding:0; text-align:center;}
#header .section2 h1 a {display:inline-block; padding:18px 0 0 6px;}
#header .section2 h1 img {/*max-height:47px; */ width:133px; vertical-align:top;}
#header .section2 .area_search {float:left; width:60%;}
#header .section2 .area_search .inner {position:relative; margin:25px 10px 0 10px}
#header .section2 .area_search .area_input {margin-right:20px;}
#header .section2 .area_search input {width:100%; height:37px; margin:0; padding:0; border:0; border-radius:0; font-size:12px; text-indent:5px; vertical-align:top; -webkit-appearance:none; -webkit-border-radius:0;}
#header .section2 .area_search a.btn {position:absolute; right:0; bottom:0; margin:0; padding:0; border:0; background:none;}
#header .section2 .area_search a.btn img {height:37px;}


#header .top_menu {width:100%; height:32px; background:#ec4406;}
#header .top_menu li {position:relative; float:left; /*margin-left:12px;*/} 
#header .top_menu li a {display:inline; padding-left:8px; font-size:13px; text-align:center; font-weight:bold; color:#fff; line-height:32px; vertical-align:middle;}

#header .top_menu li:first-child a {padding-left:1px; border:0;}


/* #header .top_menu li a:hover {padding-left:6px; padding-bottom:6px; border-bottom:3px solid #fff000; }*/
/* #header .top_menu li:first-child a {border:0;}*/

#header .top_menu .icon_hot {position:absolute; top:143px; left:35%;}
#header .top_menu .icon_hot img {height:18px; vertical-align:top;}

/*#header .top_menu img {display:block; height:32px; line-height:32px; text-align:center; vertical-align:top;}*/


/* 배너 */
#header .banner2 img {width:100%;}


/* 카테고리 */
/* aside {position:fixed; width:320px; top:33px; left:0; bottom:0; background:#fff; -webkit-overflow-scrolling:touch; z-index:1001; display:none; border-right:2px solid #222;} */
aside {position:fixed; width:100%; top:33px; left:0; bottom:0; background:#fff; -webkit-overflow-scrolling:touch; z-index:1001; display:none; border-top:2px solid #5e5e5e;} 
aside .inner {height:100%; overflow-y:auto;}
/* aside .close {position:absolute; top:0; left:320px; width:30px; height:28px; padding-top:2px; background:#222; color:#fff; text-align:center;} */
aside .close {position:relative; float:right; width:50px; margin-right:10px;}

aside .asideinfo {overflow:hidden; text-align:center; width:100%; background:#efefef; padding:5px 0;}
aside .asideinfo li {margin-top:5px; margin-left:10px; margin-bottom:5px;  /*width:90%;*/ text-align:left;}
aside .asideinfo li a {float:left; margin-bottom:5px;  margin-left:5px; width:30%; height:38px; line-height:38px; border:1px solid #ddd; text-align:center; background:#fff; /*color:#222;*/}


aside .asideinfo .btn_White {margin:5px 0; width:50%}

aside .asideTop {overflow:hidden; text-align:center;}
aside .asideTop li a {float:left; display:inline; width:33.33%; height:36px; line-height:36px; border-bottom:2px solid #ff6c0a; background:#ff6c0a; color:#fff; font-weight:bold; font-size:13px; vertical-align:middle;} 
aside .asideTop li a.act {border-bottom:2px solid #5e5e5e; background:#ec4406; color:#fff;}
aside .asideTop li a.act2 {border-bottom:2px solid #5e5e5e; background:#ff6d0a; color:#fff;}
aside .asideTop li a.act3 {border-bottom:2px solid #5e5e5e; background:#ff8738; color:#fff;}


aside .asideBottom {float:left; width:100%; margin:0; padding:15px; background:#efefef;}

aside .navCategory {font-weight: bold; font-size:13px;}
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;}
aside nav li .fa {position:absolute; top:0; right:0; width:40px; text-align:center; height:35px; line-height:35px; font-size:18px; font-weight:bold;}
aside nav li > ul {background:#fff3ea; display:none; border-top:1px solid #5e5e5e; font-weight:normal;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px dotted #a8a8a8;}
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;}
aside .navCommunity {display:none;}
aside .navCommunity li {position:relative;}
aside .navCommunity li a  {display:inline; height:35px; line-height:35px; padding:0 0 0 20px; margin-right:40px; font-weight: bold; font-size:13px;}
aside .navMypage {display:none; font-weight: bold; font-size:13px;}
/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:0; left:0; background-color:#fff; z-index:1; 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 */