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

#header { position:fixed; top:0; left:0; z-index:300; width:100%; text-align:center; vertical-align:top;background:rgba(255,255,255,0.6) }
.headerInner { position:relative; height:62px; }

/* 로고 */
#header h1 { position:absolute; top:3px; width:100%; text-align:center; }
#header h1 a { display:inline-block; max-width:250px; height:40px; line-height:40px;    letter-spacing: 2px;font-family: 'Chonburi',cursive;font-size: 15px;font-weight: 500;color: #403b2c; }
#header h1 a img {      height: 22px;
    vertical-align: middle;
    margin-top: 12px;}
aside h1.side_logo img {height:25px;}
/* 상단 아이콘 */

#header .right { position:absolute; top:12px; right:15px; z-index:300;display:flex;align-items:center;gap:25px;}
#header .search * {display:block;}
#header .right a {color:#222;position:relative;}
#header .right a i {font-size:19px;}
#header .search a:after {
    content: "Search";
    position: absolute;
    right: -11px;
    bottom: -15px;
    font-size: 10px;
    width: 45px;
    text-align: center;
    letter-spacing: -1px;
    color: #333333;
    display: inline-block;
}


.iconCart a:after {
    content: "Cart";
    position: absolute;
    right: -11px;
    bottom: -15px;
    font-size: 10px;
    width: 45px;
    text-align: center;
    letter-spacing: -1px;
    color: #333333;
    display: inline-block;
}


.iconMenu { position:absolute; top:-4px; left:0px; z-index:300;  cursor:pointer; }
.iconMenu:after {
    content: "MENU";
    position: absolute;
    left: 11px;
    top: 40px;
    width: 40px;
    text-align: left;
    letter-spacing: -1px;
    font-size: 10px;
}

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

/* 사이드 메뉴 아이콘 (open) */
.lineClose .iconLine { width:20px; height:2px; 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.5) }
#header.topFix .headerInner { height:42px;}
#header.topFix h1 {}
#header.topFix h1 a { }
#header.topFix .iconCart { }
#header.topFix .iconMenu { }
#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%;bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:87%; 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; right:0px; margin-left:-20px; display:block; padding:14px; }

/* 로그인 메뉴 */
.logMenu { position:relative; margin:10px 0 0; padding:0 14px; text-align:left; }
.logMenu ul { font-size:0; line-height:0; }
.logMenu li { display:inline-block; line-height:30px; margin-right:5px; font-size:9px; vertical-align:top; }
.logMenu li a { line-height:30px; padding-right:5px; font-size:12px; color:#555; }

/* 검색 */
.searchWrap {    position: relative;
    padding:14px;display:none; background:#fff;}
 .searchWrap .searchForm > ul {display:flex;align-items:center;gap:10px;justify-content:space-between}
  .searchWrap .searchForm > ul > form {width:100%;}
.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 {      width: 62px;
    height: 30px;
    border: 0;
    cursor: pointer;}


/* 게시판 메뉴 */

.menuSns {clear: both;
    margin-bottom: 20px;}
..menuSns:after {content:"";clear:Both;display:block;}
.menuSns 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: 14px;
    cursor: pointer}
.menuSns li:first-child {padding-left:15px;}
    
.menuSns li {display:inline-block;margin-right:5px;font-size: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: 14px;
    cursor: pointer;}
.menuBoard ul { font-size:0; }
.menuBoard li {     display: block;
    padding: 5px 0 5px 15px;
    word-wrap: break-word;
    text-transform: uppercase; }
.menuBoard li a { display:block; padding:0; word-wrap:break-word; font-size:12px;}
.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: 16px;
    cursor: pointer; }
#slideCateList h2.selected  .icoCategory { background-image:url("/design/toptoe/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/toptoe/onedesign/mobile/images/bg_snb_1depth.gif") no-repeat 7px 50%; background-size:13px 7px; }

/* 카테고리 리스트 */
#aside .categoryList { font-size:14px; }
#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/toptoe/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: block;
    padding: 5px 0 5px 15px;
    word-wrap: break-word;
    text-transform: uppercase; }


#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);
}

/* BASIC css end */