@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-top: 0;padding-bottom: 100px;background-position: center top;}
.main_content_inner {max-width: 1460px;width: 100%;padding: 0 20px;margin: 0 auto;}
@media screen and (max-width: 1000px) {
    #contents.main {padding-bottom: 50px;}
}



/* 메인 비주얼 */
.main_visual {padding: 80px 0;display: flex;align-items: center;background-image: url("/images/main_visual_bg.svg");background-repeat: no-repeat;background-position: center top 45px;background-size: auto;}
.main_visual > article {width: 50%;}
.main_visual .right {position: relative;}
.main_visual .right::after {content: "";display: block;width: 78px;height: 130px;background: url("/images/bear.svg") no-repeat;background-size: contain;position: absolute;bottom: -30px;right: -27px;z-index: 10;}
/* .main_visual .right::after {content: url("/images/bear.svg");display: block;position: absolute;bottom: -30px;right: -27px;z-index: 10;} */
.visual-slider {overflow: hidden;position: relative;border-radius: 50px;background: #fff;height: 430px;}
.visual-slider img {display: block;width: 100%;height: 100%;object-fit: cover;}
.visual-txt {position: absolute;left: 0;bottom: 0;padding: 18px 44px;border-top-right-radius: 50px;background-color: #A14631;color: #fff;font-weight: 700;font-size: 25px;}
.visual-btn-wrap {position: absolute;right: 68px;bottom: 20px;z-index: 1;display: flex;justify-content: flex-end;column-gap: 5px;}
.visual-btn {font-size: 18px;padding: 9px;background: #fff;border-radius: 50%;width: 35px;height: 35px;}
@media screen and (max-width: 1440px) {
    .main_visual .right::after {right: -20px;}
    .visual-btn-wrap {right: 100px;}
}
@media screen and (max-width: 1000px) {
    .main_visual {flex-direction: column;padding: 50px 0 120px;row-gap: 50px;}
    .main_visual > article {width: 100%;}
    .visual-txt {font-size: 20px;}
}
@media screen and (max-width: 800px) {
    .main_visual {background-size: contain;}
    .main_visual .left img {width: 100%;max-width: 360px;}
}
@media screen and (max-width: 640px) {
    .main_visual {background-size: 80%;background-position: right top 20px;}
}
@media screen and (max-width: 480px) {
    .main_visual {padding: 50px 0 100px;}
    .main_visual .left img {width: 70%;}
    .main_visual .right::after {width: 60px;height: 100px;right: -10px;}
    .visual-slider {height: 300px;border-radius: 30px;}
    .visual-btn-wrap {right: 50px;bottom: 10px;}
    .visual-txt {border-top-right-radius: 30px;padding: 16px 32px;font-size: 18px;}
}


/* 바로가기 메뉴 */
.shortcut_box {border: 3px solid #A14631;padding: 40px 60px;background: #fff;border-radius: 30px;position: relative;z-index: 0;}
.shortcut_box::before {content: "";display: block;position: absolute;left: 18px;bottom: 22px;width: 250px;height: 152px;background: url("/images/bear2.svg") no-repeat;background-size: contain;z-index: -1;}
.shortcut_list {max-width: 1050px;margin-left: auto;display: flex;justify-content: space-between;}
.shortcut_list > li > a {display: flex;column-gap: 15px;}
.shortcut_list > li > a > img {display: block;width: auto;height: 50px;}
.shortcut_txt p {font-size: 20px;line-height: 1.3;letter-spacing: -.03em;color: #333;font-weight: 500;font-family: var(--sc);word-break: keep-all;}
.shortcut_txt span {display: block;margin-top: 5px;font-size: 15px;line-height: 1.3;letter-spacing: -.03em;color: #888;font-weight: 300;font-family: var(--sc);}
@media screen and (max-width: 1400px) {
    .shortcut_box::before {left: 20px;top: -90px;bottom: auto;height: 120px;}
    .shortcut_list {max-width: none;}
}
@media screen and (max-width: 1000px) {
    .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_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::before {height: 100px;top: -80px;}
    .shortcut_list {gap: 0;}
    .shortcut_list > li {flex: 1 1 100%;padding: 12px 0;}
    .shortcut_list > li:not(:last-child) {border-bottom: 1px dashed #88BE9F;}
    .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 {display: flex;border-radius: 30px;overflow: hidden;}
.main-board > article {width: 50%;padding: 50px;}
.main-board .notice {background: #A14631;}
.main-board .qna {background: #CA7F4C;}
.main-board .board-head {display: flex;justify-content: space-between;flex-wrap: wrap;}
.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 .qna .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: #fff;}
.main-board .qna .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(--green);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;}
.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(--green);transition: .3s;}
.main-board .board-list > li > a .date {font-size: 15px;color: #717171;font-weight: 300;}
@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 .board-head .title > a {column-gap: 10px;align-items: flex-end;}
    .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;}
}
@media screen and (max-width: 480px) {
    .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;}
}