@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Red+Hat+Display:400,500,700,900&display=swap&subset=latin-ext);
*{padding:0;margin:0;box-sizing:border-box}
.clear:after{display:block;content:'';clear:both}
body{color:#333;font-family:'Noto Sans KR',sans-serif!important;word-break:break-all;font-size:14px;line-height:initial!important}
body.on{height:100vh;overflow:hidden}
li{list-style:none}
a{color:inherit!important;text-decoration:none;cursor:pointer;display:inline-block;width:100%;height:100%}
a:focus,a:hover{text-decoration:none!important}
address{font-style:normal}
img{width:100%;vertical-align:bottom}
.wrap{max-width:1200px;margin:0 auto}
.wd-5{width:5%}
.wd-10{width:10%}
.wd-15{width:15%}
.wd-20{width:20%}
.wd-30{width:30%}
.wd-40{width:40%}
.wd-50{width:50%}
.wd-60{width:60%}
.wd-65{width:65%}
.wd-70{width:70%}
.wd-80{width:80%}
.wd-90{width:90%}
.no-line{border:0!important}
input.checkbox{width:0;height:0;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}button{background-color:transparent;border:0;cursor:pointer;font-size:inherit;color:inherit;outline:0}button:active{background-color:none}i{display:inline-block;vertical-align:middle}input{border-radius:0;border:0}input:focus{outline:0}.radio{width:0;height:0;border:0;-webkit-appearance:none}.input{border:1px solid #aaa;width:100%}.pc_none{display:none}.mo_none{display:block}#popup{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5)}#popup.construction img{max-width:1200px}.price-sale{color:#999;text-decoration:line-through;margin-right:10px}pre{font-family:inherit}@media screen and (max-width :768px){.pc_none{display:block}.mo_none{display:none}body{font-size:12px}}header .top-menu{display:flex;justify-content:space-between;align-items:center;font-weight:300;padding:5px 5%;}header .top-menu .login-wrap ul{display:flex}header .top-menu .login-wrap ul li{margin-right:2vw}header .top-menu .login-wrap ul li:last-child{margin-right:0}header h1{background-image:url(/images/logo.png);background-repeat:no-repeat;background-size:100%;background-position:center;width:5vw;min-width:80px;height:15vw;min-height:100px;margin:0 auto;color:transparent;font-size:0;line-height:unset!important}header .search-wrap{width:50%;margin:0 auto;position:relative}header .search-input{border-bottom:1px solid #666;padding:10px;font-size:1.1em;width:100%}header .search-input+button{position:absolute;right:0;top:0;bottom:0;margin:auto}header .sns-wrap ul{display:flex;}header .sns-wrap ul li{margin-right:10px}header nav{position:relative}header nav > ul{padding : 0 5%;height:50px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:0; border-bottom : 1px solid #eee;}
header nav > ul > li{margin-right:2vw; height : 100%;}
header nav > ul > li>a{font-weight:700; vertical-align: middle;display:flex; align-items : center;justify-content: center; white-space:nowrap;} 
header nav > ul > li:last-child{margin-right:0}header .top-menu.pc_none{display:none}
#mobile-menu{display:none;position:fixed;top:0;width:100%;height:100vh;background-color:#fff;z-index:3;text-align:center;overflow-y:scroll}
#mobile-menu .btn-close{display:flex;justify-content:flex-end;padding-bottom:16px;padding:16px 5%}
#mobile-menu>ul{padding:16px 5%}
#mobile-menu>ul>li{font-size:1.4em;padding:10px;border-bottom:1px solid #ddd}
@media screen and (max-width :768px){
header .top-menu.mo_none{display:none}
header .top-menu.pc_none{display:flex;justify-content:space-between;padding:16px 5%}
header .top-menu.pc_none>ul{display:flex}
header .top-menu.pc_none>ul>li:not(last-child){margin-right:12px}
header .top-menu.pc_none>ul>li:last-child{margin-right:0}
header nav > ul{justify-content : space-between;}
header nav > ul > li>a{font-weight:400}}footer{border-top:1px solid #ddd}
footer>p{border-top:1px solid #ddd;padding:10px 0;text-align:center}footer .logo{background-image:url(/images/logo.png);width:10vw;min-width:100px;height:10vw;min-height:100px;background-size:100%;background-repeat:no-repeat;margin-right:auto}footer .footer__body{display:flex;justify-content:flex-end;align-items:center;max-width:1200px;width:90%;margin:30px auto}@media screen and (max-width :768px){footer .footer__body{flex-direction:column;justify-content:center;align-items:center}footer .logo{margin-bottom:2vh;margin-right:0}}i.cart{background-image:url(/images/icons/shopping-cardcart.png);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}i.search{background-image:url(/images/icons/search.png);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}i.menu{background-image:url(/images/icons/menu.svg);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}i.close{background-image:url(/images/icons/close.svg);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}i.facebook{background-image:url(/images/icons/facebook.svg);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}i.instagram{background-image:url(/images/icons/instagram.svg);width:20px;height:20px;background-repeat:no-repeat;background-size:100%}#pagination{display:flex;justify-content:center}#pagination>ul{display:flex}#pagination>ul>li{width:1.77vw;height:1.77vw;display:flex;align-items:center;justify-content:center;font-size:12px;font-family:ScroeR;border-radius:50%;margin:0 .52vw}#pagination>ul>li>a{display:flex;align-items:center;justify-content:center}#pagination>ul>li.active{background-color:#bf1e2e;color:#fff;font-family:ScoreEB}#pagination>ul>li>a[rel=prev],#pagination>ul>li[aria-label='« Previous']{font-size:0;background-image:url(/images/icons/previous.png);background-size:100%;background-repeat:no-repeat;background-position:center}#pagination>ul>li>a[rel=next],#pagination>ul>li[aria-label='Next »']{font-size:0;background-image:url(/images/icons/next.png);background-size:100%;background-repeat:no-repeat;background-position:center}@media screen and (max-width :768px){#pagination>ul>li{width:6.25vw;height:6.25vw;font-size:12px}#pagination>ul>li:first-child,#pagination>ul>li[aria-label="« Previous"]{margin-right:10.41vw}#pagination>ul>li:last-child,#pagination>ul>li[aria-label="Next »"]{margin-left:10.41vw}}@media screen and (min-width :1921px){#pagination>ul>li{width:34px;height:34px;font-size:12px;margin:0 10px}#pagination>ul>li>a[rel=prev],#pagination>ul>li[aria-label='« Previous']{width:34px;height:34px}}


.top-menu.mo_none{
    border-bottom : 1px solid #eee;
}

.top-menu-2{
    display : flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.top-menu-2 > div:first-child{
    margin-bottom : 20px;
}

header .mo_none h1{
    height : 150px;
}

.down-arrow{
    display : inline-block;
    width : 20px;
    height: 20px;
    background-image : url('/images/icons/cheveron-down.png');
    background-size : 100%;
    background-repeat : no-repeat;
    background-position : center;
    margin-left : 2px;
}

.sub-menu{
    position: absolute;
    top: 100%;
    width: 150px;
    padding: 20px 15px;
    margin-right: -50%;
    box-shadow: 0px 1px 6px #eee;
    transform: translateX(-36%);
    line-height: 2em;
    font-weight: 500;
    text-align: center;
    transition : 0.5s;
    opacity : 0;
    background-color : #fff;
    z-index : 2;
}

header > nav > ul > li:hover > a + div{
    opacity : 1;
}

@media screen and (max-width:768px){
    .down-arrow{
        width: 14px;
        height : 14px;
        margin-top : 4px;
    }

    .sub-menu{
        width : 100px;
    }
}