@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Noto+Serif+KR:wght@400;700;900&family=Roboto:wght@900&display=swap');
/*roboto*/
/*font-family: 'Roboto', sans-serif;*/

@font-face {
    font-family: 'Segoe';
    src: url('/font_path/Segoe.eot');
    src: url('/font_path/Segoe.eot?#iefix') format('embedded-opentype'),
         url('/font_path/Segoe.woff') format('woff'),
         url('/font_path/Segoe.ttf') format('truetype'),
         url('/font_path/Segoe.svg#Segoe') format('svg');
    font-weight: bold;
    font-style: normal;
}
/*segoe ui*/

@import url(//fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

.nanumgothiccoding * {
 font-family: 'Nanum Gothic Coding', monospace;
}
/*나눔고딕*/



body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt{margin: 0; padding: 0;}
a{color: black; text-decoration: none;}
button{background: none; border: 0;}
body{
    background: #000;
    font-family: 'Nanum Gothic Coding', monospace;
    font-size: 1em; color: #fff;
}
li{list-style: none;}
img{width:100%;}
h2{
    font-family: 'Segoe';
    font-size: 2.2em;
    font-weight: bold;
    margin: 0 0 10px 25px;
}





#header{height:80px; background: #E2251F;}
h1{float:left; margin: 20px 0 0 20px;}
.nav_open_btn{margin:25px 20px 0 0; float: right;}
nav{
    position: fixed;
    left:0; top:0;
    z-index: 1;
    width:100%; height:100%;
    background-color: #000;
    margin-left: -100%;
}
.nav_close_btn{
    text-align: right;
    padding: 10px 15px 0 0;
    background: #fff;
}
.gnb button{
    width:100%; height:50px;
    font-size: 1.2em; color: #fff;
    text-align: center; font-weight: 500;
    line-height: 50px;
    border-bottom: 1px solid #fff;  
}
.gnb button:hover{background-color: #3A7757; color: #E1D255;}





.visual h2{display: none;}
.visual>img{width: 100%;}
.visual>p{
    position: absolute;
    margin: -120px 0 0 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 2.8em; color: #fff;
}
.visual>p>span{margin-left: 67px; color: #E2251F;}



.about{
    margin: 25px 25px 135px 25px;
    font-family: 'Nanum Gothic Coding';
}
.about h2{display: none;}
.about>p:nth-of-type(1){
    font-family: 'Segoe';
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 8px;
}



.items>h2,.lookbook>h2{display: inline-block;}
.items>a>img,.lookbook>a>img,
#footer>ul>li>a>img{
    width:30px;
    float: right;
    margin: 8px 20px 0 0;
}

.items,.lookbook{margin-bottom: 120px;}
.item_img>img:first-child{margin-bottom: -3px;}





.stores>h2{color: #E1D255;}
.stores>p,.location{
    margin: 0 20px;
    font-weight: bold;
    font-family: 'Nanum Gothic Coding'
}
.location{
    display: flex; justify-content: space-between;
    margin: 30px 25px;
    font-weight: 400;
    color: #3A7757;
}
.location>p{width:47%;}





#footer{
    height:220px;
    padding:10px;
}
#footer>ul{margin: 10px 0 20px 0;}
#footer>ul>li{
    height:40px;
    padding-bottom: 3px;
    border-bottom: 2px solid rgba(255,255,255,0.5);
}
#footer>ul>li>a>p{
    color: #fff; display: inline-block;
    font-family: 'Nanum Gothic Coding';
    font-weight: bold; 
    margin-left: 15px; line-height: 40px;
}
#footer>ul>li>a>img{margin-right: 5px;}
#footer>p{
    font-family: 'Nanum Gothic Coding';
    text-align: center;
}
