@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;700;800;900&display=swap');
@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;}

/* 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 {scroll-behavior:smooth;}
html, body {height:100%;font-size:12px;font-family:'Pretendard', 'Noto Sans KR', 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;}

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

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

@media all and (min-width:1201px) {
  .pc-hidden {display:none !important;}
  .pc-hidden .detail .txt{white-space: pre-line;}
}

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

/* layout */
.wrap,
#wrap {width:100%;margin:0 auto;}
.wrapper {width:1200px;margin:0 auto;}
.header {position:fixed;top:0;left:0;width:100%;height:55px;background:#fff;z-index:20;box-sizing:border-box;border-bottom:1px solid #dfdfdf;}
.header:after {content:"";display:block;clear:both;}
.header .wrapper {position:relative;text-align:center;display:flex;align-items:center;height:100%;}
/* .header .logo {line-height:1;}
.header .logo a {font-size:22px;font-weight:bold;vertical-align:top;}
.header .logo a * {vertical-align:baseline;}
*/
.header .logo img {height:35px;}
.header .logo{font-family: 'Noto Sans KR'; will-change: scroll-position; content-visibility: auto; padding:5px 0; font-size: 23px; line-height: 1.25;}
.header .logo a{line-height:0.8;}
.header .logo span {animation: variable-loop 4s infinite both; animation-delay: var(--delay); letter-spacing: 0; text-align: center; transition: all 0.5s ease; font-weight:300; --delay: calc((var(--variable-index) + 1) * 0.15s);}
.header .logo span.point {color:#484BB4;}
.header .tit {display:none;}
.header-right {display:flex;align-items:center;gap:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.gnb-copyright {display:none;}
.gnb-auth {display:none;}
.header.transparent.over{background:#fff;}
.header.transparent{background:none;border-bottom: 1px rgba(255, 255, 255, 0.1) solid;}
.header.transparent:not(.over) .logo span:not(.point){color:#fff;}
.header.transparent:not(.over) .gnb-menu .list{color:#fff;}
.header.transparent:not(.over) .language{color:#fff;}
.header.transparent:not(.over) .language .lang-icon{color:#fff;}
.header.transparent:not(.over) .language em{color:#fff;vertical-align:baseline;}
.header.transparent:not(.over) .language .selected .holder,
.header.transparent:not(.over) .profile > a: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='%23ffffff' stroke='%23ffffff' 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='%23ffffff' stroke='%23ffffff' stroke-width='2'/%3E%3C/svg%3E%0A");}
@keyframes variable-loop { 0% { font-weight: 300; } 50% { font-weight: 800; } 100% { font-weight: 300; } }

@media all and (min-width:1259px) {
  .header  ~ #content {padding-top:55px;}
  .header .logo {float:left;}
  .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:12px;left:50%;transform:translateX(-50%);}
  .header .gnb-menu .list > ul {display:flex;}
  .header .gnb-menu .list > ul > li {position:relative;padding:0 20px;height:50px;}
  .header .gnb-menu .list > ul > li a {position:relative;display:block;height:100%;font-size:1.5rem;font-weight:400;line-height:29px;border-radius:4px;white-space:nowrap;}
  .header .gnb-menu .list > ul > li a:after {content:'';position:absolute;bottom:15px;left:0;width:0;height:3px;background:#f0544f;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;}
  .header .gnb-menu .list > ul > li.on a,
  .header .gnb-menu .list > ul > li:hover a {color:#f0544f;}
  .header .gnb-menu .list > ul > li.on a:after,
  .header .gnb-menu .list > ul > li:hover a:after {width:100%;}
  .header .gnb-menu .list > ul > li ul {display:none !important;}
  .header .gnb-menu .gnb-top {display:none;}

  .profile {margin-left:10px;}

  .profile span.normal {cursor:pointer;font-size:1.3rem;font-weight:500;}
  .profile > a {position:relative;display:inline-block;vertical-align:top;padding-right:16px;line-height:30px;margin-left:10px;}
  .profile .thumb {width:30px;height:30px;border-radius:30px;overflow:hidden;background:#979797;display:inline-block;}
  .profile > a:after {content:'';display:block;width:10px;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;color:#000;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
  .profile.active > a:after {transform:rotate(180deg);margin-top:-1px;}
  .profile > a.normal {padding-right:0;}
  .profile > a.normal:after {display:none;}
  .profile .popup {display:none;position:absolute;top:50px;right:0;width:250px;background:#fff;border:1px solid #e2e2e2;border-radius:5px;box-shadow:2px 4px 12px 2px rgba(224, 224, 224, 0.6);z-index:80;}
  .profile.active .popup {display:block !important;}
  .profile .popup .info {position:relative;background:linear-gradient(90deg, rgba(2,0,36,1) 0%,#f0544f 0%, #ffd9d7 100%);padding:25px 25px 70px;line-height:40px;color:#fff;text-align:left;}
  .profile .popup .info .thumbnail {display:inline-block;width:40px;height:40px;border-radius:40px;background:#fff;margin-right:10px;vertical-align:top;overflow:hidden;}
  .profile .popup p {display:inline-block;line-height:40px;vertical-align:top;font-size:1.3rem;font-weight:400;}
  .profile .popup p b {vertical-align:baseline;margin-right:2px;}
  /* 마이페이지 텍스트 수정 */
  .profile .popup .info a {position:absolute;top:35px;right:25px;padding:0 10px;height:20px;font-size:1rem;color:#f0544f;line-height:20px;display:inline-block;background:#fff;letter-spacing:-0.18px;border-radius:20px;}
  .profile .popup .point {position:relative;margin:0 20px;margin-top:-35px;background:#fff;border-radius:5px;}
  .profile .popup .point ul {overflow:hidden;display:flex;}
  .profile .popup .point ul li {position:relative;width:50%;line-height:1;margin:0;text-align:center;padding:15px 0;}
  .profile .popup .point ul li span {display:block;}
  .profile .popup .point ul li span.tit {display:inline-block;padding:0 10px;height:20px;font-size:1rem;color:#fff;line-height:20px;border-radius:3px;background:#f0544f;}
  .profile .popup .point ul li:last-child:after {content:'';width:2px;height:50px;position:absolute;top:50%;left:-1px;margin-top:-25px;background:#f4f4f4;}
  .profile .popup .point ul li:last-child span.tit {background:#ffd9d7;color:#f0544f;}
  .profile .popup .point ul li span.point {margin-top:6px;font-size:1.3rem;color:#2c2c2c;letter-spacing:-0.29px;font-weight:600;}
  .profile .popup .menu {margin:0 20px;}
  .profile .popup .menu ul li {float:none;display:block;margin-right:0;border-bottom:1px solid #f4f4f4;}
  .profile .popup .menu ul li:last-child {border-bottom:0;}
  .profile .popup .menu ul li a {display:block;text-align:center;color:#666;letter-spacing:-0.21px;height:35px;line-height:35px;font-size:1.2rem;}
  .profile .popup .menu ul li:hover a {background:none;}
  .profile .popup .language {margin:0 20px;margin-bottom:10px;margin-top:5px;}
  .profile .popup .language > a {background:#f15e59;padding:7px;font-size:1.3rem;}
  .profile .popup .language ul li a {padding:7px;}
}

@media all and (max-width:1200px) {
  .header {padding:0 10px;}
  .header .logo {padding:3px 0;}
  .header .logo img {height:28px;}
  .wrapper {width:auto;height:100%;padding:0 15px;}
}

@media all and (max-width:1200px) {
  #wrap,
  .wrap {padding-top:40px;}
  .wrapper {width:100%;}

  .mobile-menu {display:block;position:absolute;width:50px;height:100%;top:0;right:10px;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 18px;}
  .header {padding:4px 0;height:40px;border-bottom:none;}
  /* .header .logo {height:30px;position:relative;padding-right:0;text-align:left;float:none;font-size:18px;} */
  .header.transparent:not(.over) .language{color:#333;}
  .header.transparent:not(.over) .language > *{color:#333;}
  .header.transparent:not(.over) .language em{color:#333;}
  .header.transparent:not(.over) .language .holder {position: absolute; display: block; top: 55%; right: 8px; width: 10px; 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 !important; background-size: 100% 100% !important; position: absolute; color: #000; transform: translateY(-50%);}
  .language .selected.on:not(.over) .language .holder {transform: translateY(-50%) rotate(-180deg);}

  .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:-320px;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 {display:flex;align-items:center;justify-content:space-between;text-align:left;padding:15px 0;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:#2a166f;border-radius:100%;margin-left:5px;}
  .gnb-menu .gnb-top-lang {position:relative;}
  .gnb-menu .gnb-top-lang-btn {display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;color:#5A607F;transition:background 0.2s;}
  .gnb-menu .gnb-top-lang-btn:hover {background:#f0f0f0;}
  .gnb-menu .gnb-top-lang-list {display:none;position:absolute;top:100%;right:0;margin-top:5px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);overflow:hidden;z-index:10;min-width:112px;}
  .gnb-menu .gnb-top-lang-list.on {display:block;}
  .gnb-menu .gnb-top-lang-list li a {display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;color:#444;transition:background 0.2s;}
  .gnb-menu .gnb-top-lang-list li a:hover {background:#f5f6f7;}
  .gnb-menu .language {display:none;}
  .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:#f56a6a;}
  .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;color:#000;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='%23F56A6A' stroke='%23F56A6A' 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='%23F56A6A' stroke='%23F56A6A' 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:block;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:#f56a6a;}
  .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:block;display:flex;height:30px;font-size:1rem;color:#999;align-items:center;}


  .profile {display:none !important;}
  .gnb-auth {display:flex;gap:8px;padding:20px 0 0;}
  .gnb-auth-btn {flex:1;display:flex;align-items:center;justify-content:center;padding:12px 0;font-size:14px;font-weight:600;border-radius:6px;text-decoration:none;transition:all 0.2s;}
  .gnb-auth-login {background:#2a166f;color:#fff;}
  .gnb-auth-login:hover {background:#1a0e4f;}
  .gnb-auth-signup {background:#f5f5f5;color:#333;border:1px solid #ddd;}
  .gnb-auth-signup:hover {background:#eee;}
  .gnb-copyright {display:block;margin-top:auto;padding:15px 0 0;font-size:11px;color:#999;text-align:center;}
}

.path {position:absolute;right:10px;color:#949494;top:65px;text-align:right;z-index:10;}
.path a {color:#949494;}
.path span {vertical-align:baseline;}
.lang-icon {display:inline-block;vertical-align:middle;margin-right:4px;flex-shrink:0;}
.language .selected {display:flex;align-items:center;gap:4px;}
.language .selected .lang-icon {color:#5A607F;}
.language ul li a {display:flex;align-items:center;gap:6px;}

/* profile */
.profile {position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;z-index:2;}
.profile svg {stroke:#5A607F;transition:stroke 0.2s;}
.profile:hover svg {stroke:#2a166f;}

.header.transparent:not(.over) .profile svg {stroke:#fff;}
.profile ~ .language {margin-left:15px;}
.language {position:relative;z-index:1;}
.language .selected {position:relative;font-size:15px;padding-right:20px;text-transform:uppercase ;}
.language .selected em {line-height:1;}
.language .selected .holder {position:absolute;display:block;top:55%;right:0;width:10px;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;color:#000;transform:translateY(-50%);}
.language .selected.on .holder {transform:translateY(-50%) rotate(-180deg);}
.language ul {border-radius:10px;background:#fff;color:#555;box-shadow:0 8px 16px rgba(34,35,38,.05), 0 4px 8px rgba(34,35,38,.05);display:none;font-size:14px;padding:10px;position:absolute;text-align:left;top:150%;font-weight:300;}
.language ul li a {display:block;padding:5px 0;white-space:nowrap;}
.language ul.on {display:block;animation:uiPop .2s ease-in-out forwards;}
@keyframes uiPop {0% {opacity:0;transform:scale(.9) translateZ(0)} to {opacity:1;transform:scale(1) translateZ(0)}}

@media all and (max-width:1200px) {
  .language {margin-left:0 !important;margin-top:15px;}
  .language .selected {font-size:0.938rem;border:1px solid #ccc;border-radius:6px;height:2.5rem;display:flex;align-items:center;padding-left:10px;padding-right:30px;}
  .language .selected .holder {right:10px;}
  .language ul {font-size:0.875rem;position:relative;left:0;top:0;}
}

#content {overflow:hidden;padding-bottom:70px;}

@media all and (max-width:1200px) {
  #content {padding-bottom:50px;}
  #content .sub-content {box-sizing:border-box;}
}

.container {width:1200px;max-width:100%;margin:0 auto;padding:55px 0 30px 0;display:flex;flex-wrap:wrap;}
.container #content {flex:1;}

@media all and (max-width:1200px) {
  .container {padding:1.5rem 0 1.8rem;}
}

.snb {width:220px;margin-right:70px;}
.snb h2 {font-size:25px;padding-top:5px;padding-bottom:14px;line-height:1.2em;min-height:58px;border-bottom:1px solid #f8d05e;font-weight:bold;}
.snb h2 img {vertical-align:top;}
.snb .lnb-menu > ul {margin-top:27px;}
.snb .lnb-menu > ul > li > a {position:relative;display:block;padding:13px 10px 14px 20px;height:54px;font-size:14px;color:#848383;font-weight:bold;color:#181818;border-bottom:1px solid #e8e8e8;display:flex;flex-direction:row;align-items:center;}
.snb .lnb-menu > ul > li.on > a:before {content:"";display:block;position:absolute;top:50%;right:15px;width :16px;height:16px;background:url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAn1BMVEX////+/v7x8Ozv7+/+///y7+rw7+3v7+3///39//zu7uz//v/w7+vx8O7v8Ov+/f/w7Onu7ent7Ojh4Nzh4Nvv7ent7unt7uju7evw7Ovk4N3t7e3v7uz+/vzw7u/+/v/9//7w8O6npJuppZmopJmqpJaro5iqo5mrpZmrpZeqpJipppero5arpJqpppWppZqspZWropmno5ipo5f///+AOX+LAAAAInRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPKwcEQAAAAFiS0dEAIgFHUgAAAAHdElNRQflAQwVBxZck/SUAAAAr0lEQVQY00WPCRKCMAxFP4IUxYUqIi6IWopttKJ4/7tZtiGTTCY/y7wAgANM7sK1qTfPw7SQLkYB8EvJ+ioAZvDmD8EQBOjXQvhKLtCVYRvLUq+wbrsR55uIbxXF3NouwZOUlqJ4GSPfZGQFQaRKUX1KQ5q+uka05+mBH5WJ09M54knLYY+SZgNphix0LoYGMIQ5cvh2AiOqRVe/TnAa4YrAJ8V6UvuaFW510Ry1/gcPOQ4VNzFOCQAAAABJRU5ErkJggg==') no-repeat 0 0;background-size:auto 100%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.snb .lnb-menu > ul > li {margin-top:-1px;}
.snb .lnb-menu > ul > li:hover > a {color:#2d3653;}
.snb .lnb-menu > ul > li.on > a {border:2px solid #f7cf5d;}
.snb .lnb-menu > ul > li > a.img {position:relative;border:none;height:auto;padding:0;padding-bottom:1px;}
.snb .lnb-menu > ul > li > a.img:before {display:none;}
.snb .lnb-menu > ul > li > a.img:after {content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc;z-index:1;}
.snb .lnb-menu > ul > li > a > img {position:relative;top:0;}/* top:2px;height:25px;*/
.snb .lnb-menu > ul > li ul {display:none;padding:10px 0;border-bottom:1px solid #e2e2e2;border-top:1px solid #e2e2e2;}
.snb .lnb-menu > ul > li.on ul {display:block;}
.snb .lnb-menu > ul > li ul li a {position:relative;display:block;padding:5px 15px 5px 20px;color:#999888;font-size:13px;word-break:break-all;}
.snb .lnb-menu > ul > li ul li.on a {color:#2d3653;font-weight:bold;}
.snb .lnb-menu > ul > li ul li:hover a {color:#2d3653;}
.snb .lnb-menu > ul > li ul li.on a:after {content:"";display:block;position:absolute;top:50%;right:10px;width :0;height:0;margin-top:-4px;border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:6px solid #ccc;}
.snb .snb-banner {margin-top:30px;}

@media all and (max-width:1200px) {
  .snb {display:none;}
}

.snb ~ #content .sub-content .content-title {margin-top:0;}
.snb ~ #content .sub-content.wrapper {width:auto;}
.content-title {position:relative;margin-bottom:50px;}
.content-title h2 {display:inline-block;line-height:36px;font-size:25px;border-bottom:2px solid #242b3f;padding-bottom:20px;}
.content-title .breadcrumb {position:absolute;top:15px;right:0;line-height:36px;}
.content-title .breadcrumb ul {overflow:hidden;}
.content-title .breadcrumb ul li {float:left;font-size:14px;color:#999;}
.content-title .breadcrumb ul li img {vertical-align:middle;}
.content-title .breadcrumb ul li .ico-home {vertical-align:-2px;color:#888;}
.content-title .breadcrumb ul li a {color:#888;}
.content-title .breadcrumb ul li .loc-arrow {margin:0 6px;color:#bbb;font-size:15px;}
.content-title .breadcrumb ul li .loc-parent {color:#999;}
.content-title .breadcrumb ul li .loc-current {color:#333;font-weight:500;}

@media all and (max-width:1200px) {
  .content-title {display:none;margin-bottom:15px;margin-top:20px;}
  .content-title h2 {line-height:27px;font-size:1.6rem;border-bottom:2px solid #242b3f;padding-bottom:15px;}
}

.sub-page-body h2 {font-size:25px;line-height:120%;margin-bottom:20px;color:#242b3f;}
.snb ~ #content .content-title h2 {margin-top:0;}
.header + .sub-visual-wrap {min-height:35px;margin-top:55px;}
.container > .sub-visual-wrap {margin-bottom:40px;}
.sub-visual-wrap + .sub-content{margin-top:70px;}
.sub-visual-wrap {position:relative;z-index:0;display:flex;justify-content:center;align-items:center;min-height:200px;;text-align:left;background:#ff9e2c url("/public/storage/2-pattern-4.jpg") no-repeat 50% 50%;background-size:cover;flex-direction:column;color:#fff;}
.sub-visual-wrap.small {min-height:110px;background:#1a2a3a;position:relative;overflow:hidden;}
.sub-visual-wrap.small:before {content:none;}
.sub-visual-wrap.small .sub-hero-slider {position:absolute;inset:0;z-index:0;}
.sub-visual-wrap.small .sub-hero-slider .swiper-slide img {width:100%;height:100%;object-fit:cover;}
.sub-visual-wrap.small .sub-hero-overlay {position:absolute;inset:0;z-index:1;background:linear-gradient(90deg, rgba(26,42,94,0.75) 0%, rgba(26,42,94,0.55) 50%, rgba(0,0,0,0.3) 100%);}
.sub-visual-wrap.small .sub-hero-content {position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:flex-end;height:110px;color:#fff;text-align:right;}
.sub-visual-wrap.small .sub-hero-text {}
.sub-visual-wrap.small .sub-hero-title {font-size:32px;font-weight:700;letter-spacing:-0.02em;text-shadow:0 2px 8px rgba(0,0,0,0.4);}
.sub-visual-wrap.small .sub-hero-desc {font-size:15px;color:rgba(255,255,255,0.85);margin-top:10px;font-weight:300;line-height:1.7;text-shadow:0 1px 4px rgba(0,0,0,0.3);}
.sub-hero-mobile {display:none;}
.sub-visual-wrap h2 {font-size:47px;}
.sub-visual-wrap .inner{max-width:1200px;width:1260px;margin:0 auto;display:flex;align-items: center;height:180px;}
.sub-visual-wrap .inner .right{margin-left:auto;}
.sub-visual-wrap.type2 {width:1260px;margin-left:auto;margin-right:auto;}

@media all and (max-width:1200px) {
  .sub-visual-wrap {display:none;}
  .sub-visual-wrap.small {display:flex;min-height:60px;padding-top:40px;}
  .sub-visual-wrap.small .sub-hero-content {height:auto;padding:0 20px;justify-content:flex-start;align-items:center;text-align:left;flex:1;}
  .sub-visual-wrap.small .sub-hero-text {display:none;}
  .sub-visual-wrap.small .sub-hero-mobile {display:block;}
  .sub-visual-wrap.small h2.sub-hero-mobile-title {font-size:25px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,0.4);letter-spacing:-0.02em;}
  .sub-hero-mobile-eng {font-size:11px;color:rgba(255,255,255,0.7);margin-top:3px;font-weight:400;letter-spacing:0.1em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,0.3);}
  .sub-visual-wrap.small .sub-hero-overlay {background:linear-gradient(180deg, rgba(26,42,94,0.7) 0%, rgba(0,0,0,0.4) 100%);}
  .sub-visual-wrap h2 {font-size:2.5rem;}


  .header + .sub-visual-wrap {height:0;margin-top:0;}
  .header + .sub-visual-wrap.small {height:auto;margin-top:0;}
}

/* Top Button */
.btn-top {position:fixed;bottom:30px;right:30px;z-index:90;width:44px;height:44px;border-radius:50%;background:#1a3a5c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,0.2);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity 0.3s, visibility 0.3s, transform 0.3s, background 0.2s;}
.btn-top:hover {background:#2a6496;}
.btn-top.show {opacity:1;visibility:visible;transform:translateY(0);}

/* Footer */
.footer .pc .footer-top {background:#2c3e50;padding:0;}
.footer .pc .footer-top .wrapper {display:flex;align-items:center;}
.footer .pc .footer-top-left ul {display:flex;gap:0;}
.footer .pc .footer-top-left ul li {position:relative;}
.footer .pc .footer-top-left ul li a {display:block;padding:12px 20px;font-size:13px;color:rgba(255,255,255,0.7);transition:color 0.2s;}
.footer .pc .footer-top-left ul li:first-child a {padding-left:0;}
.footer .pc .footer-top-left ul li a:hover {color:#fff;}
.footer .pc .footer-top-left ul li a strong {color:#fff;font-weight:600;}
.footer .pc .footer-top-left ul li + li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:12px;background:rgba(255,255,255,0.2);transform:translateY(-50%);}
.footer .pc .footer-top-right {margin-left:auto;}
.footer .pc .footer-top-right ul {display:flex;gap:0;}
.footer .pc .footer-top-right ul li {position:relative;}
.footer .pc .footer-top-right ul li a {display:block;padding:12px 20px;font-size:13px;color:rgba(255,255,255,0.5);transition:color 0.2s;font-weight:300;}
.footer .pc .footer-top-right ul li a:hover {color:#fff;}
.footer .pc .footer-top-right ul li + li:before {content:'';position:absolute;left:0;top:50%;width:1px;height:12px;background:rgba(255,255,255,0.15);transform:translateY(-50%);}
.footer .pc .footer-main {background:#1a2a3a;padding:40px 0 40px;}
.footer .pc .footer-info {display:flex;justify-content:space-between;align-items:stretch;gap:60px;}
.footer .pc .footer-brand h1.footer-title {margin-bottom:16px;font-size:20px;font-weight:700;color:#fff;letter-spacing:-0.02em;}
.footer .pc .footer-addr p {font-size:12px;color:rgba(255,255,255,0.5);line-height:1.8;letter-spacing:normal;font-weight:300;}
.footer .pc .footer-dibud {color:#6cb4ee;font-weight:600;letter-spacing:0.5px;transition:color 0.2s;}
.footer .pc .footer-dibud:hover {color:#8ccaff;}
.footer .pc .footer-contact {flex-shrink:0;}
.footer .pc .footer-contact {display:flex;align-items:stretch;}
.footer .pc .footer-contact-list {display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,0.1);border-radius:8px;overflow:hidden;background:rgba(255,255,255,0.03);width:100%;}
.footer .pc .footer-contact-item {display:flex;align-items:center;padding:8px 16px;flex:1;}
.footer .pc .footer-contact-item + .footer-contact-item {border-top:1px solid rgba(255,255,255,0.06);}
.footer .pc .footer-contact-item dt {display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:rgba(255,255,255,0.45);letter-spacing:1px;width:60px;flex-shrink:0;}
.footer .pc .footer-contact-item dt svg {width:12px;height:12px;color:rgba(255,255,255,0.35);}
.footer .pc .footer-contact-item dd {font-size:12px;color:rgba(255,255,255,0.6);font-weight:400;letter-spacing:0.3px;}
.footer .pc .footer-copyright {font-size:12px;color:rgba(255,255,255,0.3);font-weight:300;letter-spacing:normal;margin-top:4px;}
.footer .mobile {display:none;padding:30px 15px;background:#1a2a3a;color:#fff;font-weight:200;}
.footer .mobile .policy {text-align:center;}
.footer .mobile .policy a {display:inline-flex;align-items:center;padding:0 15px;border:1px solid rgba(255,255,255,0.3);border-radius:3px;color:#fff;font-size:13px;height:24px;margin:0 3px;font-weight:200;justify-content:center;}
.footer .mobile .client {margin-top:15px;text-align:center;}
.footer .mobile .client button {position:relative;font-size:12px;height:20px;padding:0 17px;}
.footer .mobile .client button:after {content:'';display:block;position:absolute;top:50%;right:0;width:10px;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.8702C60.9744 0.709935 59.0781 0.709935 57.9178 1.8702L29.9507 29.8373Z' fill='white' stroke='white' 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.857L6.0624 1.8702C4.90214 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='white' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:auto 5px;transform:translateY(-50%);}
.footer .mobile .client.on button:after {transform:translateY(-50%) rotate(-180deg);}
.footer .mobile .client .info {display:none;padding-top:15px;}
.footer .mobile .client .info p {font-weight:200;font-size:12px;}
.footer .mobile .client .info p ~ p {margin-top:4px;}
.footer .mobile .client .info p span {display:inline-block;}
.footer .mobile .client .info p .bar {width:1px;height:11px;background:#fff;margin:0 3px;}
.footer .mobile .client .copyright {font-size:12px;font-weight:200;margin-top:15px;}

/* Mobile footer redesign */
.footer .mobile .mobile-footer-inner {padding:0;}
.footer .mobile .mobile-footer-brand {margin-bottom:20px;}
.footer .mobile .mobile-footer-brand h2 {font-size:16px;font-weight:700;color:#fff;letter-spacing:-0.02em;}
.footer .mobile .mobile-footer-contact {display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.footer .mobile .mobile-footer-contact-inline {display:flex;align-items:center;gap:6px;font-size:13px;color:rgba(255,255,255,0.8);}
.footer .mobile .mobile-footer-contact-inline a {color:rgba(255,255,255,0.8);text-decoration:none;}
.footer .mobile .mobile-footer-contact-inline svg {flex-shrink:0;color:rgba(255,255,255,0.5);}
.footer .mobile .mobile-footer-contact-inline .divider {margin:0 6px;color:rgba(255,255,255,0.3);font-size:12px;}
.footer .mobile .mobile-footer-contact-item {display:flex;align-items:center;gap:8px;font-size:13px;color:rgba(255,255,255,0.8);}
.footer .mobile .mobile-footer-contact-item svg {flex-shrink:0;color:rgba(255,255,255,0.5);}
.footer .mobile .mobile-footer-contact-item a {color:rgba(255,255,255,0.8);text-decoration:none;}
.footer .mobile .mobile-footer-address {display:flex;align-items:flex-start;gap:8px;font-size:12px;color:rgba(255,255,255,0.6);margin-bottom:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.1);}
.footer .mobile .mobile-footer-address svg {flex-shrink:0;color:rgba(255,255,255,0.4);margin-top:1px;}
.footer .mobile .mobile-footer-nav {display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:16px;padding:14px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .mobile .mobile-footer-nav a {font-size:13px;color:rgba(255,255,255,0.7);padding:0 12px;}
.footer .mobile .mobile-footer-nav .dot {width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,0.3);}
.footer .mobile .mobile-footer-policy {display:flex;justify-content:center;gap:16px;margin-bottom:16px;}
.footer .mobile .mobile-footer-policy a {font-size:12px;color:rgba(255,255,255,0.5);font-weight:600;}
.footer .mobile .mobile-footer-policy a strong {color:rgba(255,255,255,0.7);font-weight:600;}
.footer .mobile .mobile-footer-bottom {text-align:center;}
.footer .mobile .mobile-footer-bottom p {font-size:11px;color:rgba(255,255,255,0.35);line-height:1.6;}
.footer .mobile .mobile-footer-bottom a {color:rgba(255,255,255,0.5);text-decoration:underline;}

@media all and (max-width:1200px) {
  .footer .mobile {display:block;padding:30px 20px;}
  .footer .pc {display:none;}
  .footer .pc .footer-info {flex-direction:column;gap:20px;}
}

@media all and (max-width:768px) {
  .btn-top {bottom:20px;right:20px;width:40px;height:40px;}
}

.full-slider{position:relative;overflow:hidden;height:100vh;width:100%;}
.full-slider:not(.swiper-initialized) .swiper-button-prev,
.full-slider:not(.swiper-initialized) .swiper-button-next{display:none;}
.full-slider .swiper-button-prev,
.full-slider .swiper-button-next{background-color: rgba(0, 0, 0, 0.3); margin-left: 30px; padding: 40px 40px; transition: 0.5s;position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat;}
.full-slider .swiper-button-prev:after,
.full-slider .swiper-button-next:after{display:none;}
.full-slider .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.full-slider .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.full-slider img {width:100%;position:absolute;top:50%;left:50%;width: 100%;height: 100%;transform:translate(-50%, -50%);object-fit: cover;}
.full-slider .text{position:absolute;top:30%;left:50%;z-index: 10;width:1200px;transform:translateX(-50%);}
.full-slider .title{opacity: 0;color: #fff; font-size: 80px; line-height: 96px; font-weight: 800;}
.full-slider .line{opacity: 0; width: 120px; height: 30px; border-top:2px solid #fff;}
.full-slider .swiper-slide-active .title,
.full-slider .swiper-slide-active .line,
.full-slider .swiper-slide-active .txt {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
.full-slider .swiper-slide-active .line{animation-delay: 0.3s;}
@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } }
@keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) } to { opacity: 1; -webkit-transform: none; transform: none } }

@media screen and (max-width:1200px) {
  .full-slider{height:60vh;}
  .full-slider .swiper-button-prev,
  .full-slider .swiper-button-next{display:none;}
  .full-slider .text{left:30px;top:20% !important;width:80% !important;transform:translateX(0);width:80%;}
  .full-slider .title{font-size: 2rem; line-height: 1.2em;}
  .full-slider .line{width: 4.8rem; height: 1.2rem; border-top:0.08rem solid #fff;}
  .full-slider .text .txt{font-size:1.1rem !important;}
}

/* templates */
.greeting, .history, .explanation {font-size:14px;}

/* 인사말 */
.greeting .txt {padding-top:30px;font-size:1.5rem;line-height:1.5em;text-align:justify;}
.greeting .txt p {margin-top:24px;text-align:justify;line-height:1.5em;}
.greeting .txt p:first-child {margin-top:0;}
.greeting .greeting-profile {display:flex;align-items:center;gap:30px;padding:30px;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius:12px;margin-bottom:36px;}
.greeting .greeting-profile-img {flex-shrink:0;width:160px;height:160px;border-radius:50%;overflow:hidden;border:4px solid #fff;box-shadow:0 4px 20px rgba(0,0,0,0.1);}
.greeting .greeting-profile-img img {width:100%;height:100%;object-fit:cover;}
.greeting .greeting-profile-info {flex:1;}
.greeting .greeting-profile-org {display:block;font-size:13px;color:#888;letter-spacing:1px;margin-bottom:6px;}
.greeting .greeting-profile-name {display:block;font-size:28px;font-weight:700;color:#222;line-height:1.3;}
.greeting .greeting-profile-name em {font-style:normal;font-weight:400;color:#666;font-size:22px;}
.greeting .greeting-profile-desc {margin-top:14px;padding-top:14px;border-top:1px solid #ddd;}
.greeting .greeting-profile-desc li {position:relative;font-size:14px;color:#555;padding-left:12px;line-height:1.8;}
.greeting .greeting-profile-desc li:before {content:"";position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background:#1382b1;}
.greeting .greeting-quote {padding:28px 32px;background:#1382b1;border-radius:8px;margin-bottom:36px;position:relative;}
.greeting .greeting-quote:before {content:"\201C";position:absolute;top:8px;left:14px;font-size:48px;color:rgba(255,255,255,0.25);font-family:Georgia,serif;line-height:1;}
.greeting .greeting-quote p {font-size:20px;color:#fff;line-height:1.6;font-weight:500;text-align:center;}
.greeting .greeting-quote strong {color:#fff;font-weight:700;}
.greeting .greeting-body {font-size:15px;line-height:1.8;color:#333;text-align:justify;}
.greeting .greeting-body p {margin-bottom:20px;}
.greeting .greeting-body p:last-child {margin-bottom:0;}
.greeting .greeting-body strong {color:#1382b1;font-weight:600;}
.greeting .greeting-activities {background:#f8f9fa;border-left:4px solid #1382b1;border-radius:0 8px 8px 0;padding:24px 28px;margin:28px 0;}
.greeting .greeting-activities > strong {display:block;font-size:16px;color:#222;margin-bottom:14px;}
.greeting .greeting-activities ul {display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;}
.greeting .greeting-activities ul li {position:relative;padding-left:16px;font-size:14px;color:#444;line-height:1.7;}
.greeting .greeting-activities ul li:before {content:"";position:absolute;top:9px;left:0;width:8px;height:8px;border:2px solid #1382b1;border-radius:2px;box-sizing:border-box;}
.greeting .greeting-thanks {font-size:18px;font-weight:600;color:#222;text-align:right;margin-top:32px;padding-top:20px;border-top:1px solid #eee;}

@media only screen and (max-width:1200px) {
  .greeting .txt {padding-top:23px;font-size:1.2rem;line-height:1.2em;}

  .greeting .greeting-profile {padding:24px;gap:24px;}
  .greeting .greeting-profile-img {width:130px;height:130px;}
  .greeting .greeting-profile-name {font-size:24px;}
  .greeting .greeting-profile-name em {font-size:18px;}
}

@media only screen and (max-width:768px) {
  img {max-width:100%;}
  .greeting .txt {padding-top:23px;font-size:1.5rem;line-height:1.5em;}
  .greeting .txt p {margin-top:18px;}

  .greeting .greeting-profile {flex-direction:column;text-align:center;padding:24px 20px;gap:16px;}
  .greeting .greeting-profile-img {width:120px;height:120px;}
  .greeting .greeting-profile-desc {text-align:left;}
  .greeting .greeting-quote {padding:20px 24px;}
  .greeting .greeting-quote p {font-size:17px;}
  .greeting .greeting-activities ul {grid-template-columns:1fr;}
}

/* 설명 */
.explanation .tit-line {margin-top:20px;font-size:1.7rem;color:#0077a2;border-bottom:1px solid #d9d9db;padding-bottom:7px;font-weight:bold;background:url("/public/storage/4-e1.png") 0 20% no-repeat;}
.explanation span,.explanation b, .explanation u, .explanation a {vertical-align:baseline}
.map-branch-link {font-size:1em;font-weight:bold;color:#aaa;text-decoration:none;margin-left:12px;transition:color 0.2s;}
.map-branch-link:hover {color:#0077a2;}
#map-hq, #map-branch {scroll-margin-top:70px;}
.explanation .txt {margin:10px 10px 16px 10px;font-size:1.4rem;color:#666;line-height:1.6em;}

@media only screen and (max-width:768px) {
  .explanation .tit-line {font-size:1.5rem;}
  .explanation .txt {font-size:1.3rem;}
}

.contact-list {margin-top:15px;font-size:1.3rem;display:flex;flex-direction:column !important;}
.contact-list li {display:flex;align-items:center;padding:0 0 !important;color:#888 !important;}
.contact-list li ~ li {margin-top:5px;}

@media only screen and (max-width:1200px) {
  .contact-list {font-size:0.813rem;}
}

/* 연혁 */
.history {padding:10px 0;}
.history-filter {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px;}
.history-filter-btn {padding:6px 20px;border:1px solid #d0d8e0;border-radius:4px;background:#fff;font-size:16px;font-weight:700;color:#666;cursor:pointer;transition:all 0.2s;}
.history-filter-btn:hover {border-color:#1a3a5c;color:#1a3a5c;}
.history-filter-btn.on {background:#1a3a5c;color:#fff;border-color:#1a3a5c;}
.history-timeline {position:relative;padding-left:32px;}
.history-timeline:before {content:'';position:absolute;left:11px;top:0;bottom:0;width:2px;background:#dde2e8;}
.history-year-group {margin-bottom:8px;scroll-margin-top:70px;}
.history-year-label {position:relative;display:inline-block;background:#1a3a5c;color:#fff;font-size:16px;font-weight:700;padding:6px 20px;border-radius:4px;margin-bottom:16px;margin-left:-32px;z-index:1;}
.history-item {position:relative;margin-bottom:16px;}
.history-dot {position:absolute;left:-28px;top:16px;width:12px;height:12px;border-radius:50%;background:#fff;border:3px solid #2a6496;z-index:1;transition:all 0.2s;}
.history-item:hover .history-dot {background:#2a6496;transform:scale(1.3);}
.history-card {display:flex;background:#fff;border:1px solid #e8ecf0;border-radius:10px;overflow:hidden;transition:all 0.2s;}
.history-card:hover {box-shadow:0 4px 20px rgba(0,0,0,0.08);border-color:#c0c8d0;}
.history-card-img {flex-shrink:0;width:180px;height:120px;overflow:hidden;}
.history-card-img img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.history-card:hover .history-card-img img {transform:scale(1.05);}
.history-card-body {flex:1;padding:16px 20px;display:flex;flex-direction:column;justify-content:center;}
.history-date {font-size:12px;color:#888;font-weight:500;letter-spacing:0.5px;}
.history-title {display:block;font-size:15px;font-weight:600;color:#222;margin:4px 0 6px;line-height:1.4;}
.history-card-body p {font-size:15px;font-weight:300;color:#555;line-height:1.5;}
.history-desc {font-size:13px;color:#666;line-height:1.5;margin:0;}
.history-highlight .history-card {background:linear-gradient(135deg, #1a3a5c 0%, #2a6496 100%);border-color:transparent;}
.history-highlight .history-date {color:rgba(255,255,255,0.7);}
.history-highlight .history-title {color:#fff;}
.history-highlight .history-desc {color:rgba(255,255,255,0.85);}
.history-highlight .history-card-body p {color:rgba(255,255,255,0.85);}
.history-highlight .history-dot {border-color:#1a3a5c;background:#ffd700;}

@media only screen and (max-width:768px) {
  .history-timeline {padding-left:24px;}
  .history-timeline:before {left:7px;}
  .history-year-label {margin-left:-24px;font-size:14px;padding:5px 16px;border-radius:4px;}
  .history-dot {left:-21px;top:14px;width:10px;height:10px;}
  .history-card {flex-direction:column;}
  .history-card-img {width:100%;height:160px;}
  .history-filter-btn {padding:5px 16px;font-size:14px;}
}

/* 조직구성 */
.org-chart {padding:20px 0;}
.org-chart .org-top {text-align:center;margin-bottom:32px;}
.org-chart .org-box {display:inline-block;padding:10px 24px;border-radius:6px;font-size:14px;font-weight:600;text-align:center;line-height:1.4;}
.org-chart .org-president {background:#1a3a5c;color:#fff;font-size:18px;padding:14px 48px;border-radius:8px;box-shadow:0 4px 12px rgba(26,58,92,0.25);}
.org-chart .org-vice {background:#2a6496;color:#fff;font-size:15px;padding:10px 28px;margin-bottom:16px;}
.org-chart .org-advisor {background:#f0f4f8;color:#444;border:1px solid #d0d8e0;font-weight:500;margin:4px;}
.org-chart .org-manager {background:#e8f4f0;color:#2a6450;border:1px solid #b8d8cc;font-weight:500;margin:4px;}
.org-chart .org-row-2col {display:flex;gap:32px;justify-content:center;margin-bottom:40px;}
.org-chart .org-group {flex:1;max-width:400px;background:#fff;border:1px solid #e0e4e8;border-radius:10px;padding:24px 20px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.04);}
.org-chart .org-sub-row {display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:8px;}
.org-chart .org-section {margin-bottom:32px;}
.org-chart .org-section-title {font-size:16px;font-weight:700;color:#1a3a5c;padding-bottom:12px;margin-bottom:20px;border-bottom:2px solid #1a3a5c;display:inline-block;}
.org-chart .org-dept-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;}
.org-chart .org-dept-box {background:#fff;border:1px solid #dde2e8;border-radius:8px;padding:16px;text-align:center;transition:box-shadow 0.2s;}
.org-chart .org-dept-box:hover {box-shadow:0 4px 16px rgba(0,0,0,0.08);}
.org-chart .org-dept-box strong {display:block;font-size:14px;color:#1a3a5c;padding-bottom:8px;margin-bottom:8px;border-bottom:2px solid #2a6496;}
.org-chart .org-dept-box span {display:block;font-size:13px;color:#666;line-height:1.8;}
.org-chart .org-branch-row {display:flex;gap:20px;}
.org-chart .org-branch-box {flex:1;background:linear-gradient(135deg, #f8fafb 0%, #eef2f5 100%);border:1px solid #d0d8e0;border-radius:10px;padding:20px 24px;text-align:center;}
.org-chart .org-branch-box strong {display:block;font-size:15px;font-weight:700;color:#fff;background:#1a3a5c;padding:8px 16px;border-radius:6px;margin-bottom:14px;}
.org-chart .org-branch-box ul {display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.org-chart .org-branch-box ul li {background:#fff;border:1px solid #ccd4dc;border-radius:4px;padding:6px 14px;font-size:13px;color:#444;}

@media only screen and (max-width:1200px) {
  .org-chart .org-dept-grid {grid-template-columns:repeat(3, 1fr);}
}

@media only screen and (max-width:768px) {
  .org-chart .org-row-2col {flex-direction:column;align-items:center;gap:20px;}
  .org-chart .org-group {max-width:100%;width:100%;}
  .org-chart .org-dept-grid {grid-template-columns:repeat(2, 1fr);}
  .org-chart .org-branch-row {flex-direction:column;}
}

@media only screen and (max-width:480px) {
  .org-chart .org-dept-grid {grid-template-columns:1fr;}
}

/* 조직도 */
.org {padding:30px 0;}
.org .org-box {position:relative;}
.org .org-box .org {width:100%;background:#fff;position:relative;width:150px;margin:0 auto;}
.org .org-box .org .tit {padding:5px;min-height:30px;background:#fff28c;display:flex;justify-content:center;align-items:center;font-weight:bold;font-size:13px;text-align:center;}
.org .org-box .org .desc {padding:5px;min-height:30px;border:1px solid #9a9a9a;background:#fff;display:flex;justify-content:center;align-items:center;color:#6d6d6d;font-size:12px;text-align:center;}

/* 테이블 */
.data-table {margin-top:15px;font-size:1.3rem;}
.data-table table {width:100%;border-collapse:collapse;}
.data-table th {padding:5px;border:1px solid #999;color:#666;background:#e2e2e2;}
.data-table td {padding:5px 10px;border:1px solid #999;;color:#666;}
.data-table table td.align-left {text-align:left;padding-left:15px;}

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

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

/* 탭 구성 */
.tab-type-line {position:relative; display:inline-flex; border-bottom:1px solid #ddd; margin-bottom:20px;}
.tab-type-line a {display:flex;align-items:center;overflow:hidden;position:relative;min-width:auto; max-width:none; padding:6px 24px; height:48px;font-size:1.5rem; text-transform:initial;}
.tab-type-line .indicator {height:3px; background-color:#000000; width:100%; bottom:0; height:3px; position:absolute; transition:all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; left:151.047px; width:99.5312px;}
.tab-type-line .effect-ripple {opacity:0; position:absolute;}
.tab-type-line a .effect-rippleVisible {width:200%; height:200%; top:-50%; left:-50%;}
.tab-type-line .effect-rippleVisible {opacity:0.3; animation:effect-keyframes-enter 550ms cubic-bezier(0.4, 0, 0.2, 1); transform:scale(1);}
.tab-type-line .effect-child {width:100%; height:100%; display:block; opacity:1; border-radius:50%; background-color:currentColor;}
.tab-type-line .effect-childLeaving {opacity:0; animation:effect-keyframes-exit 550ms cubic-bezier(0.4, 0, 0.2, 1);}
@-webkit-keyframes effect-keyframes-enter {0% {opacity:0.1; transform:scale(0); } 100% {opacity:0.3; transform:scale(1); } }
@-webkit-keyframes effect-keyframes-exit {0% {opacity:1; } 100% {opacity:0; } }
@-webkit-keyframes effect-keyframes-pulsate {0% {transform:scale(1); } 50% {transform:scale(0.92); } 100% {transform:scale(1); } }

@media only screen and (max-width:1200px) {
  .tab-type-line a {font-size:1.2rem;}
}

@media only screen and (max-width:768px) {
  .tab-type-line::-webkit-scrollbar {-webkit-appearance:none;}
  .tab-type-line::-webkit-scrollbar:vertical {width:5px;}
  .tab-type-line::-webkit-scrollbar:horizontal {height:5px;}
  .tab-type-line::-webkit-scrollbar-thumb {background-color:rgba(0, 0, 0, .3); border-radius:5px;}
  .tab-type-line::-webkit-scrollbar-track {border-radius:5px; background-color:#eee;}
  .tab-type-line {border-bottom:none;}
  .tab-type-line:after {display:none;}
  .tab-type-line a {height:45px;min-width:48px;display:inline-flex; margin-left:0; padding:6px 11px; font-size:1.4rem; border-radius:2px 2px 0 0;border-bottom:none;}
  .tab-type-line a.on:after {bottom:0; height:2px;}
  .tab-type-line .indicator {bottom:0;z-index:2;}
}

/* 콘텐츠 좌우 분할 구성 유형 */
.relative-layout {display:flex;}
.relative-layout .bar {height:35px; background:#48a090; margin-bottom:40px;}
.relative-layout > .left,
.relative-layout > .right,
.relative-layout > .auto {flex:1;overflow:hidden;}
.relative-layout > * + * {margin-left:30px;}

@media only screen and (max-width:1200px) {
  .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;}
}

/* gallery show */
@keyframes galleryShow {0% {opacity:0;transform:scale(0.8) } 80% {opacity:0.6;transform:scale(1.05) } 100% {opacity:1;transform:scale(1) } }
@keyframes galleryHide {0% {opacity:1;transform:scale(1) } 80% {opacity:0.6;transform:scale(0.8) } 100% {opacity:0;transform:scale(0.7);display:none;} }

/* 상단 */
.board-top {margin-top:30px;padding-bottom:14px;padding-top:10px;display:flex;align-items:center;}
.board-top .left > * ~ * {margin-left:10px;}
.board-top .left {display:flex;align-items:center;}
.board-top .left .total b {color:#2eacbc;vertical-align:baseline;}
.board-top .right {margin-left:auto;text-align:right;display:flex;flex-direction:row;align-items:center;}
.board-top .right > * ~ * {margin-left:10px;}
.board-top .input {position:relative;display:inline-block;padding-right:35px;width:220px;height:34px;border:1px solid #cccccc;border-radius:3px;}
.board-top .input input {height:100%;width:100%;border:none;padding-left:5px;font-size:13px;}
.board-top select {height:34px;min-width:80px;padding-right:15px;border:1px solid #cccccc;border-radius:3px; vertical-align:middle;font-size:13px;}
.board-top .date {position:relative;display:inline-block;padding-right:35px;width:150px;height:34px;border:1px solid #cccccc;border-radius:3px;}
.board-top .date input {height:100%;width:100%;border:none;padding-left:5px;font-size:12px;}
.board-top .txt {font-size:14px;color:#6f7474;margin-right:8px;}
.board-top .total {font-size:16px;color:#444;line-height:28px;}

@media all and (max-width:1200px) {
  .board-top {padding-top:0;}
  .board-top .left .total {font-size:0.875rem;padding-top:0;font-size:1.2rem;}
  .board-top .right * {font-size:0.688rem;}
  .board-top .right .input {width:50%;}
  .board-top .right .btn {width:20%;}
  .board-top .input {padding-right:28px;height:34px;}
  .board-top .input input {font-size:0.75rem;}
  .board-top select {height:28px;min-width:50px;font-size:0.75rem;}
  .board-top .date {padding-right:30px;width:120px;height:28px;}
  .board-top .date input {height:100%;width:100%;border:none;padding-left:5px;font-size:0.75rem;}
  .board-top .txt {font-size:0.75rem;margin-right:5px;}
  .board-top .total {font-size:0.875rem;}
  .board-top .info * {vertical-align:baseline;}
}

/* 테이블 */
.board-type {margin-top:30px;}
.board-top + .board-type {margin-top:0;}
.board-type table {table-layout:fixed;width:100%;border-bottom:1px solid #d2d2d2;border-collapse:collapse;}
.board-type thead th:first-child {border-left:1px solid #d2d2d2;}
.board-type thead th:last-child {border-right:1px solid #d2d2d2;}
.board-type tr:hover {background:#ffffe6;}
.board-type th {padding:12px 5px;border-top:1px solid #d2d2d2;font-size:1.3rem;color:#444;background:#f8f8f8;text-align:center;}
.board-type th.rline {border-right:1px solid #d2d2d2;}
.board-type td {padding:15px 5px;border-top:1px solid #d2d2d2;font-size:1.3rem;text-align:center;color:#444;}
.board-type td.rline {border-right:1px solid #d2d2d2;}
.board-type td.right {text-align:right;padding-right:10px;}
.board-type.view td {text-align:left;padding-left:20px;}

/* 목록 */
.list-type {clear:both;display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:40px}
.list-type:after {content:"";display:block;clear:both;}
.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:18px;font-weight:bold;color:#222;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;}
.list-type li .text > a > .txt {display:block;margin-top:15px;font-size:16px;color:#222;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 .info {margin-top:15px;display:flex;flex-direction:row;align-items:center;font-size:14px;}
.list-type li .info .right {margin-left:auto;}
.list-type li .info .user img {width:25px;height:25px;overflow:hidden;border-radius:100%;}
.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.type2 li .img {border:1px solid #dddddd;}
.list-type.type2 li .text .txt {-webkit-line-clamp:2;height:2.4em;}
.list-type .desc {margin-top:10px;display:block;}
.list-type .desc .txt {display: block; overflow: hidden; text-overflow: ellipsis; line-height: 20px; display: -webkit-box; max-height: 40px; white-space: normal; word-wrap: break-word; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 2px; font-size: 14px; font-weight: 400; color: #3f3f3f; word-break: break-all;}

@media screen and (max-width:1024px) {
  .list-type {gap:20px;}
  .list-type li .img img {width:100%;}
  .list-type li .text {margin-top:10px;}
  .list-type li .text > a > .tit {font-size:0.938rem;}
  .list-type li .text > a > .txt {margin-top:10px;font-size:0.875rem;}
}

@media screen and (max-width:768px) {
  .list-type {grid-template-columns:repeat(3, 1fr) !important;}
  .list-type li .text > a > .tit {font-size:17px;}
  .list-type li .text > a > .txt {font-size:16px;}
}

@media screen and (max-width:540px) {
  .list-type {grid-template-columns:repeat(2, 1fr) !important;}
}

@media screen and (max-width:420px) {
  .list-type {grid-template-columns:repeat(1, 1fr) !important;}
  .list-type li .img {aspect-ratio:2/1;}
  .list-type li .img img {width:100%;height:100%;object-fit:cover;}
  .list-type li .text > a > .tit {font-size:17px;}
  .list-type li .text > a > .txt {font-size:16px;}
}

/* 페이징 */
.paging {padding:20px 0;text-align:center;clear:both;}
.paging a {display:inline-block;line-height:34px;min-width:34px;color:#aaaaaa;margin:0 3px;text-align:center;font-size:1.3rem;color:#aaaaaa;border:1px solid #dedede;border-radius:2px;padding:0 5px;}
.paging a.on {color:#2eacbc;font-weight:bold;background:#f9f9fa;}
.paging button {display:inline-block;line-height:34px;width:34px;border:none;background:none;outline:none;cursor:pointer;padding:0;}
.paging button img {max-width:100%;}
.paging button i {margin:0 -5px;font-weight:bold;font-size:1.3rem;color:#aaa;}
.paging button i:before {font-size:1.3rem;color:#aaa;}
.paging button + a {margin-left:5px;}

@media screen and (max-width:1200px) {
  .paging {padding:16px 0;}
  .paging a {line-height:27px;min-width:27px;margin:0 2px;border-radius:2px;font-size:1.2rem;padding:0 0.3rem;}
  .paging button {line-height:27px;width:27px;}
  .paging button i {margin:0 -4px;font-size:1.3rem;}
  .paging button i:before {font-size:1.3rem;}
  .paging button + a {margin-left:4px;}
}

/* 등록 */
input[type='text'],
input[type='password'] {height:38px;padding:0 10px;width:100%;box-sizing:border-box;font-size:13px;border-radius:3px;color:#777;border:1px solid #cccccc;}
input[type='text'].type2,
input[type='password'].type2 {height:28px;line-height:28px;}
select {height:38px;padding-left:9px;width:100%;font-size:15px;box-sizing:border-box;border-radius:3px;border:1px solid #cccccc;color:#777;}
textarea {height:100px;width:100%;padding:9px;font-size:15px;box-sizing:border-box;border-radius:3px;border:1px solid #cccccc;color:#777;}

/* PC 상세 */
.board-read-tit {display:flex;align-items:center;border-top:1px solid #e2e2e2;padding:12px 0 !important;margin-top:20px;margin-bottom:15px;font-size:1.3rem;border-bottom:1px solid #e2e2e2;background:#f8f8f8;padding-left:10px !important;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.board-read-tit .right {margin-left:auto;padding-right:15px;}
.board-read-tit .right > * ~ * {margin-left:15px;}
.board-read-info .left span a img {vertical-align:top;}
.board-read-info {display:flex;flex-direction:row;align-items:center;font-size:1.2rem;border-bottom:1px solid #ddd;padding:0 11px 12px 11px;}
.board-read-info .bar {color:#ccc;font-size:10px;margin:0 10px;}
.board-read-info .right {margin-left:auto;}
.board-read-info .right > * ~ * {margin-left:15px;}
.board-read-content {padding:20px 10px;font-size:1.3rem;white-space: pre-line;}

/* 모바일웹 목록, 상세 */
.board-mobile {font-size:14px;}
.board-mobile ul {border-bottom:1px solid #ddd;}
.board-mobile ul li {border-top:1px solid #ddd;}
.board-mobile .article {padding:15px 0;display:flex;align-items:center;}
.board-mobile .article > * ~ * {margin-left:10px;}
.board-mobile .article .desc {flex:1;}
.board-mobile .article .desc .tit {overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;word-wrap:break-word;line-height:1.4em;color:#222;}
.board-mobile .article .desc .info {display:flex;align-items:center;font-size:1.3rem;color:#999;margin-top:10px;}
.board-mobile .article .desc .info * ~ * {margin-left:5px;font-weight:300;}
.board-mobile .article .img img {height:70px;border-radius:9px;}

@media screen and (max-width:1200px) {
  .board-mobile .article .desc .tit {padding:10px 0 4px 0;font-size:2rem;}
  .board-mobile .article .desc .info {font-size:1rem;}
  .board-mobile .detail {font-size:1rem;}
}

@media screen and (max-width:768px) {
  .board-mobile .article .desc .tit {font-size:1.3rem;}
  .board-mobile .article .desc .info {font-size:1.2rem;}
  .board-mobile .detail {font-size:1.3rem;}
}

.board-read-tit.type2 {background:#fff;border:none;font-weight:bold;font-size:20px;}
.board-read-info.type2 {flex-wrap:wrap;color:#777;}
.board-read-info.type2 .user .thumb {display:inline-block;width:30px;height:30px;border-radius:100%;margin-right:5px;overflow:hidden;}
.board-read-info.type2 .user .thumb:empty {background:#ddd;border:1px solid #ccc;}
.board-read-info.type2 .time {display:flex;align-items:center;}
.board-read-info.type2 .time i {display:inline-block;margin-right:5px;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6774 0.0780474C6.78531 1.05258 0.936164 7.05529 0.0756001 15.063C-0.269944 18.2799 0.583184 22.0006 2.345 24.96C6.4298 31.8215 14.8487 34.7572 22.3397 31.9322C30.1169 28.9994 34.548 20.5403 32.5023 12.5313C30.6688 5.35291 24.5653 0.375732 17.1563 0.0170779C16.3716 -0.0208526 15.2561 0.00654135 14.6774 0.0780474ZM19.8433 3.51862C24.5362 4.7102 28.2497 8.43765 29.4927 13.2041C29.8003 14.3835 29.8591 14.9132 29.8591 16.5055C29.8591 18.0977 29.8003 18.6275 29.4927 19.8068C28.2458 24.5883 24.5732 28.2659 19.7981 29.5145C17.788 30.0401 15.2145 30.0401 13.2043 29.5145C8.43025 28.266 4.76437 24.5962 3.50747 19.8068C2.97983 17.7961 2.97885 15.2181 3.50509 13.2141C4.91981 7.82669 9.30948 3.93755 14.8528 3.15997C16.1689 2.97552 18.3102 3.12935 19.8433 3.51862ZM15.7665 6.18907C14.981 6.61586 14.958 6.78121 14.958 12.01C14.958 15.8796 14.9963 16.8733 15.1575 17.1798C15.491 17.8139 20.1771 22.374 20.6048 22.4806C21.7067 22.7551 22.7428 21.7174 22.4681 20.6146C22.4092 20.3786 21.5302 19.3792 20.2081 18.0453L18.0445 15.8623V11.5409C18.0445 6.79526 18.014 6.59999 17.2073 6.18233C16.6955 5.91738 16.263 5.91934 15.7665 6.18907Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 0 0;background-size:100% 100%;}
.board-read-info.type2 .info .label {margin-right:5px;}
.board-read-info.type2 .info .num {font-weight:500;}
.board-read-info.type2 > * {position:relative;display:inline-block;white-space:nowrap;}
.board-read-info.type2 > * ~ * {padding-left:20px;}
.board-read-info.type2 > * ~ *:before {content:'';display:block;position:absolute;top:50%;left:10px;transform:translateY(-50%);-webkit-transform:translateY(-50%);width:2px;height:2px;border-radius:100%;background:#333;}

@media screen and (max-width:768px) {
  .board-read-info.type2 {font-size:1rem;}
  .board-read-info.type2 .user {width:100%;margin-bottom:5px;}
  .board-read-info.type2 .user + span {padding-left:0;}
  .board-read-info.type2 .user + span:before {display:none;}
}

/* 게시판 버튼 유형 */
.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;}
.btn-area.line {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-white {border:1px solid #d8d8d8;color:#6a6a6a;background:#fff;}
.btn-type.btn-white:focus {background:#cccccc;}
.btn-type.btn-yellow:focus {background:#e7ca27;}

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

/* 슬라이드 페이징 */
.swiper-pagination {display:flex;align-items:center;justify-content:center;bottom:20px !important;}
.swiper-pagination .swiper-pagination-bullet {border:2px solid #fff;text-indent:-9999px;display:block;width:12px;height:12px;margin:0 5px;border-radius:12px;opacity:1;background:transparent !important;}
.swiper-pagination .swiper-pagination-bullet-active {border:2px solid #ff9e2c;background:#ff9e2c !important;}
.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%;}

/* 의견 연재 */
.opinion-serialization-list {display:grid;grid-template-columns: repeat(3, 1fr);grid-gap:20px;}
.opinion-serialization-list li{position:relative;}
.opinion-serialization-list .opinion-serialization-item {overflow:hidden;flex: 0 0 auto;max-width: none; border: 1px solid #eee; border-radius: 5px;padding:20px; background: #fff; font-size: 14px; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.04)}
.opinion-serialization-list .article-list {padding-bottom: 5px;}
.opinion-serialization-list .article-item.as-type-main {padding-bottom: 12px;}
.opinion-serialization-list .article-item.as-type-main .link {display: flex; align-items: center;}
.opinion-serialization-list .article-item.as-type-main .desc {padding-top: 2px; flex: 1 1 0;}
.opinion-serialization-list .article-item.as-type-main .desc + .image {margin-left:5px;}
.opinion-serialization-list .article-item.as-type-main .image {width: 60px; height: 60px;}
.opinion-serialization-list .article-item.as-type-main .image img{width:100%;height:100%;}
.opinion-serialization-list .article-item.as-type-main .article-text {display: block;font-weight:bold; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 42px; margin-top: -2px; font-size: 17px; line-height: 21px; color: #303038; letter-spacing: -0.3px; word-break: break-all;}
.opinion-serialization-list .article-item.as-type-sub .link {display: block; padding: 3px 0; border-top: 1px solid rgba(239,239,240,0.8);}
.opinion-serialization-list .article-item.as-type-sub .article-text {font-size: 16px; line-height: 24px; color: #303038; letter-spacing: -0.3px; word-break: break-all; text-align: justify;}
.opinion-serialization-list.type2{grid-template-columns: repeat(2, 1fr);}
.opinion-serialization-list.type2 > li{display: flex; padding: 0; align-items: center;}
.opinion-serialization-list.type2 > li > a{display: flex; padding: 20px;}
.opinion-serialization-list.type2 > li .image{width: calc(48% - 40px); margin-right: 20px;}
.opinion-serialization-list.type2 > li .article-list{width: auto; flex: 1;}
.opinion-serialization-list.type2 > li .article-list li{padding: 3px 0;}
.opinion-serialization-list.type2 > li .article-list li ~ li{border-top: none;}
.opinion-serialization-list.type2 > li .article-item.as-type-main .article-text{letter-spacing: -1px;}
.opinion-serialization-list.type2 > li .article-item.as-type-sub .article-text{letter-spacing: -1px;}
.opinion-serialization-list.type2 > li .article-list .as-type-sub .link{border-top: none;}
.opinion-serialization-list.type2 > li .image img{width: 100%;}
.opinion-serialization-list.type2 > li > .image{margin-left: 20px; position: relative;}
.opinion-serialization-list.type2 > li > .image .badge{position: absolute; top: 8px; left: 0; background: #1a2a5e; color: #fff; font-size: 14px; line-height: 1; padding: 6px 12px; border-radius: 0 3px 3px 0; z-index: 1; letter-spacing: -0.3px;}
.opinion-serialization-list.type2 > li > .article-list{padding: 20px 20px 20px 0;}
.opinion-serialization-list.type2 > li.full{grid-column: 1 / -1;}
.opinion-serialization-list.type2 > li.full .image{width: 237px;flex-shrink: 0;}

@media screen and (max-width:1024px) {
  .opinion-serialization-list {grid-template-columns: repeat(2, 1fr);}
}

@media screen and (max-width:768px) {
  .opinion-serialization-list {grid-template-columns: repeat(1, 1fr) !important;grid-gap:15px;}
  .opinion-serialization-list .opinion-serialization-item {padding:0;}
  .opinion-serialization-list.type2 > li {flex-direction:column;}
  .opinion-serialization-list.type2 > li > a {flex-direction:column;padding:0;}
  .opinion-serialization-list.type2 > li .image {width:100% !important;margin-right:0 !important;margin-left:0 !important;}
  .opinion-serialization-list.type2 > li .image img {width:100%;border-radius:5px 5px 0 0;}
  .opinion-serialization-list.type2 > li .article-list {width:100%;padding:15px !important;}
  .opinion-serialization-list.type2 > li > .article-list {padding:15px !important;}
  .opinion-serialization-list .article-item.as-type-main .article-text {font-size:17px;line-height:1.5;}
  .opinion-serialization-list .article-item.as-type-sub .article-text {font-size:16px;line-height:1.7;}
  .opinion-serialization-list .article-item.as-type-sub .link {padding:0;}
}

/* 후원 */
.sponsor-intro {text-align:center; padding:30px 20px; margin-bottom:30px; background:#f8f9fa; border-radius:8px;}
.sponsor-intro-text {font-size:16px; line-height:1.8; color:#444; letter-spacing:-0.3px;}
.tpl-tit {font-size:20px; font-weight:700; color:#1a2a5e; padding-bottom:12px; margin-bottom:20px; border-bottom:2px solid #1a2a5e;}
.tit-num {list-style:none; padding:0; margin:0;}
.tit-num > li {padding:16px 0; border-bottom:1px solid #eee;}
.tit-num > li:last-child {border-bottom:none;}
.tit-num > li > b {display:block; font-size:16px; color:#333; margin-bottom:8px;}
.tit-num > li > b .num {display:inline-block; color:#1a2a5e; font-weight:700; margin-right:6px;}
.tit-num > li > p {font-size:14px; line-height:1.7; color:#555; margin:4px 0;}

@media screen and (max-width:768px) {
  .tpl-tit {font-size:18px; margin-bottom:15px;}
  .tit-num > li {padding:12px 0;}
  .tit-num > li > b {font-size:15px;}
  .tit-num > li > p {font-size:14px;}
}