/* BASIC css start */ .menu_on {height:100%; overflow:hidden;} .menu_off {height:auto; overflow:initial;} #header {position:fixed;left:0;top:0;width:100%;background:rgba(255,255,255,0.9);z-index:9999;} #header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;} #header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;background:#fff;border-bottom:1px solid #ededed;} #header .headerTop {min-width:275px;padding-left:14px; padding-right:45px;} #header .headerTop a {padding:0 10px 0 0;height: 30px; line-height: 30px; color:#888;font-size:10px; display:inline-block; } #header .headerTop a .fa {vertical-align:top; position: relative; top:12px;} #header #menu {width:45px; position:absolute; right:0;} #header #menu .fa {top:5px;} #header .headerBottom {padding:0 10px; border-top:1px solid #e0e0e0;} #header .headerBottom h1 {font-size:2.333em;float:left;height:43px;} #header .headerBottom h1 img {max-height:43px;} #header .headerBottom .headerBottomLeft {float:left; margin-top: 0;} #header .headerBottom .headerBottomRight {float:right; margin-top: 0;} #header .headerBottom .headerBottomRight a {margin-left:17px; color:#7d7d7d;} #header .headerBottom .headerBottomRight a .fa-bookmark-o {color:#f1494d;} #header .headerBottom .headerBottomRight .cart {position:relative;} #header .headerBottom .headerBottomRight .cart sup {width:12px; height:12px; background-color:#f1191f; color:#fff; border-radius:6px; position:absolute; top:-12px; right:-5px; text-align: center; line-height: 12px;} #header .search {height:42px; position:absolute; top:31px;left:0; right:0; background:rgba(255,255,255,1); padding-right:45px; text-align:center; display:none; z-index:500;} #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; position:absolute; top:0; right:0; color:#000; text-align:center;} #header .headerBottom .category { position:absolute; right:0; top:3px; width:47px; height:43px; vertical-align:middle;z-index:99; } #header .headerBottom .category a { display:inline-block; overflow:hidden; width:100%; height:100%; text-indent:100%; white-space:nowrap; background:url("http://d4-0354.d4.makeshop.co.kr/design/d4-0354/elinfit/btn_category_thin.png") no-repeat 0 0; background-size:47px 43px; } /* 카테고리 */ .dimmed { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:-1; } #offCan { display:none; position:fixed; left:0px; top:0; right:0px; bottom:0px; z-index:500; background:rgba(0,0,0,0.7); } /* //카테고리 */ /* 최근 본 상품 */ #ly_lastView {width:100%; position:absolute; top:31px; left:0; background-color:#fff; z-index:9999; padding-bottom:20px;display:none;} /* //최근 본 상품 */ @media screen and (min-width:768px) { #header #menu {width:85px;} #header .headerTop {padding-right:85px;} #header .search {padding-right:85px;} #header .search .searchBox input {width:95%;} #header .search .btn_search {width:85px;} } /** efcmk 모바일메뉴 */ body { height:100%; } #wrap { overflow:hidden; position:relative; min-height:100%; width:100%; } /* 확장expand */ html.expand #wrap { height:100%; } html.expand #container {-webkit-transform: translate(87%, 0); -moz-transform: translate(87%, 0); -ms-transform: translate(87%, 0); -o-transform: translate(87%, 0); transform: translate(87%, 0); } html.expand #btnFoldLayout { z-index:405; height:30px;} html.expand #aside { z-index:0; overflow-x:hidden; } /* aside */ #aside { z-index:-1; visibility:hidden; position:absolute; left:0px; top:0px; bottom:0; overflow:auto; overflow-x:hidden; min-width:225px; width:87%; font-size:11px; background-color:#fff; } #aside .member { padding:0 0 0 14px; border-bottom:0px solid #c8c7cc; font-size:13px; line-height:41px; font-weight:normal; background:#fff; } #aside .btnClose { position:absolute; height:30px;top:10px; right:10px;z-index:999; } /*mk*/ #aside .asideTop {display:table;width:100%;overflow:hidden;text-align:center;font-size:0;} #aside .asideTop a {width:33.333%; height:62px; display:inline-block;font-size:12px; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold;} #aside .asideTop a .fa {margin-top:10px;} #aside .asideTop a.act {color:#000; border-bottom:2px solid #000;} #aside nav li {border-bottom:1px solid #ccc; position:relative;} #aside nav li a {display: block; height: 35px; line-height:35px; 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: 0px; width: 40px; text-align: center; height: 35px; line-height:35px;} #aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;} #aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;} #aside nav li > ul > li:first-child {border-top:0px none;} #aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;} #aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;} #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: #DDDDDD;} #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;} #aside .navMypage {display:none;} /*mk*/ /* 즐겨찾기 리스트 */ #aside .bookmarkCategory { font-size:13px; } #aside .bookmarkCategory li { position:relative; border-bottom:1px solid #cccccc; border-top:1px solid #fff; } #aside .bookmarkCategory li:first-child { border-top:0; } #aside .bookmarkCategory li.selected { background-color:#508bed; } #aside .bookmarkCategory li a { display:block; margin-right:35px; padding:11px 10px 11px 17px; word-wrap:break-word; } #aside .bookmarkEmpty { padding:8px 0 6px 12px; border-bottom:1px solid #cccccc; color:#798490; font-size:11px; line-height:16px; background:#f1f1f1; } #aside .bookmarkEmpty img { width:11px; height:11px; vertical-align:-1px; } /* 즐겨찾기 아이콘 */ #aside .xans-layout-category li .icoBookmark, #aside .bookmarkCategory li .icoBookmark { 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 .xans-multishop-listitem li { border-bottom:1px solid #cccccc; border-top:1px solid #fff; background-color:#f1f1f1; } #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; } /* 로그인,로그아웃 */ #aside .loginState { padding:8px 0 8px 14px; min-height:50px; } #aside .loginState p { display:inline-block; width:auto; padding:5px 7px;} #aside .loginState p a { color:#1b1b1b; font-size:10px;} /* 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 */