@charset "utf-8";
/* =============================================================================
   웹폰트
============================================================================= */
@font-face {font-family:'Pretendard';font-weight:900;font-style:normal;src:url(../font/Pretendard-Black.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:800;font-style:normal;src:url(../font/Pretendard-ExtraBold.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:700;font-style:normal;src:url(../font/Pretendard-Bold.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:600;font-style:normal;src:url(../font/Pretendard-SemiBold.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:500;font-style:normal;src:url(../font/Pretendard-Medium.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:400;font-style:normal;src:url(../font/Pretendard-Regular.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:300;font-style:normal;src:url(../font/Pretendard-Light.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:200;font-style:normal;src:url(../font/Pretendard-ExtraLight.woff2) format('woff2');}
@font-face {font-family:'Pretendard';font-weight:100;font-style:normal;src:url(../font/Pretendard-Thin.woff2) format('woff2');}
@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;}

/* =============================================================================
   리셋
============================================================================= */
* {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("/public/images/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("/public/images/bg_sub_1.jpg") repeat-x 0 bottom;}
.bg-sub-1 .bg-sub {height:100%;background:url("/public/images/sub_hero_1.jpg") no-repeat 0 bottom;}
.bg-sub-2 {background:url("/public/images/bg_sub_2.jpg") repeat-x 0 bottom;}
.bg-sub-2 .bg-sub {height:100%;background:url("/public/images/sub_hero_2.jpg") no-repeat 0 bottom;}
.bg-sub-3 {background:url("/public/images/bg_sub_3.jpg") repeat-x 0 bottom;}
.bg-sub-3 .bg-sub {height:100%;background:url("/public/images/sub_hero_3.jpg") no-repeat 0 bottom;}
.bg-sub-4 {background:url("/public/images/bg_sub_4.jpg") repeat-x 0 bottom;}
.bg-sub-4 .bg-sub {height:100%;background:url("/public/images/sub_hero_4.jpg") no-repeat 0 bottom;}
.bg-sub-5 {background:url("/public/images/bg_sub_5.jpg") repeat-x 0 bottom;}
.bg-sub-5 .bg-sub {height:100%;background:url("/public/images/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("/public/images/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/images/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("/public/images/main_hero.jpg"), url("/public/images/bg_main.jpg");background-position:left bottom, right bottom;background-repeat:no-repeat, repeat-x;background-size:auto 100%, auto;}
.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/images/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;}