@charset "utf-8";

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/Pretendard/Pretendard-Thin.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/Pretendard/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/Pretendard/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Pretendard/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/Pretendard/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Pretendard/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Pretendard/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/Pretendard/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Pretendard/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/SCDream/SCDream1.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/SCDream/SCDream2.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/SCDream/SCDream3.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/SCDream/SCDream4.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/SCDream/SCDream5.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/SCDream/SCDream6.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/SCDream/SCDream7.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/SCDream/SCDream8.woff') format('woff');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/SCDream/SCDream9.woff') format('woff');
}

:root {
    --green: #46926A;
    --sc: "SCDream";
}


/* 초기화 */
.main * {font-family: 'Pretendard','Malgun Gothic','돋움',arial,sans-serif;padding: 0;margin: 0;box-sizing: border-box;line-height: 1;font-size: 16px;letter-spacing: -.05em;}
button {border: none;background: none;letter-spacing: -.025em;cursor:pointer;margin:0;}




/* 메인 페이지 */
#contents.main {padding: 0;background: #EAF1F9 url('../images/main_bg.png') no-repeat;
background-size: cover;background-position: center top;}
.main_content_inner {max-width: 1460px;width: 100%;padding: 0 20px;margin: 0 auto;}
@media screen and (max-width: 480px) {
    #contents.main {background-position: left top;}
}


/* 메인 비주얼 */
.main_visual {position: relative;max-width: 90%;width: 100%;height: 550px;background-image: url("/images/visual.png");background-repeat: no-repeat;background-position: center center;background-size: cover;border-bottom-right-radius: 250px;}
.main_visual_inner {display: flex;align-items: center;max-width: 1460px;width: 100%;height: 100%;padding: 0 20px;margin-left: auto;margin-right: 0;}
.visual_txt {max-width: 100%;}
@media screen and (max-width: 1920px) {
    .main_visual {max-width: 1760px;width: 100%;}
}
@media screen and (max-width: 500px) {
    .main_visual {height: 360px;border-bottom-right-radius: 150px;}
    .main_visual_inner {padding: 0 10px;}
}


