/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

#header .headerTop{height:32px; border-bottom:1px solid #ccc; background:#eee; overflow:hidden;}
#header .headerTop a{float:left; width:25%; line-height:32px; display:block; text-align:center; background:url('/design/yufamily/da_image/m_line_gnb.png') no-repeat left center; background-size:1px 10px; color:#666; font-size:13px; font-weight:500;}
#header .headerTop a:first-child{background:none;}
#header .headerBottom{position:relative; height:55px;}
#header .headerBottom #search{position:absolute; left:10px; top:16px;}
#header .headerBottom #search img{width:19px;}
#header .headerBottom .logo{text-align:center; padding-top:13px;}
#header .headerBottom .logo a{}
#header .headerBottom .logo a img{height:30px;}
#header .headerBottom .cart{position:absolute; right:10px; top:16px; width:28px; height:auto;}
#header .headerBottom .cart img{width:28px;}
#header .headerBottom .cart sup{position:absolute; top:32%; display:block; width:28px; text-align:center; font-size:12px; color:#444; font-weight:600;}

#menu{display: block;line-height: 39px;padding: 0 !important;border-right: 1px solid #333;color: #fff;font-weight: 600;background:#333;}
#menu .fa{padding-right:5px; vertical-align:middle; height:35px;}
#menu .fa img{width:12px; vertical-align:middle; margin-top:3px;}

.search{display:none; background:#333 !important; width:100%; overflow:hidden; padding:9px 0;}
.search .searchBox{float:left; width:85%; text-indent:10px; }
.search .searchBox input{width:100%;}
.search .btn_search{float:right; width:10%; font-size:13px; color:#fff; line-height:35px;}
.search .btn_search span{display:none;}

.main_ct{border-top:2px solid #333333; margin:2px 0 10px; border-bottom:2px solid #333333;}
.main_ct ul{display:table;width:100%;height:40px; }
.main_ct ul li{width:25%; box-sizing:border-box; height:4px; text-align:center; display:table-cell; vertical-align:middle; border-bottom:1px solid #dddddd;}
.main_ct ul li a{display:block; font-size:12px; color:#555555;}
.main_ct ul li:nth-child(4n){border-right:2px solid #777;}

.main_ct ul li{border-left:2px solid #777;}
.main_ct ul li.bd{border:2px solid #777; border-right:0px; background:#eeeeee;}
.main_ct ul li.li_bd{border-top:2px solid #777; border-bottom:2px solid #777;}
.main_ct ul li.bd_left{border-left:1px solid #ddd;}
.main_ct ul li.bd_btm{border-bottom:2px solid #777;}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before{display:none;}

aside h2.cate_logo {height:30px; padding:10px 0 10px 0; text-align:center;}
aside h2.cate_logo img {height:26px;}

aside .cate_search{border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee; padding:9px 10px; position:relative;}
aside .cate_search input{width:100%; height:28px; line-height:28px; border:1px solid #ccc; background:#fff;}
aside .cate_search .btn_search{background:url('/design/yufamily/da_image/m_cate_search.png') no-repeat 0 0; width:16px; height:15px; position:absolute; right:20px; top:15px; background-size:16px 15px;}
aside .cate_search .btn_search span{display:none;}

aside .cate_gnb {padding:12px 10px; overflow:hidden;}
aside .cate_gnb ul {}
aside .cate_gnb ul li {width:48%; height:32px; text-align:center; margin-left:2%;}
aside .cate_gnb ul li:first-child {margin-left:0;}
aside .cate_gnb ul li.gnb01 {background:#333; border:1px solid #333;}
aside .cate_gnb ul li.gnb02 {background:#fff; border:1px solid #888;}
aside .cate_gnb ul li a {display:block; width:100%; height:32px; line-height:32px;}
aside .cate_gnb ul li.gnb01 a {color:#fff; font-size:14px; font-weight:600;}
aside .cate_gnb ul li.gnb02 a {color:#333; font-size:14px; font-weight:600;}


/* Ä«Å×°í¸® */
aside {position:fixed; width:340px; height:100%; top:0; left:0; bottom:0; z-index:1001; display:none;}
aside .aside{background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; width:320px; height:100%;}
aside .asideTop {text-align:center; overflow:hidden;}
aside .asideTop a {display: block;float: left;text-align: center;font-size: 13px;font-weight: 600;color: #666;height: 35px;line-height: 35px;width: 50%;box-sizing: border-box;border: 1px solid #ccc;border-right: none;background-color: #eee;}
aside .asideTop a .fa {display:none;}
aside .asideTop a.act {background-color: #fff;border-top: 2px solid #000;color: #333;border-bottom: none;}
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; background:url('/design/yufamily/da_image/m_cate_off.png') no-repeat center; font:none; background-size:13px 13px !important; }
aside nav li .fa:before{display:none;}
aside nav li .fa.fa-rotate-180{background:url('/design/yufamily/da_image/m_cate_on.png') no-repeat center; background-size:13px 2px !important;}
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 .bn_x {
    border:none;
    position: absolute;
    top: 0;
    right: -17px;
}
aside .bn_x img{display:block; width:37px; height:39px;}

/* //Ä«Å×°í¸® */

/* ÃÖ±Ù º» »óÇ° */
#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 */