@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Slabo+27px|Ubuntu:400,500,700');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);



/*body{font-family:'Noto Sans KR',sans-serif;font-size:12px;}*/
body{font-size:12px;}
html.active,
body.active{overflow:hidden;height:100%;}



/* ----------------------------------------
	layout
------------------------------------------- */
.container{width:1200px}

#top{position:fixed;left:0;top:0;width:100%;background-color:#620202 ;border:0;z-index:9999;padding-top:0px;opacity:1;visibility:visible;transition: all,.0s ease-in-out;}
#top .container{border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:5px;border:none;}
#top .grid{padding-bottom:0;}
#top #top-select > ul > li{display:block;float:left;margin-left:-15px;}
#top #top-select > ul > li > a{background:rgba(0,0,0,0);position:relative;z-index:1;display:block;bottom:-1px;border-right:0px solid #ddd;border-bottom:0px solid #ddd;padding:5px 15px;min-width:10px;text-align:center;color:rgba(255,255,255,.9)}
#top #top-select > ul > li.active > a{bottom:-1px;border-bottom:0px solid #fff;background:transparent;color:#620202 }
#top #top-select > ul > li > a:hover{text-decoration:none;}
#top #top-account{float:right;padding-right:10px;}
#top #top-account a{font-size:10px;padding:5px;display:block;position:relative;color:#fff}
#top #top-account a:hover{text-decoration:none;border-bottom:0px solid #000;bottom:-1px;padding-top:4px;}
#top #top-account > ul > li{margin-left:0px;}

#top.active{opacity:0;visibility:hidden;z-index:-1;}

#header{position:fixed;left:0;top:26px;width:100%;border-bottom:0;z-index:9998;padding:10px 0;background:rgba(255,255,255,1);box-shadow:0 1px 5px rgba(190,190,190,.5);transition: all,.0s ease-in-out;}
#header.active{box-shadow:0 1px 5px rgba(190,190,190,.5)}
#header .container{position:static;z-index:11;}
#header .header-element{display:block;}
#header .grid{padding:0;}

#header.active{top:0;}

#header-nav-toggle{display:none}

#header .mo-nav{display:none;}

#header-nav-toggle{background:none;cursor:pointer}
#header-nav-toggle > i{font-size:30px;}

#header #header-brand{text-align:left;}
#header #header-brand > a{display:block;padding:12px 0;}
#header #header-brand > a > img{position:relative;top:13px}

#header #header-nav{text-align:center;display:block;transition: all,.1s ease-in-out;position:inherit;top:5px;}
#header #header-nav > ul > li{margin-left:0;margin-top:5px;display:inline-block}
#header #header-nav > ul > li > a{display:block;padding:25px 15px;background:#fff;color:#000;font-size:13px;font-weight:500;font-family: 'Ubuntu', sans-serif;}
#header #header-nav > ul > li > a:hover{color:#620202 !important;background-color:#fff!important;}
#header #header-nav ul > li > a > i{display:none}

#header #header-nav .mo-nav{display:none}

@media screen and (min-width: 981px) {
/*
#header.active2{background:rgba(255,255,255,.7)}
#header.active2:hover{background:#fff}
#header.active2 #header-nav > ul > li > a{background:none}
#header.active2 #header-nav > ul > li > a:hover{}
#header #header-nav.active .dropdown{position:inherit;}
#header #header-nav.active .dropdown > .submenu{opacity:0;visibility:hidden;z-index:-1;box-shadow:none;top:200px;left:0;;position:absolute;background:#fff;width:100%;display:block;margin-left:0px;text-align:left;border:1px solid #efefef;padding:60px;transition: all 0s ease;}
#header #header-nav.active .dropdown > .submenu .header-title{font-size:15px;font-weight:600;font-family:'Roboto Condensed',sans-serif;text-transform:capitalize}
#header #header-nav.active .dropdown > .submenu ul.brand-list{}
#header #header-nav.active .dropdown > .submenu ul.brand-list > li{display:inline-block;clear:both;text-align:left;width:15%;position:relative;}
#header #header-nav.active .dropdown > .submenu ul.brand-list > li > a{display:inline-block;padding:5px;font-size:13px;color:#333;line-height:1.6;border-bottom:1px solid rgba(255,255,255,.5);transition: all,.3s ease-in-out}
#header #header-nav.active > ul > li.dropdown:hover > a,
#header #header-nav.active .dropdown > .submenu ul.brand-list > li > a:hover{background-color:#fff;text-decoration:none;color:#620202 ;}
#header #header-nav.active .dropdown > .submenu ul.brand-list > li > a:hover{color:#620202 ;text-indent:10px;}
#header #header-nav.active .dropdown:hover > .submenu{opacity:1;visibility:visible;z-index:15;top:76px;transition: all,.3s ease-in-out;height:auto;display:block}
*/
}
#header #header-nav.active #header-nav-close{display:none}

