/* 공통적으로 들어가는 스타일 */
:root{
    --main-color: #EBF0C5;
    --font-base-color:#474037;
    --font-point-color:#8E9879;
}

html{
    font-size: 20px;
    /* 1rem = 20px */
    font-family: "pretendard", sans-serif;
    scroll-behavior: smooth;
    color:var(--font-base-color);
    background-color: #FDFBF3;
}

h1{
    font-size: 1.7rem;
    font-weight: 700;
}
h2{
    font-size: 1.2rem;
    font-weight: 600;
}
h3{
    font-size: 1.1rem;
    font-weight: 600;
}
p{
    line-height: 140%;
}
.detail{
    font-size: 0.9rem;
}
.button{
    font-size: 0.8rem;
}
strong{
    color: var(--font-point-color);
    font-weight: inherit;
}

@keyframes swing{
    0%{
        transform: rotate(-45drg);
    }
    100%{
        transform: rotate(45deg);
    }
}
.commonFrame{
    width:1400px;
    margin: 0 auto;
    padding-top: 6rem;
}

.nt {
    font-family: "Noto Serif KR", serif;
    font-optical-sizing: auto;
    font-style: normal;
  }