@charset "utf-8";

/* 
** 기본 스타일 라이브러리입니다.
*** 임의로 수정을 금합니다.
*/
.sian_container {}
.sian_container img {display: block; width: 100%;}

body {min-height: calc(var(--vh, 1vh) * 100); line-height: 1.8;}
body.fixed {overflow: hidden;}
::-webkit-scrollbar {width: 5px; height: 5px; background: #dfdfdf;}
::-webkit-scrollbar-thumb {background: var(--primary-dark);}
body.is_viewport::-webkit-scrollbar {display: none!important;}


/* Set fonts */
.base_font--pretendard {font-family: "Pretendard";}
.base_font--noto_sans {font-family: "Noto Sans KR";}
.base_font--roboto {font-family: "Roboto";}

.typo1,
.typo2,
.typo3,
.typo4,
.typo5,
.typo6 {display: block; font-weight: 700; line-height: 1.3; margin-bottom: 0.4em;}
.typo1 {font-size: 92px;}
.typo2 {font-size: 82px;}
.typo3 {font-size: 76px;}
.typo4 {font-size: 70px;}
.typo5 {font-size: 64px;}
.typo6 {font-size: 58px;}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {display: block; font-weight: 700; line-height: 1.4; margin-bottom: 0.4em;}
.h1 {font-size: 52px;}
.h2 {font-size: 42px;}
.h3 {font-size: 36px;}
.h4 {font-size: 32px;}
.h5 {font-size: 28px;}
.h6 {font-size: 24px;}

.sbj_tag {display: block; font-size: 18px; font-weight: 700; color: var(--main-color); margin-bottom: 0.3em;}

.lead, .p1, .p2, .p3, .p4 {display: block; margin-bottom: 0.5em;}
.lead {font-size: 22px;}
.p1 {font-size: 20px;}
.p2 {font-size: 18px;}
.p3 {font-size: 16px;}
.p4 {font-size: 14px;}

.lineclamp--1 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; line-height: 1.5; max-height: 1.5em; word-break: break-all;}
.lineclamp--2 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 1.5; max-height: 3em; word-break: break-all;}
.lineclamp--3 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; line-height: 1.5; max-height: 4.5em; word-break: break-all;}
.lineclamp--4 {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 1.5; max-height: 6em; word-break: break-all;}

@media screen and (max-width: 1399px) {
  .typo1 {font-size: 42px;}
  .typo2 {font-size: 40px;}
  .typo3 {font-size: 38px;}
  .typo4 {font-size: 36px;}
  .typo5 {font-size: 34px;}
  .typo6 {font-size: 32px;}
  .h1 {font-size: 30px;}
  .h2 {font-size: 28px;}
  .h3 {font-size: 26px;}
  .h4 {font-size: 24px;}
  .h5 {font-size: 22px;}
  .h6 {font-size: 20px;}
  .sbj_tag {font-size: 16px;}
  .lead {font-size: 18px;}
  .p1 {font-size: 16px;}
  .p2 {font-size: 15px;}
  .p3 {font-size: 14px;}
  .p4 {font-size: 12px;}
}
@media screen and (max-width: 767px) {
  .typo1 {font-size: 40px;}
  .typo2 {font-size: 38px;}
  .typo3 {font-size: 36px;}
  .typo4 {font-size: 34px;}
  .typo5 {font-size: 32px;}
  .typo6 {font-size: 30px;}
  .h1 {font-size: 28px;}
  .h2 {font-size: 26px;}
  .h3 {font-size: 24px;}
  .h4 {font-size: 22px;}
  .h5 {font-size: 20px;}
  .h6 {font-size: 18px;}
  .sbj_tag {font-size: 15px;}
  .lead {font-size: 16px;}
  .p1 {font-size: 14px;}
  .p2 {font-size: 13px;}
  .p3 {font-size: 12px;}
  .p4 {font-size: 10px;}
}




/* Set styles */
.underline {text-decoration: underline!important;}
.ff--main {font-family: var(--main-font)!important;}
.ff--sub1 {font-family: var(--sub-font1)!important;}

.ta--l {text-align: left!important;}
.ta--r {text-align: right!important;}
.ta--c {text-align: center!important;}
.ta--j {text-align: justify!important;}
.fw--200 {font-weight: 200!important;}
.fw--300 {font-weight: 300!important;}
.fw--400 {font-weight: 400!important;}
.fw--500 {font-weight: 500!important;}
.fw--600 {font-weight: 600!important;}
.fw--700 {font-weight: 700!important;}
.fw--800 {font-weight: 800!important;}
.fw--900 {font-weight: 900!important;}
.tt--u {text-transform: uppercase!important;}
.tt--c {text-transform: capitalize!important;}
.lh--100 {line-height: 1.0!important;}
.lh--110 {line-height: 1.1!important;}
.lh--120 {line-height: 1.2!important;}
.lh--130 {line-height: 1.3!important;}
.lh--140 {line-height: 1.4!important;}
.lh--150 {line-height: 1.5!important;}
.lh--160 {line-height: 1.6!important;}
.lh--170 {line-height: 1.7!important;}
.lh--180 {line-height: 1.8!important;}
.wb--ka {word-break: keep-all!important;}
.wb--ba {word-break: break-all!important;}
.wb--n {word-break: normal!important;}

