@charset "UTF-8";

@font-face {
    font-family: "GmarketSansLight";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff")
        format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSansMedium";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff")
        format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "GmarketSansBold";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff")
        format("woff");
    font-weight: normal;
    font-style: normal;
}

.width{width: 92%; margin: 0 auto; max-width: 1200px}
.padding{padding: 120px 0px}
.main{background:url('../img/nbg1.png') no-repeat; background-size: cover; height: 1100px; display: flex; align-items: center;}
.people{background:url('../img/nbg2.png') no-repeat; background-size: cover;display: flex; align-items: center;}
.people .width{display: flex; justify-content: space-around;;}
.people .width img{width: 28%}

.text{background:url('../img/nbg3.png') no-repeat; background-size: cover; text-align: center;}
.text h2{font-family: "GmarketSansBold"; font-size: 60px; margin-bottom: 35px}
.text p{font-size: 23px; line-height: 150%; font-family: 'Pretendard'; letter-spacing: -0.06em; word-break: keep-all; margin-bottom: 30px}
.text h3{font-size: 23px; line-height: 150%; font-family: 'Pretendard'; letter-spacing: -0.06em; word-break: keep-all; font-weight: 300; margin-top: 70px}

.text2{background:url('../img/nbg4.png') no-repeat; background-size: cover;}
.text2 h2{font-family: "GmarketSansBold"; font-size: 60px; color: #fff; text-align:center;}
.text2 h3{font-size: 35px; font-weight: 400; color: #fff; text-align: center; margin-bottom: 60px; font-family: 'Pretendard'; }
.text2 img{width: 100%}

.ed img{width: 100%}

.intro{background:url('../img/nbg5.png') no-repeat; background-size: cover;}
.intro img{width: 100%}

.text3 h2{font-family: "GmarketSansBold"; font-size: 60px; text-align:center;}
.text3 h3{font-size: 35px; font-weight: 400;; text-align: center; margin-bottom: 60px; font-family: 'Pretendard'; }
.text3 img{width: 80%}

.text4{background:url('../img/nbg6.png') no-repeat; background-size: cover; text-align: center;}
.text4 img{padding-left: 20%}
.text4 h2{font-family: "GmarketSansBold"; font-size: 60px; text-align:center;background: linear-gradient(90deg, rgba(203,177,133,1) 0%, rgba(176,137,99,1) 100%); background-clip: text;-webkit-background-clip: text; color: transparent; }
.text4 h3{font-size: 35px; font-weight: 400;; text-align: center; margin-bottom: 60px; font-family: 'Pretendard'; color: #fff}

.contact h2{font-family: "GmarketSansBold"; font-size: 60px; text-align:center;}
.contact h3{font-size: 35px; font-weight: 400;; text-align: center; margin-bottom: 60px; font-family: 'Pretendard'; }
.contact img{width: 100%;}

@media all and (max-width:768px) {
  .padding{padding: 80px 0px}
  .main{height: auto; background-position: 75% center;;}
  .main img{width: 60%}
  .text h2, .text2 h2, .text3 h2, .text4 h2, .contact h2{font-size: 34px}
  .text2 h3, .text3 h3, .text4 h3, .contact h3{font-size: 23px}
  .text p{font-size: 16px}
  .text h3{font-size: 16px}
  .text4 img{padding-left: 0px; width: 100%}
  .text3 img{width: 100%}
}