/* 바로가기 메뉴 */
.shortcut_box {margin-top: 30px;padding: 50px 60px;background: #fff;border-radius: 300px;position: relative;z-index: 0;box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .05);}
.shortcut_box::after {content: "";display: block;position: absolute;right: -80px;top: -163px;width: 176px;height: 221px;background: url("/images/visual_deco.svg") no-repeat;background-size: contain;z-index: -1;}
.shortcut_list {display: flex;justify-content: space-evenly;}
.shortcut_list > li > a {display: flex;column-gap: 15px;}
.shortcut_list > li > a > img {display: block;width: auto;height: 50px;}
.shortcut_txt span {display: block;font-size: 15px;line-height: 1.3;letter-spacing: -.03em;color: #888;font-weight: 300;font-family: var(--sc);}
.shortcut_txt p {margin-top: 5px;font-size: 23px;line-height: 1.3;letter-spacing: -.03em;color: #333;font-weight: 500;font-family: var(--sc);word-break: keep-all;}
@media screen and (max-width: 1700px) {
    .shortcut_box::after {right: 0;top: -140px;width: 150px;height: 180px;}
}
@media screen and (max-width: 1400px) {
    .shortcut_list {max-width: none;}
}
@media screen and (max-width: 1000px) {
    .shortcut_box::after {top: -160px;}
    .shortcut_box {padding: 40px;}
    .shortcut_list > li > a > img {width: 40px;height: 40px;object-fit: contain;}
    .shortcut_txt p {font-size: 18px;}
    .shortcut_txt span {font-size: 14px;}
}
@media screen and (max-width: 800px) {
    .shortcut_box {border-radius: 40px;}
    .shortcut_list {flex-wrap: wrap;gap: 20px;justify-content: flex-start;}
    .shortcut_list > li {flex: 0 1 calc((100% - 40px) / 3);}
}
@media screen and (max-width: 600px) {
    .shortcut_list > li {flex: 0 1 calc((100% - 20px) / 2);}
}
@media screen and (max-width: 480px) {
    .shortcut_box {padding: 32px 20px;}
    .shortcut_box::after {top: -110px;width: 100px;height: 126px;}
    .shortcut_list {gap: 0;}
    .shortcut_list > li {flex: 1 1 100%;padding: 12px 0;}
    .shortcut_list > li:not(:last-child) {border-bottom: 1px dashed #ccc;}
    .shortcut_list > li > a {column-gap: 16px;}
    .shortcut_list > li > a > img {width: 32px;height: 32px;}
    .shortcut_txt {display: flex;justify-content: space-between;flex: 1;align-items: center;}
    .shortcut_txt p {font-size: 15px;}
    .shortcut_txt span {font-size: 12px;margin-top: 0;}
}


/* 메인 게시판 */
.main-board {padding-top: 100px;display: flex;position: relative;z-index: 0;}
.main-board::before {content: "";display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 1466px;height: 129px;background: url('/images/board_bg.png') no-repeat center top;background-size: contain;z-index: -1;}
.main-board > article {width: 50%;padding: 60px 50px;}
.main-board .notice {background: url('/images/notice_bg.png') no-repeat;background-size: cover;border-top-left-radius: 50px;}
.main-board .faq {background: url('/images/faq_bg.png') no-repeat;background-size: cover;border-top-right-radius: 50px;}
.main-board .board-head {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.main-board .board-head .title > a {display: flex;align-items: center;column-gap: 20px;}
.main-board .title-kor {font-family: var(--sc);font-size: 40px;font-weight: 700;letter-spacing: -.025em;}
.main-board .notice .title-kor {color: #fff;}
.main-board .faq .title-kor {color: #fff;}
.main-board .title-eng {font-family: var(--sc);font-size: 20px;font-weight: 300;letter-spacing: -.03em;text-transform: capitalize;}
.main-board .notice .title-eng {color: #eee;}
.main-board .faq .title-eng {color: #eee;}
.main-board .board-btn {padding: 12px 20px;border: 1px solid #fff;border-radius: 10px;display: flex;justify-content: center;column-gap: 10px;align-items: center;background: transparent;color: #fff;transition: .3s;}
.main-board .board-btn p {font-size: 18px;font-weight: 600;line-height: 1.5;letter-spacing: -.025em;}
.main-board .board-btn i {font-size: 24px;}
.main-board .board-btn:hover {background: #fff;color: var(--red);transition: .3s;}
.main-board .board-body {margin-top: 25px;}
.main-board .board-list {display: flex;flex-wrap: wrap;gap: 5px;}
.main-board .board-list > li {flex: 0 1 calc((100% - 5px) / 2);}
.main-board .board-list > li > a {display: flex;flex-direction: column;row-gap: 25px;justify-content: space-between;width: 100%;height: 100%;padding: 30px;background: #fff;border-radius: 10px;}
.main-board .board-list > li > a .subject {height: 46px;font-size: 18px;line-height: 1.3;color: #111;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;transition: .3s;}
.main-board .board-list > li > a:hover .subject {color: var(--red);transition: .3s;}
.main-board .board-list > li > a .date {font-size: 15px;color: #717171;font-weight: 300;}
@media screen and (max-width: 1100px) {
    .main-board .board-head {row-gap: 16px;}
    .main-board .board-head .title > a {column-gap: 10px;align-items: flex-end;}
    .main-board .title-kor {font-size: 36px;}
    .main-board .title-eng {font-size: 18px;}
}
@media screen and (max-width: 1000px) {
    .main-board {flex-direction: column;}
    .main-board > article {width: 100%;}
    .main-board .board-head {align-items: center;}
    .main-board .title-kor {font-size: 32px;}
    .main-board .title-eng {font-size: 16px;}
    .main-board .board-btn {padding: 8px 16px;}
    .main-board .board-btn p, .main-board .board-btn i {font-size: 16px;}
    .main-board .notice {border-top-right-radius: 50px;}
    .main-board .faq {border-radius: 0;}
}
@media screen and (max-width: 480px) {
    .main-board {padding: 60px 0;}
    .main-board::before {width: 100vw;height: 80px;background: url('/images/board_top_m.png') no-repeat center center;background-size: cover;}
    .main-board::after {content: "";display: block;position: absolute;bottom: -20px;left: 50%;transform: translate(-50%, 0);width: 100vw;height: 80px;background: url('/images/board_bottom_m.png') no-repeat center center;background-size: cover;}
    .main-board > article {padding: 32px 20px;}
    .main-board .board-head .title > a {column-gap: 4px;}
    .main-board .title-kor {font-size: 20px;}
    .main-board .title-eng {font-size: 14px;}
    .main-board .board-btn {padding: 9px 12px;}
    .main-board .board-btn p, .main-board .board-btn i {font-size: 13px;}
    .main-board .board-list {gap: 8px;}
    .main-board .board-list > li {flex: 1 1 100%;}
    .main-board .board-list > li > a {padding: 24px;row-gap: 12px;}
    .main-board .board-list > li > a .subject {font-size: 15px;height: 38px;}
    .main-board .board-list > li > a .date {font-size: 13px;}
    .main-board .notice {border-radius: 30px 30px 0 0;}
}