@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;500&display=swap'); 
@font-face {
   font-family:ENGARMB;
   src: url(../font/ENGARMB.TTF);
}
@font-face {
   font-family:ENGARM;
   src: url(../font/ENGARM.TTF);
}

ul {list-style:none; margin:0; padding:0;}
img {width:100%;}
a {text-decoration:none; color:#333;}
body {margin:0; font: 16px/1.5; font-family: 'Noto Sans KR lights', sans-serif;}
h1 {margin:0; font-size:1.3em; font-family:ENGARMB, serif;}

/* 화면 가로 가운데 배치 */
#wrap {width:1903px; margin:0 auto;}

/* 섹션1 */
#home {height:792px; padding-bottom:60px;}
.header {z-index:9999; position:fixed; width:100%; height:55px; padding:15px 30px; box-sizing:border-box; box-shadow: 0px 1px 10px 0px rgb(209, 209, 209); background:white; letter-spacing: .1em;}
.header h1 {float:left;}
.header .nav {float:right;}
.header .nav li {display:inline-block; margin:0 10px;}
.mainimg {position:relative; top:55px; margin:0 201px;}
.mainimg h1 {position: absolute; left:720px; top:50%; width:400px; height:74px; margin:-37px 0 0 -200px;text-align:center; line-height:74px; font-size:2.2em; letter-spacing:.1em; color:white;}
.header li {font-family:ENGARM, serif;}
.mainimg h1 b {display:inline-block; width:80px; height:74px; background:rgba(0,0,0,0.5); font-family:ENGARMB, serif;}

/* 섹션2 - Lookbook */
#lookbook {padding: 0 201px 60px; }
#lookbook > h2 {height:90px; padding-top:30px; box-sizing:border-box; border-bottom:1px solid #ccc; }
#lookbook > ul {height:614px;}
#lookbook li {float:left; width:360px;}
#lookbook li:nth-of-type(4n+1) {margin-right:10px;}
#lookbook li:nth-of-type(4n+2) {margin-left:10px; margin-right:10px;}
#lookbook li:nth-of-type(4n+3) {margin-left:10px; margin-right:10px;}
#lookbook li:nth-of-type(4n+4) {margin-left:10px;}
/* #lookbook li:nth-of-type(5) {margin-right:10px;}
#lookbook li:nth-of-type(6) {margin-left:10px; margin-right:10px;}
#lookbook li:nth-of-type(7) {margin-left:10px; margin-right:10px;}
#lookbook li:nth-of-type(8) {margin-left:10px;} */

/* 섹션3 - Shop */
#shop {padding: 0 201px;}
#shop > h2 {height:90px; padding-top:30px; box-sizing:border-box; border-bottom:1px solid #ccc;}
#shop > p {height:80px;}
#shop > ul {height:500px; }
#shop li {float:left; width:360px;}
#shop li:nth-of-type(1) {margin-right:10px;}
#shop li:nth-of-type(2) {margin-left:10px; margin-right:10px;}
#shop li:nth-of-type(3) {margin-left:10px; margin-right:10px;}
#shop li:nth-of-type(4) {margin-left:10px;}
#shop button {width:100%; height:35px; border:none;}

/* 섹션3 - Contact */
#contact {padding: 0 201px;}
#contact > h2 {height:90px; padding-top:30px; box-sizing:border-box; border-bottom:1px solid #ccc; }
/* #contact > p {height:80px;} */
#contact input {display:block; width:100%; height:40px; margin:20px 0;}
#contact button {width:150px; height:40px; margin:10px 0 60px 0; border:none; background:#282828; color:white;}

/* 푸터 */
#footer {padding:40px; background :#282828; color:#fff; text-align:center;}