/* BASIC css start */
/**
 * 모바일쇼핑몰 슬라이딩메뉴
 */

body { position:relative; height:100%; }
#wrap { min-height:100%; }
.form-terms .form-wrap textarea{width:100% !important}

.displaynone{display:none !important}
.form-terms{padding-top:0 !important}
.form-terms .all-chk .chk-box,.form-terms .form-wrap{border:1px solid #e8e8e8 !important}
.btn-agree a{background:#555 !important}
#join .sequence{background:#fff !important}
/* 확장 */
html.expand body { position:fixed; top:0; left:0; width:100%; }
html.expand #container { -webkit-transform: translate(80%, 0); -moz-transform: translate(80%, 0); -ms-transform: translate(80%, 0); -o-transform: translate(80%, 0); transform: translate(80%, 0); }
html.expand #btnFoldLayout { z-index:405; }
html.expand #aside { z-index:0; overflow-x:hidden; }

/* aside */
#aside { display:block; position:fixed; top:0; left:-80%; width:80%; height:100%; background:#fff; overflow-x:hidden; -webkit-overflow-scrolling:touch; z-index:9999; }
#aside .inner { position:relative; }
.btnoffLeft { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; overflow:hidden; -webkit-backface-visibility:hidden; }
.btnoffLeft img { position:absolute; left:80%; top:5px; width:40px; height:40px; }

/* 로그인 */
#aside .member { padding:30px 0 30px; font-size:12px; line-height:18px; color:#555; text-align:center; }
#aside .member p { margin:0 0 20px; }
#aside .member p b { font-size:14px; }
#aside .member ul { display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; }
#aside .member ul:after { content:""; display:block; clear:both; }
#aside .member ul li { flex:1; -webkit-flex:1; -ms-flex:1; -moz-box-flex:1; -webkit-box-flex:1; }
#aside .member ul li a { position:relative; display:block; height:18px; }


/* 회원가입 적립금 아이콘 */
.join_point { position:absolute; top:15px; left:50%; margin-left:-30px; padding:3px 0 0; text-align:center; z-index:98; -webkit-animation:Animation 1s 0.2s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; }
.join_point:before { content:""; position:absolute; left:0; right:0; top:-8px; margin:0 auto; width:0px; height:0px; border:8px solid transparent; border-top:8px solid transparent; border-bottom:8px solid #555; z-index:-1; }
.join_point .text { display:block; width:60px; height:21px; line-height:21px; margin:0; font-size:11px; font-weight:normal; text-align:center; color:#fff; background:#555; border-radius:4px; }
  
@-webkit-keyframes Animation {
    0% { -webkit-transform: translate(0px,4px); }
    30% { -webkit-transform: translate(0px,0px); }
    100% { -webkit-transform: translate(0px,4px); }
}

/* 탭메뉴 */
#aside .tabs { margin:0 auto; border-top:1px #e5e5e5 solid; clear:both; overflow:hidden; }
#aside .tabs a { float:left; width:50%; padding:15px 0 13px; font-size:12px; font-weight:bold; color:#aaa; text-align:center; background:#fff; border-bottom:3px #eee solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-sizing:border-box; -o-sizing:border-box; box-sizing:border-box; }
#aside .tabs a.selected { color:#353535; }

/* 카테고리 리스트 */
#aside .categoryList { padding:15px 15px; border-bottom:1px #e5e5e5 solid; background:#f8f8f8; }
#aside .categoryList ul { display:none; }
#aside .categoryList li { position:relative; }
#aside .categoryList li.selected > ul { display:block; margin:-6px 0 0; background:#fff; border:1px #eee solid; }
#aside .categoryList li.selected > a.cate { font-weight:600; color:#353535; }
#aside .categoryList li.noChild a.cate:after { display:none !important; }
#aside .categoryList li.selected.noChild { }
#aside .categoryList li.selected .slideSubMenu li { }
#aside .categoryList a.cate { position:relative; display:block; margin:5px 0; padding:11px 10px; color:#555; font-size:13px; line-height:1.5; background:#fff; border:1px #eee solid; word-wrap:break-word; }
#aside .categoryList a.cate font { font-weight:600; }
#aside .categoryList > li > a.cate:after { content:"+"; display:block; position:absolute; right:15px; top:9px; font-size:15px; color:#aaa; font-weight:normal; font-family:나눔고딕,'Nanum Gothic',sans-serif; }
#aside .categoryList > li.selected > a.cate:after { content:""; display:block; position:absolute; right:16px; top:19px; width:7px; height:1px; background:#aaa; }
#aside .categoryList > li > ul > li > a.cate { padding:5px 20px; background:transparent; border:0; color:#626262; font-size:12px; }
#aside .categoryList > li > ul > li > a.cate:after { content:"+"; display:block; position:absolute; right:15px; top:7px; font-size:15px; color:#aaa; font-weight:normal; font-family:나눔고딕,'Nanum Gothic',sans-serif; }
#aside .categoryList > li > ul > li.selected > a.cate:after { content:""; display:block; position:absolute; right:16px; top:17px; width:7px; height:1px; background:#aaa; }
#aside .categoryList > li > ul > li > ul { border:0 !important; }
#aside .categoryList > li > ul > li > ul > li > a.cate { padding:5px 35px; background:transparent; border:0; color:#858585; font-size:12px; }
#aside .categoryList > li > ul > li > ul > li.selected > a.cate { }
#aside .categoryList > li > ul > li > ul > li > ul > li a.cate { }
#aside .categoryList a.view { position:absolute; top:0; left:0; right:44px; height:44px; display:inline-block; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#aside .categoryList li.selected.noChild a.view { display:none; }
#aside .categoryList li.selected .slideSubMenu li a.view { height:34px; }

/* 게시판 리스트 */
#aside .xans-layout-boardinfo { display:none; padding:15px 15px; border-bottom:1px #e5e5e5 solid; background:#f8f8f8; }
#aside .xans-layout-boardinfo a { position:relative; display:block; margin:5px 0; padding:11px 10px; color:#555; font-size:13px; line-height:1.5; background:#fff; border:1px #eee solid; word-wrap:break-word; }

/* 커스토머센터 */
#aside .cscenter { padding:40px 15px; font-size:12px; color:#555; line-height:1.5; clear:both; overflow:hidden; }
#aside .cscenter li.fir { margin:0 0 20px; }
#aside .cscenter h3 { font-size:12px; color:#353535; }
#aside .cscenter h2 { display:block; margin:5px 0; font-size:18px; }
#aside .cscenter p.ment { margin:5px 0 0; font-size:10px; letter-spacing:-0.05em; color:#999; text-decoration:underline; }

/* sns */
#aside .snslinks { padding:0 15px 40px; }
#aside .snslinks a { display:block; margin:0 0 5px; color:#555; font-size:12px; line-height:25px; vertical-align:middle; }
#aside .snslinks i { display:inline-block; min-width:15px; padding:0 5px 0 1px; font-size:18px; color:#858585; vertical-align:middle; text-align:center; }
#aside .snslinks .fa-blog:before { content:"b"; font-size:17px; font-weight:900; color:#858585; font-family:'Open Sans','Nanum Gothic','돋움',dotum,sans-serif; }

/* 즐겨찾기 아이콘 */
#aside .xans-layout-category li .icoBookmark,
#aside .bookmarkCategory li .icoBookmark { display:none !important; overflow:hidden; position:absolute; right:1px; top:0; width:30px; height:41px; padding:0; border:0; text-indent:100%; white-space:nowrap; background:url("//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("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/ico_bookmark_on.png"); }

/* conatiner */
#container {
    z-index:100; position:relative; overflow:hidden; margin-top:0; margin-left:0; 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:80%; 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);
}

.xans-layout-searchheader { display:none; position:absolute; top:0; left:0; right:0; z-index:200; background-color:#fff; border:1px solid #cccccc; border-radius:1px; }
.xans-layout-searchheader .searchForm { position:relative; margin:7px 61px 7px 14px; padding:0 34px 0 33px; border:1px solid #ccc; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_search.png") no-repeat 7px 5px; background-size:20px 20px; }
.xans-layout-searchheader .btnDelete { position:absolute; right:7px; top:5px; width:20px; height:20px; border:0; cursor:pointer; overflow:hidden; text-indent:100%; font-size:0; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0; background-size:20px 20px; }
.xans-layout-searchheader #keyword { width:100%; height:29px; padding:0; border:0; }
.xans-layout-searchheader .btnClose {
    position:absolute; right:14px; top:7px; width:40px; height:31px; margin:0; padding:0;
    border:1px solid #d5d5d5; border-radius:4px; outline-style:none; cursor:pointer;
    background:#f0f0f0; font-size:13px; text-align:center;
 }

.xans-layout-searchheader .tab { font-size:13px; background:#fff; }
.xans-layout-searchheader .tab ul { height:36px; border-top:1px solid #ddd; font-size:0; }
.xans-layout-searchheader .tab ul:after { content: ""; display: block; clear: both; }
.xans-layout-searchheader .tab li { float:left; width:50%; height:36px; text-align:center; vertical-align:middle; background:#fff; }
.xans-layout-searchheader .tab li.selected { background:#f8f8f8; }
.xans-layout-searchheader .tab li a { display:inline-block; width:100%; border-left:1px solid #ddd; border-bottom:1px solid #ddd; color:#333; font-size:13px; line-height:35px; }
.xans-layout-searchheader .tab li:first-child a { border-left:none; }
.xans-layout-searchheader .tab li.selected a { border-bottom:none; color:#333; font-weight:bold; }

.xans-layout-searchheader .xans-search-hotkeyword { background:#f8f8f8; }
.xans-layout-searchheader .xans-search-hotkeyword ul { overflow-y:auto; max-height:278px; padding:7px 14px; text-align:left; font-size:0; }
.xans-layout-searchheader .xans-search-hotkeyword li { position:relative; vertical-align:middle; line-height:30px; border-bottom:1px #ddd dashed; }
.xans-layout-searchheader .xans-search-hotkeyword li:last-child { border-bottom:0; }
.xans-layout-searchheader .xans-search-hotkeyword li a { display:block; padding:2px 14px; color:#333; font-size:13px; }
.xans-layout-searchheader .xans-search-hotkeyword li a:before { /*display:block; content:""; position:absolute; top:7px; right:0; width:1px; height:13px; background:#757575;*/ }
.xans-layout-searchheader .xans-search-hotkeyword li:last-child a:before { display:none; }

.xans-layout-searchheader .xans-search-recentkeyword { background:#f8f8f8; }
.xans-layout-searchheader .xans-search-recentkeyword p { padding:12px 14px 11px; border-bottom:1px solid #d5d5d5; color:#757575; font-size:13px; text-align:left; }
.xans-layout-searchheader .xans-search-recentkeyword ul { overflow-y:auto; max-height:252px; padding:7px 14px; text-align:left; }
.xans-layout-searchheader .xans-search-recentkeyword li { position:relative; padding:0 39px 0 0; margin:0; line-height:30px; border-bottom:1px #ddd dashed; }
.xans-layout-searchheader .xans-search-recentkeyword li:last-child { border-bottom:0; }
.xans-layout-searchheader .xans-search-recentkeyword li a { display:block; padding:2px 14px; color:#333; font-size:13px; min-height:13px; }
.xans-layout-searchheader .xans-search-recentkeyword li .btnDelete { position:absolute; right:14px; top:8px; overflow:hidden; width:20px; height:20px; padding:0; border:0; text-indent:100%; white-space:nowrap; background:url("//img.echosting.cafe24.com/skin/mobile_ko_KR/layout/btn_delete.png") no-repeat 0 0; background-size:20px 20px; }
.xans-layout-searchheader .xans-search-recentkeyword .button { padding:8px 0; text-align:center; background:#f1f1f1; }
.xans-layout-searchheader .xans-search-recentkeyword .button .btnDeleteAll {
    display:inline-block; height:29px; line-height:29px; margin:0; padding:0 18px; border:1px solid #d5d5d5;
    font-size:13px; cursor:pointer; vertical-align:middle; color:#757575;
    background-color:#fff;
    border-radius:3px; -moz-box-sizing:border-box; box-sizing:border-box;
 }

/* BASIC css end */