.dp--i {display: inline!important;}
.dp--ib {display: inline-block!important;}
.dp--b {display: block!important;}
.dp--f {display: flex!important;}
.dp--if {display: inline-flex!important;}
.dp--g {display: grid!important;}

.flex {display: flex!important;}
.flex--wrap {flex-wrap: wrap!important;}
.flex--nowrap {flex-wrap: nowrap!important;}
.flex--col {flex-direction: column!important;}
.flex--row {flex-direction: row!important;}
.jc--sb {justify-content: space-between!important;}
.jc--sa {justify-content: space-around!important;}
.jc--fs {justify-content: flex-start!important;}
.jc--fe {justify-content: flex-end!important;}
.jc--c {justify-content: center!important;}
.ai--c {align-items: center!important;}
.ai--fs {align-items: flex-start!important;}
.ai--fe {align-items: flex-end!important;}

.grid {display: grid!important;}
.gtc--1 {grid-template-columns: repeat(1, 1fr);}
.gtc--2 {grid-template-columns: repeat(2, 1fr);}
.gtc--3 {grid-template-columns: repeat(3, 1fr);}
.gtc--4 {grid-template-columns: repeat(4, 1fr);}
.gtc--5 {grid-template-columns: repeat(5, 1fr);}
.gtc--1-2 {grid-template-columns: repeat(1fr, 2fr);}
.gtc--1-3 {grid-template-columns: repeat(1fr, 3fr);}
.gtc--1-4 {grid-template-columns: repeat(1fr, 4fr);}
.gtc--2-1 {grid-template-columns: repeat(2fr, 1fr);}
.gtc--2-3 {grid-template-columns: repeat(2fr, 3fr);}

.gap--5 {gap: 5px;}
.gap--10 {gap: 10px;}
.gap--15 {gap: 15px;}
.gap--20 {gap: 20px;}
.gap--25 {gap: 25px;}
.gap--30 {gap: 30px;}
.gap--40 {gap: 40px;}
.gap--50 {gap: 50px;}
.gap--60 {gap: 60px;}
.gap--70 {gap: 70px;}
.gap--80 {gap: 80px;}
.gap--90 {gap: 90px;}
.gap--100 {gap: 100px;}
.gap--0-5 {gap: 0 5px;}
.gap--0-10 {gap: 0 10px;}
.gap--0-15 {gap: 0 15px;}
.gap--0-20 {gap: 0 20px;}
.gap--0-25 {gap: 0 25px;}
.gap--0-30 {gap: 0 30px;}
.gap--0-40 {gap: 0 40px;}
.gap--0-50 {gap: 0 50px;}
.gap--5-0 {gap: 5px 0;}
.gap--10-0 {gap: 10px 0;}
.gap--15-0 {gap: 15px 0;}
.gap--20-0 {gap: 20px 0;}
.gap--25-0 {gap: 25px 0;}
.gap--30-0 {gap: 30px 0;}
.gap--40-0 {gap: 40px 0;}
.gap--50-0 {gap: 50px 0;}

.bg {background: no-repeat center / cover;}

.pc-br {display: block;}
.t-br {display: none;}
.m-br {display: none;}

.mg--0 {margin: 0!important;}
.mg--0-auto {margin: 0 auto!important;}
.ml--0 {margin-left: 0!important;}
.mr--0 {margin-right: 0!important;}
.mt--0 {margin-top: 0!important;}
.mb--0 {margin-bottom: 0!important;}
.mr--auto {margin-right: auto!important;}
.ml--auto {margin-left: auto!important;}
.mt--auto {margin-top: auto!important;}
.mb--auto {margin-bottom: auto!important;}
.pd--0 {padding: 0!important;}
.pl--0 {padding-left: 0!important;}
.pr--0 {padding-right: 0!important;}
.pt--0 {padding-top: 0!important;}
.pb--0 {padding-bottom: 0!important;}
.pd--10 {padding: 10px!important}
.pd--15 {padding: 15px!important}
.pd--20 {padding: 20px!important}
.pd--25 {padding: 25px!important}
.pd--30 {padding: 30px!important}
.pd--35 {padding: 35px!important}
.pd--40 {padding: 40px!important}
.pd--45 {padding: 45px!important}
.pd--50 {padding: 50px!important}
.pb--10 {padding-bottom: 10px!important;}
.pb--20 {padding-bottom: 20px!important;}
.pb--30 {padding-bottom: 30px!important;}
.pb--40 {padding-bottom: 40px!important;}
.pb--50 {padding-bottom: 50px!important;}
.pr--10 {padding-right: 10px!important;}
.pr--20 {padding-right: 20px!important;}
.pr--30 {padding-right: 30px!important;}
.pr--40 {padding-right: 40px!important;}
.pr--50 {padding-right: 50px!important;}
.pl--10 {padding-left: 10px!important;}
.pl--20 {padding-left: 20px!important;}
.pl--30 {padding-left: 30px!important;}
.pl--40 {padding-left: 40px!important;}
.pl--50 {padding-left: 50px!important;}
.pt--10 {padding-top: 10px!important;}
.pt--20 {padding-top: 20px!important;}
.pt--30 {padding-top: 30px!important;}
.pt--40 {padding-top: 40px!important;}
.pt--50 {padding-top: 50px!important;}

.bdr--5 {border-radius: 5px!important;}
.bdr--10 {border-radius: 10px!important;}
.bdr--15 {border-radius: 15px!important;}
.bdr--20 {border-radius: 20px!important;}
.bdr--25 {border-radius: 25px!important;}
.bdr--30 {border-radius: 30px!important;}

