/* BASIC css start */
/***** �곷떒 *****/
#header { position: fixed; top: 0; left: 0; width: 100%; height: auto; border-top: 3px #272727 solid; background: #fff; z-index: 9999; }
#header_inner { padding: 10px;  height: 45px; overflow: hidden; }
#header_inner a img { height: 100%; }

#top_l { float: left; width: 50%; height: 45px; line-height: 45px; overflow: hidden; }
#logo a { font-family: "Raleway","Nanum Gothic",sans-serif; font-size: 20px; font-weight: 500; }
#logo a img { height: 30px; padding: 7px 0 8px 8px; }
#logo span.logo_symb { display:inline-block; *display:inline; *zoom:1; width: 33px; height: 45px; text-align: right; color: #fff; font-weight: 600; background: url('/design/heia/onedesign/mobile/images/logo_symbol.png') center center no-repeat; }

#top_r { position: relative; width: 50%; height: 30px; padding: 7px 0 8px;  float: left; text-align: right; }
#top_r a { display: inline-block; *display:inline: ; *zoom:1: ; float: right; width: 30px; height: 30px; line-height: 30px; }
#top_r a.btn_search { background: url('/design/heia/onedesign/mobile/images/btn_search.png') center center no-repeat; background-size: 100% 100%; }
#top_r a.btn_mp { background: url('/design/heia/onedesign/mobile/images/btn_mymenu.png') center center no-repeat; background-size: 100% 100%; }
#top_r a.btn_cart { background: url('/design/heia/onedesign/mobile/images/btn_cart.png') center center no-repeat; background-size: 100% 100%; }
#top_r a.btn_insta { background: url('/design/heia/onedesign/mobile/images/btn_insta.png') center center no-repeat; background-size: 100% 100%; margin-right: 10px; }
#top_r a.fold { width: 36px; height: 30px; }
#top_r a.fold span.fa-navicon,
#top_r a.fold span.fa-times { font-size: 0; display: block; width: 36px; height: 30px; }
#top_r a.fold span.fa-navicon { background: url('/design/heia/onedesign/mobile/images/btn_menu2.png') center center no-repeat; /*background-size: 100% 100%;*/  }
#top_r a.fold span.fa-times{ background: url('/design/heia/onedesign/mobile/images/btn_menu2.png') center center no-repeat; /*background-size: 100% 100%;*/  }
#header_grad { position: absolute; width: 100%; height: 7px; bottom: -7px; left: 0; background: url('/design/heia/onedesign/mobile/images/header_grad.png') 0 0 repeat-x; }





/* 移댄뀒怨좊━ */
#cateline { float: left; width: 100%; height: 20px; line-height: 20px; padding: 20px 0; margin-bottom: 40px; text-align: center; border-bottom: 1px solid #ddd; }
#cateline ul { display:inline-block; *display:inline; *zoom:1; margin: 0 auto; }
#cateline li { float: left; margin: 0 5px; }
#cateline li a { font-family: "Open Sans","Nanum Gothic","dotum","arial",AppleGothic,sans-serif; font-size: 13px; font-weight: 300; }


/* aside */
aside {position:fixed; width:85%; height:100%; top:0px; left:0; bottom:0; background-color:#fff; overflow-y:auto; -webkit-overflow-scrolling: touch; z-index:99999; display:none; box-shadow: 5px 0px 5px rgba(0,0,0,0.1);}
#aside { position:absolute; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:100%; font-size:11px; background-color:#fff;  }
#aside .categoryCont { width: 90%; margin: 0 auto; }
#aside .member { padding:0 0 0 14px; margin-top: 0px; font-size:13px; line-height:70px; font-weight:normal; }
#aside .member strong { color:#222222; text-decoration:underline; }
#aside .member a { display:inline-block; font-size: 11px; width:auto; line-height:27px; padding:0 15px; margin:0 3px 0 0; border:1px solid #666; border-bottom-color:#666; border-radius:20px; color:#666; background-color:#fff; }
#aside .member a.btnLogin { border:1px solid #666; border-bottom-color:#666; color:#fff; background-color:#666; }
#aside .btnClose { position:absolute; top:20px; right:20px; }
#aside .btnClose { display:block; padding:27px; }
#aside .membership { padding:0 14px 11px; }
#aside .membership li { display:inline-block; margin:0 15px 0 0; padding:10px 0 0; }
#aside .membership li a { color:#222222; }
#aside .membership li.like a { color:#000; }
#aside .membership li.like a span { color:#222222; }
#aside .icn_box { background-color:#fff; width: 100%; text-align: center; }
#aside .icn_box a {
    display:inline-block; *display:inline; *zoom:1; width:25%; padding:34px 0 8px; color:#666; text-align:center; background-color:#fff;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-sizing:border-box;
    -o-sizing:border-box;
    box-sizing:border-box;
}
#aside .icn_box a:first-child { border-left:0; }
#aside .icn_box:after { content:""; display:block; clear:both; }
#aside .icn_box a.wishList { background:#fff url("/design/heia/onedesign/mobile/images/bg_wish_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .icn_box a.recentList { background:#fff url("/design/heia/onedesign/mobile/images/bg_recent_list.png") no-repeat 50% 15px; background-size:20px 18px; }
#aside .icn_box a.orderList { background:#fff url("/design/heia/onedesign/mobile/images/bg_order_list.png") no-repeat 50% 13px; background-size:16px 21px; }

