/* BASIC css start */
#header { position:relative;  }
#header .header { z-index:300; position:fixed; width:100%; height:36px; text-align:center; vertical-align:top; }

#header h1 { position:relative; display:block; top:20px; text-align:center; font-size:40px; min-height:136px; line-height:136px; }
#header h1 a { text-transform:lowercase; font-family: 'Allura', cursive; color:#333; }
#header h1 img { max-width:100%; max-height:36px; vertical-align:middle; font-size:12px; }

#header .category { position:absolute; left:0; top:0; width:36px; height:33px; vertical-align:middle; }
#header .category a { display:inline-block; overflow:hidden; width:100%; height:100%; text-indent:100%; white-space:nowrap; background:url("/design/osimoto3/mobile/lala/btn/btn_category.png") no-repeat 0 2px; background-size:36px 33px; }

 
#header .searchT { position:absolute; right:0px; top:-26px; width:20px; height:15px; vertical-align:middle; }
#header .searchT a { display:inline-block; overflow:hidden; width:100%; height:100%; padding:0; text-indent:100%; text-align:left; white-space:nowrap; cursor:pointer; border:0; background:url("/design/osimoto3/mobile/lala/btn/bg_search.png") no-repeat 0 0; background-size:15px 15px; }
 
 

#header .search {height:42px; position:relative; left:0; right:0; background-color:#fff; border-bottom:1px solid #ddd; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%;}
#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#ddd; position:absolute; top:0; right:0; color:#fff; text-align:center;}




 
 

/* 메인 검색 */
#header .searchWrap { position:relative;   }
#header .searchWrap .searchForm { position:relative; padding:0 28px 0 33px; border:1px solid #ccc; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png") no-repeat 5px 5px; background-size:20px 20px; }
#header .searchWrap .btnDelete { position:absolute; right:3px; top:5px; width:20px; height:20px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0; background-size:20px 20px; }
#header .searchWrap #keyword { width:100%; height:29px; padding:0; border:0; }

#header .headerTop { height:36px; line-height:36px; }
.xans-layout-mobilenavigation ul { overflow:hidden; background:#bebebe; margin:0; padding:0; text-transform:uppercase;  font-family: 'Raleway', sans-serif; }
.xans-layout-mobilenavigation ul li {  display:inline; }
.xans-layout-mobilenavigation ul li a {  height:28px; font-size:9px; line-height:28px; color:#fff; text-align:center; vertical-align:middle; padding:0 4px 0; }
.xans-layout-mobilenavigation ul li a span { font-style:oblique; font-weight:bold; padding:0 5px 0 3px; }
.xans-layout-mobilenavigation ul.grid4 li { width:25%; }
.xans-layout-mobilenavigation ul.grid5 li { width:20%; }



#categoryList { overflow:hidden; position:relative;  border-top:1px solid #555; border-bottom:1px solid #555;  text-align:center;  }
#categoryList .xans-layout-category { float:left; width:94%; font-size:11px; margin:2px 3%; }
#categoryList .xans-layout-category ul { float:left; width:100%; margin:0 auto;  }
#categoryList .xans-layout-category .topmenu { border-bottom:1px solid #ddd;  font-size:10px; font-family: 'Ubuntu Condensed', sans-serif; font-weight:normal; text-transform:uppercase; text-align:center; }
#categoryList .xans-layout-category .topmenu li a { float:left;  display:inline; text-align:center; width:9.5%; line-height:35px; height:35px; color:#555; }

#categoryList .xans-layout-category .topmenu li a.view4 { width:23% }
#categoryList .xans-layout-category .topmenu li a.view1,
#categoryList .xans-layout-category .topmenu li a.view2,
#categoryList .xans-layout-category .topmenu li a.view5,
#categoryList .xans-layout-category .topmenu li a.view6 { width:12% }
#categoryList .xans-layout-category .bottommenu { margin:0 2%; width:100%; font-family: 'Satisfy', cursive; font-weight:bold; text-align:center; font-size:11px; }
#categoryList .xans-layout-category .bottommenu li a span { font-family: 'Ubuntu Condensed', sans-serif; }
#categoryList .xans-layout-category .bottommenu li a {  float:left; display:inline; line-height:35px; height:35px; }
#categoryList .xans-layout-category .bottommenu li a.view9 { width:37% }
#categoryList .xans-layout-category .bottommenu li a.view10 { width:28% }
#categoryList .xans-layout-category .bottommenu li a.view11 { width:9% }
#categoryList .xans-layout-category .bottommenu li a.view12 { width:26% }
 
/* 카테고리 */
aside {position:fixed; width:50%; min-width:200px; height:100%; top:36px; left:0; bottom:0; background-color:#333; color:#ddd; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:1001; display:none; padding:0 10px; }
aside .asideTop {text-align:center;}
aside .asideTop a { width:50%; height:30px; line-height:30px; display:inline-block; border-bottom:1px solid #999; color:#999; font-weight:bold; letter-spacing:2px; margin:10px 0; }
 
aside .asideTop a.act {color:#fff; border-bottom:1px solid #fff;}

aside nav li { position:relative; }
aside nav li a {display: block; height:25px; line-height:25px; font-size:10px; font-family: 'Raleway', sans-serif; color:#ddd; 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: 25px; line-height:25px;}
aside nav li > ul { background-color:#333; display:none; }
aside nav li > ul > li { border-bottom:1px solid #555;  margin:0 15px 0 15px; }
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a { padding:0 0 0 5px; }
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #555;}
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: #333;}

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; text-transform:uppercase; }
aside .navMypage {display:none;}
/* //카테고리 */

/* BASIC css end */