.anchor_wrap {position: relative;}
.anchor_wrap .anchor {position: absolute; top: -150px; left: 0; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; opacity: 0;}

@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .pc-br {display: none;}
  .t-br {display: block;}
  .m-br {display: none;}

  .gtc--2,
  .gtc--3,
  .gtc--4,
  .gtc--5 {grid-template-columns: repeat(2, 1fr);}

  .anchor_wrap .anchor {top: -100px;}
}
@media screen and (max-width: 767px) {
  .pc-br {display: none;}
  .t-br {display: none;}
  .m-br {display: block;}
}
@media screen and (max-width: 499px) {
  .gtc--2,
  .gtc--3,
  .gtc--4,
  .gtc--5 {grid-template-columns: repeat(1, 1fr);}
}



/* Set container */
.container {max-width: calc(100% - 100px); min-width: 320px; margin: 0 auto;}
.container_size--1024 .container {width: 1024px;}
.container_size--1200 .container {width: 1200px;}
.container_size--1320 .container {width: 1320px;}
.container_size--1340 .container {width: 1340px;}
.container_size--1370 .container {width: 1370px;}
.container_size--1420 .container {width: 1420px;}
.container_size--1470 .container {width: 1470px;}
.container_size--1520 .container {width: 1520px;}
.container_size--full .container {width: 100%;}

@media screen and (max-width: 1399px) {
  .container {max-width: calc(100% - 30px); width: 720px!important;}
}



