/* BASIC css start */
h1, h2, h3, h4, p, li, a{font-family: 'Frank Ruhl Libre', serif;}
body {padding-top:0;}
#preview_wrap {display:none;}

#header {width:100%; position:fixed; top:0; left:0; right:0; z-index:999; white-space:nowrap;height: 73px;}
#header>.top {height:45px; line-height:45px; white-space:nowrap; color:#000; padding:0 30px; text-align:center   }
#header>.top>ul {height:45px;position: absolute;right: 3%;top:7px}
#header>.top>ul>li {float:right; margin-left:20px; height:45px;}
#header>.top>ul>li.cs_call,
#header>.top>ul>li.etc {float:left; margin-left:0;}
#header>.top>ul>li.cs_call {padding-left:30px; line-height:43px; margin-right:50px; font-size:13px; background-repeat:no-repeat; background-position:left center; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMCAYAAACA0IaCAAAAvUlEQVQoka3RMW7CUAyA4QBHQKXnQOISkNDuLBysE2foJSo6lB6gE5BI2RtY0NfFVUkUBFHxYsnW/z/bL0laAn08YYUNviKv8Ix+G9cmmgQIJV7xErmM+icm10RzHLDFAoNGfxD1LY5IL4nGqLDG8MqjI7zjG+Nms4c37PF44zkesMNH7YZI4xbLW0Rn3DK4+W9hGuudkHWUZcFVmCbI/UXeUVZnNaKjrM7eW3Y+avGPNYsEMxTxzbOOshr7A3H8b/0p2MV4AAAAAElFTkSuQmCC); font-family:'Malgun Gothic',Dotum, AppleGothic, Helvetica, sans-serif;}
#header>.top>ul>li.etc>span {display:inline-block; position:relative;}
#header>.top>ul>li.etc>span:not(:first-child) {padding-left:15px; margin-left:10px;}
#header>.top>ul>li.etc>span:not(:first-child)::before {content:''; height:10px; width:1px; background-color:#eee; position:absolute; left:0; top:0; bottom:0; margin:auto;}
#header>.top>ul>li.etc>span>a {color:inherit; font-size:12px; line-height:36px;}
#header>.top>ul>li>a {display:inline-block; line-height:45px; height:45px; font-family:inherit; color:#222; vertical-align:top; font-size:12px;}
#header>.top>ul>li>a>img {vertical-align:middle;height:25px}
#header>.top>ul>li:not(.etc)>a>span {margin-left:-17px; color:#000; font-family:'Poppins',sans-serif; line-height:36px;}

#header>.top>ul>li.search>form {display:inline-block; overflow:hidden; width:0; opacity:0; transition:all 0.325s cubic-bezier(0.7, 0, 0.3, 1); border:1px solid #222; height:25px; line-height:25px; vertical-align:middle;}
#header>.top>ul>li.search.focus>form {width:150px; opacity:1;}
#header>.top>ul>li.search>form input.MS_search_word {background-color:transparent; height:25px; line-height:25px; width:150px; border:0; color:#222; padding:0 12px;}
#header>.top>ul>li.cart{position:relative;}
#header>.top>ul>li.cart span{position:absolute; margin-top:5px;}



/* header - menu */
#header>.menu {width:910px; height:50px; line-height:50px; padding:0 30px; position:fixed; left:50%; margin-left: -490px; 
transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); top:0px; white-space:nowrap;}

#header>.menu::before,#header>.menu::after {content:''; display:table;}
#header>.menu::after {clear:both;}
#header>.menu>* {}
#header>.top>.logo {width:150px;display:inline-block;margin-top: 14px;float:left;left:3%}
#header>.top>.logo>a {}
#header>.top>.logo>a>img {transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1); width:150px; opacity:0.9;}
#header>.menu>ul {}
#header>.menu ul {white-space:nowrap;}
#header>.menu ul::before,#header>.menu>ul::after {content:''; display:table;}
#header>.menu ul::after {clear:both;}
#header>.menu ul li {display: inline-block; font-size:16px; color:black; margin-left:11px;}
#header.main>.menu ul>li {transition:color 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
#header>.menu>ul>li.new,
#header>.menu>ul>li.all {float:left;}
#header>.menu>ul>li.new {margin:0;}
#header>.menu>ul>li.right{position:relative;padding-right:20px}
#header>.menu>ul>li.right:after {content:''; height:18px; width:1px; background-color:#222; position:absolute; right:0; top:4px; bottom:0; margin:auto;}
#header>.menu>ul>li.right>ul>li {}
#header>.menu>ul>li.sale{color:#cc0000}
#header>.menu ul li.sale{color:#cc0000}


#header.top>.menu {height:70px; line-height:70px;text-align: center;}
#header.top>.menu>.logo {width:180px;display: inline-block;}
#header.top>.menu>.logo>a>img {width:100%; opacity:1;}
#header.top>.menu>ul {}

#header.white>.menu ul>li {color:white;}

#header>.menu ul>li>a {padding:10px 4px; color:inherit; font-size:16px; font-weight:500; }
#header>.menu ul>li:first-child>a {font-weight:600; }
/* BASIC css end */