@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";
}


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



/* 메인 페이지 */
#contents.main {padding:110px 0 0;background:url("/images/main_bg.jpg") no-repeat 50% 0, linear-gradient(#fcf0e0 737px, #faf9f4 calc(100% - 737px)) no-repeat 0 0;}
.main_content_inner {max-width: 1460px;width: 100%;padding: 0 20px;margin: 0 auto;}
@media screen and (max-width: 1023px) {
    #contents.main {padding:0;}
}



/* 메인 비주얼 */
.main_visual {padding:60px 0 64px;display: flex;align-items: center;}
.main_visual > article {width: 50%;}
.main_visual > article.left {padding-right:20px;}
.main_visual .right {position: relative;}
.visual-slider {overflow: hidden;position: relative;border-radius:40px;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-radius:0 40px 0 0;background:#A65C4A;color: #fff;font-weight: 700;font-size: 25px;}
.visual-btn-wrap {position: absolute;right:30px;bottom: 20px;z-index: 1;display: flex;justify-content: flex-end;column-gap: 5px;}
.visual-btn {font-size: 18px;padding:8px 9px 10px;background: #fff;border-radius: 50%;width: 35px;height: 35px;}
@media screen and (max-width: 1000px) {
    .main_visual {flex-direction: column;padding:40px 0 25px;row-gap:20px;}
    .main_visual > article {width: 100%;padding:0 !important;}	
    .visual-txt {font-size: 20px;}
	.visual-slider {height:350px;}
}
@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: 30px 0 20px;}
    .main_visual .left img {width: 70%;}
    .visual-slider {height: 300px;border-radius: 30px;}
    .visual-btn-wrap {right:20px;bottom: 10px;}
    .visual-txt {border-top-right-radius: 30px;padding: 16px 32px;font-size: 18px;}
}


/* 메인 게시판 */
.main-board {display: flex;border-radius:50px 50px 0 0;overflow: hidden;}
.main-board > article {width:50%;padding:50px;}
.main-board .notice {background:url("/images/notice_bg.png") no-repeat center/cover;}
.main-board .faq {background:url("/images/faq_bg.png") no-repeat center/cover;}
.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 .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:#aaa;}
.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:#444;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;}
.main-board .board-list > li > a:hover .subject {font-weight:500;}
.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;border-radius:40px 40px 0 0;}
    .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: 767px) {
	.main-board {border-radius:30px 30px 0 0;}
	.main-board > article {padding:40px;}
}
@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;}
}