/* Set elements */
.arrow {display: block;width: 10px;height: 10px;border-top: 2px solid #000;border-right: 2px solid #000;}
.arrow.right {transform: rotate(45deg);}
.arrow.left {transform: rotate(-135deg);}
.arrow.up {transform: rotate(-45deg);}
.arrow.down {transform: rotate(135deg);}
.ico--times {transform: rotate(45deg);}
.ico--times,
.ico--plus {display: block;position: relative;width: 30px;height: 30px;}
.ico--times:after,
.ico--times:before,
.ico--plus:after,
.ico--plus:before {display: block;content: '';background-color: #ccc;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ico--times:after,
.ico--plus:after {width: 100%;height: 1px;}
.ico--times:before,
.ico--plus:before {width: 1px;height: 100%;}
.ico--circle {position: relative;display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 100%;border: 1px solid #000;}
.ico--circle .arrow {position: static;width: 30%;height: 30%;border-color: #000;}
.ico--circle .arrow.left {margin-left: 10%;}
.ico--circle .arrow.right {margin-left: -10%;}
.ico--circle .arrow.top {margin-top: 10%;}
.ico--circle .arrow.bottom {margin-top: -10%;}
.ico--play {display: block;width: 0;height: 0;border-left: 13px solid #000;border-top: 8px solid transparent;border-bottom: 8px solid transparent;margin-left: 3px;}
.ico--pause {display: block; width: 18px; height: 20px; display: flex; justify-content: space-between;}
.ico--pause::after,
.ico--pause::before {width: 7px; height: 100%; content: ''; display: block; background: #000;}
.ico--loading {display: block;width: 30px;height: 30px;border-radius: 50%;border: 4px solid var(--main-color);border-right-color: transparent;animation-name: loading;animation-iteration-count: infinite;animation-duration: 1s;animation-timing-function: ease-in-out;}
@keyframes loading {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

.overflow_container {overflow: auto;}
.overflow_container--x {overflow-x: auto;}
.overflow_container--y {overflow-y: auto;}

.top_btn {width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background: var(--sub-color2); font-size: 20px; transition: background .3s; border-radius: 10px; color: #fff;}
.top_btn.fixed {position: fixed; bottom: 20px; right: 20px; z-index: 8888;}

@media (hover: hover) {
  .top_btn:hover {background: var(--sub-color1);}
}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}




/* Set Components */
.cover_link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}

.btn--play {position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; background: rgba(0,0,0,.5); color: #fff; cursor: pointer;}
.btn--play::after {content: ''; width: 0; height: 0; border-left: 24px solid #fff; border-top: 14px solid transparent; border-bottom: 14px solid transparent; margin-left: 5px;}
.btn--play::before {content: ''; position: absolute; top: 50%; left: 50%; width: calc(100% - 10px); height: calc(100% - 10px); border-radius: 50%; border: 2px solid var(--sub-color1); transform: translate(-50%, -50%); box-sizing: border-box;}

.video_box {position: relative; width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; background: #000;}
.video_box .video,
.video_box video,
.video_box iframe {position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.video_box .btn--play {position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%);}
.video_box__loading {position: absolute;top: 50%;left: 50%;margin: -5px 0 0 -5px;z-index: 0;}

.map_container {position: relative; overflow: hidden; width: 100%; height: 400px; background: var(--gray-lighter);}
.map_container .map,
.map_container iframe {position: absolute; top: 50%; left: 50%; width: calc(100% + 500px); height: calc(100% + 500px); transform: translate(-50%, -50%);}

ul.bullet > li {position: relative;padding: 0 0 0.5em 1em;text-align: left;font-weight: 400;line-height: 150%;}
ul.bullet > li:last-child {padding-bottom: 0 !important;}
ul.bullet > li:before {display: block;content: '';width: 4px;height: 4px;border-radius: 100%;background-color: #767676;position: absolute;top: 0.75em;left: 0;transform: translateY(-50%);}
ul.bullet.colored > li:before {background-color: var(--primary);}
ul.bullet.tiny > li:before {width: 2px;height: 2px;}
ul.bullet.big > li:before {width: 6px; height: 6px;}
ul.bullet.squared > li:before {width: 6px;height: 6px;border-radius: 0; background: var(--gray-light);}
ul.bullet.hyphen > li:before {width: 5px;height: 1px;border-radius: 0;background-color: #767676;}
ul.bullet.plus > li {padding-left: 1.2em;}
ul.bullet.plus > li:before {content: '+'; color: var(--primary); font-weight: 700; background: none; width: auto; height: auto;}
ul.bullet.arw > li:before {width: 0; height: 0; border-left: .4em solid var(--primary); border-block: .3em solid transparent; border-radius: 0; background: none;}
ul.bullet.disc > li {padding-left: 1.2em;}
ul.bullet.disc > li:before {border: 3px solid var(--primary); background: none;}

@media screen and (max-width: 767px) {
  .btn--play {width: 70px; height: 70px;}
  .btn--play::after {border-left-width: 14px; border-top-width: 9px; border-bottom-width: 9px; margin-left: 3px;}
}


@media (hover: hover) {
  .gnb__item:hover {z-index: 10;}
  .gnb__item:hover > a {color: var(--main-color);}
  .gnb__item:hover .submenu_container {transform: translate(-50%); opacity: 1; pointer-events: initial; }
  .submenu__item > a:hover {color: var(--sub-color1);}
  .lang_nav--dropdown--text:hover .cur,
  .lang_nav--dropdown--text-flag:hover .cur {border-radius: 5px 5px 0 0; border-bottom: none;}
  .lang_nav--dropdown--flag:hover .cur {border-bottom: none;}
  .lang_nav--dropdown--flag:hover .ls,
  .lang_nav--dropdown--text:hover .ls,
  .lang_nav--dropdown--text-flag:hover .ls {display: block;}
  .lang_nav .ls a:hover {color: var(--main-color);}
  .lang_nav--dropdown--flag .ls > li > a:hover .flag {border: 2px solid var(--main-color);}
}
@media screen and (max-width: 1399px) {
  .split_banner .banner__left .inner {padding-right: 40px;}
  .split_banner .banner__right .inner {padding-left: 40px;}

  .gnb {display: none;}
  .header {height: 60px;}
  .header .logo {width: 72px; height: 31px;}
  .header_etc_nav {gap: 10px;}
}
@media screen and (max-width: 767px) {
  .split_banner .banner {justify-content: center!important;}
  .split_banner .banner .inner {padding-left: 0!important; padding-right: 0!important; max-width: calc(100% - 40px);}

  .header .lang_nav {display: none;}

  .lang_nav {font-size: 14px;}
}


/* Footer */
.container_size--1024 .container {width: calc(1200px);}
.footer {color: #fff; margin-top: auto;}
.footer__logo {display: block;}
.footer_top {background: #333; padding: 50px 0;}
.footer_bot {background: #1b1b1b; color: #afafaf; padding: 25px 0;}
.footer .copy {font-size: 14px; font-weight: 300;}
.footer__sns {display: flex; align-items: center; flex-wrap: wrap; gap: 10px;}
.footer__sns a {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; background: #dfdfdf; border-radius: 50%; color: #000;}
.footer__family_site {width: 100%; height: auto; position: relative; cursor: pointer;}
.footer__family_site .trigger {display: flex; align-items: center; justify-content: space-between; gap: 0 1em; height: 50px; font-size: 18px; padding: 0 1.2em 0 1.5em; border: 1px solid #fff; border-radius: 10px;}
.footer__family_site .trigger i {border-top: 5px solid #fff; border-left: 5px solid transparent; border-right: 5px solid transparent;}
.footer__family_site .ls {display: flex; flex-direction: column; padding: 10px 0; border: 1px solid #fff; border-radius: 0 0 10px 10px; position: absolute; top: calc(100% - 1px); left: 0; width: 100%; transform: translate(0 , 1px); background: #1b1b1b; display: none;}
.footer__family_site .ls a {font-size: 18px; padding: 0 1.2em 0 1.5em;}
.footer__family_site:hover {color: #fff;}
.footer__family_site:hover .trigger {font-weight: 700; background: var(--sub-color2); border-radius: 10px 10px 0 0;}
.footer__family_site:hover .trigger i {border-top: none; border-bottom: 5px solid #fff;}
.footer__family_site:hover .ls {display: flex; background: var(--sub-color2);}

@media screen and (max-width: 1399px) {
  .footer {font-size: 14px;}
  .footer_top {padding: 35px 0;}
  .footer_bot {padding: 25px 0;}
  .footer .copy {font-size: 12px;}
}

.footer--simple2 .footer_top .container {display: flex; align-items: flex-start; gap: 60px;}
.footer--simple2 .footer__logo {margin-right: auto; flex-shrink: 0;}
.footer--simple2 .footer__info .contact {display: flex; flex-wrap: wrap; gap: 0 1em;}
.footer--simple2 .ico_info {flex-shrink: 0;}
.footer--simple2 .ico_info .key {font-size: 16px; font-weight: 700; margin-bottom: 0.5em;}
.footer--simple2 .ico_info .val {display: flex; align-items: center;}
.footer--simple2 .ico_info .val .ico {flex-shrink: 0; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #fff; color: #000; font-size: 16px; margin-right: 10px;}
.footer--simple2 .ico_info .val .con {font-size: 24px;}
.footer--simple2 .footer__sns a {border-radius: 3px; border: 1px solid #dfdfdf; background: none; color: #dfdfdf; width: 50px; height: 50px; font-size: 18px;}
.footer--simple2 .top_btn {border-radius: 5px;}

.footer--simple3 .copy {font-size: 16px;}
.footer--simple3 .footer__logo {margin-right: auto; flex-shrink: 0;}
.footer--simple3 .footer_top .container {gap: 50px;}
.footer--simple3 .footer__info .contact {display: flex; flex-wrap: wrap; gap: 0em 1em;}
.footer--simple3 .footer__etc {flex-shrink: 0;}
.footer--simple3 .footer__etc .links {gap: .7em; margin-bottom: 15px;}
.footer--simple3 .footer__etc .boxed_link {display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; height: 50px; border: 1px solid #fff;}
.footer--simple3 .footer__icons {display: flex; gap: 10px;}
.footer--simple3 .footer__icons .icon {width: 70px; height: 70px; border-radius: 50%; background: #dfdfdf; font-size: 0;}
.footer--simple3 .top_btn {border-radius: 50%; width: 40px; height: 40px;}
.footer--simple3 .footer__sns a {width: 40px; height: 40px; font-size: 18px;}

.container_size--1420 .footer--multi_addr1 .container {width: 1420px;}
.footer--multi_addr1 {background: #1b1b1b; padding: 0; color: #8D8A8A;}
.footer--multi_addr1 .logo {}
.footer--multi_addr1 > div {padding: 20px 0;}
.footer--multi_addr1 .footer__head {border-bottom: 1px solid rgba(255,255,255,.2);}
.footer--multi_addr1 .footer__head .container {display: flex; align-items: center; justify-content: space-between; gap: 0 50px;}
.footer--multi_addr1 .f_quick {display: flex; align-items: center; gap: 0 1.5em; font-size: 20px;}
.footer--multi_addr1 .f_quick a {display: flex; gap: 0 .5em; align-items: center;}
.footer--multi_addr1 .footer__body .container {display: flex; align-items: flex-start; gap: 20px 50px; padding: 20px 0;}
.footer--multi_addr1 .footer__body .box_group h3 {margin-bottom: 1.5em;}
.footer--multi_addr1 .footer__body .box_group1 {margin-right: auto;}
.footer--multi_addr1 .footer__body .box_ls {display: flex; gap: 20px 30px;}
.footer--multi_addr1 .f_location {font-size: 16px;}
.footer--multi_addr1 .f_location .tit {display: block;}
.footer--multi_addr1 .f_location .addr {display: block; margin-bottom: 1em;}
.footer--multi_addr1 .f_location .contact li {display: flex;}
.footer--multi_addr1 .f_location .contact li .tag {width: 70px;}
.footer--multi_addr1 .f_sns {display: flex; gap: 0 10px;}
.footer--multi_addr1 .f_sns a {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid transparent; border-radius: 10px; background: #393939; font-size: 22px;}
.footer--multi_addr1 .f_etc {display: flex; flex-wrap: wrap; gap: 10px; margin-left: auto; flex-shrink: 0;}
.footer--multi_addr1 .f_etc .f_sns {margin-left: auto;}
.footer--multi_addr1 .f_etc .footer__family_site .trigger,
.footer--multi_addr1 .f_etc .footer__family_site .ls {background: #393939; border: none;}
.footer--multi_addr1 .footer__foot {margin-top: 20px; background: #111;}
.footer--multi_addr1 .footer__foot .container {display: flex; align-items: center; justify-content: space-between; gap: 0 50px; }

.footer--simple2.footer--multi_addr2 {word-break: keep-all; font-size: 14px; color: #909090; border-top: 1px solid #ededed;}
.footer--simple2.footer--multi_addr2 .footer_top {background: #fff; padding: 20px 0; border-bottom: 1px solid #ededed;}
.footer--simple2.footer--multi_addr2 .footer_top .container {align-items: center;}
.footer--simple2.footer--multi_addr2 .footer_body {background: #fff; border-bottom: 1px solid #ededed;}
.footer--simple2.footer--multi_addr2 .footer_body .container {padding: 40px 0;}
.footer--simple2.footer--multi_addr2 .footer__info {gap: 20px 50px;}
.footer--simple2.footer--multi_addr2 .ico_info .val .ico {border: 1px solid #afafaf; font-size: 13px;}
.footer--simple2.footer--multi_addr2 .ico_info .val .con {font-size: 20px;}
.footer--simple2.footer--multi_addr2 .footer_bot {background: #fff;}


@media (hover: hover) {
  .footer__family_site .ls a:hover {font-weight: 700;}
  .footer--multi_addr1 .f_quick a:hover {color: var(--sub-color1);}
  .footer--multi_addr1 .f_etc .f_sns a:hover {background: var(--sub-color2);}
}
@media screen and (max-width: 1399px) {
  .family_site .ls a,
  .family_site .trigger {font-size: 16px;}
  .footer--multi_addr1 .f_quick {font-size: 16px;}
  .footer--multi_addr1 .f_etc {width: 200px; font-size: 16px;}
  .footer--multi_addr1 .f_location {font-size: 14px;}
  .footer--multi_addr1 .f_location .addr br {display: none;}
}
@media screen and (max-width: 1399px) {
  .footer--simple1 .footer__logo {width: 120px; margin-bottom: 10px;}

  .footer--simple2 .footer_top .container {flex-wrap: wrap; gap: 20px 40px;}
  .footer--simple2 .footer__info {width: 100%;}
  .footer--simple2 .ico_info.call {margin-right: 50px;}
  .footer--simple2 .ico_info .key {font-size: 15px; margin-bottom: 0.5em;}
  .footer--simple2 .ico_info .val .ico {width: 28px; height: 28px; font-size: 15px;}
  .footer--simple2 .ico_info .val .con {font-size: 18px;}

  .footer--simple3 .copy {font-size: 14px;}
  .footer--simple3 .footer_top .container {flex-wrap: wrap;}
  .footer--simple3 .footer__etc {margin-left: auto;}

  .footer--multi_addr1 .footer__body .container {flex-wrap: wrap; gap: 50px;}
  .footer--multi_addr1 .footer__body .box_group .box_ls .box {width: 100%;}
  .footer--multi_addr1 .footer__body .box_group1 .box_ls .box {width: 50%;}
  .footer--multi_addr1 .f_location {width: calc((100% - 60px) / 3)}
  .footer--multi_addr1 .f_etc {width: 100%; flex-direction: row; gap: 10px;}

}
@media screen and (max-width: 767px) {
  .footer--simple1 .footer__logo {margin-bottom: 20px;}
  .footer--simple1 .footer__info .tag {display: block;}
  .footer--simple1 .footer__info .contact .item {margin: 0 .5em;}
  .footer--simple1 .footer__info .contact .item::after {display: none;}
  .footer--simple2 .footer_bot .container {gap: 20px; padding: 10px 0;}

  .footer--simple3 .footer_top .container {flex-direction: column; gap: 20px 0;}
  .footer--simple3 .footer__etc {margin-left: 0;}
  .footer--simple3 .addr {margin-bottom: 1em;}
  .footer--simple3 .copy {margin-top: 0;}

  .footer--multi_addr1 .f_quick {display: none;}
  .footer--multi_addr1 .f_location {width: 100%;}
}
@media screen and (max-width: 499px) {
  .footer--multi_addr1 .footer__body .box_group h3 {font-size: 20px; margin-bottom: 15px;}
  .footer--multi_addr1 .footer__body .box_group .box_ls {flex-wrap: wrap; gap: 30px;}
  .footer--multi_addr1 .footer__body .box_group .box_ls .box {width: 100%;}
  .footer--multi_addr1 .f_location .addr {margin-bottom: 0.5em;}
  .footer--multi_addr1 .f_location .contact {display: flex; flex-wrap: wrap; gap: 0 1.5em;}
  .footer--multi_addr1 .f_location .contact li .tag {width: auto; margin-right: .5em;}
}



/* Board */
.paging {display: flex; align-items: center; justify-content: center; gap: 10px; padding: 80px 0 0 0;}
.paging__btn {display: flex; flex-shrink: 0; align-items: center; justify-content: center; text-align: center; width: 50px; height: 50px; font-size: 28px; padding: 5px; font-family: var(--sub-font1); font-weight: 600;color:#C9CCD2;}
.paging__controller.paging__start .arrow:first-child,
.paging__controller.paging__prev .arrow {margin-left: 3px;}
.paging__controller.paging__end .arrow:last-child,
.paging__controller.paging__next .arrow {margin-right: 3px;}
.paging__controller.disabled {cursor: normal; pointer-events: none; opacity: .5;}
.paging ul {display: flex; gap: 5px; margin: 0 10px;}
.paging .paging__num span {display: block; width: 100%; overflow: hidden; white-space: nowrap; word-break: break-all; text-overflow: ellipsis; line-height: 1;}
.paging .paging__num.active {color: #162948; font-weight: 700;}

.board_view {}
.board_view__head {display: flex; align-items: flex-start; gap: 10px 50px; border-top: 2px solid var(--main-color); padding: 35px 0;}
.board_view__head .sbj {display: flex; gap: .5em; margin-bottom: 0; width: 100%;}
.board_view__head .sbj .tag {height: 2.5em; padding: 0 15px; display: flex; align-items: center; justify-content: center; background: var(--main-color); color: #fff; font-size: 0.6em; border-radius: 2.5em;}
.board_view__head .info {display: flex; flex-shrink: 0; gap: 1em; color: #909090;}
.board_view__head .info__item {display: flex; gap: 0 .3em; align-items: center;}
.board_view__body {padding: 35px 0; border-top: 1px solid #afafaf;}
.board_view__etc {border-top: 1px solid #afafaf; padding: 25px 0;}
.board_view__etc ul {}
.board_view__etc ul > li {font-size: 18px; padding: 10px 0; border-bottom: 1px solid #dadada;}
.board_view__etc ul > li:last-child {border-bottom: none;}
.board_view__etc ul > li a {display: flex; align-items: center; gap: 1em;}
.board_view__etc ul > li .tag {display: flex; align-items: center; justify-content: center; background: var(--sub-color1); color: #fff; height: 2em; flex-shrink: 0; padding: 0 20px; border-radius: 2em;}
.board_view__etc ul > li .val {width: 100%;}
.board_view__foot {display: flex; justify-content: space-between; gap: 10px 30px; border-top: 1px solid #afafaf; padding: 35px 0;}
.board_view__foot a {width: 200px; height: 70px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 22px;}
.board_view__foot .btn--paging {background: #f9f8f7; border-radius: 70px; gap: 1em;}
.board_view__foot .btn--paging.disabled {opacity: .5; pointer-events: none;}
.board_view__foot .btn--paging .arrow {width: .7em; height: .7em; opacity: .2; border-width: 4px;}
.board_view__foot .btn--list {background: var(--main-color); color: #fff; border-radius: 70px;}

.board_ls {width: 100%; table-layout: fixed;}
.board-empty {}
.board-empty .inner {display: flex; align-items: center; justify-content: center; text-align: center; color: var(--gray); font-size: 20px; line-height: 1.5; min-height: 300px; border: 1px solid var(--gray-light);}
.board_ls col.col--sml {width: 100px;}
.board_ls col.col--smid {width: 150px;}
.board_ls col.col--mid {width: 200px;}
.board_ls col.col--sbig {width: 250px;}
.board_ls col.col--big {width: 300px;}
.board_ls th,
.board_ls td {padding: 10px 20px;}
.board_ls thead {background: var(--light-gray2); font-size: 20px;}
.board_ls tbody {font-size: 18px;}
.board_ls tbody th,
.board_ls tbody td {padding: 20px; border-bottom: 1px solid var(--gray3)}
.board_ls tbody td .sbj {margin-bottom: 0;}
.board_ls .mo_info {display: none;}

.board_ls--thumb {border-top: 1px solid var(--gray2);}
.board_ls--thumb .board_article {display: flex; position: relative; gap: 20px 40px; padding: 30px 0; border-bottom: 1px solid var(--gray2);}
.board_ls--thumb .board_article .thumb {flex-shrink: 0; width: 400px; background: no-repeat center / cover; background-color: var(--light-gray2);}
.board_ls--thumb .board_article .cont {display: flex; flex-direction: column; width: 100%;}
.board_ls--thumb .board_article .cont .sbj {min-height: 3em;}
.board_ls--thumb .board_article .cont .bot {margin-top: auto;}
.board_ls--thumb .board_article .cont .info {color: var(--gray2);}

.gall_ls {display: grid; grid-template-columns: repeat(4, 1fr); gap: 80px 40px;}
.gall_ls .gall_article {position: relative; display: flex; flex-direction: column;}
.gall_ls .gall_article .thumb {position: relative; display: flex; align-items: center; justify-content: center; text-align: center; background: no-repeat center / cover; background-color: var(--light-gray2); height: 0; padding-bottom: 120%;}
.gall_ls .gall_article .thumb .icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; width: 150px; height: 150px; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 1; font-size: 22px; font-weight: 700; color: #fff; background: var(--main-color);}
.gall_ls .gall_article .info {display: flex; flex-direction: column; padding: 20px 0 0 0; height: 100%;}
.gall_ls .gall_article .info .sbj {margin-bottom: auto;}
.gall_ls .gall_article .info .download_btn {display: flex; align-items: center; justify-content: center; padding: 15px 20px; font-size: 18px; line-height: 1; font-weight: 500; border: 1px solid var(--gray3); margin-top: 20px;}

.gall_ls--video {display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 30px;}
.gall_ls--video .board-empty {grid-column: 1 / 4;}
.gall_ls--video__item {position: relative;}
.gall_ls--video__item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gall_ls--video__item .thumb {background-color: #dfdfdf; width: 100%; height: 0; padding-bottom: 55%;}
.gall_ls--video__item .info {padding-top: 20px;}
.gall_ls--video__item .info .sbj {min-height: 3em; line-height: 1.5; word-break: break-all; hyphens: auto;}
.gall_ls--video__item .info .date {color: #888;}

.qna_ls {display: flex; flex-direction: column; gap: 20px;}
.qna_item {position: relative;}
.qna_item .content_container {display: flex; padding: 20px; gap: 30px;}
.qna_item .content_container .tag {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background: var(--gray3); flex-shrink: 0; font-size: 24px; font-weight: 700; color: #fff;}
.qna_item .content_container .content {display: flex; align-items: center; width: 100%;}
.qna_item .content_container .icon {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; flex-shrink: 0; border: 1px solid var(--gray2); border-radius: 50%;}
.qna_item .content_container .icon .arrow {width: 12px; height: 12px; border-color: var(--gray1);}
.qna_item .content_container.question {background: var(--light-gray2); cursor: pointer;}
.qna_item .content_container.question .content .sbj {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 1; min-height: 1em; margin-bottom: 0; word-break: break-all;}
.qna_item .content_container.answer {display: none; background: #fff; border-bottom: 1px solid var(--gray3);}
.qna_item.active .content_container.question .sbj {display: block; line-height: 1.5; word-break: normal;}
.qna_item.active .content_container.answer {display: flex;}


@media (hover: hover) {
  .board_view__etc ul > li a:hover {opacity: .5;}
  .board_view__foot .btn--paging:hover {color: var(--main-color);}
  .board_view__foot .btn--paging:hover .arrow {border-color: var(--main-color); opacity: 1;}
  .board_view__foot .btn--list:hover {background: var(--sub-color1);}

  .gall_ls .gall_article:hover .thumb .icon {opacity: 1;}
  .gall_ls .gall_article .info .download_btn:hover {border-color: var(--main-color); color: var(--main-color);}
}
@media screen and (max-width: 1399px) {
  .paging {}
  .paging__btn {width: 30px; height: 30px;}
  .paging__controller .arrow {width: 7px; height: 7px; border-width: 1px;}

  .board_view__head {flex-direction: column;}
  .board_view__head .info {width: 100%; justify-content: flex-end; font-size: 14px;}
  .board_view__etc ul > li {font-size: 15px;}
  .board_view__foot a {font-size: 15px; height: 50px;}

  .board_ls col.col--sml {width: 80px;}
  .board_ls col.col--smid {width: 100px;}
  .board_ls col.col--mid {width: 120px;}
  .board_ls col.col--sbig {width: 150px;}
  .board_ls col.col--big {width: 180px;}
  .board_ls th,
  .board_ls td {padding: 10px;}
  .board_ls thead {font-size: 16px;}
  .board_ls tbody {font-size: 14px;}
  .board_ls tbody th, .board_ls tbody td {padding: 20px 10px;}

  .board_ls--thumb .board_article .thumb {width: 250px;}

  .gall_ls {grid-template-columns: repeat(3, 1fr); gap: 40px 20px!important;}

  .gall_ls--video {grid-template-columns: repeat(2, 1fr); gap: 50px 20px;}
  .gall_ls--video__item .info {padding-top: 10px;}

  .qna_item .content_container {gap: 20px;}
  .qna_item .content_container .tag {width: 40px; height: 40px; font-size: 18px;}
  .qna_item .content_container .icon {display: none;}

}
@media screen and (max-width: 767px) {
  .board_ls .mo_info {display: flex; flex-wrap: wrap; gap: .5em; color: var(--gray1); padding-top: 5px;}
  .board_ls .mo_hide {display: none;}

  .board_ls--thumb {}
  .board_ls--thumb .board_article {flex-direction: column;}
  .board_ls--thumb .board_article .thumb {width: 100%; height: 220px;}

  .gall_ls {grid-template-columns: repeat(2, 1fr)!important; gap: 40px 10px!important;}
}
@media screen and (max-width: 499px) {
  .gall_ls {grid-template-columns: repeat(1, 1fr)!important;}

  .gall_ls--video {grid-template-columns: repeat(1, 1fr); gap: 50px 0;}
  .gall_ls--video__item .info .sbj {min-height: 0;}
}


/* Popup Layer */
.popup_list {position: absolute; top: 0; left: 0; z-index: 9998; width: 100%;}
.popup {position: absolute; display: flex; flex-direction: column; box-shadow: 0 0 10px rgba(0,0,0,.3); border-radius: 5px; overflow: hidden;}
.popup__inner {background-color: #fff; max-width: 100%; min-width: 300px; padding: 10px;}
.popup__inner b, .popup__inner, strong {font-weight: 700;}
.popup__inner img {display: block; max-width: 100%;}
.popup__buttons {display: flex; justify-content: flex-end; background-color: #000D2B; padding: 10px 20px;}
.popup__buttons a {font-size: 14px; color: #fff; margin: 0 0 0 20px;}
.popup__buttons a:hover {text-decoration: underline;}

@media screen and (max-width: 1399px) {
    .popup {left: 100px!important; right: auto!important; top: 100px!important;}
}
@media screen and (max-width: 767px) {
    .popup {left: 50%!important; transform: translateX(-50%)!important; max-width: calc(100% - 40px); min-width: 320px;}
    .popup__inner {width: 100%!important; min-width: 0;}
}


/* CK Editor content */
.ck-content {font-size: 22px;}
.ck-content .text-tiny {font-size: 0.7em;}
.ck-content .text-small {font-size: 0.85em;}
.ck-content .text-big {font-size: 1.4em;}
.ck-content .text-huge {font-size: 1.8em;}
.ck-content img {height: auto!important;}
.ck-content ol {list-style-type: decimal; padding-left: 1.0em;}
.ck-content ul {list-style: initial; padding-left: 1.0em;}
.ck-content li {list-style: inherit;}
.ck-content .table .ck-table-resized {table-layout: fixed;}
.ck-content .table table {overflow: hidden;}
.ck-content .table td,
.ck-content .table th {overflow-wrap: break-word; position: relative;}
.ck-content .table {margin: 0.9em auto; display: table;}
.ck-content .table table {border-collapse: collapse; border-spacing: 0; width: 100%; height: 100%; border: 1px double hsl(0, 0%, 70%);}
.ck-content .table table td,
.ck-content .table table th {min-width: 2em; padding: .4em; border: 1px solid hsl(0, 0%, 75%);}
.ck-content .table table th {font-weight: bold; background: hsla(0, 0%, 0%, 5%);}
.ck-content[dir="rtl"] .table th {text-align: right;}
.ck-content[dir="ltr"] .table th {text-align: left;}
.ck-content .table > figcaption {display: table-caption; caption-side: top; word-break: break-word; text-align: center; color: var(--ck-color-selector-caption-text); background-color: var(--ck-color-selector-caption-background); padding: .6em; font-size: .75em; outline-offset: -1px;}

@media screen and (max-width: 1399px) {
  .ck-content {font-size: 18px;}
}

@media screen and (max-width: 767px) {
  .ck-content {font-size: 15px;}
}