@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root{
    --font-size-pc:20px;
    --font-size-tab:18px;
    --font-size-mobile:14px;
    --heading-font: 'yg-jalnan';

    --font-black:900;
    --font-bold:700;
    --font-semibold:600;
    --font-medium:400;
    --font-thin:300;
    --main-color: #FFD629;
    --inact-color: #FFF2BD;
    --hover-color: #998019;
    --dark-color: #3E3E3E;

    --space-xx-small: 0.25rem;
    --space-x-small: 0.5rem;
    --space-small: 1rem;
    --space-middle: 2rem;
    --space-large: 3rem;
    --space-x-large: 6rem;
    --space-xx-large: 9rem;

    --border-radius: 2rem;
}
b{
    color: var(--main-color);
}
html{
    font-size: var(--font-size-pc);
    font-family:Pretendard,"Noto Sans KR",sans-serif;
    line-height: 1.4;
}
h2{
    font-family: 'yg-jalnan';
    line-height: 1.1;
    font-size: 3rem;
}
h3{
    line-height: 1.1;
    font-size: 2.5rem;
    font-weight: var(--font-black);
}
h4{
    font-size: 1.6rem;
    font-weight: var(--font-semibold);
    line-height: 1.2;
}

/* ///////////////////////////////버튼 공통스타일/////////////////////////////////// */

.btn_style{
    font-size: 0.9rem;
    padding: .5rem 2rem;
    background-color: var(--main-color);
    color: #fff;
    display: inline-block;
    border-radius: 50px;
    border: 0.1rem solid transparent;
}
.btn_style:hover{
    background-color: #fff;
    border: 0.1rem solid var(--main-color);
    color: #000;
}
.btn_style:active{
    background-color: var(--main-color);
    border: 0.1rem solid #000;
}

/* /////////////////////////////////////////////////////////////////////////////// */

main>*{
    margin-bottom: var(--space-x-large);
}
main>*:last-child{
    /* margin-bottom: 0; */
}
.common_frame{
    margin-left: 4rem;
    margin-right: 4rem;
}