.menu-label{display:inline-block;font-size:7px;text-align:center;padding:2px 5px;background-color:#ed7c25;color:#fff;position:absolute;margin-left:-1px;top:-3px;border-radius:2px;}
.menu-label.primary{background-color:#32a9a0;}

#visual{height:250px;background:url(../images/visual1.jpg) no-repeat 0 0px;background-size:100%;margin-top:100px;position:relative;overflow:hidden;}
#visual .container{text-align:center;position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;}
#visual .inside{position:relative;top:100px;}
#visual .visual-title{font-size:50px;font-weight:800;color:#fff;z-index:10;position:relative;}
#visual .visual-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
#visual .path{z-index:10;position:relative;}
#visual .path li{display:inline-block;color:#fff}
#visual .path li a{font-size:12px;}
#visual img{opacity:0;}

.page-filter{display:inline-block;float:right;margin-top:-40px;z-index:10;cursor:pointer;position:relative;}
#filtering{display:none;background:#fff;position:absolute;min-width:100px;padding:20px;border:1px solid #dfdfdf;}
.page-filter:hover #filtering{display:block;}


#header-items{border-left:1px solid #efefef;padding-left:50px;}

#header #header-account{float:right;padding-right:10px;}
#header #header-account a{font-size:11px;padding:5px;display:block;position:relative;color:#fff}
#header #header-account a:hover{text-decoration:none;border-bottom:0px solid #000;bottom:0px;}
#header #header-account > ul > li{margin-left:0px;text-align:right;display:inline-block;}
#header #header-account > ul > li > a{color:#000;font-size:17px;display:block;padding:25px 15px}
#header #header-account > ul > li > a:hover{color:#620202 }

#header #header-search a{background:rgba(0,0,0,0);color:#000;cursor:pointer;padding:25px 15px;display:inline-block;border:0;}
#header #header-search a > i{font-size:17px;}
#header #header-search a:hover{color:#620202 ;border:0;}

#header #header-cart a{position:relative;}
#header #header-cart a .cart-count{background:#620202 ;text-align:center;color:#fff;font-size:11px;border-radius:50%;width:15px;height:15px;line-height:15px;position:absolute;right:5px;bottom:36px;}

#header-search-wrapper{display:block;border-top:1px solid #ddd;padding:20px;position:relative;display:none}
#header-search-wrapper input{border:1px solid #ddd;background:#f8f8f8;padding:20px 20px;width:90%;display:block;float:left;font-size:18px;letter-spacing:-1px;font-weight:700;font-family:'NotoKrB',sans-serif;color:#39aaa0;max-height:60px}
#header-search-wrapper button{display:block;float:left;width:10%;text-align:center;padding:9px;border:1px solid #620202 ;background-color:#620202 ;color:#fff;font-size:23px;cursor:pointer;max-height:60px}

#header-search-wrapper.active{top:0;visibility:visible;z-index:1;height:auto;transition: all,.4s ease-in-out;}

#aside{}

#layout-shop.active #top{display:block}
#layout-shop.active #header{background-color:rgba(99, 106, 113, 0.9);padding:0;}

#footer{padding:50px 0 0 0;background:#000;color:rgba(255,255,255,.4);font-size:13px}
#footer a{color:rgba(255,255,255,.4)}
#footer a:hover{color:rgba(255,255,255,.8);text-decoration:none;}

#footer-logo{text-align:center;}

#footer #footer-story{text-align:center}
#footer #footer-story p{margin-bottom:0;color:#999;line-height:1.7;margin-top:20px}

#footer #footer-info{clear:both;padding-top:30px;}
#footer #footer-info address span{}
#footer .footer-title,
#footer .footer-title a.active{font-size:18px;color:rgba(255,255,255,.8)}
#footer .footer-title a{font-size:18px;color:rgba(255,255,255,.4);display:inline-block;margin-right:10px;}
#footer .footer-title a:hover{text-decoration:none;}
#footer .footer-title a.more{float:right;display:inline-block;font-size:13px;margin-right:0;position:relative;top:2px;}
#footer .footer-title a.more:hover{color:#fff}
#footer .footer-title a > i{font-size:18px;}
#footer .footer-title.margin-top{margin-top:30px;margin-bottom:-10px}
#footer .footer-content{clear:both;padding-top:20px;line-height:1.5;color:#666}
#footer #footer-nav > ul > li{display:inline-block;clear:none;width:50%;float:left}
#footer .copyright{}
#footer #footer-family{text-align:left;margin-top:30px;}

#footer #footer-tel{font-size:20px;letter-spacing:-1px;font-weight:400}

#footer-webinfo{padding:20px 0;}
#footer-webinfo address span{display:inline;line-height:1.6;padding-right:5px;text-transform: lowercase}
#footer-webinfo .copyright{display:block;margin-top:15px;}

#footer .item{padding-bottom:0;}

#footer-cs{position:relative;top:-11px;}
#footer-cs .tel{font-size:34px;letter-spacing:-2px;color:rgba(255,255,255,.8)}
#footer-cs .tel:hover{text-decoration:none;}
#footer-cs .ment{color:rgba(255,255,255,.5);font-size:11px;display:block;margin-bottom:10px;margin-top:5px;}
#footer-cs .time{display:block;clear:both;color:rgba(255,255,255,.4);font-size:13px;}

#aside{padding-right:30px;}
#aside .aside-title{font-size:14px;text-transform:uppercase;font-family: 'Ubuntu', sans-serif;font-weight:400}
#aside-nav ul{border-top:0px solid #000;display:block;}

#aside-nav ul{border-top:1px solid #000;}
#aside-nav ul > li{display:block;}
#aside-nav ul > li > a{padding:14px 0;border-bottom:1px dashed #dfdfdf;display:block;color:#000;position:relative;font-size:12px;font-weight:800;transition: all,.4s ease-in-out;}
#aside-nav ul > li > a:after{content:"\f107";font-family:'Font Awesome 5 Free';color:#ddd;display:inline-block;float:right;font-size:15px}
#aside-nav ul > li > a:hover:after{color:#620202 ;transition: all,.3s ease-in-out;}
#aside-nav ul > li > a:hover{text-decoration:none;color:#620202 ;}
#aside-nav ul > li > a > .item-count{position:absolute;right:0;display:inline-block;color:#999;font-size:12px;}
#aside-nav ul > li > a > .menu-label{top:6px;margin-left:3px;}

#aside-nav ul > li > ul.brand-list{border-top:0;padding:10px 0;border-bottom:1px solid #ddd;position:relative;display:none}
#aside-nav ul > li > ul > li{display:block;clear:both;}
#aside-nav ul > li > ul > li > a{border:0;padding:5px 0;position:relative;display:block;transition: all,.2s ease;font-weight:400}
#aside-nav ul > li > ul > li > a:after{content:'';}
#aside-nav ul > li > ul > li > a .item-count{font-size:9px;position:absolute;right:0px;top:5px;color:#999}
#aside-nav ul > li > ul > li > a:hover{background-color:#f6f6f6;padding:5px;}
#aside-nav ul > li > ul > li > a:hover .item-count{right:5px;}

#aside-nav ul > li > ul.brand-list.active{z-index:1;opacity:1;visibility:visible;height:auto;padding:10px 0}

#aside-nav ul > li.active > ul.brand-list{display:block;}


/*
#aside-nav ul > li{display:inline-block;width:40%}
#aside-nav ul > li > a{padding:5px 0;border-bottom:0px dashed #dfdfdf;display:inline-block;color:#000;position:relative;font-size:12px}
#aside-nav ul > li > a:hover{text-decoration:none;color:#620202 ;text-decoration:underline}
#aside-nav ul > li > a > span{position:absolute;right:0;display:inline-block;color:#999;font-size:12px;}*/

.block{clear:both;margin-bottom:40px;}

.title-area{position:relative}
.title-area .path{float:right;position:absolute;top:5px;right:0;}
.aside-title{display:block;border-bottom:0px solid #000;margin-bottom:6px;padding-bottom:10px;font-size:15px;font-family:'NotoKrM',sans-serif;font-weight:500;}
.category-title{display:block;border-bottom:1px solid #000;margin-bottom:30px;padding-bottom:10px;font-size:20px;font-family:'NotoKrM',sans-serif;font-weight:500;}

section{clear:both;overflow:hidden;border-top:1px solid #efefef}
section#main-promotion,
section#mura-category,
section#main-star,
section#main_items,
section#main-reviews {
    padding: 100px 0;
}
section .section-head{display:block;text-align:center;margin-bottom:50px;}
section .section-head .section-title{font-size:30px;text-transform:uppercase;font-family: 'Ubuntu', sans-serif;font-weight:400}
section .section-head .section-subtitle{letter-spacing:5px;color:#999;text-transform:uppercase;display:block;margin-bottom:10px;}

#partner{background:#f3f3f3;text-align:center;padding:20px 0}
#partner img{height:28px;}

#plus-friend {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9996;
}

#plus-friend .wrapper {
    position: relative;
}

#plus-friend img {
    height: 50px;
    padding: 2px;
    display: inline-block;
}
#plus-friend #plus-ment{
	padding-right:50px;
	margin-right:-20px;
	overflow:hidden;
	position: absolute;
    right: -100px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}
#plus-friend #plus-ment .inside {
    text-align: center;
    line-height: 1.5;
    font-size: 11px;
    background-color: #f9df32;
    border-radius: 10px;
    padding: 5px 10px;
    margin-top:3px;
    width: 270px;
}
#plus-friend span{display:block;
	text-align:left;
	line-height:1.8;
}

#plus-friend.active img {
    border: 1px dashed #000;
    border-radius: 50%;
    transition: all, .1s ease-in-out;
}

#plus-friend.active #plus-ment{
    visibility: visible;
    z-index: 1;
    opacity: 1;
    right:30px;
    transition: all, .1s ease-in-out;
}