@charset "utf-8";

/* 웹폰트 */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@font-face {font-family:'GangwonEdu_OTFBoldA';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');font-weight:normal;font-style:normal;}

/* Page Transition */
@keyframes pageFadeIn {from {opacity:0;} to {opacity:1;}}
body {animation:pageFadeIn 0.4s ease both;}

/* Reset */
* {margin:0;padding:0;line-height:1.4em;-webkit-overflow-scrolling:touch;box-sizing:border-box;-webkit-hyphens:auto;hyphens:auto;letter-spacing:-0.05em;vertical-align:middle;font-family:inherit;color:inherit;font-weight:inherit;}
html, body {height:100%;font-size:12px;font-family:'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
body {color:#333;-webkit-text-size-adjust:none;word-break:keep-all;word-wrap:break-word;}
legend, caption, figcaption {display:none;}
ul,ol {list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
img,fieldset, frameset, frameborder, frame {border:0;}
a, img, span, b, input, select, em, textarea, label, strong {vertical-align:middle;outline-style:none;color:inherit;font-family:inherit;}
a {color:inherit;text-decoration:none;cursor:pointer;color:inherit;font-family:inherit;}
a:hover {text-decoration:none;}
i, em {font-style:normal;}
textarea {resize:none;}
button {border:none;background:none;outline:none;cursor:pointer;}
input[type="text"],input[type="password"], textarea {-webkit-appearance:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;border-radius:0;}
select {border-radius:0;background:#fff;}
label {cursor:pointer;}

/* 5단계 반응형 브레이크포인트
1단계: ~1260px (소형 데스크톱/태블릿 가로)
2단계: ~1024px (태블릿 세로)
3단계: ~768px  (대형 모바일/태블릿 소형)
4단계: ~540px  (일반 모바일)
5단계: ~420px  (소형 모바일) */

@media screen and (max-width: 1260px) {
  html {font-size: 16px;}
}

@media screen and (max-width: 1024px) {
  html {font-size: 15.5px;}
}

@media screen and (max-width: 768px) {
  html {font-size: 15px;}
}

@media screen and (max-width: 540px) {
  html {font-size: 14px;}
}

@media screen and (max-width: 420px) {
  html {font-size: 13px;}
}

img {max-width:100%;}
.malgungothic {font-family:'Malgun Gothic';display:inline !important;}

@media all and (min-width:1025px) {
  .pc-hidden {display:none !important;}
}

@media all and (max-width:1024px) {
  .mobile-hidden {display:none !important;}
}

/* Layout */
html {height:100%;}
body {height:100%;background:url("../storage/bg-body.jpg") repeat-x 0 0}
#wrap {min-height:100%;}
.wrap {position:relative;min-height:calc(100vh - 200px);min-width:320px;overflow:hidden;overflow-y:auto;}
.wrap .bg-sub {position:absolute;top:0;bottom:0;left:0;right:0;}
.bg-sub-1 {background:url("../storage/bg-sub-1.jpg") repeat-x 0 bottom;}
.bg-sub-1 .bg-sub {height:100%;background:url("../storage/sub-hero-1.jpg") no-repeat 0 bottom;}
.bg-sub-2 {background:url("../storage/bg-sub-2.jpg") repeat-x 0 bottom;}
.bg-sub-2 .bg-sub {height:100%;background:url("../storage/sub-hero-2.jpg") no-repeat 0 bottom;}
.bg-sub-3 {background:url("../storage/bg-sub-3.jpg") repeat-x 0 bottom;}
.bg-sub-3 .bg-sub {height:100%;background:url("../storage/sub-hero-3.jpg") no-repeat 0 bottom;}
.bg-sub-4 {background:url("../storage/bg-sub-4.jpg") repeat-x 0 bottom;}
.bg-sub-4 .bg-sub {height:100%;background:url("../storage/sub-hero-4.jpg") no-repeat 0 bottom;}
.bg-sub-5 {background:url("../storage/bg-sub-5.jpg") repeat-x 0 bottom;}
.bg-sub-5 .bg-sub {height:100%;background:url("../storage/sub-hero-5.jpg") no-repeat 0 bottom;}
.header {width:100%;height:55px;z-index:20;box-sizing:border-box;}
.header:after {content:"";display: block;clear:both;}
.header .wrapper {position:relative;height:100%;}
.header .logo {line-height:1;}
.header .logo a {display:flex;font-size:0;font-weight:bold;vertical-align:top;line-height:0;}
.header .tit {display:none;}
.gnb-copyright {display:none;}

/* Contact Modal */
.contact-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;}
.contact-modal.on {display:block;}
.contact-modal-mask {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}
.contact-modal-body {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;max-width:90%;background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,0.2);z-index:201;}
.contact-modal-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e5e5e5;}
.contact-modal-header strong {font-size:18px;font-weight:700;}
.contact-modal-close {font-size:24px;color:#999;text-decoration:none;line-height:1;}
.contact-modal-close:hover {color:#333;}
.contact-form .form-group {margin-bottom:15px;}
.contact-form .form-group label {display:block;margin-bottom:5px;font-size:12px;font-weight:600;color:#666;}
.contact-form .form-group input, .contact-form .form-group textarea {width:100%;padding:10px 12px;border:1px solid #d2d2d2;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color 0.2s;}
.contact-form .form-group input:focus, .contact-form .form-group textarea:focus {outline:none;border-color:#4caf50;}
.contact-form .form-group textarea {resize:vertical;min-height:100px;}
.contact-submit {display:block;width:100%;height:42px;border:none;border-radius:6px;background:#4caf50;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background 0.2s;}
.contact-submit:hover {background:#43a047;}
.contact-submit:disabled {background:#ccc;cursor:not-allowed;}
.form-agree {margin-bottom:18px;padding:12px;background:#f9f9f9;border-radius:6px;}
.agree-label {display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#333;}
.agree-label input[type="checkbox"] {width:16px;height:16px;margin:0;cursor:pointer;accent-color:#4caf50;}
.agree-detail {margin-top:8px;padding:6px 10px;background:#fff;border:1px solid #e5e5e5;border-radius:4px;font-size:11px;color:#888;line-height:1.6;}

@media screen and (max-width:420px) {
  .contact-modal-body {padding:20px;}
  .contact-modal-header strong {font-size:16px;}
}

/* Preparing Modal */
.preparing-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;}
.preparing-modal.on {display:block;}
.preparing-modal-body {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;max-width:85%;background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 40px rgba(0,0,0,0.2);z-index:201;text-align:center;}
.preparing-modal-body .contact-modal-close {position:absolute;top:12px;right:16px;}
.preparing-modal-content .preparing-icon {font-size:48px;margin-bottom:12px;}
.preparing-modal-content strong {display:block;font-size:18px;margin-bottom:10px;}
.preparing-modal-content p {font-size:14px;color:#666;line-height:1.6;}

@media all and (min-width:1025px) {
  .header {max-width:1200px;height:200px;}
  .header .logo {position:absolute;top:20px;left:30px;}
  .header .logo a {display:block;}
  .header .logo img {height:150px;vertical-align:top;}
  .header .gnb-menu {display:flex !important;margin-left:auto;align-items: center;padding-top:3px;}
  .header .gnb-menu .inner {display:flex;align-items:center;}
  .header .gnb-menu .list {position:absolute;top:50px;right:-16px;}
  .header .gnb-menu .list > ul > li {position:relative;float:left;height:50px;}
  .header .gnb-menu .list > ul > li a {position: relative;display: inline-block;padding: 15px 22px;font-size:17px;color:#7b705c;z-index:1;}
  .header .gnb-menu .list > ul > li:after {content:'';display:block;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:url("../storage/bg-ghb.png") no-repeat center 0;background-size:100% 100%;}
  .header .gnb-menu .list > ul > li:hover:after, .header .gnb-menu .list > ul > li.on:after {opacity:1;}
  .header .gnb-menu:not(.on) .list > ul > li:hover a, .header .gnb-menu:not(.on) .list > ul > li.on a {color:#fff;}
  .header .gnb-menu:not(.on) .list > ul > li ul {display:none !important;}
  .header .gnb-menu .user-menu {position:absolute;top:10px;right:0;display:flex;align-items:center;z-index: 2;gap:12px;}
  .header .gnb-menu .gnb-top {display:none;}
  .btn-lang, .btn-gnb {display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#7b705c;transition:all 0.2s;}
  .btn-lang:hover, .btn-gnb:hover {background:rgba(0,0,0,0.06);color:#333;}
  .btn-lang svg, .btn-gnb svg {display:block;}
  .pc-lang-wrap {position:relative;}
  .pc-lang-dropdown {display:none;position:absolute;top:42px;right:-48px;width:100px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:8px 0;z-index:10;}
  .pc-lang-dropdown.on {display:block;}
  .pc-lang-dropdown ul {list-style:none;margin:0;padding:0;}
  .pc-lang-dropdown ul li a {display:block;padding:6px 12px;font-size:12px;color:#555;text-decoration:none;transition:background 0.15s,color 0.15s;}
  .pc-lang-dropdown ul li a:hover {background:#f5f5f5;color:#333;}
  .pc-lang-dropdown ul li a.on {color:#4caf50;font-weight:600;}
  /* 데스크톱 햄버거 메뉴 슬라이드 */
  .gnb-menu.on {display:block !important;position:fixed;top:0;right:0;width:100%;height:100%;z-index:100;margin:0;padding:0;}
  .gnb-menu.on .mask {display:block !important;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
  .gnb-menu.on .inner {display:block !important;position:fixed;top:0;right:-300px;width:320px;height:100%;padding:0 20px 20px;background:#fff;box-shadow:-2px 0 15px rgba(0,0,0,0.15);overflow:hidden;overflow-y:auto;z-index:101;}
  .gnb-menu.on .gnb-top {display:block !important;text-align:left;padding:20px 0 15px;border-bottom:1px solid #e5e5e5;margin-bottom:15px;}
  .gnb-menu.on .gnb-top > strong {font-size:25px;font-weight:700;}
  .gnb-menu.on .gnb-top > strong:after {content:'';display:inline-block;vertical-align:baseline;width:10px;height:10px;background:#54a316;border-radius:100%;margin-left:5px;}
  .gnb-menu.on .gnb-top .top-btns {display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-bottom:0;gap:10px;}
  .gnb-menu.on .gnb-top .top-btns a {display:inline-flex;align-items:center;justify-content:center;flex:1;height:32px;padding:0;border-radius:6px;font-size:13px;color:#666;border:1px solid #d2d2d2;transition:all 0.2s;text-align:center;}
  .gnb-menu.on .gnb-top .top-btns a:hover {background:#f5f6f7;color:#333;}
  .gnb-menu.on .gnb-top .lang-select {display:none;margin-top:10px;background:#f5f6f7;border-radius:8px;padding:8px 12px;overflow:hidden;}
  .gnb-menu.on .gnb-top .lang-select.on {display:block;}
  .gnb-menu.on .gnb-top .lang-select ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0;}
  .gnb-menu.on .gnb-top .lang-select ul li {width:50%;box-sizing:border-box;}
  .gnb-menu.on .gnb-top .lang-select ul li a {display:block;padding:7px 8px;font-size:13px;color:#666;border-radius:4px;transition:all 0.15s;}
  .gnb-menu.on .gnb-top .lang-select ul li a:hover {background:#e8e8e8;color:#333;}
  .gnb-menu.on .gnb-top .lang-select ul li a.on {color:#2b92c7;font-weight:600;}
  .gnb-menu.on .gnb-copyright {display:block;padding:20px 0 10px;text-align:center;font-size:12px;color:#999;}
  .gnb-menu.on .gnb-copyright .gnb-powered {margin-top:4px;font-size:12px;color:#bbb;}
  .gnb-menu.on .list {position:static;background:#f5f6f7;padding:0 15px;border-radius:8px;}
  .gnb-menu.on .list > ul {float:none;}
  .gnb-menu.on .list > ul > li {display:block;float:none;height:auto;border-bottom:1px solid #d2d2d2;}
  .gnb-menu.on .list > ul > li:last-child {border-bottom:none;}
  .gnb-menu.on .list > ul > li:after {display:none !important;}
  .gnb-menu.on .list > ul > li > a {display:flex;padding:12px 0;height:auto;font-size:1.2rem;color:#4d4b4a;align-items:center;}
  .header .gnb-menu.on .list > ul > li:hover > a, .header .gnb-menu.on .list > ul > li.on > a {color:#4d4b4a !important;}
  .gnb-menu.on .list > ul > li > a:hover {color:#000 !important;}
  .gnb-menu.on .list > ul > li > ul > li > a:hover {color:#000 !important;}
  .gnb-menu.on .list > ul > li.mobile-hidden {display:none !important;}
  .gnb-menu.on .list > ul > li.pc-hidden {display:block !important;}
  .gnb-menu.on .list > ul > li > ul {display:none;border-top:1px solid #d2d2d2;padding:10px 0;}
  .gnb-menu.on .list > ul li.has-menu > a:after {content:'';display:block;width:12px;height:5px;background:url("data:image/svg+xml,%3Csvg width='65' height='36' viewBox='0 0 65 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.9507 29.8373L29.9417 29.8464L29.9328 29.8557C29.3873 30.43 29.0855 31.1677 29.0855 31.9457C29.0855 32.7009 29.3527 33.4561 29.9507 34.0542C31.111 35.2144 32.9876 35.2144 34.1479 34.0541L62.1344 6.08729L62.1347 6.08704C63.2949 4.92678 63.2949 3.03046 62.1347 1.8702L61.4276 2.5773L62.1347 1.8702C60.9744 0.709935 59.0781 0.709935 57.9178 1.8702L29.9507 29.8373Z' fill='%235A607F' stroke='%235A607F' stroke-width='2'/%3E%3Cpath d='M1.00003 3.97862L1.00003 4.97862L1.18609 4.97862C1.32526 5.37838 1.55466 5.75668 1.88503 6.08705L29.8521 34.0541C31.0124 35.2144 32.889 35.2144 34.0492 34.0541C35.2095 32.8939 35.2095 31.0173 34.0492 29.857L33.3421 30.5641L34.0492 29.857L6.0624 1.8702L5.35529 2.57731L6.0624 1.8702C4.90213 0.709939 3.02555 0.709939 1.86529 1.8702L1.85622 1.87926L1.8474 1.88856C1.30182 2.46285 1.00003 3.20057 1.00003 3.97862Z' fill='%235A607F' stroke='%235A607F' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:100% 100%;position:absolute;top:50%;right:0;transform:translateY(-50%);}
  .gnb-menu.on .list > ul li.has-menu.menu-on > a:after {transform:translateY(-50%) rotate(-180deg);}
  .gnb-menu.on .list > ul > li > ul > li > a {position:relative;padding-left:15px;display:flex;height:30px;font-size:1.2rem;color:#666;align-items:center;}
  .gnb-menu.on .list > ul > li > ul > li > a:before {content:'';display:block;position:absolute;top:15px;left:0;width:3px;height:3px;background:rgb(147,134,214);}
  .gnb-menu.on .user-menu {display:none !important;}
}

/* 2단계: 태블릿 세로 (max-width:1024px) - 모바일 메뉴 */
@media all and (max-width:1024px) {
  .wrap {padding-right:0;min-height:calc(100% - 50px)}
  .mobile-menu {display:block;position:absolute;width:50px;height:100%;top:0;right:8px;z-index:10;background:url("data:image/svg+xml,%3Csvg width='60' height='52' viewBox='0 0 60 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M57.828 28.5086H2.17202C0.973067 28.5086 0 27.4428 0 26.1295C0 24.8163 0.973067 23.7505 2.17202 23.7505H57.828C59.0269 23.7505 60 24.8163 60 26.1295C60 27.4428 59.0269 28.5086 57.828 28.5086Z' fill='%231F2125'/%3E%3Cpath d='M57.828 51.9998H2.17202C0.973067 51.9998 0 50.934 0 49.6207C0 48.3075 0.973067 47.2417 2.17202 47.2417H57.828C59.0269 47.2417 60 48.3075 60 49.6207C60 50.934 59.0269 51.9998 57.828 51.9998Z' fill='%231F2125'/%3E%3Cpath d='M57.828 4.75807H2.17202C0.973067 4.75807 0 3.69226 0 2.37903C0 1.06581 0.973067 0 2.17202 0H57.828C59.0269 0 60 1.06581 60 2.37903C60 3.69226 59.0269 4.75807 57.828 4.75807Z' fill='%231F2125'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 20px;}
  .header {padding:8px 0;height:50px;}
  .header .logo {height:30px;position:absolute;left:22px;top:0;padding-right:0;text-align:left;float:none;font-size:18px;}
  .header .logo img {height:80px;}
  .gnb-menu {display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:100;}
  .gnb-menu.on {display:block;}
  .gnb-menu .mask {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);}
  .gnb-menu .inner {position:fixed;top:0;right:-300px;width:288px;height:100%;padding:0 15px 15px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);overflow:hidden;overflow-y:auto;}
  .gnb-menu .gnb-top {text-align:left;padding:15px 0 12px;border-bottom:1px solid #e5e5e5;margin-bottom:12px;}
  .gnb-menu .gnb-top > strong {font-size:25px;font-weight:700;}
  .gnb-menu .gnb-top > strong:after {content:'';display:inline-block;vertical-align:baseline;width:10px;height:10px;background:#54a316;border-radius:100%;margin-left:5px;}
  .gnb-menu .gnb-top .top-btns {display:flex;align-items:center;margin-top:10px;}
  .gnb-menu .gnb-top .top-btns a {display:inline-flex;align-items:center;justify-content:center;width:45%;height:32px;padding:0;border-radius:6px;font-size:13px;color:#666;border:1px solid #d2d2d2;transition:all 0.2s;text-align:center;}
  .gnb-menu .gnb-top .top-btns a + a {margin-left:auto;}
  .gnb-menu .gnb-top .top-btns a:hover {background:#f5f6f7;color:#333;}
  .gnb-menu .gnb-top .lang-select {display:none;margin-top:10px;background:#f5f6f7;border-radius:8px;padding:8px 12px;overflow:hidden;}
  .gnb-menu .gnb-top .lang-select.on {display:block;}
  .gnb-menu .gnb-top .lang-select ul {list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0;}
  .gnb-menu .gnb-top .lang-select ul li {width:50%;box-sizing:border-box;}
  .gnb-menu .gnb-top .lang-select ul li a {display:block;padding:7px 8px;font-size:13px;color:#666;border-radius:4px;transition:all 0.15s;}
  .gnb-menu .gnb-top .lang-select ul li a:hover {background:#e8e8e8;color:#333;}
  .gnb-menu .gnb-top .lang-select ul li a.on {color:#2b92c7;font-weight:600;}
  .gnb-menu .gnb-copyright {display:block;padding:15px 0 10px;text-align:center;font-size:11px;color:#999;}
  .gnb-menu .gnb-copyright .gnb-powered {margin-top:4px;font-size:11px;color:#bbb;}
  .gnb-menu .list {background:#f5f6f7;padding:0 15px;}
  .gnb-menu .list > ul {float:none;}
  .gnb-menu .list > ul > li {display:block;float:none;border-bottom:1px solid #d2d2d2;}
  .gnb-menu .list > ul > li:last-child {border-bottom:none;}
  .gnb-menu .list > ul > li > a {position:relative;display:flex;padding:10px 0;height:45px;color:#4d4b4a;text-align:left;font-size:1.2rem;align-items:center;}
  .gnb-menu .list > ul li.menu-on > a, .gnb-menu .list > ul > li > a:hover {color:#000;}
  .gnb-menu .list > ul > li > ul > li > a:hover {color:#000;}
  .gnb-menu .list > ul li.has-menu > a:after {content:'';display:block;width:12px;height:5px;background:url("data:image/svg+xml,%3Csvg width='65' height='36' viewBox='0 0 65 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.9507 29.8373L29.9417 29.8464L29.9328 29.8557C29.3873 30.43 29.0855 31.1677 29.0855 31.9457C29.0855 32.7009 29.3527 33.4561 29.9507 34.0542C31.111 35.2144 32.9876 35.2144 34.1479 34.0541L62.1344 6.08729L62.1347 6.08704C63.2949 4.92678 63.2949 3.03046 62.1347 1.8702L61.4276 2.5773L62.1347 1.8702C60.9744 0.709935 59.0781 0.709935 57.9178 1.8702L29.9507 29.8373Z' fill='%235A607F' stroke='%235A607F' stroke-width='2'/%3E%3Cpath d='M1.00003 3.97862L1.00003 4.97862L1.18609 4.97862C1.32526 5.37838 1.55466 5.75668 1.88503 6.08705L29.8521 34.0541C31.0124 35.2144 32.889 35.2144 34.0492 34.0541C35.2095 32.8939 35.2095 31.0173 34.0492 29.857L33.3421 30.5641L34.0492 29.857L6.0624 1.8702L5.35529 2.57731L6.0624 1.8702C4.90213 0.709939 3.02555 0.709939 1.86529 1.8702L1.85622 1.87926L1.8474 1.88856C1.30182 2.46285 1.00003 3.20057 1.00003 3.97862Z' fill='%235A607F' stroke='%235A607F' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:100% 100%;position:absolute;top:50%;right:0;transform:translateY(-50%);}
  .gnb-menu .list > ul li.has-menu.menu-on > a:after, .gnb-menu .list > ul li.has-menu > a:hover:after {background-image:url("data:image/svg+xml,%3Csvg width='65' height='36' viewBox='0 0 65 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.9507 29.8373L29.9417 29.8464L29.9328 29.8557C29.3873 30.43 29.0855 31.1677 29.0855 31.9457C29.0855 32.7009 29.3527 33.4561 29.9507 34.0542C31.111 35.2144 32.9876 35.2144 34.1479 34.0541L62.1344 6.08729L62.1347 6.08704C63.2949 4.92678 63.2949 3.03046 62.1347 1.8702L61.4276 2.5773L62.1347 1.8702C60.9744 0.709935 59.0781 0.709935 57.9178 1.8702L29.9507 29.8373Z' fill='%2354A316' stroke='%2354A316' stroke-width='2'/%3E%3Cpath d='M1.00003 3.97862L1.00003 4.97862L1.18609 4.97862C1.32526 5.37838 1.55466 5.75668 1.88503 6.08705L29.8521 34.0541C31.0124 35.2144 32.889 35.2144 34.0492 34.0541C35.2095 32.8939 35.2095 31.0173 34.0492 29.857L33.3421 30.5641L34.0492 29.857L6.0624 1.8702L5.35529 2.57731L6.0624 1.8702C4.90213 0.709939 3.02555 0.709939 1.86529 1.8702L1.85622 1.87926L1.8474 1.88856C1.30182 2.46285 1.00003 3.20057 1.00003 3.97862Z' fill='%2354A316' stroke='%2354A316' stroke-width='2'/%3E%3C/svg%3E%0A");}
  .gnb-menu .list > ul li.has-menu.menu-on > a:after {transform:translateY(-50%) rotate(-180deg);}
  .gnb-menu .list > ul > li > ul {display:none;border-top:1px solid #d2d2d2;padding:10px 0;}
  .gnb-menu .list > ul > li > ul > li {position:relative;}
  .gnb-menu .list > ul > li > ul > li > a {position:relative;padding-left:15px;display:flex;height:30px;font-size:1.2rem;color:#999;align-items:center;}
  .gnb-menu .list > ul > li > ul > li > a:before {content:'';display:block;position:absolute;top:15px;left:0;width:3px;height:3px;background:rgb(147,134,214);}
  .gnb-menu .list > ul > li > ul li > a:hover {color:#54a316;}
  .gnb-menu .list > ul > li > ul li > ul {display:none;}
  .gnb-menu .list > ul > li > ul li > ul > li {padding-left:15px;}
  .gnb-menu .list > ul > li > ul li > ul > li a {position:relative;display:flex;height:30px;font-size:1rem;color:#999;align-items:center;}
  .btn-lang, .btn-gnb {display:none;}
  .user-menu {display:none !important;}
}

/* 3단계: 대형 모바일 (max-width:768px) */
@media screen and (max-width:768px) {
  .gnb-menu .inner {width:260px;}
  .gnb-menu .gnb-top > strong {font-size:22px;}
  .gnb-menu .list > ul > li > a {height:40px;font-size:1.1rem;}
  .gnb-menu .list > ul > li > ul > li > a {height:28px;font-size:1.1rem;}
}

/* 4단계: 일반 모바일 (max-width:540px) */
@media screen and (max-width:540px) {
  .gnb-menu .inner {width:240px;padding:0 12px 12px;}
  .gnb-menu .gnb-top {padding:12px 0 10px;}
  .gnb-menu .gnb-top > strong {font-size:20px;}
  .gnb-menu .gnb-top .top-btns a {height:30px;padding:0 12px;font-size:12px;}
  .gnb-menu .gnb-top .lang-select ul li a {padding:6px 6px;font-size:12px;}
  .gnb-menu .list {padding:0 12px;}
  .gnb-menu .list > ul > li > a {height:38px;padding:8px 0;font-size:1rem;}
  .gnb-menu .list > ul > li > ul > li > a {height:26px;font-size:1rem;}
  .gnb-menu .gnb-copyright {font-size:10px;}
}

/* 5단계: 소형 모바일 (max-width:420px) */
@media screen and (max-width:420px) {
  .gnb-menu .inner {width:220px;padding:0 10px 10px;}
  .gnb-menu .gnb-top > strong {font-size:18px;}
  .gnb-menu .gnb-top > strong:after {width:8px;height:8px;}
  .gnb-menu .gnb-top .top-btns a {height:28px;padding:0 10px;font-size:11px;}
  .gnb-menu .gnb-top .lang-select ul li {width:50%;}
  .gnb-menu .gnb-top .lang-select ul li a {padding:5px 5px;font-size:11px;}
  .gnb-menu .list > ul > li > a {height:36px;font-size:0.95rem;}
  .gnb-menu .list > ul > li > ul > li > a {height:24px;font-size:0.95rem;}
}

.container {position:relative;width:1200px;max-width:100%;z-index:1;}
.content {overflow:hidden;padding-bottom:200px;}
.content h2 img {vertical-align:top;}
.snb {float:left;width:235px;margin-right:50px;}
.snb li {font-size:1.45rem;font-family:'GangwonEdu_OTFBoldA'; color:#646546;}
.snb li a {padding-left:20px;display:block;padding-top:5px;}
.snb li ~ li{margin-top:2px;}
.snb li.on a {color:#5b2b27;background:url('/public/storage/bg-lnb.png') no-repeat 0 100%;padding-bottom:5px;}

@media screen and (max-width:1024px) {
  .snb {display:none;}
  .content {padding:50px 22px 350px 22px;}
  .theme {margin-top:30px;}
}

@media screen and (max-width:768px) {
  .content {padding:30px 22px 250px 22px;min-height:300px;}
}

@media screen and (max-width:540px) {
  .content {padding:20px 22px 150px 22px;min-height:200px;}
}

/* Main */
.wrap.bg-main {height:calc(100vh - 200px);min-height:auto;overflow:hidden;background-image:url("../storage/main-hero.jpg");background-position:left bottom;background-repeat:no-repeat;background-size:auto 100%;}
.main-content {width:1200px;max-width:100%;}
.main-area {float:right;}

@media screen and (max-width:1024px) {
  .bg-main {background-size:auto 70%;}
  .main-content {padding-top:50px;}
  .main-area {padding-right:15px;}
}

@media screen and (max-width:768px) {
  .bg-main {background-size:auto 70%;}
  .main-content {padding-top:30px;}
  .main-area {padding-right:10px;}
}

@media screen and (max-width:540px) {
  .bg-main {background-size:auto 70%;}
  .main-content {padding-top:20px;}
  .main-area {float:none;padding:0 10px;}
}

.one-day {text-align:right;}
.one-day h2 {margin-bottom:8px;text-align:right;font-size:13px;font-weight:400;}
.one-day ul:after {content:"";display:block;clear:both;}
.one-day ul li {float:left;margin-left:5px;}
.one-day ul li a {display:block;}
.one-day ul li img {width:86px;height:86px;}

@media screen and (max-width:1024px) {
  .one-day {margin-top:50px;}
  .one-day ul {display:flex;justify-content:flex-end;}
  .one-day ul:after {display:none;}
  .one-day ul li {float:none;margin-left:5px;}
  .one-day ul li img {border-radius:8px;}
}

@media screen and (max-width:540px) {
  .one-day ul li img {width:86px;height:86px;border-radius:8px;}
}

@media screen and (max-width:420px) {
  .one-day ul li img {width:86px;height:86px;border-radius:8px;}
  .one-day ul li {margin-left:3px;}
}

.board {position:relative;width:270px;margin-bottom:30px;margin-left:auto;}
.board h2 {margin:15px 0 8px 0;text-align:right;font-size:13px;font-weight:400;}
.board li {margin:5px 0;overflow:hidden;white-space:nowrap;text-align:right;direction:rtl;}
.board li a {display:inline;font-size:13px;white-space:nowrap;direction:ltr;unicode-bidi:embed;}
.board li .notice {color:#2169a1}
.board li span {vertical-align:baseline;}

@media screen and (max-width:540px) {
  .board {width:100%;}
  .board li a {width:100%;}
}

.main-txt{color:#7f7f7f;font-size:15px;font-family: 'GangwonEdu_OTFBoldA';}
.main-txt .text{display:block;text-align:right;}
.main-txt .org{color:#a83e09;}
.main-txt .green{color:#377d71;}
.main-txt .stamp{margin-top:10px;text-align:right;}

@media screen and (max-width:1024px) {
  .main-txt {font-size:15px;padding-right:14px;}
  .main-txt .stamp img {width:74px;height:auto;}
  .one-day {padding-right:14px;}
}

@media screen and (max-width:540px) {
  .main-txt {font-size:15px;}
  .main-txt .stamp img {width:74px;height:auto;}
}

.theme {display:flex;flex-direction:row;align-items:center;font-family: 'GangwonEdu_OTFBoldA';}
.theme .txt {margin-left:20px;font-size:18px; color:#7F7F7F;margin-top:10px;}
.theme .txt em {color:#54a316;}
.theme .right {margin-left:auto;}
.theme .tit {font-size:25px; color:#6f6843;font-weight:500;padding-right:30px;padding-top:18px;height:60px;display:inline-flex;text-align:right;background:url('/public/storage/bg-tit.png') no-repeat 100% 50%;}

@media screen and (max-width:1024px) {
  .theme .txt {font-size:20px;}
}

@media screen and (max-width:768px) {
  .theme .txt {display:none;}
}

@media screen and (max-width:540px) {
  .theme {flex-wrap:nowrap;}
  .theme .right {margin-left:auto;}
  .theme .tit {font-size:25px;height:60px;padding-top:18px;padding-right:30px;background-size:auto;}
}

@media screen and (max-width:420px) {
  .theme .tit {font-size:25px;height:60px;padding-top:18px;padding-right:30px;}
}

@media screen and (max-width:400px) {
  .theme .tit {font-size:20px;height:50px;padding-top:14px;padding-right:24px;}
}

.psh-life {margin-top:50px;}
.psh-life ul {display:flex;flex-direction:row;align-items:center;}
.psh-life ul li img {width:100%;}
.psh-life ul li {text-align:center;}
.psh-life ul li ~ li {margin-left:20px;}

@media screen and (max-width:768px) {
  .psh-life ul {display:block;}
  .psh-life ul li img {width:80%;max-width:80%;}
  .psh-life ul li ~ li {margin-left:0;margin-top:20px;}
}

@media screen and (max-width:540px) {
  .psh-life {margin-top:30px;}
  .psh-life ul li img {width:80%;max-width:80%;}
}

.list-type.list3 li .img {width:auto;height:auto;}

/* 콘텐츠 템플릿 (introduction) */
.introduction .item-wrap {margin-top:20px;border-radius:4px;}
.introduction .item-wrap.line {border:1px solid #ccc;}
.introduction .item-wrap.line .item-unit {padding:15px;}
.introduction .item-wrap:first-child {margin-top:0;}
.introduction .item-unit {display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;}
.introduction .item-unit ~ .item-unit {margin-top:15px;}
.introduction .img-box {display:flex;flex-direction:row;flex:1;}
.introduction .info {position:relative;vertical-align:bottom;display:flex;flex-direction:column;align-self:stretch;}
.introduction .info .top {flex:1;font-size:1.3rem;font-weight:bold;color:#6d6d5e;}
.introduction .info .top .box-num {font-style:normal;margin-bottom:5px;}
.introduction .info .bar {content:'';display:inline-block;width:5px;background:#6d6d5e;height:16px;margin-left:4px;vertical-align:middle;}
.introduction .info .bottom {text-align:right;padding-right:15px;}
.introduction .info .bottom em, .introduction .info .bottom span {display:block;white-space:nowrap;color:#6d6e5e;font-weight:bold;}
.introduction .info .bottom em {font-size:2rem;font-style:normal;margin-bottom:5px;}
.introduction .img {flex:1;overflow:hidden;}
.introduction .img img {max-width:100%;height:auto;}
.introduction .resume-list {flex:1;padding-left:20px;min-width:300px;}
.introduction .resume-list li {font-size:1.3rem;text-align:justify;}
.introduction .resume-list li ~ li {margin-top:3px;}
.introduction .tit-bar {height:auto;margin-top:20px;padding:10px 0;color:#fff;background:#c9c9c9;text-align:center;font-size:1.3rem;font-weight:bold;}
.introduction .cell-list {display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:40px;}
.introduction .cell-list .cell {flex-basis:350px;}
.introduction .cell-list .cell:empty {padding-left:0;margin-top:0;}
.introduction .item-unit .resume-list {display:flex;}
.introduction .item-unit .resume-list ul {flex:1;}
.introduction .item-unit .resume-list ul ~ ul {margin-left:30px;}

@media screen and (max-width:1260px) {
  .introduction {font-size:1rem;}
  .introduction .info .top {font-size:1rem;}
  .introduction .info .top .box-num {font-size:1.5rem;}
  .introduction .info .bottom em {font-size:1.5rem;}
  .introduction .tit-bar {font-size:0.875rem;}
  .introduction .cell-list {grid-template-columns:repeat(2, 1fr);grid-gap:20px;}
}

@media screen and (max-width:768px) {
  .introduction .item-wrap .item-unit:not(.type2) {display:block;}
  .introduction .item-wrap .item-unit ~ .item-unit {margin-top:30px;}
  .introduction .resume-list {min-width:0;margin-top:20px;padding-left:80px;}
}

@media screen and (max-width:520px) {
  .introduction .item-wrap .item-unit.type2 {display:block;}
  .introduction .cell-list {display:block;}
  .introduction .cell-list .cell ~ .cell {margin-top:15px;}
  .introduction .img-box .img {max-width:100%;}
  .introduction .resume-list {padding-left:74px;margin-top:20px;}
  .introduction .item-unit .resume-list ul {width:auto;}
}

/* 데이터 테이블 */
.data-table {margin-top:15px;font-size:15px;}
.data-table table {width:100%;border-collapse:collapse;}
.data-table th {padding:5px;border:1px solid #999;color:#666;background:#e2e2e2;}
.data-table table th.history-date {text-align:center;font-weight:bold;background:#fff;}
.data-table td {padding:5px 10px;border:1px solid #999;color:#666;}
.data-table table td.align-left {text-align:left;padding-left:15px;}
.data-table table td.division {padding:15px;border-left:1px solid #ffe86d;border-right:1px solid #ffe86d;background:#ffe86d;}

@media only screen and (max-width:1260px) {
  .data-table {font-size:1rem;}
}

@media only screen and (max-width:768px) {
  .data-table {font-size:1.05rem;}
}

/* 콘텐츠 좌우 분할 구성 */
.relative-layout {display:flex;}
.relative-layout > .left, .relative-layout > .right, .relative-layout > .auto {flex:1;overflow:hidden;}
.relative-layout > * + * {margin-left:30px;}

@media only screen and (max-width:1260px) {
  .relative-layout > .mobile-hidden ~ * {margin-left:0;}
}

@media only screen and (max-width:768px) {
  .relative-layout {display:block;}
  .relative-layout > * {margin-left:0;}
  .relative-layout > *:not(.mobile-hidden) ~ * {margin-top:30px;}
}

/* 반응형웹 게시물 제목 */
.common-tit-3 {line-height:1.2em;font-size:2rem;color:#c4c4c4;font-weight:bold;}
.common-tit-3 strong {font-size:2rem;color:#1382b1;}

@media only screen and (max-width:1260px) {
  .common-tit-3 {font-size:1.5rem;}
  .common-tit-3 strong {font-size:1.625rem;}
}

/* 본문 */
.article-box .txt {font-size:16px;text-align:justify;}
.article-box img {border-radius:8px;cursor:pointer;}
.article-box p {margin-top:24px;text-align:justify;line-height:1.5em;}
.article-box p:first-child {margin-top:0;}

@media only screen and (max-width:1260px) {
  .article-box .txt {font-size:1.2rem;}
}

@media only screen and (max-width:768px) {
  .article-box .txt {font-size:1.2rem;}
}

/* 목록 */
.list-type {margin-left:-40px;margin-top:-20px;clear:both;padding-top:20px;}
.list-type:after {content:"";display:block;clear:both;}
.list-type li {float:left;margin-top:40px;padding-left:40px;}
.list-type li .img {position:relative;width:100%;overflow:hidden;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;border-radius:8px;}
.list-type li .img a {display:block;height:100%;}
.list-type li .img img {width:100%;}
.list-type li .text {margin-top:15px;}
.list-type li .text > a > .tit {display:block;font-size:16px;color:#555;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.4em;}
.list-type li .text > a > .txt {display:block;margin-top:15px;font-size:16px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;height:2.8em;text-align:justify;word-break:break-all;}
.list-type li .text .sale {display:block;}
.list-type li .text .sale:after {content:"";display:block;clear:both;}
.list-type li .text .sale > .tit {float:left;color:#ff3b3b;font-weight:bold;font-size:24px;}
.list-type li .text .sale > .account {float:right;font-size:24px;color:#222222;}
.list-type li.mask .img:after {content:'';display:flex;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.list-type li.ready .img:after {content:'준비 중';align-items:center;justify-content:center;color:#fff;font-size:25px;font-family:'GangwonEdu_OTFBoldA';}
.list-type.list2 li {width:50%;}
.list-type.list3 li {width:33.3333%;}
.list-type.list3 li .img {width:280px;height:158px;}
.list-type.list4 li {width:25%;}
.list-type.list5 li {width:20%;}
.list-type.type2 li .img {border:1px solid #dddddd;}
.list-type.type2 li .text .txt {-webkit-line-clamp:2;height:2.4em;}

@media screen and (max-width:1024px) {
  .list-type {margin-left:-20px;margin-top:-10px;}
  .list-type li {margin-top:20px;padding-left:20px;}
  .list-type li .img img {width:100%;}
  .list-type li .text {margin-top:10px;}
  .list-type li .text > a > .tit {font-size:1.1rem;}
  .list-type li .text > a > .txt {margin-top:10px;font-size:1rem;height:4.7em;}
  .list-type li .text .sale > .tit {font-size:1.375rem;}
  .list-type li .text .sale > .account {padding-top:6px;font-size:0.938rem;}
  .list-type.list2 li {width:50%;}
  .list-type.list4 li {width:25%;}
  .list-type.list5 li {width:20%;}
}

@media screen and (max-width:768px) {
  .list-type li {width:33.3333% !important;}
}

@media screen and (max-width:540px) {
  .list-type li {width:50% !important;}
}

@media screen and (max-width:420px) {
  .list-type li {width:100% !important;}
  .list-type li .img {height:auto;max-height:50vw;overflow:hidden;display:flex;align-items:center;}
}

@media screen and (max-width:400px) {
  .list-type li .text > a > .tit {font-size:1.15rem;}
  .list-type li .text > a > .txt {font-size:1.15rem;}
}

/* 게시판 버튼 */
.btn-area {padding-top:20px;text-align:center;display:flex;align-items:center;}
.btn-area [class*=btn-type] ~ [class*=btn-type] {margin-left:5px;}
.btn-area .right {margin-left:auto;}
.btn-area.line {margin-top:30px;padding-top:20px;border-top:1px solid #e4e4e4;}
.btn-type {display:inline-flex;cursor:pointer;height:38px;line-height:38px;padding:0 20px;text-align:center;font-size:1.3rem;border-radius:2px;vertical-align:middle;align-items:center;}
.btn-type i:first-child {margin-right:5px;}
.btn-type.btn-yellow {border:1px solid #f2d42a;color:#6a6a6a;background:#ffdf2c;}
.btn-type.btn-red {border:1px solid #e5001f;color:#fff;background:#f72e3e;}
.btn-type.btn-white {border:1px solid #d8d8d8;color:#6a6a6a;background:#fff;}

@media screen and (max-width:1260px) {
  .btn-type {font-size:1rem;}
}

/* 기타 유틸리티 */
.ico-up {display:inline-block;width:10px;height:12px;background:url("data:image/svg+xml,%3Csvg width='38' height='45' viewBox='0 0 38 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4932 4.83901L4 20.1535L7.07997 23.1057L17.3465 12.9575V45H21.6398V12.9575L31.9064 23.1057L34.9863 20.1535L19.4932 4.83901Z' fill='%23666666'/%3E%3Cpath d='M0 0H38V5H0V0Z' fill='%23666666'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:auto 100%;}
.margin-30 {margin:30px 0 !important;}
.margin-top-20 {margin-top:20px !important;}
.margin-top-30 {margin-top:30px !important;}
.margin-top-40 {margin-top:40px !important;}
.margin-btm-20 {margin-bottom:20px !important;}
.margin-btm-30 {margin-bottom:30px !important;}
.bg-blue {padding:10px;background:#89c2db;}

/* 갤러리 슬라이드 */
.gallery-slide {margin-top:30px;}
.gallery-slide img {width:100%;border-radius:8px;cursor:pointer;}
.gallery-slide .tit {font-size:1.3rem;margin-top:10px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:center;}

@media all and (max-width:1260px) {
  .gallery-slide .tit {font-size:1rem;}
}

@media all and (max-width:768px) {
  .gallery-slide {margin-top:20px;}
  .gallery-slide .tit {font-size:1.3rem;}
}

/* 이미지 모달 뷰 */
.image-modal {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.9);}
.image-modal.active {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.image-modal .modal-close {position:absolute;top:15px;right:20px;color:#fff;font-size:36px;cursor:pointer;z-index:102;line-height:1;opacity:0.8;transition:opacity 0.2s;}
.image-modal .modal-close:hover {opacity:1;}
.image-modal .modal-main {width:100%;max-width:900px;flex:1;display:flex;align-items:center;overflow:hidden;position:relative;}
.image-modal .modal-main .swiper {width:100%;height:100%;}
.image-modal .modal-main .swiper-slide {display:flex;align-items:center;justify-content:center;}
.image-modal .modal-main .swiper-slide img {max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;}
.image-modal .modal-main .swiper-slide .caption {position:absolute;bottom:10px;left:0;right:0;text-align:center;color:#fff;font-size:14px;text-shadow:0 1px 3px rgba(0,0,0,0.8);padding:8px;}
.image-modal .modal-thumbs {width:100%;max-width:900px;padding:10px 0;flex-shrink:0;}
.image-modal .modal-thumbs .swiper {width:100%;height:70px;}
.image-modal .modal-thumbs .swiper-slide {width:90px !important;height:60px;cursor:pointer;opacity:0.5;transition:opacity 0.2s;border-radius:6px;overflow:hidden;border:2px solid transparent;}
.image-modal .modal-thumbs .swiper-slide-thumb-active {opacity:1;border-color:#fff;}
.image-modal .modal-thumbs .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.image-modal .swiper-button-next, .image-modal .swiper-button-prev {color:#fff;}

@media all and (max-width:768px) {
  .image-modal .modal-main .swiper-slide img {max-height:60vh;}
  .image-modal .modal-thumbs .swiper {height:55px;}
  .image-modal .modal-thumbs .swiper-slide {width:70px !important;height:45px;}
}

/* 콘텐츠 잠금 */
.lock-screen {text-align:center;padding:80px 20px;}
.lock-screen .lock-icon {font-size:48px;margin-bottom:20px;opacity:0.6;}
.lock-screen .lock-msg {font-size:1.3rem;color:#666;margin-bottom:30px;}
.lock-screen .lock-form {display:inline-flex;gap:8px;align-items:center;}
.lock-screen .lock-form input[type="password"] {width:200px;height:40px;padding:0 12px;border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;}
.lock-screen .lock-form input[type="password"]:focus {border-color:#2b92c7;}
.lock-screen .lock-form button {height:40px;padding:0 20px;background:#2b92c7;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;}
.lock-screen .lock-form button:hover {background:#1a7aab;}
.lock-screen .lock-error {color:#e74c3c;font-size:13px;margin-top:12px;display:none;}