@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&family=Noto+Sans+KR:wght@100..900&display=swap');

/* .noto-sans-kr-<uniquifier> {
    font-family: "Noto Sans KR", serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }
   */

body{
    width: 100vw;
    height: 100vh;
}
section{
    width: 100vw;
    height: 100vh;
    background-image: url("../asset/intro_bg.png");
    background-repeat: no-repeat;
    background-size: 100vw 100vh;
    background-position: cover;
    overflow: hidden;
}
.wrapper{
    width: 87.5vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4.16vw;
    margin: 12vw 6.25vw;
}
.sec{
    display: flex;
    flex-direction: column;
    gap: 1.56vw;
    width: 41.14vw;
}
div.sec_head_wrap{
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 0 0 1.19vw 0;
}
p.sec_head{
    font-family: "Pretendard Variable";
    font-weight: 700;
    font-size: 1.04vw;
    line-height: 1.19vw;
    color: #000;
}
span.sec_title{
    font-family: "Noto Sans KR", serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    font-family: "Noto Sans KR", serif;
    white-space: nowrap;
}

.img_section{
    display: flex;
    gap: 0.93vw;
}
.img_wrap{
    display: flex;
    flex-direction: column;
    gap: 0.52vw;
}
.img_wrap img.width_img{
    width: 11.71vw;
    height: 6.5625vw;
}
.img_wrap img.height_img{
    width: 3.125vw;
    height: 6.5625vw;
}