/* ���댄� */
#slideCateList h2 { position:relative; padding:0 34px 0 14px; margin-top: 10px; border-bottom:1px solid #272727; line-height:35px; color:#222; font-weight:300; font-size:12px; cursor:pointer; background:#fff; font-family: "Raleway","Nanum Gothic",sans-serif; }
#slideCateList h2.selected  .icoCategory { background-image:url("/design/heia/onedesign/mobile/images/bg_snb_1depth_on.png"); }
#slideCateList h2 .icoCategory { overflow:hidden; position:absolute; right:3px; top:0; width:30px; height:35px; padding:0; border:0; text-indent:100%; white-space:nowrap; cursor:pointer; background:url("/design/heia/onedesign/mobile/images/bg_snb_1depth.png") no-repeat 7px 50%; background-size:13px 8px; }

/* 移댄뀒怨좊━ 由ъ뒪�� */
#aside .categoryList { background: #fafafa; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; background-color:#fff; padding: 7px 10px 5px 15px;  }
#aside .categoryList li a { font-size: 11px; color: #666;}
#aside .categoryList li span.fa { float: right; cursor: pointer; padding: 4px 5px; vertical-align: middle; }
#aside .categoryList li ul li { padding: 3px 10px 3px 17px; border-bottom: 1px solid #ebebeb; }

/* 寃뚯떆�� 由ъ뒪�� */
#aside .boradList { background: #fafafa; font-family: "Open Sans","Nanum Gothic","dotum","arial",AppleGothic,sans-serif; font-size: 11px; color: #666; }
#aside .boradList ul { display:none; }
#aside .boradList li { position:relative; background-color:#fff; }
#aside .boradList li.selected > ul { display:block; }
#aside .boradList li.selected > a.cate { color:#666; }
#aside .boradList li.noChild > a.cate { background-image:none !important; }
#aside .boradList li.noChild:first-child > a.cate {  }
#aside .boradList li.selected.noChild { background-color:#f1f1f1; }
#aside .boradList > li.selected > a.cate { background-image:url("/design/heia/onedesign/mobile/images/bg_snb_1depth_on.png"); }
#aside .boradList > li > ul > li > a.cate { padding-left:42px; border-top:1px solid #ebebeb; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth.gif") no-repeat 22px 50%; background-size:13px 13px; }
#aside .boradList > li > ul > li.selected > a.cate { border-bottom:1px solid #ebebeb; background-image:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth_on.gif"); background-size:13px 2px; }
#aside .boradList > li > ul > li > ul > li > a.cate { padding-left:49px; background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth.gif") no-repeat 29px 50%; background-size:13px 13px; }
#aside .boradList > li > ul > li > ul > li.selected > a.cate { border-bottom:1px solid #ebebeb; background-image:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_snb_2depth_on.gif"); background-size:13px 2px; }
#aside .boradList > li > ul > li > ul > li > ul > li a.cate { padding-left:56px; }
#aside .boradList a.cate { display:block; padding: 5px 18px 5px 15px; word-wrap:break-word; font-size: 10px; color: #666; }

/* 濡쒓렇��,濡쒓렇�꾩썐 */
#aside .loginState { padding:8px 0 8px 14px; min-height:50px; position: absolute; top: 15px; right: 50px; }
#aside .loginState p { display:inline-block; width:auto; padding:5px 7px; border:1px solid #d5d5d5; border-radius:3px; }
#aside .loginState p a { color:#1b1b1b; }

/* conatiner */
#container {
    z-index:100; 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);
}

/* BASIC css end */