@charset "utf-8";

/* 
** 기본 스타일 라이브러리입니다.
*** 임의로 수정을 금합니다.
*/
body {min-height: 100vh; line-height: 1.8;}
body.fixed {overflow: hidden;}
::-webkit-scrollbar {width: 5px; height: 5px; background: #dfdfdf;}
::-webkit-scrollbar-thumb {background: var(--sub-color1);}
body.is_viewport::-webkit-scrollbar {display: none!important;}

#webs--screeshot_btn {position: fixed; bottom: 20px; right: 20px; z-index: 9999999; border: none; background: linear-gradient(45deg,#ba08eb,red); color: #fff; height: 50px; padding: 0 25px; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: 700;}
#webs--screeshot_btn i {font-size: 18px; margin-right: 5px;}
.document_container.screenshooting {position: relative; width: 1920px;}
.document_container.screenshooting .header {position: absolute;}
.document_container.screenshooting #sian_nav {opacity: 0;}



/* For prototype */
.prototype .proto-layer1 {color: #fff; background-color: #707070;}
.prototype .proto-layer2 {color: #fff; background-color: #808080;}
.prototype .proto-layer3 {color: #fff; background-color: #909090;}
.prototype .proto-layer4 {color: #fff; background-color: #a0a0a0;}
.prototype .proto-layer5 {color: #fff; background-color: #b0b0b0;}
.prototype .proto-layer6 {color: #fff; background-color: #c0c0c0;}
.prototype .proto-img1::after,
.prototype .proto-img2::after,
.prototype .proto-img3::after,
.prototype .proto-img4::after,
.prototype .proto-img5::after,
.prototype .proto-img6::after {content: attr(data-comment); font-size: 32px; color: #707070; font-weight: 700;}
.prototype .proto-img1,
.prototype .proto-img2,
.prototype .proto-img3,
.prototype .proto-img4,
.prototype .proto-img5,
.prototype .proto-img6 {display: flex; align-items: center; justify-content: center; text-align: center; background: #fff; border: 1px solid #adadad; max-width: 100%;}
.prototype .proto-img1 {height: 600px;}
.prototype .proto-img2 {height: 550px;}
.prototype .proto-img3 {height: 500px;}
.prototype .proto-img4 {height: 450px;}
.prototype .proto-img5 {height: 400px;}
.prototype .proto-img6 {height: 350px;}


/* 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) {}




/* Set styles */
.pretendard {font-family: "Pretendard";}
.nanumsquare {font-family: "Nanumsquare";}
.fc--main {color: var(--main-color)!important;}
.fc--sub1 {color: var(--sub-color1)!important;}
.fc--sub2 {color: var(--sub-color2)!important;}
.fc--black {color: #000!important;}
.fc--white {color: #fff!important;}
.fc--gray1 {color: var(--gray1)!important;}
.fc--gray2 {color: var(--gray2)!important;}
.fc--gray3 {color: var(--gray3)!important;}

.bg--g1 {background: var(--gray1)!important;}
.bg--g2 {background: var(--gray2)!important;}
.bg--g3 {background: var(--gray3)!important;}
.bg--lg1 {background: var(--light_gray1)!important;}
.bg--lg2 {background: var(--light_gray2)!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;}

.w--full {width: 100%;}
.w--half {width: 50%;}
.h--full {height: 100%;}
.h--half {height: 50%;}

.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;}
.t--hide {}
.mo--hide {}
.t--show {display: none!important;}
.mo--show {display: none!important;}

.flex {display: flex!important;}
.flex--pc {display: flex!important;}
.flex--t {display: flex!important;}
.flex--all {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;}

.fc--main {color: var(--main-color)!important;}
.fc--sub1 {color: var(--sub-color1)!important;}
.fc--sub2 {color: var(--sub-color2)!important;}

.bg--main {background: var(--main-color)!important;}
.bg--sub1 {background: var(--sub-color1)!important;}
.bg--sub2 {background: var(--sub-color2)!important;}

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

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

.pos--r {position: relative;}
.pos--a {position: absolute;}

.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;}

.el_align--center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.el_align--x_center {position: absolute; top: 0; left: 50%; transform: translate(-50%, 0);}
.el_align--y_center {position: absolute; top: 50%; left: 0; transform: translate(0, -50%);}

.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;}

  .t--hide {display: none!important;}
  .t--show {display: block!important;}

  .flex--pc {flex-direction: column!important;}

  .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;}

  .mo--hide {display: none!important;}
  .mo--show {display: block!important;}

  .flex--t {flex-direction: column!important;}
  .flex--mo_wrap {flex-wrap: wrap;}
}
@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--1370 .container {width: 1370px;}
.container_size--1420 .container {width: 1420px;}
.container_size--1540 .container {width: 1540px;}
.container_size--full .container {width: 100%;}

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



/* Set elements */
.logo {flex-shrink: 0; display: block; background: url('../images/common/logo.png') no-repeat center / cover; width: 144px; height: 62px;}

.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 #03c75b;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);}
}

.nav--sns {display: flex; gap: 5px;}
.nav--sns .btn {display: flex; align-items: center; justify-content: center; text-align: center; width: 40px; height: 40px; border: 1px solid #adadad; border-radius: 5px; font-size: 18px;}

.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) {
  .nav--sns .btn:hover {color: var(--main-color); border-color: var(--main-color);}
  .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;}
.round_icon {width: 100px; height: 100px; border-radius: 50%; background: rgba(0,0,0,.4);}

.btn--more {display: inline-flex; padding: 10px 20px; border: 1px solid var(--main-color); color: var(--main-color); flex-shrink: 0;}
.btn--more.white {border-color: #fff; color: #fff;}
.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;}

.lnb_btns {display: flex;}
.lnb_btns .btn {display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; font-size: 18px; font-weight: 500; text-align: center; line-height: 1.3; padding: 5px 20px;}

.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; width: 100%; height: 100%;}
.video_box .btn--play {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.map_container {position: relative; overflow: hidden; width: 100%; height: 400px; background: var(--light_gray2);}
.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: #5a5a5a;position: absolute;top: 0.75em;left: 0;transform: translateY(-50%);}
ul.bullet.colored > li:before {background-color: var(--main-color);}
ul.bullet.tiny > li:before {width: 2px;height: 2px;}
ul.bullet.big > li:before {width: 8px; height: 8px;}
ul.bullet.squared > li:before {width: 4px;height: 4px;border-radius: 0;}
ul.bullet.hyphen > li:before {width: 5px;height: 1px;border-radius: 0;background-color: #333;}
ul.bullet.arw > li:before {width: 0; height: 0; border-left: .4em solid var(--main-color); 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(--sub-color1); background: none;}

.loca_info_tbl {width: 100%; border-top: 4px solid var(--main-color); font-size: 18px;}
.loca_info_tbl tr {border-bottom: 1px solid var(--gray3);}
.loca_info_tbl tr th,
.loca_info_tbl tr td {padding: 15px 20px;}
.loca_info_tbl tr th {width: 200px;}

.banner {padding: 100px 0; margin: 0;}

.card_banner {}
.card_banner.full {width: 100%;}
.card_banner__item {position: relative; padding: 30px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; min-height: 400px;}
.card_banner__item .icon {margin: auto 0 0 auto;}
.card_banner__item .cover_link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}

.split_banner {padding-top: 0!important;}
.split_banner .banner {display: flex; width: 50%;}
.split_banner .banner__left {justify-content: flex-end;}
.split_banner .banner__right {justify-content: flex-start;}
.split_banner .banner .inner {width: 710px; max-width: calc(100% - 20px);}
.split_banner .banner__left .inner {padding-right: 100px; padding-left: 0;}
.split_banner .banner__right .inner {padding-left: 100px; padding-right: 0;}

.multiple_banner {display: flex; padding-top: 0!important; min-width: 320px;}
.multiple_banner .banner {width: 100%; min-height: 600px;}
.multiple_banner .banner__inner {padding: 0 50px; max-width: 960px; min-width: 280px;}

.grid_banner {display: grid; gap: 10px;}
.grid_banner .item {position: relative; min-height: 200px; background-color: #dfdfdf; overflow: hidden; padding: 30px;}
.grid_banner .item .video_box {height: 100%; padding: 0;}

.grid_banner--type1 {grid-template-columns: repeat(11, 1fr);}
.grid_banner--type1 .item--1 {grid-column: 1 / span 5; grid-row: 1 / span 2;}
.grid_banner--type1 .item--2 {grid-column: 6 / span 3;}
.grid_banner--type1 .item--3 {grid-column: 9 / span 3;}
.grid_banner--type1 .item--4 {grid-column: 6 / span 2;}
.grid_banner--type1 .item--5 {grid-column: 8 / span 2;}
.grid_banner--type1 .item--6 {grid-column: 10 / span 2;}

.grid_banner--type2 {grid-template-columns: repeat(4, 1fr);}
.grid_banner--type2 .item--1 {grid-column: 1 / span 2; grid-row: 1 / span 2;}
.grid_banner--type2 .item--2 {grid-column: 3 / span 2;}
.grid_banner--type2 .item--3 {grid-column: 3 / span 1;}
.grid_banner--type2 .item--4 {grid-column: 4 / span 1;}

@media (hover: hover) {

}
@media screen and (max-width: 1399px) {
  .btn--more {padding: 5px 15px; font-size: 14px;}

  .loca_info_tbl {font-size: 16px;}
  .loca_info_tbl tr th {width: 130px;}

  .banner {padding: 70px 0;}

  .multiple_banner {position: relative; overflow-x: auto; flex-wrap: nowrap; background: #1b1b1b;}
  .multiple_banner .banner {position: sticky; left: 0; flex-shrink: 0; width: 70%; min-height: 0;}
  .multiple_banner .banner:last-child {width: 100%;}
  .multiple_banner .banner__inner {padding: 0 40px;}

  .grid_banner {}
  .grid_banner .item {padding: 20px;}
  .grid_banner .item .video_box {height: 0; padding-bottom: 56.25%;}

  .grid_banner--type1 {grid-template-columns: repeat(6, 1fr);}
  .grid_banner--type1 .item--1 {grid-column: 1 / span 6; grid-row: auto;}
  .grid_banner--type1 .item--2 {grid-column: 1 / span 3;}
  .grid_banner--type1 .item--3 {grid-column: 4 / span 3;}
  .grid_banner--type1 .item--4 {grid-column: 1 / span 2;}
  .grid_banner--type1 .item--5 {grid-column: 3 / span 2;}
  .grid_banner--type1 .item--6 {grid-column: 5 / span 2;}

  .grid_banner--type2 {grid-template-columns: repeat(2, 1fr);}
  .grid_banner--type2 .item--1 {grid-column: 1 / span 2; grid-row: auto;}
  .grid_banner--type2 .item--2 {grid-column: 1 / span 2;}
  .grid_banner--type2 .item--3 {grid-column: 1 / span 1;}
  .grid_banner--type2 .item--4 {grid-column: 2 / span 1;}
}
@media screen and (max-width: 767px) {
  .banner {padding: 50px 0;}

  .btn--play {width: 70px; height: 70px;}
  .btn--play::after {border-left-width: 14px; border-top-width: 9px; border-bottom-width: 9px; margin-left: 3px;}
  .btn--play::before {}

  .loca_info_tbl {font-size: 16px;}
  .loca_info_tbl tr {display: flex; flex-wrap: wrap; border-bottom: none;}
  .loca_info_tbl tr th {width: 130px; border-bottom: 1px solid var(--gray3);}
  .loca_info_tbl tr td {width: calc(100% - 130px); border-bottom: 1px solid var(--gray3);}

  .multiple_banner .banner {width: 90%;}
  .multiple_banner .banner__inner {padding: 0 40px 0 20px;}

  .grid_banner {grid-template-columns: repeat(1, 1fr);}
  .grid_banner .item {grid-column: 1 / span 1; min-height: 150px;}

}




/* Header */
.header {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100px; transition: transform .3s; word-break: keep-all;}
.header.hide {transform: translate(0, -100%);}
.header::after {position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; content: ''; background: #dfdfdf; display: block; z-index: 1; pointer-events: none;}
.header .container {position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 0 50px; width: 1920px!important; height: 100%;}
.header .logo a {display: block; width: 100%; height: 100%;}
.header__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: #fff; pointer-events: none;}
.gnb_dimmer {position: absolute; z-index: 0; top: 0; left: 0; width: 100vw; height: 160px; background: #f5f5f5; transition: transform .3s, opacity .3s; transform: scaleY(0); opacity: 0; transition-delay: .2s;}
.gnb--hover .gnb_dimmer {transform: scaleY(1); opacity: 1; transition-delay: .0s;}

.gnb {display: flex; align-items: center; height: 100%;}
.gnb__item {position: relative; height: 100%;}
.gnb__item > a {display: flex; justify-content: center; align-items: center; height: 100%; font-size: 18px; font-weight: 500; text-align: center; padding: 0 20px;}

.gnb_align--left .gnb {margin-right: auto;}
.gnb_align--right .gnb {margin-left: auto;}
.gnb_align--center .gnb {margin: 0 auto;}

.submenu_container {position: absolute; top: 100%; left: 50%; transform: translate(-50%, -20px); opacity: 0; pointer-events: none; opacity: 0; transition: transform .3s, opacity .3s; transition-delay: 0s;}

.gnb--simple--horizontal .gnb__item .submenu_container::before {display: block; content: ''; position: absolute; top: 0; left: 100%; width: 100vw; height: 100%;}
.gnb--simple--horizontal .gnb__item .submenu_container::after {display: block; content: ''; position: absolute; top: 0; right: 100%; width: 100vw; height: 100%;}
.gnb--simple--horizontal .submenu {display: flex; align-items: center; justify-content: center;}
.gnb--simple--horizontal .submenu__item > a {display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 20px; height: 60px; white-space: nowrap;}
.gnb--simple--horizontal .gnb_dimmer {height: 160px;}

.gnb--simple--vertical .submenu_container {padding: 20px 0 0 0; background: none;}
.gnb--simple--vertical .submenu {display: block; background: #f5f5f5; padding: 15px 0; min-width: 200px;}
.gnb--simple--vertical .submenu__item > a {display: block; padding: 5px 40px; text-align: center; white-space: nowrap;}
.gnb--simple--vertical .gnb_dimmer {display: none;}

.gnb--total .gnb__item > a {padding: 0 40px;}
.gnb--total .submenu_container {width: 100%; background: none; padding: 30px 20px; border: none; transition-delay: 0s;}
.gnb--total.gnb--hover .submenu_container {opacity: 1; pointer-events: initial; transform: translate(-50%, 0); transition-delay: .15s;}
.gnb--total .gnb__item:first-child .submenu_container::after {display: block; content: ''; position: absolute; top: 0; right: 100%; width: 100vw; height: 100%;}
.gnb--total .gnb__item:last-child .submenu_container::after {display: block; content: ''; position: absolute; top: 0; left: 100%; width: 100vw; height: 100%;}
.gnb--total .submenu__item > a {display: block; padding: 5px 0; text-align: center;}
.gnb--total .gnb_dimmer {height: 300px;}

.header_etc_nav {display: flex; gap: 20px; align-items: center;}

.lang_nav {position: relative;}
.lang_nav .flag {display: block; width: 44px; height: 34px; background: no-repeat center / cover; border: 1px solid #ababab;}
.lang_nav .flag.kor {background-image: url('../images/common/flag-ko.png');}
.lang_nav .flag.eng {background-image: url('../images/common/flag-en.png');}
.lang_nav .flag.chn {background-image: url('../images/common/flag-cn.png');}
.lang_nav .flag.jap {background-image: url('../images/common/flag-ja.png');}
.lang_nav .cur {display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #cfcfcf; padding: 10px 15px 10px 15px; border-radius: 5px; line-height: 1;}
.lang_nav .cur .flag {margin-right: 10px;}
.lang_nav .cur::after{display: block; content: ''; width: 0; height: 0; border-top: 10px solid #dadada; border-left: 9px solid transparent; border-right: 9px solid transparent; margin-left: 15px;}
.lang_nav .ls {display: none;}

.lang_nav--square_btns .flag {display: none; flex-shrink: 0;}
.lang_nav--square_btns .cur {display: none;}
.lang_nav--square_btns .ls {display: flex; gap: 5px;}
.lang_nav--square_btns .ls > li > a {display: flex; align-items: center; justify-content: center; width: 50px; height: 40px; overflow: hidden; text-align: center; font-weight: 600; border: 1px solid #dfdfdf;}
.lang_nav--square_btns .ls > li.active > a {border-color: var(--main-color); background-color: var(--main-color); color: #fff;}

.lang_nav--flag_btns--square .cur {display: none;}
.lang_nav--flag_btns--square .ls {display: flex; gap: 5px;}
.lang_nav--flag_btns--square .ls > li > a {display: flex; align-items: center; justify-content: center; overflow: hidden; font-size: 0; width: 44px; height: 34px;}
.lang_nav--flag_btns--square .ls > li > a .flag {width: 100%; height: 100%;}
.lang_nav--flag_btns--square .ls > li.active > a .flag {border: 2px solid var(--main-color);}

.lang_nav--flag_btns--round .cur {display: none;}
.lang_nav--flag_btns--round .ls {display: flex; gap: 5px;}
.lang_nav--flag_btns--round .ls > li > a {display: flex; align-items: center; justify-content: center; overflow: hidden; font-size: 0; width: 34px; height: 34px;}
.lang_nav--flag_btns--round .ls > li > a .flag {width: 100%; height: 100%; border-radius: 50%; border: 4px solid #afafaf; opacity: .8;}
.lang_nav--flag_btns--round .ls > li.active > a .flag {border-color: var(--main-color); opacity: 1;}

.lang_nav--dropdown--text .flag {display: none;}
.lang_nav--dropdown--text .ls {position: absolute; top: 100%; left: 0; z-index: 2; width: 100%; padding: 8px 0; border: 1px solid #cfcfcf; border-radius: 0 0 5px 5px; background: #fff;}
.lang_nav--dropdown--text .ls > li > a {display: block; padding: 3px 15px;}

.lang_nav--dropdown--text-flag .flag {width: 24px; height: 24px; border-radius: 50%;}
.lang_nav--dropdown--text-flag .ls {position: absolute; top: 100%; left: 0; z-index: 2; width: 100%; padding: 8px 0; border: 1px solid #cfcfcf; border-radius: 0 0 5px 5px; background: #fff;}
.lang_nav--dropdown--text-flag .ls > li > a {display: flex; align-items: center; padding: 3px 15px;}
.lang_nav--dropdown--text-flag .ls > li > a .flag {margin-right: 10px;}

.lang_nav--dropdown--flag .flag {margin: 0!important;}
.lang_nav--dropdown--flag .cur {font-size: 0; border-radius: 0; padding: 5px 10px 5px 5px;}
.lang_nav--dropdown--flag .cur::after {margin-left: 10px;}
.lang_nav--dropdown--flag .ls {position: absolute; top: 100%; left: 0; z-index: 2; width: 100%; padding: 10px 0; border: 1px solid #cfcfcf; border-radius: 0 0 5px 5px; background: #fff; border-radius: 0;}
.lang_nav--dropdown--flag .ls > li > a {display: flex; align-items: center; justify-content: center; padding: 3px 15px; font-size: 0;}

.pc_sitemap--able .sitemap_btn {display: block;}
.pc_sitemap--disable .sitemap_btn {display: none;}

.sitemap_btn {}
.sitemap_btn .ico--hamburger {display: flex; align-items: center; justify-content: center;}
.sitemap_btn .ico--hamburger .inner {width: 46px; height: 30px; display: flex; flex-direction: column; justify-content: space-between;}
.sitemap_btn .ico--hamburger .bar {width: 100%; height: 2px; background: #ababab;}

.sitemap_btn--basic--bold .ico--hamburger .inner {height: 20px;}
.sitemap_btn--basic--bold .ico--hamburger .bar {height: 6px;}
.sitemap_btn--basic--bold .ico--hamburger .bar:nth-child(2) {display: none;}

.sitemap_btn--basic--bold--round .ico--hamburger {width: 70px; height: 70px; border-radius: 50%; border: 5px solid #ababab;}
.sitemap_btn--basic--bold--round .ico--hamburger .inner {width: 40px; height: 16px;}
.sitemap_btn--basic--bold--round .ico--hamburger .bar {height: 6px;}
.sitemap_btn--basic--bold--round .ico--hamburger .bar:nth-child(2) {display: none;}

.sitemap_btn--basic--stairs1 .ico--hamburger .inner {align-items: flex-end;}
.sitemap_btn--basic--stairs1 .ico--hamburger .bar {height: 4px;}
.sitemap_btn--basic--stairs1 .ico--hamburger .bar:nth-child(1) {width: 70%;}
.sitemap_btn--basic--stairs1 .ico--hamburger .bar:nth-child(2) {width: 85%;}

.sitemap_btn--basic--stairs2 .ico--hamburger .inner {align-items: flex-end;}
.sitemap_btn--basic--stairs2 .ico--hamburger .bar {height: 4px;}
.sitemap_btn--basic--stairs2 .ico--hamburger .bar:nth-child(2) {width: 85%;}

.sitemap_btn--box--basic .ico--hamburger .inner,
.sitemap_btn--box--stairs1 .ico--hamburger .inner,
.sitemap_btn--box--stairs2 .ico--hamburger .inner,
.sitemap_btn--box--bold .ico--hamburger .inner {background: var(--main-color); border-radius: 5px; padding: 12px 10px; height: 46px;}
.sitemap_btn--box--basic .ico--hamburger .bar,
.sitemap_btn--box--stairs1 .ico--hamburger .bar,
.sitemap_btn--box--stairs2 .ico--hamburger .bar,
.sitemap_btn--box--bold .ico--hamburger .bar {background: #fff;}

.sitemap_btn--box--stairs1 .ico--hamburger .inner {align-items: flex-end;}
.sitemap_btn--box--stairs1 .ico--hamburger .bar {height: 2px;}
.sitemap_btn--box--stairs1 .ico--hamburger .bar:nth-child(1) {width: 70%;}
.sitemap_btn--box--stairs1 .ico--hamburger .bar:nth-child(2) {width: 85%;}

.sitemap_btn--box--stairs2 .ico--hamburger .inner {align-items: flex-end;}
.sitemap_btn--box--stairs2 .ico--hamburger .bar {height: 2px;}
.sitemap_btn--box--stairs2 .ico--hamburger .bar:nth-child(2) {width: 80%;}

.sitemap_btn--box--bold .ico--hamburger .inner {padding: 18px 10px;}
.sitemap_btn--box--bold .ico--hamburger .bar {height: 4px;}
.sitemap_btn--box--bold .ico--hamburger .bar:nth-child(2) {display: none;}

.sitemap_btn--round--basic .ico--hamburger .inner,
.sitemap_btn--round--stairs1 .ico--hamburger .inner,
.sitemap_btn--round--stairs2 .ico--hamburger .inner,
.sitemap_btn--round--bold .ico--hamburger .inner {background: var(--main-color); padding: 16px 12px; width: 46px; height: 46px; border-radius: 50%;}
.sitemap_btn--round--basic .ico--hamburger .bar,
.sitemap_btn--round--stairs1 .ico--hamburger .bar,
.sitemap_btn--round--stairs2 .ico--hamburger .bar,
.sitemap_btn--round--bold .ico--hamburger .bar {background: #fff;}

.sitemap_btn--round--stairs1 .ico--hamburger .inner {align-items: flex-end;}
.sitemap_btn--round--stairs1 .ico--hamburger .bar {height: 2px;}
.sitemap_btn--round--stairs1 .ico--hamburger .bar:nth-child(1) {width: 70%;}
.sitemap_btn--round--stairs1 .ico--hamburger .bar:nth-child(2) {width: 85%;}

.sitemap_btn--round--stairs2 .ico--hamburger .inner {align-items: flex-end;}
.sitemap_btn--round--stairs2 .ico--hamburger .bar {height: 2px;}
.sitemap_btn--round--stairs2 .ico--hamburger .bar:nth-child(2) {width: 80%;}

.sitemap_btn--round--bold .ico--hamburger .inner {padding: 17px 12px;}
.sitemap_btn--round--bold .ico--hamburger .bar {height: 4px;}
.sitemap_btn--round--bold .ico--hamburger .bar:nth-child(2) {display: none;}

.sitemap {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; height: 100vh; pointer-events: none!important;}
.sitemap.init.pc_sitemap--disable {display: none;}
.sitemap.init.pc_sitemap--able {display: flex;}
.sitemap__dimmer {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; background: rgba(0,0,0,.5); opacity: 0; transition: opacity .4s;}
.sitemap__inner {position: relative; z-index: 1; width: 720px; max-width: 100%; height: 100%; margin: 0 0 0 auto; background: #fff; display: flex; flex-direction: column; transform: translate(100%); opacity: 0; transition: transform .4s, opacity .4s;}
.sitemap--right .sitemap__inner {margin: 0 0 0 auto; transform: translate(100%);}
.sitemap--left .sitemap__inner {margin: 0 auto 0 0; transform: translate(-100%);}
.sitemap.active {pointer-events: initial!important;}
.sitemap.active .sitemap__dimmer {opacity: 1;}
.sitemap.active .sitemap__inner {opacity: 1; transform: translate(0);}
.sitemap__head {display: flex; justify-content: space-between; align-items: center; padding: 30px; gap: 50px; background: #fff;}
.sitemap__head .logo {}
.sitemap__head .sitemap_close_btn {flex-shrink: 0;}
.sitemap__head .sitemap_close_btn .ico--times {width: 40px; height: 40px;}
.sitemap__head .sitemap_close_btn .ico--times::after {height: 2px;}
.sitemap__head .sitemap_close_btn .ico--times::before {width: 2px;}
.sitemap__inner .overflow_container {display: flex; flex-direction: column; height: 100%;}
.sitemap__body {margin-bottom: auto;}
.sitemap__body__block {padding: 30px 30px; background: #fff;}
.sitemap__lang_container {display: flex; justify-content: center; background: #f5f5f5;}
.sitemap__lang_container .lang_nav--square_btns,
.sitemap__lang_container .lang_nav--square_btns .ls {width: 100%;}
.sitemap__lang_container .lang_nav--square_btns .ls > li {width: 100%; background: #fff;}
.sitemap__lang_container .lang_nav--square_btns .ls > li a {width: 100%;}
.sitemap__lang_container .lang_nav--dropdown--flag,
.sitemap__lang_container .lang_nav--dropdown--text,
.sitemap__lang_container .lang_nav--dropdown--text-flag {width: 100%;}
.sitemap__lang_container .lang_nav--dropdown--text .cur,
.sitemap__lang_container .lang_nav--dropdown--text-flag .cur,
.sitemap__lang_container .lang_nav--dropdown--flag .cur {background: #fff;}
.sitemap__lang_container .lang_nav--dropdown--text .cur::after,
.sitemap__lang_container .lang_nav--dropdown--text-flag .cur::after,
.sitemap__lang_container .lang_nav--dropdown--flag .cur::after {margin-left: auto;}
.sitemap__lang_container .lang_nav--dropdown--flag .cur {font-size: inherit;}
.sitemap__lang_container .lang_nav--dropdown--flag .flag {margin-right: 10px!important;}
.sitemap__lang_container .lang_nav--dropdown--flag .ls > li > a {justify-content: flex-start; font-size: inherit;}

.sitemap__gnb_container {padding-top: 40px; padding-bottom: 40px;}
.sitemap__gnb {}
.sitemap__gnb__item {margin-bottom: 10px;}
.sitemap__gnb__item:last-child {margin-bottom: 0;}
.sitemap__gnb__item > a {display: flex; gap: 40px; justify-content: space-between; align-items: center; line-height: 1; font-size: 20px; padding: 20px; border: 1px solid #dadada; border-radius: 5px; margin-bottom: 10px; font-weight: 600;}
.sitemap__gnb__item > a .ico--plus {width: 24px; height: 24px;}
.sitemap__gnb__item > a .ico--plus::after {height: 2px;}
.sitemap__gnb__item > a .ico--plus::before {width: 2px;}
.sitemap__gnb__item > a .ico--plus::after,
.sitemap__gnb__item > a .ico--plus::before {background: #adadad;}
.sitemap__submenu {padding: 20px; border-radius: 5px; background: #f6f6f6; display: none;}
.sitemap__submenu__item {margin-bottom: 5px;}
.sitemap__submenu__item:last-child {margin-bottom: 0;}
.sitemap__submenu__item > a {font-size: 18px;}
.sitemap__gnb__item.active > a {border-color: var(--main-color)!important; background: var(--main-color)!important; color: #fff!important;}
.sitemap__gnb__item.active > a .ico--plus::before {display: none;}
.sitemap__gnb__item.active > a .ico--plus::after {background: #fff!important;}
.sitemap__gnb__item.active .sitemap__submenu {display: block;}
.sitemap__submenu__item.active > a {color: var(--sub-color1); font-weight: 600;}

.sitemap__submenu.type--thumbnail {gap: 10px; grid-template-columns: repeat(5, 1fr);}
.sitemap__gnb__item.active .sitemap__submenu.type--thumbnail {display: grid;}
.sitemap__submenu.type--thumbnail .sitemap__submenu__item {margin: 0;}
.sitemap__submenu.type--thumbnail .sitemap__submenu__item > a {display: block; height: 100%; border-radius: 10px; background: #fff; text-align: center; padding: 10px;}
.sitemap__submenu.type--thumbnail .sitemap__submenu__item .cont {font-size: 16px;}
.sitemap__submenu.type--thumbnail .sitemap__submenu__item .thumb {display: flex; align-items: center; justify-content: center;}

.sitemap .copy {margin-top: 1em; font-size: 15px; color: #999;}


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

  .sitemap__gnb__item:hover > a {color: var(--main-color); border-color: var(--main-color);}
  .sitemap__gnb__item:hover > a .ico--plus::after, .sitemap__gnb__item:hover > a .ico--plus::before {background: var(--main-color);}
  .sitemap__submenu__item > a:hover {color: var(--sub-color1);}

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

  .sitemap_btn {display: block!important; padding: 0; margin: 0;}
  .sitemap_btn .ico--hamburger .inner {width: 40px; height: 20px;}
  .sitemap_btn--box--basic .ico--hamburger .inner, .sitemap_btn--box--stairs1 .ico--hamburger .inner, .sitemap_btn--box--stairs2 .ico--hamburger .inner, .sitemap_btn--box--bold .ico--hamburger .inner {width: 50px; height: 40px; padding: 12px;}
  .sitemap_btn--box--stairs1 .ico--hamburger .bar,
  .sitemap_btn--box--stairs2 .ico--hamburger .bar {height: 2px;}
  .sitemap_btn--round--basic .ico--hamburger .inner, .sitemap_btn--round--stairs1 .ico--hamburger .inner, .sitemap_btn--round--stairs2 .ico--hamburger .inner, .sitemap_btn--round--bold .ico--hamburger .inner {width: 50px; height: 50px; padding: 18px 15px;}
  .sitemap_btn--round--stairs1 .ico--hamburger .bar,
  .sitemap_btn--round--stairs2 .ico--hamburger .bar {height: 2px;}
}
@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;}

  .sitemap__head {padding: 30px 20px 20px 20px;}
  .sitemap__head .logo {width: 72px; height: 31px;}
  .sitemap__body__block {padding: 20px;}
  .sitemap__gnb__item > a {font-size: 16px; padding: 15px;}
  .sitemap__gnb__item > a .ico--plus {width: 18px; height: 18px;}
  .sitemap__submenu__item > a {font-size: 14px;}
  .sitemap__submenu.type--thumbnail {grid-template-columns: repeat(2, 1fr);}
  .sitemap__submenu.type--thumbnail .sitemap__submenu__item .cont {font-size: 14px;}
}
@media screen and (max-width: 499px) {
  .split_banner {flex-wrap: wrap;}
  .split_banner .banner {width: 100%;}
  .split_banner .banner .inner {min-width: 320px;}
}



/* 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;}
}



/* Mainpage */
.mainpage_article:not(.banner) {margin: 150px 0;}
.mainpage_article__head {padding-bottom: 50px;}
.mainpage_article__body {}

.main_visual {}
.main_visual__slide {position: relative; overflow: hidden;}
.main_visual__slide .bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.main_visual__slide .container {display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 100vh; padding: 100px 0 100px 0;}
.main_visual .main_visual__pagination {position: absolute; bottom: 50px; left: 0; width: 100%; z-index: 10;}
.main_visual .main_visual__pagination .container {display: flex; justify-content: center; align-items: center; gap: 10px;}
.main_visual .main_visual__pagination .main_visual__pagination__bullet {width: 20px; height: 20px; border-radius: 50%; margin: 0; padding: 0;}
.main_visual .main_visual__pagination .main_visual__pagination__bullet.swiper-pagination-bullet-active {background: var(--main-color);}
.main_visual .main_visual__pagination.type--bar .main_visual__pagination__bullet {width: 80px; height: 4px; border-radius: 4px;}
.main_visual .main_visual__pagination.type--timer .main_visual__pagination__bullet {opacity: 1; width: 80px; height: 4px; border-radius: 0; background: rgba(0,0,0,.4); position: relative; overflow: hidden;}
.main_visual .main_visual__pagination.type--timer .main_visual__pagination__bullet::after {display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scaleX(0); transform-origin: left; transition: 0.1s; background: #fff;}
.main_visual .main_visual__pagination.type--timer .main_visual__pagination__bullet.swiper-pagination-bullet-active::after {transform: scaleX(1); transition: inherit; transition-timing-function: linear;}
.main_visual__controller {position: absolute; z-index: 10; bottom: 50px; left: 0; width: 100%;}
.main_visual__controller .container {display: flex; align-items: center; justify-content: center; gap: 10px;}
.main_visual__controller .container .btn {display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(0,0,0,.5); color: #fff; border-radius: 50%; padding: 10px; cursor: pointer; flex-shrink: 0;}
.main_visual__controller .container .btn .arrow {border-color: #fff; width: 14px; height: 14px;}
.main_visual__controller .container .btn--prev .arrow {margin-left: 4px;}
.main_visual__controller .container .btn--next .arrow {margin-right: 4px;}
.main_visual__controller .container .btn--autoplay .ico--play {border-left: 15px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; margin-left: 5px;}
.main_visual__controller .container .btn--autoplay .ico--pause::before,
.main_visual__controller .container .btn--autoplay .ico--pause::after {background: #fff;}
.main_visual__controller .container .timer_bar {width: 200px; height: 6px; position: relative; overflow: hidden; background: rgba(0,0,0,.5); margin: 0 10px;}
.main_visual__controller .container .timer_bar::after {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; content: ''; transition: inherit; transition-timing-function: linear; transform: scaleX(0); transform-origin: left center;}
.main_visual__controller .container .timer_bar.run::after {transform: scaleX(1);}
.main_visual__controller .container .timer_bar.reset::after {transform: scaleX(0)!important; transition: transform .8s;}

@media (hover: hover) {
  .main_visual__controller .container .btn:hover {opacity: .8;}
}
@media screen and (max-width: 1399px) {
  .mainpage_article:not(.banner) {margin: 100px 0;}

  .main_visual__slide .container {justify-content: flex-end; padding: 100px 0 100px 0;}
  .main_visual .main_visual__pagination .main_visual__pagination__bullet {width: 10px; height: 10px;}
}
@media screen and (max-width: 767px) {
  .mainpage_article:not(.banner) {margin: 80px 0;}

  .main_visual__controller .container .btn {width: 40px; height: 40px;}
  .main_visual__controller .container .btn--autoplay .ico--pause {width: 14px; height: 18px;}
  .main_visual__controller .container .btn--autoplay .ico--pause::before,
  .main_visual__controller .container .btn--autoplay .ico--pause::after {width: 5px;}
}



/* Subpage */
.subpage_intro {position: relative; padding: 200px 0 100px 0; word-break: keep-all;}
.subpage_intro .bg {position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%;}
.subpage_intro .container {color: #fff;}
.subpage_intro.has_nav {padding-bottom: 150px;}
.subpage_intro__nav {position: absolute; z-index: 10; bottom: 0; left: 0; width: 100%; background: rgb(0,0,0,.5);}
.subpage_intro__nav .lnb_btns .btn.active {background: var(--gradient1);}

.subpage_content_container {padding: 80px 0;}
.subpage_article {margin: 150px 0;}
.subpage_article__head {margin-bottom: 40px;}

.ly-divided {display: flex; gap: 5px 50px;}
.ly-divided__sbj_box {width: 300px; flex-shrink: 0;}
.ly-divided__cont_box {width: 100%;}

@media (hover: hover) {
  .subpage_intro__nav .lnb_btns .btn:not(.active):hover {background: rgb(0,0,0,.2);}
}
@media screen and (max-width: 1399px) {
  .subpage_intro {padding: 150px 0 50px 0!important;}
  .subpage_intro__nav {position: fixed; bottom: 0; left: 0; width: 100%; z-index: 6666;}
  .subpage_intro__nav .container {width: 100%!important; padding: 8px 10px; max-width: 100%; overflow-x: auto; }
  .subpage_intro__nav .lnb_btns {flex-wrap: nowrap; justify-content: flex-start; gap: 0 8px;}
  .subpage_intro__nav .lnb_btns .btn {flex-shrink: 0; width: auto; height: 50px; background: rgb(0,0,0,.3); font-size: 15px;}
  .subpage_intro__nav .lnb_btns .btn.active {background: var(--main-color);}

  .subpage_content_container {padding: 50px 0;}
  .subpage_article {margin: 100px 0;}

  .ly-divided {flex-wrap: wrap;}
  .ly-divided__sbj_box {width: 100%;}
}
@media screen and (max-width: 767px) {
  .subpage_content_container {padding: 20px 0 50px 0;}
  .subpage_article {margin: 80px 0;}
}



/* 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; background: var(--light_gray2); font-size: 15px; padding: 5px;}
.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 {background: var(--sub-color1); color: #fff; 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(--gray2); font-size: 20px; line-height: 1.5; min-height: 300px;}
.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;}

.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;}

  .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;}
}



/* 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: 400px; 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: var(--main-color); 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 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;}

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

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