@charset "utf-8";
/* 마우스오버 아이콘 */
@import url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,300,800');

/* Noto Sans KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800;900&display=swap'); 
/* Noto Serif KR */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');

/* 상주해례본체 */
@font-face {
    font-family: 'SangjuHaerebon';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANGJUHaerye.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

/* 스위트 (SUITE) */
@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Sweet';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/SUITE-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

/* 고운바탕 (Gowun Batang) */
@font-face {
    font-family: 'GounBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Regular.woff') format('woff');
    font-weight: 400; /* normal 대신 숫자 권장 */
    font-display: swap;
}
@font-face {
    font-family: 'GounBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/GowunBatang-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 폼 요소 등 폰트 상속이 끊기는 요소에 강제 상속 */
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

html, body {
    height: 100%;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    font-family: 'SangjuHaerebon', sans-serif;
    word-break: keep-all; 
    overflow-wrap: break-word;
    min-width: 1400px;
}

li {list-style: none;}

a {
    color: inherit; /* 부모 요소의 색상을 따라가도록 변경 */
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #bf0b2c;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

address, em, i {
    font-style: normal;
}

img, input, button {
    vertical-align: top;
}

img, embed, iframe {
    max-width: 100%;
}

fieldset, img {
    border: 0;
}


h2, h3, h4, h5 {font-family: 'SangjuHaerebon';}
h2 { font-size: 48px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }

p { 
    font-family: 'Sweet', sans-serif; 
    font-size: 18px; 
    font-weight: 600; 
}
span { 
    font-family: 'GounBatang', serif; 
    font-size: 18px; 
    font-weight: 700; 
}


section {
    width: 100%;
}

.inner {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
}

.hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}