/* BASIC css start */
/**** HEADER ****/

#overlay_layer { display:none !important; }

#header { position:absolute; top:0; left:0; z-index:300; width:100%; text-align:center; vertical-align:top; }
.headerInner { position:relative; height:45px; }

/* 로고 */
#header h1 { position:absolute; top:12px; width:100%; text-align:center; }
#header h1 a { display:inline-block; max-width:250px; height:40px; line-height:45px;    letter-spacing: 2px;font-family: 'Chonburi',cursive;font-size: 15px;font-weight: 500;color: #403b2c; }
#header h1 a img {height:38px;vertical-align:middle; }

/* 상단 아이콘 */
.iconCart { position:absolute; top:23px; right:15px; z-index:300;font-size:19px}
.iconCart a { font-size: 11px; color:#222;}
.iconCart img { width: 20px; }
.iconMenu { position:absolute; top:7px; left:0px; z-index:300;  cursor:pointer; }


/* 사이드 메뉴 아이콘 */
.lineWrap { position:absolute; top:19px; left:15px; display:block; width:16px; height:12px; }
.iconLine { position:absolute; left:0; display:block; width:100%; height:1px; background:#121212; }
.line1 { top:0; }
.line2 { top:5px; }
.line3 { top:10px; }

/* 사이드 메뉴 아이콘 (open) */
.lineClose .iconLine { width:20px; height:1px; top:6px; 
	/*ie8,9*/-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*ie4,5,6,7*/-ms-filter:alpha(opacity=0); }
.lineClose .line1 { transform:rotate(135deg); -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); }
.lineClose .line2 { opacity:0; }
.lineClose .line3 { transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); }

/* 메인 상단 */
/*
.headerMain .iconCart a { background:url(/images/icon_cart.png) 0 0 no-repeat; background-size:100% 100%; }
.headerMain .iconLine { background:#fff; }
*/

/* 상단 고정 */
#header.topFix { position:fixed; top:0; left:0; z-index:300; width:100%; background:rgba(255,255,255,0.8) }
#header.topFix .headerInner { height:45px;}
#header.topFix h1 {top:2px;}
#header.topFix h1 img  {height:28px; margin-top:-4px;}
#header.topFix .iconCart { top:13px;}
#header.topFix .iconMenu { top:-3px;}
#header.topFix .iconCart a { }
#header.topFix .iconLine { background:#121212; }


/********************** 사이드 ***********************/


#mask { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#222; opacity:0.8; filter:alpha(opacity=80); z-index:99; }


/* aside */
#aside {position:fixed;left:-100%;top:0px;bottom:0; overflow:auto; overflow-x:hidden; width:65%; padding: 60px 15px 30px 15px; font-size:11px; background:#fff;height:100%;z-index:9999999}
#aside h1 { padding: 20px 15px 0px;}
#aside h1 a { letter-spacing: 1px;font-family: 'Chonburi',cursive;font-size: 15px;font-weight: 500;color: #403b2c;}
/* 닫기 버튼 */
#aside .btnClose { position:absolute; top:3px; left:0px; display:block; padding:14px; }

#aside .menu {}
#aside .menu > ul > li { margin-bottom: 30px;}
#aside .menu > ul > li:last-child { margin-bottom: 0px;}
#aside .menu > ul > li a { color:#000000; font-weight:bold; }

/* 로그인 메뉴 */
.logMenu { position:relative; margin:10px 0 0; text-align:left; }
.logMenu ul { font-size:0; line-height:0; }
.logMenu li { line-height:30px; margin-right:5px; font-size:11px; vertical-align:top; position:relative;}
.logMenu li.joinus {}
.logMenu li a { line-height:30px; padding-right:5px; font-size:11px; color:#343434; }

#join_box {
       position: absolute;
    z-index: 99999999;
    background: #c7b397;
    color: #fff;
    border-radius: 5px;
    line-height: 1.3;
    padding: 4px 5px;
    width: 50px;
    left: 60px;
    top: 30px;
    font-size: 9px;
    text-align: center;
}


.triangle {
    position: absolute;
    left: -6px;
    top: 8px;
    display: block;
    width: 0;
    height: 0;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #c7b397;
    border-left: 6px solid transparent;
  
}


/* 검색 */
.searchWrap {   width: 200px; position: relative;
    margin: 35px 0 15px 0; }
.searchWrap .searchTit { font-size: 12px; color:#000000; margin-bottom: 10px; }
.searchWrap .searchForm { position:relative; width:100%; height:30px;background:#fff;border:0;border-bottom:1px solid #b5b5b5}
.searchWrap #keyword {    width: 100%;
    height: 100%;
    padding: 0 30px 0 10px;
    border: 0;
    background: none;
    color: #999;
    height: 31px;
    line-height: 31px; }
.searchWrap .btnSear {    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    border: 0;
    cursor: pointer;
    overflow: hidden;
    text-indent: 100%;
    font-size: 0;
    white-space: nowrap;
    background: url(/design/jm057/onedesign/mobile/images/btn_search.png) 7px 7px no-repeat;
    background-size: 15px 15px;}


/* 게시판 메뉴 */
.menuBoard {     clear: both;
    margin-bottom: 20px;}
.menuBoard:after {content:"";clear:Both;display:block;}
.menuBoard h2 {     clear: both;
    position: relative;
    text-align: left;
    padding: 0 15px 5px 15px;
    line-height: 2em;
    color: #111;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;}
.menuBoard ul { font-size:0; }
.menuBoard li {display:block; margin-left:15px; }
.menuBoard li a {    display: block;
    padding: 2px 0;
    word-wrap: break-word;
    font-size: 11px;
    line-height: 1.8em;}
.menuBoard li img { width:15px; height:16px; }


#slideCateList { margin-bottom:25px; }


/* 타이틀 */
#slideCateList h2 {     clear: both;
    position: relative;
    text-align: left;
    padding: 0 0 0 14px;
    background: #fff;
    line-height: 30px;
    color: #4a4a4a;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer; }
#slideCateList h2.selected  .icoCategory { background-image:url("/design/jm057/onedesign/mobile/images/bg_snb_1depth_on.gif"); }
#slideCateList h2 .icoCategory { overflow:hidden; position:absolute; right:3px; top:0; width:30px; height:40px; padding:0; border:0; text-indent:100%; white-space:nowrap; cursor:pointer; background:url("/design/jm057/onedesign/mobile/images/bg_snb_1depth.gif") no-repeat 7px 50%; background-size:13px 7px; }

/* 카테고리 리스트 */
#aside .categoryList { font-size:11px; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#fff; }
#aside .categoryList li.selected > ul { display:block; }
#aside .categoryList li.selected > a.cate { color:#222; }
#aside .categoryList li.noChild > a.cate { background-image:none !important;}
#aside .categoryList li.noChild:first-child > a.cate { }
#aside .categoryList li.selected.noChild { background-color:#fff; }
#aside .categoryList > li.selected .slideSubMenu li { background-color:#fff; }
#aside .categoryList > li { border-top:1px solid #fff; }
#aside .categoryList > li:first-child { border-top:0; }
#aside .categoryList > li > a.cate {  }

#aside .categoryList > li.selected > a.cate { background-image:url("/design/jm057/onedesign/mobile/images/bg_snb_1depth_on2.gif"); background:none; }
#aside .categoryList > li > ul > li > a.cate { padding-left:30px; border-top:1px solid #ddd; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth.gif") no-repeat 15px 50%; background-size:11px 11px; }
#aside .categoryList > li > ul > li.selected > a.cate { border-bottom:1px solid #ddd; background-image:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth_on.gif"); background-size:10px 2px; }
#aside .categoryList > li > ul > li > ul > li > a.cate { padding-left:30px; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth.gif") no-repeat 29px 50%; background-size:11px 11px; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { border-bottom:1px solid #ddd; background-image:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth_on.gif"); background-size:13px 2px; }
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate { padding-left:30px; }
#aside .categoryList li.cate {      display: inline-block;
    padding: 5px 0 0 5px;
    word-wrap: break-word;
    text-transform: uppercase;
    box-sizing: border-box;
    width: 47%;}
#aside .categoryList li.cate:nth-child(2n + 1){padding-left:14px;}
#aside .categoryList li a {
    display: block;
    border: 1px solid #eee;
    padding: 6px;
    font-size: 11px;
    letter-spacing: 0;
}


#aside .categoryList li.cate.point a{color:#894747}
#aside .categoryList li.noChild > a.view { display:none; }

/* 즐겨찾기 리스트 */
#aside .bookmarkCategory { font-size:11px; display:none; }
#aside .bookmarkCategory li { position:relative; border-bottom:1px solid #ddd; border-top:1px solid #fff; }
#aside .bookmarkCategory li:first-child { border-top:0; }
#aside .bookmarkCategory li.selected { background-color:#222; }
#aside .bookmarkCategory li a { display:block; margin-right:35px; padding:11px 10px 11px 17px; word-wrap:break-word; }
#aside .bookmarkEmpty { padding:13px 0 13px 12px; border-bottom:1px solid #ddd; color:#222; font-size:11px; line-height:16px; background:#fff; }
#aside .bookmarkEmpty img { width:11px; height:11px; vertical-align:-1px; }

/* 즐겨찾기 아이콘 */
#aside .xans-layout-category li .icoBookmark,
#aside .bookmarkCategory li .icoBookmark { display:none; overflow:hidden; position:absolute; right:1px; top:0; width:30px; height:41px; padding:0; border:0; text-indent:100%; white-space:nowrap; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_bookmark.png") no-repeat 5px 14px; background-size:13px 13px; cursor:pointer; }
#aside .xans-layout-category li .icoBookmark.selected,
#aside .bookmarkCategory li .icoBookmark.selected { background-image:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_bookmark_on.png"); }

/* 배송국가 */
#aside .multishop .xans-layout-multishoplistmultioptioncountry li a { padding:9px 10px 11px 17px; font-size:13px; }

/* 멀티쇼핑몰 */
#aside .xans-multishop-listitem li { border-bottom:1px solid #ddd; border-top:1px solid #fff; background-color:#fff; }
#aside .xans-multishop-listitem li:first-child { border-top:0; }
#aside .xans-multishop-listitem li a { display:block; padding:6px 10px 6px 14px; word-wrap:break-word; }
#aside .xans-multishop-listitem li a .name { margin:0 0 0 5px; font-size:13px; vertical-align:middle; }

/* conatiner */
#container {
    z-index:1; position:relative; overflow:hidden; /*margin-top:-1px;*/ margin-left:-1px; background-color:#fff;
    -webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms;
    -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
}

/* btnFoldLayout */
#btnFoldLayout {
    display:none; position:absolute; left:87%; top:0; right:0; bottom:0; width:100%; height:100%; opacity:0;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0); and -webkit-focus-ring-color:rgba(0, 0, 0, 0);
}


#aside .menu > ul > li.grey > a { color:#7a7256;}
#aside .menu .sub_menu { display: none; padding-top: 10px; }
#aside .menu .sub_menu > ul > li { margin-bottom: 15px; }
#aside .menu .sub_menu > ul > li:last-child { margin-bottom: 0px; }
#aside .menu .sub_menu > ul > li > a { font-size: 12px; font-weight: 300 !important; }


/* BASIC css end */