@charset "utf-8";



#edit-el--baseOptionSetter {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100vh;
}

.prototype {}
.prototype .proto-layer1 {background-color: #333; color: #f1f1f1;}
.prototype .proto-layer2 {background-color: #555; color: #f3f3f3;}
.prototype .proto-layer3 {background-color: #777; color: #f5f5f5;}
.prototype .proto-layer4 {background-color: #999; color: #f7f7f7;}
.prototype .proto-layer5 {background-color: #aaa; color: #f9f9f9;}

.prototype .proto-sample_img1 {width: 100%; height: 400px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img2 {width: 100%; height: 350px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img3 {width: 100%; height: 300px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img4 {width: 100%; height: 250px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img5 {width: 100%; height: 200px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img--700 {width: 100%; height: 700px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img--600 {width: 100%; height: 600px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img--500 {width: 100%; height: 500px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img--450 {width: 100%; height: 450px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img--400 {width: 100%; height: 400px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img--300 {width: 100%; height: 300px; font-size: 0; color: transparent; border: 1px solid #afafaf; content-visibility: hidden; background: #fff;}
.prototype .proto-sample_img--noti {display: flex; align-items: center; justify-content: center; font-size: 40px; font-weight: 600; text-align: center; color: #888; width: 100%; height: 700px;  border: 1px solid #afafaf; background: #fff;}



/* Base font family */
.edit-base_font--notokr {
  font-family: 'Noto Sans KR', '맑은 고딕', Arial, Helvetica, sans-serif;
}
.edit-base_font--pretendard {
  font-family: 'Pretendard', '맑은 고딕', Arial, Helvetica, sans-serif;
}
.edit-base_font--roboto {
  font-family: 'Roboto', '맑은 고딕', Arial, Helvetica, sans-serif;
}

/* set fonts */
.notoKR {
  font-family: 'Noto Sans KR' !important;
}
.poppins {
  font-family: 'Poppins' !important;
}
.roboto {
  font-family: 'Roboto' !important;
}
.mont {
  font-family: 'Montserrat', sans-serif!important;
}
.pretendard {
  font-family: "Pretendard"!important;
}
.poppins b,
b.poppins,
.poppins strong,
strong.poppins {
  font-weight: 600;
}
.fs--14 {
  font-size: 14px !important;
}
.fs--15 {
  font-size: 15px !important;
}
.fs--16 {
  font-size: 16px !important;
}
.fs--17 {
  font-size: 17px !important;
}
.fs--18 {
  font-size: 18px !important;
}
.fs--19 {
  font-size: 19px !important;
}
.fs--20 {
  font-size: 20px !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;
}
.ta--left {
  text-align: left !important;
}
.ta--center {
  text-align: center !important;
}
.ta--right {
  text-align: right !important;
}
.ta--justify {
  text-align: justify!important;
}
.ft--upper {
  text-transform: uppercase !important;
}
.ft--capit {
  text-transform: capitalize !important;
}
.ft--underline {
  text-decoration: underline;
}
.fc--main-color {
  color: var(--main-color);
}
.fc--sub-color1 {
  color: var(--sub-color1);
}
.fc--sub-color2 {
  color: var(--sub-color2);
}
.fc--emp-color {
  color: var(--emp-color);
}
.fc--fff {
  color: #fff;
}
.fc--000 {
  color: #000;
}
.fc--333 {
  color: #333;
}
.fc--101010 {
  color: #101010;
}
.lh--100 {
  line-height: 1 !important;
}
.lh--115 {
  line-height: 1.15 !important;
}
.lh--130 {
  line-height: 1.3 !important;
}
.lh--150 {
  line-height: 1.5 !important;
}
.lh--180 {
  line-height: 1.8 !important;
}

/* set space */
.pd--0 {
  padding: 0 !important;
}
.pd--10 {
  padding: 10px;
}
.pd--20 {
  padding: 20px;
}
.pd--30 {
  padding: 30px;
}
.pd--40 {
  padding: 40px;
}
.pd--50 {
  padding: 50px;
}
.pd--0-10 {
  padding: 0 10px;
}
.pd--0-20 {
  padding: 0 20px;
}
.pd--0-30 {
  padding: 0 30px;
}
.pd--0-40 {
  padding: 0 40px;
}
.pd--0-50 {
  padding: 0 50px;
}
.pd--10-0 {
  padding: 10px 0;
}
.pd--20-0 {
  padding: 20px 0;
}
.pd--30-0 {
  padding: 30px 0;
}
.pd--40-0 {
  padding: 40px 0;
}
.pd--50-0 {
  padding: 50px 0;
}
.pd--top--0 {
  padding-top: 0 !important;
}
.pd--bottom--0 {
  padding-bottom: 0 !important;
}
.pd--right--0 {
  padding-right: 0 !important;
}
.pd--right--20 {
  padding-right: 20px !important;
}
.pd--right--40 {
  padding-right: 40px !important;
}
.pd--left--20 {
  padding-left: 20px !important;
}
.pd--left--40 {
  padding-left: 40px !important;
}
.pd--left--60 {
  padding-left: 60px !important;
}
.mg--top--0 {
  margin-top: 0 !important;
}
.mg--top--auto {
  margin-top: auto !important;
}
.mg--bottom--0 {
  margin-bottom: 0 !important;
}
.mg--bottom--auto {
  margin-bottom: auto !important;
}
.mg--0-auto {
  display: block;
  margin: 0 auto !important;
}
.mg--left--auto {
  margin-left: auto !important;
}

@media screen and (max-width: 1399px) {
  .pd--40,
  .pd--50 {
    padding: 30px;
  }
}
@media screen and (max-width: 767px) {
  .pd--0-40,
  .pd--0-50 {
    padding: 0 30px;
  }
  .pd--40-0,
  .pd--50-0 {
    padding: 30px 0;
  }
}

/* set display */
.flex {
  display: flex;
}
.flex--wrap {
  flex-wrap: wrap;
}
.flex--dir--row {
  flex-direction: row !important;
}
.flex--dir--col {
  flex-direction: column !important;
}
.jc--center {
  justify-content: center !important;
}
.jc--left {
  justify-content: flex-start !important;
}
.jc--right {
  justify-content: flex-end !important;
}
.jc--sb {
  justify-content: space-between !important;
}
.ai--start {
  align-items: flex-start !important;
}
.ai--center {
  align-items: center !important;
}
.ai--end {
  align-items: flex-end !important;
}
.dp--b {
  display: block !important;
}
.dp--ib {
  display: inline-block !important;
}
.dp--i {
  display: inline !important;
}
.dp--f {
  display: flex !important;
}
.dp--g {
  display: grid !important;
}
.bd--rd--5 {
  border-radius: 5px;
}
.bd--rd--10 {
  border-radius: 10px;
}
.bd--rd--15 {
  border-radius: 15px;
}
.bd--rd--20 {
  border-radius: 20px;
}
.pos-sticky--top {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 0;
}
.pos-sticky--bottom {
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.pos-sticky--both {
  position: sticky;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.pos-top--0 {
  top: 0;
}
.pos-bottom--0 {
  bottom: 0;
}
.pos-left--0 {
  left: 0;
}
.pos-right--0 {
  right: 0;
}
.pos-align--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pos-align--v-center {
  top: 50%;
  transform: translate(0, -50%);
}
.pos-align--h-center {
  left: 50%;
  transform: translate(-50%);
}

@media screen and (max-width: 1399px) {
  .tb-pos-static {
    position: static;
    transform: translate(0);
  }
}
@media screen and (max-width: 767px) {
  .mo-pos-static {
    position: static;
    transform: translate(0);
  }
}

/* Set fonts */
.typo1,
.typo2,
.typo3,
.typo4,
.typo5,
.typo6 {
  display: block;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.25em;
}
.typo1 {
  font-size: 100px;
}
.typo2 {
  font-size: 92px;
}
.typo3 {
  font-size: 82px;
}
.typo4 {
  font-size: 72px;
  line-height: 1.3;
}
.typo5 {
  font-size: 62px;
  line-height: 1.3;
}
.typo6 {
  font-size: 46px;
  line-height: 1.3;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  display: block;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.5em;
}
.h1 {
  font-size: 40px;
  margin-bottom: 0.3em;
}
.h2 {
  font-size: 32px;
}
.h3 {
  font-size: 28px;
}
.h4 {
  font-size: 24px;
  margin-bottom: 0.5em;
}
.h5 {
  font-size: 20px;
  margin-bottom: 0.5em;
}
.h6 {
  font-size: 16px;
  margin-bottom: 0.5em;
}
.lead {
  display: block;
  font-size: 20px;
  margin-bottom: 1em;
}
.lead-lg {
  font-size: 22px;
}
.p1 {
  display: block;
  font-size: 18px;
  margin-bottom: 1em;
}
.p2 {
  display: block;
  font-size: 16px;
  margin-bottom: 1em;
}
.p3 {
  display: block;
  font-size: 14px;
  margin-bottom: 1em;
}

@media screen and (max-width: 1399px) {
  .typo1 {
    font-size: 40px;
  }
  .typo2 {
    font-size: 38px;
  }
  .typo3 {
    font-size: 36px;
  }
  .typo4 {
    font-size: 34px;
  }
  .typo5 {
    font-size: 32px;
  }
  .typo6 {
    font-size: 26px;
  }
  .h1 {
    font-size: 23px;
  }
  .h2 {
    font-size: 22px;
  }
  .h3 {
    font-size: 20px;
  }
  .h4 {
    font-size: 19px;
  }
  .h5 {
    font-size: 18px;
  }
  .h6 {
    font-size: 17px;
  }
  .lead-lg,
  .lead {
    font-size: 17px;
  }
  .p1 {
    font-size: 16px;
  }
  .p2 {
    font-size: 15px;
  }
  .p3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .lead-lg,
  .lead {
    font-size: 16px;
  }
  .p1 {
    font-size: 15px;
  }
  .p2 {
    font-size: 14px;
  }
  .p3 {
    font-size: 13px;
  }
}

/* set etc */
.hidden {
  position: absolute !important;
  font-size: 0px !important;
  text-indent: -9999px !important;
  color: transparent !important;
}
.pc-br {
  display: block;
}
.t-br,
.m-br {
  display: none;
}
.bg {
  background: no-repeat center / cover;
}
.no_bg {
  background: none !important;
}
.bg--fixed {
  background-attachment: fixed;
}
.anchor_wrap {
  position: relative;
}
.anchor_wrap .anchor {
  position: absolute;
  top: -200px;
  left: 0;
}

/* line clamps */
.lineclamp--1 {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.lineclamp--2,
.lineclamp--3,
.lineclamp--4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.lineclamp--2 {
  -webkit-line-clamp: 2;
}
.lineclamp--3 {
  -webkit-line-clamp: 3;
}
.lineclamp--4 {
  -webkit-line-clamp: 4;
}

/* set icons */
.logo {
  background: url('../images/common/logo.png') no-repeat center / cover;
}
.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--hamburger {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 26px;
  height: 26px;
}
.ico--hamburger .bar {
  width: 100%;
  height: 3px;
  border-radius: 3px;
  background: #b2b2b2;
}
.ico--play {
  display: flex;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.ico--play .arw {
  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--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);
  }
}

/* set list */
ul.bullet > li {
  position: relative;
  padding: 0 0 0.5em 1em;
  text-align: left;
  font-size: 16px;
  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.tiny > li:before {
  width: 2px;
  height: 2px;
}
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;
}

/* set editor contents */
.editor_cont {
  overflow: auto hidden;
}
.editor_cont * {
  font-size: 20px;
}
.editor_cont h1 {
  font-size: 32px;
}
.editor_cont h2 {
  font-size: 28px;
}
.editor_cont h3 {
  font-size: 26px;
}
.editor_cont h4 {
  font-size: 24px;
}
.editor_cont h6 {
  font-size: 20px;
}

/* set table */
.table--fixed {
  table-layout: fixed;
}
.table_overflow_container {
  overflow: auto hidden;
}

/* set components */
.tab_container {
  position: relative;
  overflow: hidden;
}
.tab_btn {
  cursor: pointer;
}
.tab_contents {
  display: none;
}
.tab_contents.active {
  display: block;
}

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

.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  background-color: #000;
}
.video-box .video,
.video-box .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.video-box__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  z-index: 0;
}
.video-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat center / cover;
  transition: opacity 0.3s;
}
.video-box.is_play .video-cover {
  opacity: 0;
  pointer-events: none;
}
.video-play-btn {
  position: relative;
  cursor: pointer;
  width: 95px;
  height: 95px;
  border: 1px solid #218751;
  border-radius: 50%;
  padding: 2px;
}
.video-play-btn::after {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0.5em);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  content: 'Play';
}
.video-play-btn .outer {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #87c7a5;
  padding: 2px;
}
.video-play-btn .inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid #fff;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-play-btn .inner span {
  width: 0;
  height: 0;
  border-left: 20px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: 5px;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  align-items: flex-start;
  justify-content: center;
  display: none;
}
.modal .overflow_container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
}
.modal .dim {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal .inner {
  position: relative;
  z-index: 1;
  width: 1200px;
  height: auto;
  padding: 100px 0;
  margin: 0 auto;
}
.modal .inner .cont {
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  position: relative;
}
.modal .inner .foot {
  padding: 0;
  display: flex;
  justify-content: center;
}
.modal .btn--close {
  position: absolute;
  top: 120px;
  right: 20px;
  z-index: 50;
  padding: 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: var(--main-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal .btn--close .ico--times {
  width: 50%;
  height: 50%;
}
.modal .btn--close .ico--times::before {
  width: 2px;
}
.modal .btn--close .ico--times::after {
  height: 2px;
}
.modal .btn--close .ico--times::before,
.modal .btn--close .ico--times::after {
  background: #fff;
}
.modal .btn--close:hover {
  background: #fff;
}
.modal .btn--close:hover .ico--times::before,
.modal .btn--close:hover .ico--times::after {
  background: #03c75b;
}
.modal--video .inner .cont {
  background: none;
}
.modal--video__info {
  display: flex;
  align-items: flex-start;
  padding: 25px;
  background: rgba(255, 255, 255, 0.8);
}
.modal--video__info .sbj {
  font-size: 24px;
  font-weight: 500;
  padding-right: 40px;
}
.modal--video__info .info {
  margin-left: auto;
  flex-shrink: 0;
  display: flex;
}
.modal--video__info .info div {
  display: flex;
  align-items: center;
  font-size: 18px;
  color: #888;
}
.modal--video__info .info div i {
  margin-right: 0.5em;
}

@media screen and (max-width: 1620px) {
  .pc-br.hide-mid {
    display: none;
  }
}
@media screen and (max-width: 1399px) {
  .editor_cont {
    word-break: normal;
  }
  .editor_cont * {
    font-size: 16px;
  }
  .editor_cont h1 {
    font-size: 28px;
  }
  .editor_cont h2 {
    font-size: 26px;
  }
  .editor_cont h3 {
    font-size: 24px;
  }
  .editor_cont h4 {
    font-size: 22px;
  }
  .editor_cont h6 {
    font-size: 20px;
  }

  .modal .inner {
    width: 100%;
  }
  .modal--video .overflow_container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .modal--video .inner {
    padding: 0;
  }
  .modal--video__info,
  .modal--video .foot,
  .modal--video .btn--close {
    display: none;
  }

  @media screen and (orientation: landscape) {
    .modal--video .inner {
      width: 80%;
    }
  }

  .table_overflow_container table {
    min-width: 720px;
  }
  .table_overflow_container table tr th:first-child {
    position: sticky;
    left: 0;
  }
  .table_overflow_container table tr th:first-child::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%; 
    background: #dfdfdf;
    content: "";
    display: block;
  }

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

@media screen and (max-width: 767px) {
  .editor_cont * {
    font-size: 14px;
  }
  .editor_cont h1 {
    font-size: 25px;
  }
  .editor_cont h2 {
    font-size: 23px;
  }
  .editor_cont h3 {
    font-size: 21px;
  }
  .editor_cont h4 {
    font-size: 19px;
  }
  .editor_cont h6 {
    font-size: 17px;
  }
  .justify_on_mobile {
    word-break: normal;
    text-align: justify;
  }

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

/* Space Box */
.space--20 {
  display: block;
  height: 20px;
}
.space--30 {
  display: block;
  height: 30px;
}
.space--40 {
  display: block;
  height: 40px;
}
.space--50 {
  display: block;
  height: 50px;
}
.space--60 {
  display: block;
  height: 60px;
}
.space--70 {
  display: block;
  height: 70px;
}
.space--80 {
  display: block;
  height: 80px;
}
.space--90 {
  display: block;
  height: 90px;
}
.space--100 {
  display: block;
  height: 100px;
}

/* Set container size */
.container {
  margin: 0 auto;
  max-width: calc(100% - 100px);
  min-width: 320px;
}
.edit-base_container_size--1024 .container {
  width: 1024px;
}
.edit-base_container_size--1200 .container {
  width: 1200px;
}
.edit-base_container_size--1420 .container {
  width: 1420px;
}
.edit-base_container_size--1520 .container {
  width: 1520px;
}
.edit-base_container_size--full .container {
  width: 100%;
}
@media screen and (max-width: 1399px) {
  .container {
    width: 720px !important;
    max-width: calc(100% - 30px);
  }
}

/* Layouts */
.ly-grid {
  display: grid;
  width: 100%;
}
.ly-grid--horizontal {
  grid-template-columns: 350px calc(100% - 400px);
  gap: 50px;
}
.ly-grid--horizontal__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ly-grid--horizontal__content {
}
.ly-grid--col-rp-1 {
  grid-template-columns: repeat(1, 1fr);
}
.ly-grid--col-rp-2 {
  grid-template-columns: repeat(2, 1fr);
}
.ly-grid--col-rp-3 {
  grid-template-columns: repeat(3, 1fr);
}
.ly-grid--col-rp-4 {
  grid-template-columns: repeat(4, 1fr);
}
.ly-grid--col-rp-5 {
  grid-template-columns: repeat(5, 1fr);
}
.ly-grid--col-1-4 {
  grid-template-columns: 1fr 4fr;
}
.ly-grid--col-1-3 {
  grid-template-columns: 1fr 3fr;
}
.ly-grid--col-1-2 {
  grid-template-columns: 1fr 2fr;
}
.ly-grid--col-3-4 {
  grid-template-columns: 3fr 4fr;
}
.ly-grid--col-4-1 {
  grid-template-columns: 4fr 1fr;
}
.ly-grid--col-3-1 {
  grid-template-columns: 3fr 1fr;
}
.ly-grid--col-2-1 {
  grid-template-columns: 2fr 1fr;
}
.ly-grid--col-2-3 {
  grid-template-columns: 2fr 3fr;
}
.ly-grid--col-rp-1 .ly-grid__item--full {grid-column: 1 / 2;}
.ly-grid--col-rp-2 .ly-grid__item--full {grid-column: 1 / 3;}
.ly-grid--col-rp-3 .ly-grid__item--full {grid-column: 1 / 4;}
.ly-grid--col-rp-4 .ly-grid__item--full {grid-column: 1 / 5;}
.ly-grid--col-rp-5 .ly-grid__item--full {grid-column: 1 / 6;}
.ly-grid--gap-0-10 {
  gap: 0 10px !important;
}
.ly-grid--gap-0-20 {
  gap: 0 20px !important;
}
.ly-grid--gap-0-30 {
  gap: 0 30px !important;
}
.ly-grid--gap-0-40 {
  gap: 0 40px !important;
}
.ly-grid--gap-0-50 {
  gap: 0 50px !important;
}
.ly-grid--gap-0-60 {
  gap: 0 60px !important;
}
.ly-grid--gap-0-70 {
  gap: 0 70px !important;
}
.ly-grid--gap-0-80 {
  gap: 0 80px !important;
}
.ly-grid--gap-0-100 {
  gap: 0 100px !important;
}
.ly-grid--gap-10 {
  gap: 10px 10px !important;
}
.ly-grid--gap-20-10 {
  gap: 20px 10px !important;
}
.ly-grid--gap-20 {
  gap: 20px 20px !important;
}
.ly-grid--gap-30-10 {
  gap: 30px 10px !important;
}
.ly-grid--gap-30-20 {
  gap: 30px 20px !important;
}
.ly-grid--gap-30 {
  gap: 30px 30px !important;
}
.ly-grid--gap-10-0 {
  gap: 10px 0 !important;
}
.ly-grid--gap-20-0 {
  gap: 20px 0 !important;
}
.ly-grid--gap-30-0 {
  gap: 30px 0 !important;
}
.ly-grid--gap-30-20 {
  gap: 30px 20px !important;
}
.ly-grid--gap-40 {
  gap: 40px 40px !important;
}
.ly-grid--gap-40-0 {
  gap: 40px 0 !important;
}
.ly-grid--gap-40-20 {
  gap: 40px 20px !important;
}
.ly-grid--gap-50 {
  gap: 50px 50px !important;
}
.ly-grid--gap-50-0 {
  gap: 50px 0 !important;
}
.ly-grid--gap-50-20 {
  gap: 50px 20px !important;
}
.ly-grid--gap-50-30 {
  gap: 50px 30px !important;
}
.ly-grid--gap-50-70 {
  gap: 50px 70px !important;
}
.ly-grid--gap-70-0 {
  gap: 70px 0 !important;
}
.ly-grid--gap-70-20 {
  gap: 70px 20px !important;
}
.ly-grid--gap-70-30 {
  gap: 70px 30px !important;
}
.ly-grid--gap-70-50 {
  gap: 70px 50px !important;
}
.ly-grid--gap-70-70 {
  gap: 70px 70px !important;
}

.ly-grid--cards {
  display: grid;
  gap: 20px 20px;
}

.ly-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.ly-flex_item--30 {
  width: 30%;
}
.ly-flex_item--35 {
  width: 35%;
}
.ly-flex_item--40 {
  width: 40%;
}
.ly-flex_item--45 {
  width: 45%;
}
.ly-flex_item--50 {
  width: 50%;
}
.ly-flex_item--55 {
  width: 55%;
}
.ly-flex_item--60 {
  width: 60%;
}
.ly-flex_item--65 {
  width: 65%;
}
.ly-flex_item--70 {
  width: 70%;
}

.ly-flex_cards {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.ly-flex_cards .card {
  padding: 10px;
}
.ly-flex_cards--col2 .card {
  width: 50%;
}
.ly-flex_cards--col3 .card {
  width: calc(100% / 3);
}
.ly-flex_cards--col4 .card {
  width: 25%;
}
.ly-flex_cards--col5 .card {
  width: 20%;
}
.ly-flex_cards--no_gab {
  width: 100%;
  margin: 0;
}
.ly-flex_cards--no_gab .card {
  margin: -1px 0 0 -1px;
  border: 1px solid #dadada;
  padding: 20px;
}

@media screen and (max-width: 1399px) {
  .ly-grid--col-rp-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ly-grid--col-rp-3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ly-grid--col-rp-4 {
    grid-template-columns: repeat(2, 1fr);
  }
  .ly-grid--col-rp-5 {
    grid-template-columns: repeat(3, 1fr);
  }
  .ly-grid--col-1-4 {
    grid-template-columns: 1fr;
  }
  .ly-grid--col-1-3 {
    grid-template-columns: 1fr 3fr;
  }
  .ly-grid--col-1-2 {
    grid-template-columns: 1fr 2fr;
  }
  .ly-grid--col-4-1 {
    grid-template-columns: 1fr;
  }
  .ly-grid--col-3-1 {
    grid-template-columns: 3fr 1fr;
  }
  .ly-grid--col-2-1 {
    grid-template-columns: 2fr 1fr;
  }
  .ly-grid--col-2-3 {
    grid-template-columns: 1fr 2fr;
  }
  .ly-grid--col-3-4 {
    grid-template-columns: 1fr 2fr;
  }
  .ly-grid--horizontal {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .ly-grid--gap-0-10,
  .ly-grid--gap-0-20,
  .ly-grid--gap-0-30,
  .ly-grid--gap-0-40,
  .ly-grid--gap-0-50,
  .ly-grid--gap-0-60,
  .ly-grid--gap-0-70,
  .ly-grid--gap-0-80,
  .ly-grid--gap-0-100,
  .ly-grid--gap-10,
  .ly-grid--gap-20-10,
  .ly-grid--gap-20,
  .ly-grid--gap-30-10,
  .ly-grid--gap-30-20,
  .ly-grid--gap-30,
  .ly-grid--gap-10-0,
  .ly-grid--gap-20-0,
  .ly-grid--gap-30-0,
  .ly-grid--gap-30-20,
  .ly-grid--gap-40,
  .ly-grid--gap-40-0,
  .ly-grid--gap-40-20,
  .ly-grid--gap-50,
  .ly-grid--gap-50-0,
  .ly-grid--gap-50-20,
  .ly-grid--gap-50-30,
  .ly-grid--gap-50-70,
  .ly-grid--gap-70-0,
  .ly-grid--gap-70-20,
  .ly-grid--gap-70-30,
  .ly-grid--gap-70-50,
  .ly-grid--gap-70-70 {
    gap: 70px 20px !important;
  }

  .ly-flex.t-break .ly-flex_item--30,
  .ly-flex.t-break .ly-flex_item--35,
  .ly-flex.t-break .ly-flex_item--40,
  .ly-flex.t-break .ly-flex_item--45,
  .ly-flex.t-break .ly-flex_item--50,
  .ly-flex.t-break .ly-flex_item--55,
  .ly-flex.t-break .ly-flex_item--60,
  .ly-flex.t-break .ly-flex_item--65,
  .ly-flex.t-break .ly-flex_item--70 {
    width: 100%;
    padding: 15px 0;
  }

  .ly-flex_cards--col2 .card,
  .ly-flex_cards--col3 .card,
  .ly-flex_cards--col4 .card,
  .ly-flex_cards--col5 .card {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .ly-grid--col-rp-2,
  .ly-grid--col-rp-3,
  .ly-grid--col-rp-4,
  .ly-grid--col-rp-5,
  .ly-grid--col-1-4,
  .ly-grid--col-1-3,
  .ly-grid--col-1-2,
  .ly-grid--col-4-1,
  .ly-grid--col-3-1,
  .ly-grid--col-3-4,
  .ly-grid--col-2-1,
  .ly-grid--col-2-3 {
    grid-template-columns: 1fr;
  }

  .ly-flex .ly-flex_item--30,
  .ly-flex .ly-flex_item--35,
  .ly-flex .ly-flex_item--40,
  .ly-flex .ly-flex_item--45,
  .ly-flex .ly-flex_item--50,
  .ly-flex .ly-flex_item--55,
  .ly-flex .ly-flex_item--60,
  .ly-flex .ly-flex_item--65,
  .ly-flex .ly-flex_item--70 {
    width: 100%;
    padding: 10px 0;
  }

  .ly-flex_cards--col2 .card,
  .ly-flex_cards--col3 .card,
  .ly-flex_cards--col4 .card,
  .ly-flex_cards--col5 .card {
    width: 100%;
  }
}

/* Components */
.cmp-btn_group {
  display: flex;
  gap: 10px;
}
.cmp-btn_group.no_gap {
  gap: 0;
}
.cmp-btn_group.wrap {
  flex-wrap: wrap;
}
.cmp-btn_group .btn {
  cursor: pointer;
}
.cmp-btn_group.auto_width .btn {
  width: auto !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.cmp-btn_group.type1 .btn {
  width: 100%;
  text-align: center;
  padding: 10px;
  border-bottom: 3px solid #dadada;
}
.cmp-btn_group.type1 .btn.active {
  font-weight: 700;
  color: var(--main-color);
  border-color: var(--main-color);
}
.cmp-btn_group.type2 .btn {
  width: 100%;
  border: 1px solid #dadada;
  border-radius: 3px;
  padding: 10px;
  text-align: center;
}
.cmp-btn_group.type2 .btn.active {
  background-color: var(--main-color);
  border-color: var(--main-color);
  font-weight: 700;
  color: #fff;
}
.cmp-btn_group.type3 .btn {
  width: 100%;
  border: 1px solid #dadada;
  border-radius: 100px;
  padding: 10px;
  text-align: center;
}
.cmp-btn_group.type3 .btn.active {
  background-color: var(--main-color);
  border-color: var(--main-color);
  font-weight: 700;
  color: #fff;
}
.cmp-tab_btns {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 30px 0;
}
.cmp-tab_btns .tab_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  height: 40px;
  margin: 0 10px;
  padding: 0 15px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  color: #777;
}
.cmp-tab_btns .tab_btn:first-child {
  margin-left: 0;
}
.cmp-tab_btns .tab_btn:last-child {
  margin-right: 0;
}
.cmp-tab_btns.type1 .tab_btn {
  border-radius: 40px;
  border: 1px solid #adadad;
}
.cmp-tab_btns.type1 .tab_btn.active {
  border: 2px solid var(--main-color);
  color: var(--main-color);
  font-weight: 700;
}
.cmp-tab_btns.type2 .tab_btn {
  width: 100%;
  height: 50px;
  border: 1px solid #afafaf;
  margin: 0 0 0 -1px;
}
.cmp-tab_btns.type2 .tab_btn.active {
  position: relative;
  z-index: 1;
  border: 1px solid var(--main-color);
  font-weight: 700;
  color: var(--main-color);
}
.cmp-tab_btns.type3 .tab_btn {
  height: auto;
  padding: 10px 20px;
  border-bottom: 2px solid #dadada;
}
.cmp-tab_btns.type3 .tab_btn.active {
  color: var(--main-color);
  font-weight: 700;
  border-bottom: 4px solid var(--main-color);
  padding-bottom: 8px;
}
.cmp-tab_btns--vertical {
  display: flex;
  flex-direction: column;
}
.cmp-tab_btns--vertical .tab_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  border: 1px solid #afafaf;
  margin-top: -1px;
  padding: 0 20px;
  color: #777;
  cursor: pointer;
}
.cmp-tab_btns--vertical .tab_btn .ico {
  margin-left: 20px;
  flex-shrink: 0;
}
.cmp-tab_btns--vertical .tab_btn.active {
  color: #fff;
  background: var(--main-color);
}
.cmp-tab_btns--vertical .tab_btn.active .ico {
  border-color: #fff;
}

.cmp-tab_btns.theme--white .tab_btn {
  background: #fff;
  border-color: #fff;
}
.cmp-tab_btns.theme--white.type2 .tab_btn {
  border-color: #afafaf;
}
.cmp-tab_btns.theme--white .tab_btn.active {
  background: var(--main-color);
  color: #fff;
}

.cmp-link_more {
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 5px;
  border: 1px solid #adadad;
  color: #777;
}
.cmp-link_more.theme--white {
  color: #fff;
  border-color: #fff;
}
.cmp-link_more:hover {
  color: #fff;
  border-color: var(--main-color);
  background-color: var(--main-color);
}
.cmp-link_more--icon {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.cmp-link_more--icon .ico--plus {
  width: 20px;
  height: 20px;
}

.cmp-sbj_tag {
  font-size: 20px;
  font-weight: 700;
  color: var(--main-color);
  text-transform: capitalize;
}

.cmp-cover_link_container {
  position: relative;
}
.cmp-cover_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cmp-banner {
  position: relative;
  padding: 80px 0;
}
.cmp-banner__contbox {
  width: 60%;
}
.cmp-banner__sbj {
  font-size: 62px;
  margin-bottom: 0.2em;
}
.cmp-banner__desc {
  font-size: 22px;
}
.cmp-banner .link_more {
  display: inline-block;
  margin-top: 2em;
}

.cmp-banner--split__contbox {
  display: flex;
  padding: 80px;
}
.cmp-banner--split__contbox:nth-child(1) {
  justify-content: flex-end;
}
.cmp-banner--split__contbox:nth-child(2) {
  justify-content: flex-start;
}
.cmp-banner--split__contbox .inner {
  width: 750px;
  max-width: 100%;
}

.cmp-banner--icons {
  padding: 50px 0;
}

.cmp-card_group--bg {
  display: flex;
  width: calc(100% + 20px);
  margin-left: -10px;
}
.cmp-card_group--bg .card {
  width: 100%;
  padding: 10px;
}
.cmp-card_group--bg .card .inner {
  display: flex;
  flex-direction: column;
  padding: 30px;
}
.cmp-card_group--bg .card .inner .sbj {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  display: block;
  margin-bottom: 0.3em;
}
.cmp-card_group--bg .card .inner .desc {
  font-size: 16px;
  display: block;
}
.cmp-card_group--bg.wide {
  width: 1000px;
  margin: 0 auto;
  max-width: 100%;
}
.cmp-card_group--bg.narrow {
  width: 800px;
  margin: 0 auto;
  max-width: 100%;
}
.cmp-card_group--bg.long .card .inner {
  height: 500px;
}
.cmp-card_group--bg.mid .card .inner {
  height: 400px;
}

.cmp-card_group--thumb {
}
.cmp-card_group--thumb .card {
  padding: 25px 10px;
}
.cmp-card_group--thumb .card .inner {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.cmp-card_group--thumb .card .inner .thumb {
  height: 250px;
  background: #dadada;
}
.cmp-card_group--thumb .card .inner .cont {
  padding: 30px 0 0 0;
}
.cmp-card_group--thumb .card .inner .sbj {
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  display: block;
  margin-bottom: 0.3em;
}
.cmp-card_group--thumb .card .inner .desc {
  font-size: 16px;
  display: block;
}

.cmp-icon_group {
}
.cmp-icon_group .icons_item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 20px;
  height: 100%;
}
.cmp-icon_group.cmp-border .icons_item {
  border: 1px solid #dadada;
  padding: 30px 20px;
}
.cmp-icon_group.cmp-radius .icons_item {
  border-radius: 10px;
}
.cmp-icon_group .icons_item .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #dadada;
}
.cmp-icon_group .icons_item .info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0 10px 0;
}
.cmp-icon_group .icons_item .info .sbj {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.5em;
  display: block;
}
.cmp-icon_group .icons_item .info .desc {
  display: block;
}
.cmp-icon_group .icons_item .info .cmp-link_more {
  margin-top: 20px;
}

.cmp-highlight--icons__sbj {
  font-size: 18px;
  font-weight: 600;
}
.cmp-highlight--icons__num {
  font-size: 62px;
  font-weight: 700;
  line-height: 1;
  margin: 10px 0 15px 0;
}
.cmp-highlight--icons__desc {
  font-size: 16px;
}

.cmp-highlight--box1__item {
  display: flex;
  flex-direction: column;
}
.cmp-highlight--box1__num {
  font-size: 32px;
  font-weight: 700;
}
.cmp-highlight--box1__num small {
  font-size: 0.5em;
}
.cmp-highlight--box1__desc {
  font-size: 14px;
  color: #666;
}

.cmp-highlight--box2__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.cmp-highlight--box2__num {
  font-size: 32px;
  font-weight: 700;
}
.cmp-highlight--box2__num small {
  font-size: 0.5em;
}
.cmp-highlight--box2__num::after {
  display: block;
  content: '';
  width: 1em;
  height: 1px;
  background: var(--main-color);
  margin: 0.3em auto;
}
.cmp-highlight--box2__desc {
  font-size: 14px;
  color: #666;
}

.cmp-grid_cont {
  display: grid;
  gap: 10px 10px;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(250px, auto);
}
.cmp-grid_cont.no_gap {
  gap: 0;
}
.cmp-grid_cont .item {
  position: relative;
  background: #dadada;
  color: #333;
}
.cmp-grid_cont .item.no_bg {
  color: #333;
}
.cmp-grid_cont.type1 {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(250px, auto);
}
.cmp-grid_cont.type1 > .item:nth-child(1) {
  grid-column: 1/3;
}
.cmp-grid_cont.type2 {
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(150px, auto);
}
.cmp-grid_cont.type2 > .item:nth-child(1) {
  grid-column: 1/2;
  grid-row: 1/4;
}
.cmp-grid_cont.type3 {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: minmax(150px, auto);
}
.cmp-grid_cont.type3 > .item:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1/3;
}
.cmp-grid_cont.type3 > .item:nth-child(2) {
  grid-column: 3/5;
  grid-row: 1/2;
}
.cmp-grid_cont.type4 {
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: minmax(150px, auto);
}
.cmp-grid_cont.type4 > .item:nth-child(1) {
  grid-column: 1/4;
  grid-row: 1/3;
}
.cmp-grid_cont.type4 > .item:nth-child(2) {
  grid-column: 4/6;
  grid-row: 1/2;
}
.cmp-grid_cont.type4 > .item:nth-child(5) {
  grid-column: 5/7;
  grid-row: 2/3;
}
.cmp-grid_cont.type5 {
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: minmax(150px, auto);
}
.cmp-grid_cont.type5 > .item:nth-child(1) {
  grid-column: 1/4;
  grid-row: 1/3;
}
.cmp-grid_cont.type5 > .item:nth-child(2) {
  grid-column: 4/7;
  grid-row: 1/2;
}
.cmp-grid_cont.type5 > .item:nth-child(3) {
  grid-column: 4/7;
  grid-row: 2/3;
}

.cmp-lnb {
}
.cmp-lnb__btn_ls {
  display: flex;
}
.cmp-lnb__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  font-size: 18px;
  text-align: center;
  background: #fff;
  color: #333;
}
.cmp-lnb__btn:hover {
  background: #f1f1f1;
}
.cmp-lnb__btn.active {
  background: var(--main-color);
  color: #fff;
}
.cmp-intro_banner .cmp-lnb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.cmp-lnb--dropdowns {
  position: relative;
  z-index: 100;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
}
.cmp-lnb--dropdowns .container {
  display: flex;
  flex-direction: row;
  height: 50px;
}
.cmp-lnb__home_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 100%;
  background: var(--main-color);
  flex-shrink: 0;
  color: #fff;
}
.cmp-lnb__dropdown {
  position: relative;
  height: 100%;
  width: 100%;
  max-width: calc(100% / 3);
  border-right: 1px solid #dfdfdf;
}
.cmp-lnb__dropdown:last-child {
  border-right: none;
}
.cmp-lnb__dropdown .cur {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  background: rgba(255, 255, 255, 0.2);
  cursor: pointer;
}
.cmp-lnb__dropdown .cur .icon {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-color);
  margin-left: 20px;
  flex-shrink: 0;
}
.cmp-lnb__dropdown .cur .icon .ico--plus {
  width: 60%;
  height: 60%;
}
.cmp-lnb__dropdown ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 10px 0 20px 0;
  border: 1px solid #dfdfdf;
  color: #333;
}
.cmp-lnb__dropdown ul li a {
  display: flex;
  align-items: center;
  padding: 5px 20px;
}
.cmp-lnb__dropdown ul li a:hover {
  font-weight: 600;
}
.cmp-lnb__dropdown:hover ul {
  display: block;
}

.cmp-lnb--dropdowns.pure {position: relative; z-index: 100; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.cmp-lnb--dropdowns.pure .cmp-lnb__home_btn {background: #fff; color: var(--main-color); border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.cmp-lnb--dropdowns.pure .cmp-lnb__dropdown ul {background: #f7f7f7;}

.cmp-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cmp-breadcrumb a {
  display: flex;
  align-items: center;
  font-size: 16px;
  color: #777;
  line-height: 1;
}
.cmp-breadcrumb a::after {
  display: block;
  content: '>';
  font-size: 12px;
  color: #999;
  font-weight: 700;
  margin: 0 0.7em;
}
.cmp-breadcrumb a:last-child::after {
  display: none;
}
.cmp-breadcrumb a:last-child {
  font-weight: 500;
  color: #000;
}

.cmp-intro_banner {
  position: relative;
  color: #fff;
  margin-bottom: 120px;
}
.cmp-intro_banner .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.cmp-intro_banner .container {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 550px;
  padding: 200px 0 100px 0;
}
.cmp-intro_banner h2 {
  margin-bottom: 0.5em;
}
.cmp-intro_banner .desc {
}
.cmp-intro_banner .cmp-lnb--dropdowns .container {
  padding: 0;
  height: 50px;
  flex-direction: row;
  justify-content: flex-start;
}

.cmp-intro_simple {
  position: relative;
  padding: 180px 0 60px 0;
}

.cmp-intro_banner--dinamic {
  position: relative;
  color: #fff;
  margin-bottom: 120px;
}

.cmp-intro_banner--dinamic .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.cmp-intro_banner--dinamic .container {
  position: relative;
  z-index: 1;
  display: flex;
  min-height: 90vh;
  padding: 250px 0 60px 0;
}

.cmp-intro_banner--dinamic .container .content {
  width: 50%;
  padding-right: 50px;
}

.cmp-intro_banner--dinamic .container h2 {
  margin-bottom: 0.5em;
}

.cmp-intro_banner--dinamic .container .cmp-icon_group .icon {
  width: 100px;
  height: 100px;
}

.cmp-intro_banner--dinamic .container .cmp-icon_group .info {
  padding-bottom: 0;
}

.cmp-intro_banner--dinamic .container .cmp-icon_group .sbj {
  margin-bottom: 0;
}

.cmp-intro_banner--dinamic .emp_item {
  position: relative;
  width: 50%;
}

.cmp-intro_banner--dinamic .emp_item span.dev_noti {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

.cmp-intro_banner--dinamic .emp_item img {
  display: block;
  height: 100%;
}

.cmp-intro_banner--dinamic .emp_item img.proto-sample_img1 {
  background: rgba(0, 0, 0, 0.1);
  border: none;
}

.cmp-intro_banner--dinamic .lnb_container {
  display: block !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

.cmp-titlebox {
  margin: 0 0 60px 0;
}

.cmp-titlebox--mid {
  margin: 0 0 30px 0;
}

.cmp-card_banner {
  display: flex;
  justify-content: center;
  gap: 20px;
}
.cmp-card_banner__card {
  width: 25%;
}
.cmp-card_banner__card > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 20px;
  min-height: 500px;
}

@media screen and (max-width: 1399px) {
  /* Components */
  .cmp-btn_group {
    flex-wrap: wrap;
  }
  .cmp-btn_group .btn {
    width: auto !important;
    font-size: 14px;
  }
  .cmp-tab_btns.type1 {
    flex-wrap: wrap;
    justify-content: space-between !important;
  }
  .cmp-tab_btns.type1 .tab_btn {
    width: 49.5%;
    min-width: 0;
    margin: 5px 0;
    font-size: 15px;
  }
  .cmp-tab_btns.type2 {
    flex-wrap: wrap;
  }
  .cmp-tab_btns.type2 .tab_btn {
    width: 50%;
    min-width: 0;
    font-size: 15px;
    margin: -1px 0 0 -1px;
  }
  .cmp-tab_btns.type3 {
    flex-wrap: wrap;
    justify-content: space-between !important;
  }
  .cmp-tab_btns.type3 .tab_btn {
    width: 49.5%;
    min-width: 0;
    margin: 3px 0;
    font-size: 15px;
  }
  .cmp-tab_btns--vertical .tab_btn {
    font-size: 15px;
    padding: 0 15px;
  }
  .cmp-link_more {
    font-size: 16px;
    padding: 5px 15px;
  }
  .cmp-sbj_tag {
    font-size: 16px;
  }

  .cmp-banner {
    margin: 0 0;
  }
  .cmp-banner__contbox {
    width: 80%;
  }
  .cmp-banner__sbj {
    font-size: 42px;
  }
  .cmp-banner__desc {
    font-size: 18px;
  }

  .cmp-card_group--bg {
    display: block;
    width: 100%;
    margin: 0;
  }
  .cmp-card_group--bg .card {
    padding: 5px 0;
  }
  .cmp-card_group--bg .card .inner {
    height: auto !important;
  }
  .cmp-card_group--bg .card .inner .sbj {
    font-size: 18px;
  }
  .cmp-card_group--bg .card .inner .desc {
    font-size: 14px;
  }

  .cmp-card_group--thumb .card .inner .thumb {
    height: 200px;
  }
  .cmp-card_group--thumb .card .inner .cont {
    padding: 20px 0 0 0;
  }
  .cmp-card_group--thumb .card .inner .sbj {
    font-size: 18px;
  }
  .cmp-card_group--thumb .card .inner .desc {
    font-size: 14px;
  }

  .cmp-icon_group .icons_item {
    padding: 20px 40px;
  }
  .cmp-icon_group .icons_item .icon {
    width: 120px;
    height: 120px;
  }
  .cmp-icon_group .icons_item .info .sbj {
    font-size: 18px;
  }
  .cmp-icon_group .icons_item .info .desc {
    font-size: 15px;
  }

  .cmp-highlight--icons .cmp-highlight--icons__item {
    border: 1px solid #dadada;
    border-radius: 10px;
    padding: 30px 20px;
  }
  .cmp-highlight--icons__sbj {
    font-size: 16px;
  }
  .cmp-highlight--icons__num {
    font-size: 42px;
  }
  .cmp-highlight--icons__desc {
    font-size: 14px;
  }

  .cmp-grid_cont.type1 {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(180px, auto);
  }
  .cmp-grid_cont.type4 {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(125px, auto);
  }
  .cmp-grid_cont.type4 > .item:nth-child(1) {
    grid-column: 1/4;
  }
  .cmp-grid_cont.type4 > .item:nth-child(2) {
    grid-column: 1/3;
    grid-row: auto;
  }
  .cmp-grid_cont.type4 > .item:nth-child(3) {
    grid-column: 3/4;
    grid-row: auto;
  }
  .cmp-grid_cont.type4 > .item:nth-child(4) {
    grid-column: 1/2;
    grid-row: auto;
  }
  .cmp-grid_cont.type4 > .item:nth-child(5) {
    grid-column: 2/4;
    grid-row: auto;
  }
  .cmp-grid_cont.type5 {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: minmax(125px, auto);
  }
  .cmp-grid_cont.type5 > .item:nth-child(1) {
    grid-column: 1/4;
  }
  .cmp-grid_cont.type5 > .item:nth-child(2) {
    grid-row: auto;
    grid-column: 1/4;
  }
  .cmp-grid_cont.type5 > .item:nth-child(3) {
    grid-row: auto;
    grid-column: 1/4;
  }

  .cmp-lnb__btn {
    height: 40px;
    font-size: 14px;
  }
  .cmp-lnb__dropdown {
    font-size: 14px;
  }
  .cmp-lnb__dropdown .cur {
    padding: 0 15px;
  }
  .cmp-lnb__dropdown ul li a {
    padding: 5px 15px;
  }

  .cmp-breadcrumb a {
    font-size: 14px;
  }
  .cmp-intro_banner {
    margin-bottom: 80px;
  }
  .cmp-intro_banner .container {
    padding: 150px 0 100px 0;
    height: 380px;
  }
  .cmp-intro_banner--dinamic .container {
    display: block;
    padding: 150px 0 100px 0;
  }
  .cmp-intro_banner--dinamic .container .content {
    width: 100%;
    margin-bottom: 70px;
    padding-right: 0;
  }
  .cmp-intro_banner--dinamic .container .cmp-icon_group {
    flex-wrap: nowrap;
  }
  .cmp-intro_banner--dinamic .container .cmp-icon_group .card {
    width: 25%;
  }
  .cmp-intro_banner--dinamic .container .cmp-icon_group .icon {
    width: 70px;
    height: 70px;
  }
  .cmp-intro_banner--dinamic .emp_item {
    width: 100%;
  }
  .cmp-intro_banner--dinamic .emp_item img {
    display: block;
    margin: 0 auto;
  }
  .cmp-intro_banner--dinamic .emp_item img.proto-sample_img1 {
    height: 500px;
  }

  .cmp-intro_simple {
    padding: 120px 0 60px 0;
  }
  .cmp-titlebox {
    margin: 0 0 40px 0;
  }
  .cmp-card_banner.col--4 {
    flex-wrap: wrap;
  }
  .cmp-card_banner.col--3 .cmp-card_banner__card {
    width: calc(100% / 3);
  }
  .cmp-card_banner.col--4 .cmp-card_banner__card {
    width: calc(50% - 10px);
  }
  .cmp-card_banner__card > a {
    padding: 50px 20px;
    min-height: 400px;
  }
}
@media screen and (max-width: 767px) {
  /* Components */
  .cmp-tab_btns.type1 .tab_btn {
    width: 100%;
  }
  .cmp-tab_btns.type2 .tab_btn {
    width: 100%;
    margin: -1px 0 0 0;
  }
  .cmp-tab_btns.type3 .tab_btn {
    width: 100%;
  }
  .cmp-tab_btns--vertical .tab_btn {
    font-size: 14px;
  }
  .has_link > .cmp-link_more {
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .has_link > .cmp-link_more::after,
  .has_link > .cmp-link_more::before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
  }
  .has_link > .cmp-link_more::after {
    width: 50%;
    height: 2px;
  }
  .has_link > .cmp-link_more::before {
    height: 50%;
    width: 2px;
  }
  .cmp-sbj_tag {
    font-size: 14px;
  }

  .cmp-banner {
    margin: 0 0;
  }
  .cmp-banner__contbox {
    width: 100%;
  }
  .cmp-banner__sbj {
    font-size: 32px;
  }
  .cmp-banner__desc {
    font-size: 15px;
  }
  .cmp-banner .link_more {
    font-size: 0;
    color: transparent;
    text-indent: -100vw;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    border-radius: 0 !important;
    background: transparent !important;
    margin: 0;
  }
  .cmp-banner .link_more::after,
  .cmp-banner .link_more::before {
    display: none;
  }
  .cmp-banner--split__contbox {
    display: flex;
    padding: 60px 20px !important;
    justify-content: flex-start !important;
  }
  .cmp-banner--split__contbox .inner {
    width: 80%;
  }

  .cmp-icon_group .icons_item {
    padding: 20px;
  }
  .cmp-icon_group .icons_item .icon {
    width: 100px;
    height: 100px;
  }
  .cmp-icon_group .icons_item .info {
  }
  .cmp-icon_group .icons_item .info .sbj {
    font-size: 16px;
  }
  .cmp-icon_group .icons_item .info .desc {
    font-size: 14px;
  }

  .cmp-highlight--icons {
    width: calc(100% + 10px);
    margin-left: -5px;
  }
  .cmp-highlight--icons .card {
    width: 50%;
    padding: 5px;
  }
  .cmp-highlight--icons .cmp-highlight--icons__item {
  }
  .cmp-highlight--icons__sbj {
    font-size: 14px;
  }
  .cmp-highlight--icons__num {
    font-size: 32px;
  }
  .cmp-highlight--icons__desc {
    font-size: 12px;
  }

  .cmp-grid_cont.type2 {
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(125px, auto);
  }
  .cmp-grid_cont.type2 > .item:nth-child(1) {
    grid-row: 1/3;
  }
  .cmp-grid_cont.type3 {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(125px, auto);
  }
  .cmp-grid_cont.type3 > .item:nth-child(2) {
    grid-column: 1/3;
    grid-row: 3/4;
  }
  .cmp-grid_cont.type3 > .item:nth-child(3) {
    grid-column: 1/2;
  }
  .cmp-grid_cont.type3 > .item:nth-child(4) {
    grid-column: 2/3;
  }

  .cmp-grid_cont.type4 > .item:nth-child(1) {
    grid-column: 1/4;
  }
  .cmp-grid_cont.type4 > .item:nth-child(2) {
    grid-column: 1/4;
    grid-row: auto;
  }
  .cmp-grid_cont.type4 > .item:nth-child(3) {
    grid-column: 1/4;
    grid-row: auto;
  }
  .cmp-grid_cont.type4 > .item:nth-child(4) {
    grid-column: 1/4;
    grid-row: auto;
  }
  .cmp-grid_cont.type4 > .item:nth-child(5) {
    grid-column: 1/4;
    grid-row: auto;
  }

  .cmp-lnb {
    position: fixed !important;
    bottom: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 0!important;
    overflow: auto hidden;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(10px);
  }
  .cmp-lnb__btn_ls {
    flex-wrap: nowrap;
    max-width: none;
    gap: 10px;
  }
  .cmp-lnb__btn {
    width: auto;
    padding: 0 20px;
    border: 1px solid #dfdfdf;
    white-space: nowrap;
  }

  .cmp-lnb__dropdown {
    display: none;
    max-width: 100%;
  }
  .cmp-lnb__dropdown:last-child {
    display: block;
  }

  .cmp-breadcrumb {
    display: none;
  }

  .cmp-intro_simple {
    padding: 100px 0 20px 0;
  }

  .cmp-intro_banner--dinamic .container {
    text-align: center;
  }
  .cmp-intro_banner--dinamic .container .cmp-icon_group {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
  }
  .cmp-intro_banner--dinamic .container .cmp-icon_group .card {
    width: 100%;
  }

  .cmp-card_banner {
    flex-wrap: wrap;
  }
  .cmp-card_banner__card {
    width: 100% !important;
  }
  .cmp-card_banner__card > a {
    padding: 30px;
    min-height: 200px;
    align-items: flex-start;
    text-align: left;
  }
}

/* Mainpage */
.mainpage-section {
  position: relative;
  z-index: 10;
  margin: 120px 0;
  background: #fff;
}
.mainpage-section.pd--0 {
  padding: 0 !important;
}
.mainpage-section.line_deco1::before {
  position: absolute;
  top: -120px;
  left: 50%;
  transform: translate(-50%);
  content: '';
  width: 1px;
  height: 70px;
  background: #dadada;
}

.mainpage-section_sbj1 {
  font-size: 52px;
}
.mainpage-section_sbj2 {
  font-size: 42px;
}
.mainpage-section_sbj1.has_link {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.mainpage-section_sbj1.has_link > a {
  flex-shrink: 0;
  margin-left: 50px;
}
.mainpage-section_desc {
  font-size: 20px;
  padding: 0.5em 0 0 0;
}

.mainpage-section_cont {
  padding: 50px 0 0 0;
}
.mainpage-section_cont.no_pd {
  padding: 0;
}

@media screen and (max-width: 1399px) {
  .mainpage-section {
    margin: 100px 0;
  }
  .mainpage-section.line_deco1::before {
    top: -100px;
  }
  .mainpage-section_sbj1 {
    font-size: 42px;
  }
  .mainpage-section_sbj2 {
    font-size: 32px;
  }
  .mainpage-section_desc {
    font-size: 18px;
  }
  .mainpage-section_cont {
    padding: 40px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  .mainpage-section {
    margin: 80px 0;
  }
  .mainpage-section.line_deco1::before {
    height: 50px;
    top: -80px;
  }
  .mainpage-section_sbj1 {
    font-size: 28px;
  }
  .mainpage-section_sbj2 {
    font-size: 24px;
  }
  .mainpage-section_sbj1.has_link > a {
    margin-left: 25px;
  }
  .mainpage-section_desc {
    font-size: 16px;
  }
  .mainpage-section_cont {
    padding: 30px 0 0 0;
  }
}

/* Main visuals */
.main_visual {
  position: relative;
  z-index: 10;
  overflow: hidden;
  height: 100vh;
  background: #fff !important;
}
.main_visual .slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.main_visual .slide .container {
  position: relative;
  z-index: 1;
  padding: 300px 0 0 0;
  height: 100%;
}

.main_visual__pagination {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  padding: 50px 0;
  pointer-events: none;
  width: 100%;
}
.main_visual__pagination .container {
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  width: 1200px;
}
.main_visual__pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.7);
  margin: 0 10px;
  pointer-events: initial;
  opacity: 0.4;
}
.main_visual__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.main_visual__pagination.type2 .swiper-pagination-bullet {
  width: 40px;
  height: 4px;
  border-radius: 4px;
}
.main_visual__pagination.type3 .swiper-pagination-bullet {
  width: 80px;
  height: 4px;
  border-radius: 4px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
}
.main_visual__pagination.type3 .swiper-pagination-bullet::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: transform 0s linear;
  transform: scaleX(0);
  transform-origin: left;
}
.main_visual__pagination.type3 .swiper-pagination-bullet-active::after {
  transform: scaleX(1);
  transition: transform 4.5s linear;
}
.main_visual__pagination.type4 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  transition: width 0.4s;
  will-change: width;
}
.main_visual__pagination.type4 .swiper-pagination-bullet-active {
  width: 40px;
}
.main_visual__pagination.type5 {
  padding: 0;
}
.main_visual__pagination.type5 .swiper-pagination-bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  border-radius: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.main_visual__btns {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
  transform: translate(0, -50%);
}
.main_visual__btn {
  padding: 50px;
  pointer-events: initial;
  cursor: pointer;
}
.main_visual__btn .arrow {
  width: 40px;
  height: 40px;
  border-color: #fff;
}

.main_visual__controls {
  position: absolute;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px 0 100px 0;
}
.main_visual__controls .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_visual__controls.center .container {
  justify-content: center;
}
.main_visual__controls.left .container {
  justify-content: flex-start;
}
.main_visual__controls.right .container {
  justify-content: flex-end;
}
.main_visual__controls .elem {
  margin: 0 5px;
  cursor: pointer;
  flex-shrink: 0;
}
.main_visual__controls .paging_btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
}
.main_visual__controls .paging_btn .arrow {
  border-color: #fff;
}
.main_visual__controls .prev_btn .arrow {
  margin-left: 3px;
}
.main_visual__controls .next_btn .arrow {
  margin-right: 3px;
}
.main_visual__controls .play_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.main_visual__controls .play_btn::before,
.main_visual__controls .play_btn::after {
  display: block;
  content: '';
}
.main_visual__controls .play_btn.play::before {
  width: 0;
  height: 0;
  border-left: 16px solid #fff;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  margin-left: 3px;
}
.main_visual__controls .play_btn.pause::before,
.main_visual__controls .play_btn.pause::after {
  width: 5px;
  height: 40%;
  background: #fff;
  margin: 0 2px;
}
.main_visual__controls .duration_bar {
  flex-shrink: 1;
  width: 200px;
  height: 4px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
  cursor: initial;
}
.main_visual__controls .duration_bar::before {
  position: absolute;
  top: 0;
  left: ;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  transition: inherit;
  transform: scaleX(0);
  transform-origin: left;
}
.main_visual__controls .duration_bar.running::before {
  transform: scaleX(1);
}

.main_visual--slide--basic .slide .container .title {
  font-size: 82px;
  margin-bottom: 0.3em;
  transition: opacity 0.4s 0.5s, transform 0.4s 0.5s;
  opacity: 0;
  transform: translate(100px);
}
.main_visual--slide--basic .slide .container .desc {
  font-size: 24px;
  transition: opacity 0.4s 0.7s, transform 0.4s 0.7s;
  opacity: 0;
  transform: translate(100px);
}
.main_visual--slide--basic .slide.swiper-slide-active .container .title {
  opacity: 1;
  transform: translate(0);
}
.main_visual--slide--basic .slide.swiper-slide-active .container .desc {
  opacity: 1;
  transform: translate(0);
}

.main_visual--slide--boxed1 .content_box_container {
  position: absolute;
  top: 250px;
  left: 0;
  width: 100%;
  z-index: 10;
  pointer-events: none;
}
.main_visual--slide--boxed1 .content_box {
  width: 700px;
  padding: 60px 50px 80px 50px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 0 15px rgba(0, 0, 0, 0.1),
    0 0 10px rgba(0, 0, 0, 0.1);
}
.main_visual--slide--boxed1 .content_box .title {
  font-size: 62px;
  margin-bottom: 0.3em;
}
.main_visual--slide--boxed1 .content_box .desc {
  font-size: 20px;
}
.main_visual--slide--boxed1 .content_box .main_visual__controls {
  position: static;
  display: flex;
  align-items: center;
  padding-bottom: 0;
  pointer-events: initial;
}

.main_visual--slide--boxed2 .content_box_container {
  position: absolute;
  top: 250px;
  left: 0;
  width: 100%;
  z-index: 10;
}
.main_visual--slide--boxed2 .content_box {
  position: relative;
  width: 900px;
}
.main_visual--slide--boxed2 .content_box::before {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  content: '';
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1), 0 0 15px rgba(0, 0, 0, 0.1),
    0 0 10px rgba(0, 0, 0, 0.1);
}
.main_visual--slide--boxed2 .content_box .inner {
  position: relative;
  z-index: 1;
  padding: 80px 50px 50px 130px;
}
.main_visual--slide--boxed2 .content_box .inner .title {
  font-size: 62px;
  margin-bottom: 0.3em;
}
.main_visual--slide--boxed2 .content_box .inner .desc {
  position: relative;
  font-size: 20px;
}
.main_visual--slide--boxed2 .content_box .inner .desc::before {
  position: absolute;
  bottom: 0;
  right: 100%;
  content: '';
  width: 50vw;
  height: 1px;
  background: rgba(255, 255, 255, 0.6);
  margin-right: 30px;
  margin-bottom: 0.5em;
}
.main_visual--slide--boxed2 .content_box .inner .main_visual__controls {
  position: static;
  display: flex;
  align-items: center;
  padding-bottom: 0;
}

.main_visual--slide--boxed3 .slide .container {
  padding: 150px 0 50px 0;
  display: flex;
  align-items: flex-end;
}
.main_visual--slide--boxed3 .typo_box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding: 60px 40px 40px 40px;
  background: rgba(0, 0, 0, 0.4);
}
.main_visual--slide--boxed3 .typo_box .title {
  font-size: 42px;
  margin-bottom: 0.3em;
}
.main_visual--slide--boxed3 .typo_box .numbs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-left: 40px;
}
.main_visual--slide--boxed3 .typo_box .numbs .num {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  line-height: 1;
  font-weight: 700;
  margin: 0 5px;
}
.main_visual--slide--boxed3 .typo_box .numbs .num.active {
  background: #fff;
  color: #333;
}

.main_visual--slide--center {
}
.main_visual--slide--center .slide {
}
.main_visual--slide--center .slide .container {
  text-align: center;
}
.main_visual--slide--center .slide .title,
.main_visual--slide--center .slide .desc {
  opacity: 0;
  transform: translate(0, 100px);
  transition: opacity 0.4s, transform 0.4s;
}
.main_visual--slide--center .slide.swiper-slide-active .title,
.main_visual--slide--center .slide.swiper-slide-active .desc {
  opacity: 1;
  transform: translate(0);
}
.main_visual--slide--center .slide .title {
  font-size: 52px;
  margin-bottom: 0.3em;
  transition-delay: 0s;
}
.main_visual--slide--center .slide .desc {
  font-size: 24px;
  transition-delay: 0.2s;
}
.main_visual--slide--center .slide .icon_ls {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 50px 0 0 0;
}
.main_visual--slide--center .slide .icon_ls .icon_item {
  padding: 0 20px;
  text-align: center;
}
.main_visual--slide--center .slide .icon_ls .icon_item .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 15px;
  background: #afafaf;
}
.main_visual--slide--center .slide .icon_ls .icon_item .val {
  font-size: 18px;
  font-weight: 600;
}

.main_visual--slide--link_banner {
}
.main_visual--slide--link_banner .swiper-wrapper {
  height: calc(100vh - 125px);
}
.main_visual--slide--link_banner .slide .container {
  padding: 0 0 200px 0;
  display: flex;
  align-items: flex-end;
}
.main_visual--slide--link_banner .typo_box .title {
  font-size: 52px;
  margin-bottom: 0.5em;
}
.main_visual--slide--link_banner .typo_box .desc {
  font-size: 18px;
}
.main_visual_link_banner {
  position: relative;
  z-index: 20;
}
.main_visual_link_banner .container {
  position: relative;
}
.main_visual_link_banner .container .item_ls {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  display: flex;
  width: 100%;
  height: 250px;
}
.main_visual_link_banner .container .item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 50px 30px;
  color: #fff;
  text-align: center;
}
.main_visual_link_banner .container .item:nth-child(1),
.main_visual_link_banner .container .item:nth-child(3) {
  background-color: #888;
}
.main_visual_link_banner .container .item:nth-child(2),
.main_visual_link_banner .container .item:nth-child(4) {
  background-color: #555;
}
.main_visual_link_banner .container .item .sbj {
  font-size: 24px;
  margin-bottom: 0.3em;
}
.main_visual_link_banner .container .item .desc {
  font-size: 18px;
  margin-bottom: auto;
}
.main_visual_link_banner .container .item a {
}
.main_visual_link_banner .container .item a span {
  line-height: 1;
}

.main_visual_link_banner.type2 .container .item_ls {
  height: auto;
}
.main_visual_link_banner.type2 .container .item {
  flex-direction: row;
  text-align: left;
  height: auto;
}
.main_visual_link_banner.type2 .container .item .ico--plus {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 0;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.main_visual_link_banner.type2 .container .item .ico--plus::after {
  height: 2px;
}
.main_visual_link_banner.type2 .container .item .ico--plus::before {
  width: 2px;
}
.main_visual_link_banner.type2 .container .item .ico {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #dadada;
}
.main_visual_link_banner.type2 .container .item .cont {
  width: 100%;
  padding: 0 0 0 30px;
}
.main_visual_link_banner.type2 .container .item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main_visual_link_banner.type2 .container .item a span {
  display: none;
}

@media screen and (max-width: 1399px) {
  .main_visual__pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px;
  }
  .main_visual__pagination.type5 .swiper-pagination-bullet {
    font-size: 16px;
    height: 45px;
  }

  .main_visual--slide--basic .slide .container {
    padding: 150px 0 0 0;
  }
  .main_visual--slide--basic .slide .container .typo_box {
    width: 70%;
  }
  .main_visual--slide--basic .slide .container .title {
    font-size: 42px;
  }
  .main_visual--slide--basic .slide .container .desc {
    font-size: 18px;
  }

  .main_visual--slide--boxed1 .content_box_container {
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .main_visual--slide--boxed1 .content_box_container .content_box {
    width: 100%;
    text-align: center;
  }
  .main_visual--slide--boxed1 .content_box_container .content_box .title {
    font-size: 42px;
  }
  .main_visual--slide--boxed1 .content_box_container .content_box .desc {
    font-size: 18px;
  }
  .main_visual--slide--boxed1 .content_box .main_visual__controls {
    justify-content: center;
  }

  .main_visual--slide--boxed2 .content_box_container {
    top: auto;
    bottom: 50px;
  }
  .main_visual--slide--boxed2 .content_box {
    width: 100%;
  }
  .main_visual--slide--boxed2 .content_box .inner {
    padding: 80px 0 50px 80px;
  }
  .main_visual--slide--boxed2 .content_box .inner .title {
    font-size: 42px;
  }
  .main_visual--slide--boxed2 .content_box .inner .desc {
    font-size: 18px;
  }

  .main_visual--slide--boxed3 .typo_box .title {
    font-size: 32px;
  }

  .main_visual--slide--center .slide .title {
    font-size: 42px;
  }
  .main_visual--slide--center .slide .desc {
    font-size: 18px;
  }
  .main_visual--slide--center .slide .icon_ls .icon_item .icon {
    width: 80px;
    height: 80px;
  }

  .main_visual--slide--link_banner .swiper-wrapper {
    height: calc(100vh - 100px);
  }
  .main_visual--slide--link_banner .typo_box .title {
    font-size: 42px;
  }
  .main_visual--slide--link_banner .typo_box .desc {
    font-size: 16px;
  }
  .main_visual_link_banner .container .item_ls {
    height: 200px;
  }
  .main_visual_link_banner .container .item .sbj {
    font-size: 22px;
    margin-bottom: auto;
  }
  .main_visual_link_banner .container .item .desc {
    display: none;
  }

  .main_visual--slide--link_banner.type2 {
    height: auto;
  }
  .main_visual--slide--link_banner.type2 .swiper-wrapper {
    height: 100vh;
  }
  .main_visual_link_banner.type2 .container .item_ls {
    position: static;
    transform: none;
    flex-wrap: wrap;
    margin-top: -125px;
  }
  .main_visual_link_banner.type2 .container .item {
    padding: 30px 40px;
  }
  .main_visual_link_banner.type2 .container .item .cont .desc {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .main_visual__pagination.type5 .container {
    width: 100%;
    max-width: 100%;
  }

  .main_visual--slide--basic .slide .container {
    padding: 100px 0 0 0;
  }
  .main_visual--slide--basic .slide .container .typo_box {
    width: 90%;
  }
  .main_visual--slide--basic .slide .container .title {
    font-size: 32px;
  }
  .main_visual--slide--basic .slide .container .desc {
    font-size: 16px;
  }

  .main_visual--slide--boxed1 .content_box_container .content_box {
    padding: 70px 25px;
  }
  .main_visual--slide--boxed1 .content_box_container .content_box .title {
    font-size: 32px;
  }
  .main_visual--slide--boxed1 .content_box_container .content_box .desc {
    font-size: 16px;
  }
  .main_visual--slide--boxed2 .content_box .inner .main_visual__controls {
    padding-top: 30px;
  }

  .main_visual--slide--boxed2 .content_box::before {
    width: 85%;
  }
  .main_visual--slide--boxed2 .content_box .inner {
    padding: 60px 0 35px 50px;
  }
  .main_visual--slide--boxed2 .content_box .inner .title {
    font-size: 32px;
  }
  .main_visual--slide--boxed2 .content_box .inner .desc {
    font-size: 16px;
  }

  .main_visual--slide--boxed3 .typo_box {
    display: block;
  }
  .main_visual--slide--boxed3 .typo_box .title {
    font-size: 26px;
  }
  .main_visual--slide--boxed3 .typo_box .numbs {
    padding-top: 40px;
  }

  .main_visual--slide--center .slide .title {
    font-size: 32px;
  }
  .main_visual--slide--center .slide .desc {
    font-size: 16px;
  }
  .main_visual--slide--center .slide .icon_ls .icon_item {
    padding: 0 10px;
  }
  .main_visual--slide--center .slide .icon_ls .icon_item .icon {
    width: 60px;
    height: 60px;
  }
  .main_visual--slide--center .slide .icon_ls .icon_item .val {
    font-size: 14px;
  }

  .main_visual--slide--link_banner .swiper-wrapper {
    height: calc(100vh - 140px);
  }
  .main_visual--slide--link_banner .typo_box .title {
    font-size: 32px;
  }
  .main_visual_link_banner .container .item_ls {
    flex-wrap: wrap;
    height: 280px;
  }
  .main_visual_link_banner .container .item {
    position: relative;
    width: 50%;
    height: 50%;
    justify-content: center;
  }
  .main_visual_link_banner .container .item:nth-child(1),
  .main_visual_link_banner .container .item:nth-child(4) {
    background-color: #888;
  }
  .main_visual_link_banner .container .item:nth-child(2),
  .main_visual_link_banner .container .item:nth-child(3) {
    background-color: #555;
  }
  .main_visual_link_banner .container .item .sbj {
    margin: 0;
  }
  .main_visual_link_banner .container .item a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main_visual_link_banner .container .item a span {
    display: none;
  }

  .main_visual_link_banner.type2 .container .item .ico--plus {
    top: 10px;
    right: 10px;
  }
  .main_visual_link_banner.type2 .container .item:nth-child(1),
  .main_visual_link_banner.type2 .container .item:nth-child(3) {
    background-color: #888;
  }
  .main_visual_link_banner.type2 .container .item:nth-child(2) {
    background-color: #555;
  }
  .main_visual_link_banner.type2 .container .item {
    width: 100%;
    padding: 25px 25px;
  }
  .main_visual_link_banner.type2 .container .item .ico {
    width: 55px;
    height: 55px;
  }
  .main_visual_link_banner.type2 .container .item .sbj {
    font-size: 18px;
  }
  .main_visual_link_banner.type2 .container .item .desc {
    font-size: 14px;
  }
}

/* Card contents */
/* .card_banner_container {display: flex; width: 100%;}
.card_banner_container .card_banner {width: 20%; padding: 10px 20px 10px 0;}
.card_banner_container .card_banner .inner {display: flex; flex-direction: column; height: 100%; background-color: #777; padding: 30px 30px; color: #fff;}
.card_banner_container .card_banner--round .inner {border-radius: 10px;}
.card_banner_container .card_banner .inner .sbj {font-size: 32px; line-height: 1.3; font-weight: 600; margin-bottom: .3em;}
.card_banner_container .card_banner .inner .desc {}
.card_banner_container .card_banner_content {width: 80%;} */

.cmp-card_ls_sticky_container {
  position: relative;
  display: flex;
  align-items: flex-start;
}
.cmp-card_ls_sticky_item {
  position: sticky;
  top: 120px;
  left: 0;
  width: 25%;
  padding: 10px 30px 10px 0;
}
.cmp-card_ls_sticky_item .inner .sbj {
  font-size: 32px;
  margin-bottom: 0.3em;
}
.cmp-card_ls_sticky_item .inner .desc {
  margin-bottom: 1.5em;
}
.cmp-card_ls_sticky_content {
  width: 75%;
}

.cmp-card_ls .card .inner {
  position: relative;
  border: 1px solid #dadada;
  padding: 15px;
}
.cmp-card_ls.no_pd .card .inner {
  padding: 0;
}
.cmp-card_ls .card .inner .thumb {
  height: 250px;
  background-color: #dadada;
  overflow: hidden;
}
.cmp-card_ls .card .inner .info {
  padding: 20px 0 0 0;
}
.cmp-card_ls .card .inner .info .name {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0.3em;
}
.cmp-card_ls .card .inner .info .name .ico {
  margin-left: 20px;
  width: 20px;
  height: 20px;
}
.cmp-card_ls .card .inner .info .desc {
  color: #999;
}
.cmp-card_ls .card .inner .cover_link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmp-card_ls--round .card .inner {
  border-radius: 10px;
}

.cmp-card_ls.theme--white .card .inner {
  background: #fff;
}
.cmp-card_ls.theme--white .card .inner .info .name {
  color: #333;
}

.cmp-card_ls .card .inner:hover {
  border-color: var(--main-color);
}
.cmp-card_ls .card .inner:hover .info .name {
  color: var(--main-color);
}

.cmp-card_ls--hover_info .card .inner .thumb {
  position: relative;
}
.cmp-card_ls--hover_info .card .inner .info {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(3px);
  padding: 20px;
  transition: transform 0.4s, opacity 0.4s;
}
.cmp-card_ls--hover_info .card .inner .info .name,
.cmp-card_ls--hover_info .card .inner .info .desc {
  transition: transform 0.4s 0.3s, opacity 0.4s 0.3s;
  color: #fff !important;
}
.cmp-card_ls--hover_info .card .inner .info .name .ico {
  display: none;
}
.cmp-card_ls--hover_info.type-fadeup .card .inner .info {
  transform: translate(0, 100%);
  opacity: 0;
}
.cmp-card_ls--hover_info.type-fadeup .card .inner .info .name,
.cmp-card_ls--hover_info.type-fadeup .card .inner .info .desc {
  transform: translate(0, -100%);
  opacity: 0;
}
.cmp-card_ls--hover_info.type-fadeup .card .inner:hover .info,
.cmp-card_ls--hover_info.type-fadeup .card .inner:hover .info .name,
.cmp-card_ls--hover_info.type-fadeup .card .inner:hover .info .desc {
  transform: translate(0);
  opacity: 1;
}
.cmp-card_ls--hover_info.type-pop .card .inner .info {
  transform: scale(0.7);
  opacity: 0;
}
.cmp-card_ls--hover_info.type-pop .card .inner .info .name,
.cmp-card_ls--hover_info.type-pop .card .inner .info .desc {
  transform: translate(0, -100%);
  opacity: 0;
}
.cmp-card_ls--hover_info.type-pop .card .inner:hover .info {
  transform: scale(1);
  opacity: 1;
}
.cmp-card_ls--hover_info.type-pop .card .inner:hover .info .name,
.cmp-card_ls--hover_info.type-pop .card .inner:hover .info .desc {
  transform: translate(0);
  opacity: 1;
}

.cmp-card_ls__tab_container .cmp-card_ls {
  justify-content: center;
}

.cmp-caption_card {
}
.cmp-caption_card figure {
}
.cmp-caption_card figure img {
  display: block;
  margin-bottom: 10px;
}
.cmp-caption_card figure figcaption {
}
.cmp-caption_card figure figcaption table {
  width: 100%;
  table-layout: fixed;
  font-size: 14px;
}
.cmp-caption_card figure figcaption table tbody {
}
.cmp-caption_card figure figcaption table tbody tr {
}
.cmp-caption_card figure figcaption table tbody th,
.cmp-caption_card figure figcaption table tbody td {
  border: 1px solid #dfdfdf;
  padding: 10px;
}
.cmp-caption_card figure figcaption table tbody th {
  width: 120px;
  text-align: center;
  background: #dfdfdf;
}
.cmp-caption_card figure figcaption table tbody td {
  text-align: center;
}

@media screen and (max-width: 1399px) {
  .card_banner_container {
    display: block;
  }
  .card_banner_container .card_banner {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .card_banner_container .card_banner .inner .sbj {
    font-size: 24px;
  }
  .card_banner_container .card_banner .inner .desc {
    font-size: 15px;
  }
  .card_banner_container .card_banner_content {
    width: 100%;
  }

  .cmp-card_ls_sticky_item {
    width: 30%;
  }
  .cmp-card_ls_sticky_item .inner .sbj {
    font-size: 28px;
  }
  .cmp-card_ls_sticky_item .inner .desc {
    font-size: 14px;
  }
  .cmp-card_ls_sticky_content {
    width: 70%;
  }

  .cmp-card_ls .card .inner .info .name {
    font-size: 18px;
  }
  .cmp-card_ls .card .inner .info .desc {
    font-size: 14px;
  }

  .cmp-card_ls--hover_info .card .inner .info {
    transform: none !important;
    opacity: 1 !important;
    top: auto !important;
    bottom: 0 !important;
    height: auto !important;
    padding: 20px 30px;
  }
  .cmp-card_ls--hover_info .card .inner .info .name {
    transform: none !important;
    opacity: 1 !important;
    font-size: 16px;
    width: 100%;
    text-align: left;
  }
  .cmp-card_ls--hover_info .card .inner .info .desc {
    display: none !important;
  }

  .cmp-card_ls__tab_container .cmp-card_ls {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .cmp-card_ls_sticky_content {
    width: 100%;
  }
  .cmp-card_ls_sticky_item {
    width: 120px;
    flex-shrink: 0;
  }
  .cmp-card_ls_sticky_item .inner .sbj {
    font-size: 20px;
  }
  .cmp-card_ls_sticky_item .inner .desc,
  .cmp-card_ls_sticky_item .cmp-tab_btns--vertical .tab_btn .ico {
    display: none;
  }
  .cmp-card_ls_sticky_item .cmp-tab_btns--vertical {
    margin-top: 10px;
    border-top: 1px solid #dfdfdf;
    padding-top: 15px;
  }
  .cmp-card_ls_sticky_item .cmp-tab_btns--vertical .tab_btn {
    height: auto;
    padding: 0;
    border: none;
    background: none;
    color: #333;
    margin-bottom: 5px;
  }
  .cmp-card_ls_sticky_item .cmp-tab_btns--vertical .tab_btn.active {
    color: var(--main-color);
    font-weight: 600;
  }

  .card_banner_container .card_banner .inner .sbj {
    font-size: 20px;
  }
  .card_banner_container .card_banner .inner .desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 549px) {
  .cmp-card_ls_sticky_content .cmp-card_ls .card {
    width: 100%;
  }
}

/* Carousels */
.cmp-carousel {
  position: relative;
}
.cmp-carousel__nav {
  position: absolute;
  left: 0;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}
.cmp-carousel--nav-pos--top {
  padding-top: 60px;
}
.cmp-carousel--nav-pos--bottom {
  padding-bottom: 60px;
}
.cmp-carousel--nav-pos--top .cmp-carousel__nav {
  top: 0;
}
.cmp-carousel--nav-pos--bottom .cmp-carousel__nav {
  bottom: 0;
}
.cmp-carousel__progress_bar {
  position: relative;
  top: 0;
  left: 0;
  margin: 10px 0;
}
.cmp-carousel__progress_bar .swiper-pagination-progressbar-fill {
  background: var(--main-color);
}
.cmp-carousel__btn {
  cursor: pointer;
}
.cmp-carousel__btn.swiper-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.cmp-carousel {
}
.cmp-carousel .active_anime {
  transition: 0s;
  transition-delay: 0.3s;
}
.cmp-carousel .swiper-slide-active .active_anime {
  opacity: 1 !important;
  transform: none !important;
  transition: opacity 0.4s, transform 0.4s;
  transition-delay: 0s;
}
.cmp-carousel .swiper-slide-active .delay--0 {
  transition-delay: 0s;
}
.cmp-carousel .swiper-slide-active .delay--1 {
  transition-delay: 0.2s;
}
.cmp-carousel .swiper-slide-active .delay--2 {
  transition-delay: 0.4s;
}
.cmp-carousel .swiper-slide-active .delay--3 {
  transition-delay: 0.6s;
}
.cmp-carousel .swiper-slide-active .delay--4 {
  transition-delay: 0.8s;
}
.cmp-carousel .swiper-slide-active .delay--5 {
  transition-delay: 1s;
}
.cmp-carousel .active_anime.fadeup {
  opacity: 0;
  transform: translate(0, 50px);
}
.cmp-carousel .active_anime.fadedown {
  opacity: 0;
  transform: translate(0, -50px);
}
.cmp-carousel .active_anime.fadeleft {
  opacity: 0;
  transform: translate(50px);
}
.cmp-carousel .active_anime.faderight {
  opacity: 0;
  transform: translate(-50px);
}
.cmp-carousel .active_anime.scaleup {
  opacity: 0;
  transform: scale(0.8);
}
.cmp-carousel .active_anime.scaledown {
  opacity: 0;
  transform: scale(1.1);
}
.carousel_banner--content_hover {
}
.carousel_banner--content_hover .swiper-slide {
}
.carousel_banner--content_hover .img_elem {
  width: 60%;
  height: 600px;
  margin-left: auto;
}
.carousel_banner--content_hover .cont_elem {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  justify-content: flex-start;
  pointer-events: none;
}
.carousel_banner--content_hover .cont_elem .inner {
  width: 60%;
  min-height: 450px;
  margin-left: 10%;
  padding: 70px 40px;
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.carousel_banner--content_hover .cont_elem .inner .cont {
  display: none;
}
.carousel_banner--content_hover .cont_elem .inner .cont.active {
  display: block;
}

.cmp-carousal--thumbnail_gallery {
}
.cmp-carousal--thumbnail_gallery .viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.cmp-carousal--thumbnail_gallery .viewport__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.4s;
}
.prototype .cmp-carousal--thumbnail_gallery .viewport__img {
  font-size: 50px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.cmp-carousal--thumbnail_gallery .viewport__img.active {
  opacity: 1;
}
.cmp-carousal--thumbnail_gallery nav {
  display: flex;
  gap: 5px;
  padding-top: 5px;
}
.cmp-carousal--thumbnail_gallery nav .nav_btn {
  position: relative;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
.cmp-carousal--thumbnail_gallery nav .nav_btn.active::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border: 10px solid var(--sub-color2);
}
.cmp-carousal--thumbnail_gallery nav .nav_btn .inner {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 1399px) {
}
@media screen and (max-width: 767px) {
  .carousel_banner--content_hover .cont_elem .inner {
    width: 80%;
  }
}
@media screen and (max-width: 549px) {
  .carousel_banner--content_hover .img_elem {
    width: 80%;
    height: 500px;
  }
  .carousel_banner--content_hover .cont_elem {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    margin-top: -350px;
  }
  .carousel_banner--content_hover .cont_elem .inner {
    width: 100%;
    min-height: 400px;
    margin: 0;
    padding: 35px 25px;
  }
}

/* Contents */
.cnt-row {
  margin: 0 0 100px 0;
}

.cnt-history {
}
.cnt-history .his_container {
}
.cnt-history .his_banner {
  min-height: 350px;
  margin-bottom: 80px;
}
.cnt-history .his_timeline {
  position: relative;
}
.cnt-history .his_timeline::before {
  position: absolute;
  top: 1em;
  left: 50%;
  transform: translate(-1px);
  width: 1px;
  height: 100%;
  background: linear-gradient(to bottom, #888, transparent);
  content: '';
}
.cnt-history .his_year_block {
  position: relative;
  display: flex;
  gap: 100px;
  margin-bottom: 80px;
}
.cnt-history .his_year_block::before {
  position: absolute;
  top: 1em;
  left: 50%;
  transform: translate(-50%);
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: var(--main-color);
  content: '';
}
.cnt-history .his_year_block .year {
  display: block;
  font-size: 24px;
  font-weight: 700;
}
.cnt-history .his_year_titlebox {
  width: 50%;
  text-align: right;
}
.cnt-history .his_year_contbox {
  width: 50%;
}
.cnt-history .his_year_titlebox .title {
  margin-bottom: 0.5em;
}
.cnt-history .his_year_titlebox .desc {
  margin-bottom: 2em;
}
.cnt-history .his_year_titlebox .proto-sample_img--300 {
  width: 300px;
}

.cnt-history .his_year_contbox {
  position: relative;
}
.cnt-history .his_year_contbox .year {
  margin-bottom: 0.5em;
}

.cnt-history .his_month_item {
  display: flex;
  margin-bottom: 1em;
}
.cnt-history .his_month_item .month {
  flex-shrink: 0;
  font-weight: 600;
  width: 3em;
}
.cnt-history .his_month_cont {
}
.cnt-history .his_month_cont > li {
}

.cnt-history.zigzag .his_year_block:nth-child(2n) .his_year_titlebox {
  order: 1;
  text-align: left;
}
.cnt-history.zigzag .his_year_block:nth-child(2n) .his_year_contbox {
  order: 0;
  text-align: right;
}
.cnt-history.zigzag .his_year_block:nth-child(2n) .his_month_item {
  justify-content: flex-end;
}
.cnt-history.zigzag .his_year_block:nth-child(2n) .his_month_item .month {
  order: 1;
}
.cnt-history.zigzag
  .his_year_block:nth-child(2n)
  .his_month_item
  .his_month_cont {
  order: 0;
}
.cnt-history.zigzag
  .his_year_block:nth-child(2n)
  .his_month_item
  .his_month_cont
  > li {
  padding-left: 0;
  padding-right: 1em;
  text-align: right;
}
.cnt-history.zigzag
  .his_year_block:nth-child(2n)
  .his_month_item
  .his_month_cont
  > li::before {
  left: auto;
  right: 0;
}

.cnt-img-grid {
}
.cnt-img-grid__item {
  border: 1px solid #dfdfdf;
}
.prototype .cnt-img-grid__item {
  min-height: 150px;
}

.cnt-loca_info.narrow {
  width: 90%;
  margin: 0 auto;
}
.cnt-loca_info.trans-up {
  margin-top: -50px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.cnt-loca_info--simple {
  position: relative;
  z-index: 10;
  width: 100%;
  border-top: 2px solid var(--main-color);
  background: #fff;
}
.cnt-loca_info--simple tr {
  border-bottom: 1px solid #dadada;
}
.cnt-loca_info--simple th,
.cnt-loca_info--simple td {
  padding: 20px;
}
.cnt-loca_info--simple th {
  width: 120px;
  background: #f5f5f5;
  font-size: 18px;
  font-weight: 600;
}
.cnt-loca_info--simple td {
  font-weight: 300;
}

.cnt-zigzag {
}
.cnt-zigzag__row {
  display: flex;
}
.cnt-zigzag.gap--col--50 > .cnt-zigzag__row {
  gap: 50px;
}
.cnt-zigzag.gap--row--50 > .cnt-zigzag__row {
  margin-bottom: 50px;
}
.cnt-zigzag.gap--row--70 > .cnt-zigzag__row {
  margin-bottom: 70px;
}
.cnt-zigzag.gap--row--90 > .cnt-zigzag__row {
  margin-bottom: 90px;
}
.cnt-zigzag__imgbox {
  width: 50%;
  min-height: 700px;
}
.cnt-zigzag__contbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 50px 0 50px 50px;
}
.cnt-zigzag__row:nth-child(2n) .cnt-zigzag__imgbox {
  order: 1;
}
.cnt-zigzag__row:nth-child(2n) .cnt-zigzag__contbox {
  order: 0;
  padding: 50px 50px 50px 0;
}

.cnt-history--cards {
}
.cnt-history--cards .his_container {
}
.cnt-history--cards .his_cards {
}
.cnt-history--cards .his_banner {
  margin-bottom: 30px;
}
.cnt-history--cards .his_card .inner {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.cnt-history--cards .his_card .inner::after {
  position: absolute;
  bottom: 100%;
  left: 100%;
  width: 200px;
  height: 200px;
  border: 1px solid #dadada;
  background: #fff;
  content: '';
  transform: rotate(45deg) translate(0%, 35%);
}
.cnt-history--cards .his_card .inner .border_box {
  border: 1px solid #dadada;
  padding: 40px 20px;
  height: 100%;
  min-height: 350px;
}
.cnt-history--cards
  .his_container:first-child
  .his_card:first-child
  .inner::after {
  border-color: var(--main-color);
}
.cnt-history--cards
  .his_container:first-child
  .his_card:first-child
  .inner
  .border_box {
  border-color: var(--main-color);
}
.cnt-history--cards .his_card .head {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid #afafaf;
}
.cnt-history--cards .his_card .head::before {
  position: absolute;
  bottom: 20px;
  left: -21px;
  width: 5px;
  height: 100%;
  background: var(--main-color);
  content: '';
}
.cnt-history--cards .his_card .head .year {
  color: var(--main-color);
  line-height: 1;
  margin-bottom: 0;
}
.cnt-history--cards .his_card .body {
  padding-top: 20px;
}

@media screen and (max-width: 1399px) {
  .cnt-row {
    margin: 0 0 90px 0;
  }

  .cnt-history .his_year_block {
    gap: 70px;
  }
  .cnt-history .his_year_block .year {
    font-size: 20px;
  }
  .cnt-history .his_month_item .month {
    width: 2.5em;
    font-size: 14px;
  }
  .cnt-history .his_month_cont > li {
    font-size: 14px;
  }

  .cnt-loca_info--simple tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: none;
  }
  .cnt-loca_info--simple th,
  .cnt-loca_info--simple td {
    display: block;
    border-bottom: 1px solid #dadada;
    padding: 10px 20px;
  }
  .cnt-loca_info--simple th {
    font-size: 16px;
  }
  .cnt-loca_info--simple td {
    width: calc(100% - 120px);
    font-size: 14px;
  }

  .cnt-zigzag__row {
    display: block;
  }
  .cnt-zigzag__imgbox {
    width: 100%;
    min-height: 350px;
  }
  .cnt-zigzag__contbox {
    width: 100%;
    padding: 50px 20px 0 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .cnt-row {
    margin: 0 0 80px 0;
  }

  .cnt-history .his_timeline {
    padding-left: 6px;
  }
  .cnt-history .his_timeline::before {
    left: 6px;
    transform: none;
  }
  .cnt-history .his_year_block {
    display: block;
    gap: 0;
    padding-left: 30px;
  }
  .cnt-history .his_year_block::before {
    left: 0;
  }
  .cnt-history .his_year_contbox,
  .cnt-history .his_year_titlebox {
    width: 100% !important;
    text-align: left !important;
  }
  .cnt-history .his_year_titlebox {
    margin-bottom: 2em;
  }
  .cnt-history .his_year_block .year {
    font-size: 18px;
  }

  .cnt-history.zigzag .his_year_block:nth-child(2n) .his_year_titlebox {
    text-align: left;
  }
  .cnt-history.zigzag .his_year_block:nth-child(2n) .his_year_contbox {
    text-align: left;
  }
  .cnt-history.zigzag .his_year_block:nth-child(2n) .his_month_item {
    justify-content: flex-start;
  }
  .cnt-history.zigzag .his_year_block:nth-child(2n) .his_month_item .month {
    order: 0;
  }
  .cnt-history.zigzag
    .his_year_block:nth-child(2n)
    .his_month_item
    .his_month_cont {
    order: 1;
  }
  .cnt-history.zigzag
    .his_year_block:nth-child(2n)
    .his_month_item
    .his_month_cont
    > li {
    padding-left: 1em;
    padding-right: 0;
    text-align: left;
  }
  .cnt-history.zigzag
    .his_year_block:nth-child(2n)
    .his_month_item
    .his_month_cont
    > li::before {
    left: 0;
    right: auto;
  }

  .cnt-loca_info--simple th,
  .cnt-loca_info--simple td {
    padding: 10px 10px;
  }
  .cnt-loca_info--simple th {
    width: 90px;
  }
  .cnt-loca_info--simple td {
    width: calc(100% - 90px);
  }

  .cnt-zigzag__contbox {
    padding: 35px 20px 0 20px !important;
  }
}

.cnt-location--mega.vertical .map_container {
  height: 500px;
}
.cnt-location--mega:not(.vertical) .map_container {
  height: 100%;
}
.cnt-loca_info--mega {
  width: 100%;
  padding: 20px 0;
  word-break: keep-all;
}
.cnt-location--mega.vertical .cnt-loca_info--mega {
  width: 90%;
  margin: -90px auto 0 auto;
  position: relative;
  z-index: 1;
}
.cnt-loca_info--mega__table {
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  padding: 20px 20px;
  background: #fff;
}
.cnt-loca_info--mega__table .row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding: 30px 0;
  border-bottom: 1px dashed #dadada;
}
.cnt-loca_info--mega__table .row:last-child {
  border: none;
}
.cnt-loca_info--mega__table .key {
  width: 150px;
  padding: 0 10px;
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 600;
}
.cnt-loca_info--mega__table .val {
  width: 100%;
  padding: 0 10px;
  font-size: 20px;
}
.cnt-loca_info--mega__table .val .addr {
  display: flex;
}
.cnt-loca_info--mega__table .traffic_info {
}
.cnt-loca_info--mega__table .traffic_info li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding-bottom: 15px;
}
.cnt-loca_info--mega__table .traffic_info li:last-child {
  padding-bottom: 0;
}
.cnt-loca_info--mega__table .traffic_no {
  min-width: 100px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  padding: 8px 20px;
  border-radius: 40px;
  background: #ccc;
  line-height: 1.4;
}
.cnt-loca_info--mega__table .traffic_bar {
  width: 10px;
  height: 2px;
  background-color: #333;
  margin: 0 0;
}
.cnt-loca_info--mega__table .traffic_dotted {
  width: 40px;
  height: 0;
  border-bottom: 2px dotted #333;
}
.cnt-loca_info--mega__table .traffic_tag {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 40px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  background: #ccc;
  text-align: center;
  line-height: 1.4;
}
.cnt-loca_info--mega__table .traffic_txt {
  padding: 8px 20px;
  border-radius: 40px;
  border: 1px solid #666;
  font-size: 16px;
  text-align: center;
  line-height: 1.4;
}
.cnt-loca_info--mega__table .orange .traffic_no,
.cnt-loca_info--mega__table .orange .traffic_bar,
.cnt-loca_info--mega__table .orange .traffic_tag {
  background-color: #ef7c1c;
}
.cnt-loca_info--mega__table .red .traffic_no,
.cnt-loca_info--mega__table .red .traffic_bar,
.cnt-loca_info--mega__table .red .traffic_tag {
  background-color: #ee2c5f;
}
.cnt-loca_info--mega__table .blue .traffic_no,
.cnt-loca_info--mega__table .blue .traffic_bar,
.cnt-loca_info--mega__table .blue .traffic_tag {
  background-color: #374ff2;
}
.cnt-loca_info--mega__table .green .traffic_no,
.cnt-loca_info--mega__table .green .traffic_bar,
.cnt-loca_info--mega__table .green .traffic_tag {
  background-color: #0abb0c;
}
.cnt-loca_info--mega__table .bus .traffic_no {
  min-width: 200px;
}
.cnt-loca_info--mega__table .link_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.cnt-loca_info--mega__table .link {
  display: inline-flex;
  height: 50px;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  border-radius: 5px;
  background: #333;
  color: #fff;
  margin-right: 10px;
  font-weight: 700;
}
.cnt-loca_info--mega__table .link-google {
  background: rgb(49, 116, 241);
}
.cnt-loca_info--mega__table .link-kakao {
  background: #fae100;
  color: #000;
}
.cnt-loca_info--mega__table .link-naver {
  background: #19ce60;
}
.cnt-loca_info--mega__table .addr_val {
  margin-right: 15px;
}
.cnt-loca_info--mega__table .btn-copy {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #999;
  cursor: pointer;
  position: relative;
}
.cnt-loca_info--mega__table .btn-copy .fas {
  color: #666;
}
.cnt-loca_info--mega__table .btn-copy .noti {
  display: none;
  position: absolute;
  bottom: 120%;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 16px;
  color: #cd0101;
  font-style: normal;
  white-space: nowrap;
  padding: 10px 20px;
  border-radius: 10px;
  border: 1px solid #afafaf;
  background: #fff;
}
.cnt-loca_info--mega__table .btn-copy .noti::after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 14px;
  height: 14px;
  border: 1px solid #afafaf;
  border-left: none;
  border-bottom: none;
  background: #fff;
  transform: rotate(135deg);
  content: '';
  margin: -6px 0 0 -8px;
}
.cnt-loca_info--mega__table .btn-copy:hover {
  border-color: #e6001f;
}
.cnt-loca_info--mega__table .btn-copy:hover .fas {
  color: #e6001f;
}
.cnt-loca_info--mega__table .btn-copy:hover .noti {
  display: flex;
}
.cnt-loca_info--mega__table .btn-copy.mo {
  display: none;
}
.cnt-copyBox {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  opacity: 0;
  z-index: -1;
}

@media screen and (max-width: 1700px) {
  .cnt-loca_info--mega__table .row {
    display: block;
  }
  .cnt-loca_info--mega__table .key {
    width: 100%;
    padding: 0 10px 10px 10px;
  }
  .cnt-loca_info--mega__table .val {
    padding-left: 10px;
    font-size: 17px;
  }
  .cnt-loca_info--mega__table .traffic_info * {
    font-size: 15px;
  }
}
@media screen and (max-width: 1400px) {
  .cnt-location--mega .ly-grid--col-rp-2 {
    grid-template-columns: 1fr;
    gap: 0 !important;
  }
  .cnt-location--mega .map_container {
    height: 500px;
  }
  .cnt-loca_info--mega {
    margin: -100px auto 0 auto;
    width: 720px !important;
    max-width: calc(100% - 40px);
    position: relative;
    z-index: 10;
  }
  .cnt-loca_info--mega__table {
    background: #fff;
  }
  .cnt-loca_info--mega__table .btn-copy {
    display: none;
  }
  .cnt-loca_info--mega__table .btn-copy.mo {
    display: inline-flex;
    margin-left: auto;
  }
  .cnt-loca_info--mega__table .btn-copy .noti {
    left: auto;
    right: -20px;
    transform: translate(0);
  }
  .cnt-loca_info--mega__table .btn-copy .noti::after {
    left: auto;
    right: 32px;
  }
  .cnt-loca_info--mega__table .key {
    font-size: 20px;
    display: flex;
    align-items: center;
  }
  .cnt-loca_info--mega__table .val {
    font-size: 15px;
  }
}
@media screen and (max-width: 720px) {
  .cnt-loca_info--mega__table {
    padding: 20px 10px;
  }
  .cnt-loca_info--mega__table .traffic_info li {
    display: block;
    padding-bottom: 30px;
  }
  .cnt-loca_info--mega__table .traffic_info * {
    font-size: 14px;
  }
  .cnt-loca_info--mega__table .traffic_no {
    display: block;
  }
  .cnt-loca_info--mega__table .traffic_bar {
    display: block;
    width: 2px;
    height: 10px;
    margin: 0 auto;
  }
  .cnt-loca_info--mega__table .traffic_dotted {
    display: block;
    width: 0;
    height: 20px;
    border-bottom: none;
    border-right-width: 2px;
    border-right-style: dotted;
    margin: 0 auto;
  }
  .cnt-loca_info--mega__table .traffic_txt {
    display: block;
  }
  .cnt-loca_info--mega__table .link {
    display: flex;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}


/* 제품라인업 */
.product_lineup .category {margin-bottom: 40px;}
.product_lineup .category .cmp-lnb__btn {border: 1px solid #dfdfdf; margin-left: -1px; cursor: pointer;}
.product_lineup .category .btn.active {}
.product_lineup {}
.product_lineup__item {position: relative; overflow: hidden; border: 1px solid #dfdfdf; border-radius: 5px; padding: 15px;}
.product_lineup__item .thumb {width: 100%; height: 200px; background: linear-gradient(to bottom, #fff, #f1f1f1);}
.product_lineup__item .info {padding: 20px 0 0 0;}
.product_lineup__item .info .tag {display: block; color: var(--main-color); font-size: 14px; font-weight: 700;}
.product_lineup__item .info .name {display: block;}
.product_lineup__item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}


/* 제품상세 */
.product_detail {display: flex; align-items: flex-start; gap: 100px; padding-top: 50px;}
.product_detail .head {width: 40%;}
.product_detail .head.sticky {width: 40%; position: sticky; top: 150px;}
.product_detail .content {width: calc(60% - 100px);}
.product_detail .content section {margin-bottom: 80px;}
.product_detail .content section .h3 {color: var(--main-color);}
.product_detail .content section:last-child {margin-bottom: 0;}
.product__table {width: 100%; table-layout: fixed;}
.product__table th,
.product__table td {padding: 10px 15px; border: 1px solid #dfdfdf;}
.product__table th {}
.product__table td {}
.product__table .col--150 {width: 150px;}
.product__table .col--180 {width: 180px;}
.product__table .col--200 {width: 200px;}
.product__table .col--220 {width: 220px;}
.product__table .col--250 {width: 250px;}
.product__table .col--300 {width: 300px;}
.product__table thead {}
.product__table thead th {background: #f4f4f4;}
.product__table tbody {}
.product__table tbody .th1 {background: #f9f9f9;}
.product__table tbody .th2 {background: #fbfbfb;}
.product__table tbody th {}
.product_detail .product_pager {display: flex; justify-content: space-between; gap: 50px;}
.product_detail .product_pager a {display: flex; align-items: center; gap: 15px 15px; padding: 15px; border: 1px solid #dfdfdf; border-radius: 130px;}
.product_detail .product_pager a .thumb {width: 100px; height: 100px; border-radius: 50%; border: 1px solid #dfdfdf;}
.product_detail .product_pager a .name {font-size: 18px; font-weight: 700; line-height: 1.5;}
.product_detail .product_pager .prev .name {margin-right: 30px;}
.product_detail .product_pager .next .thumb {order: 1;}
.product_detail .product_pager .next .name {order: 0; margin-left: 30px; text-align: right;}

.overflow_container--x {overflow: auto hidden;}
.overflow_container--x table {min-width: 720px;}

@media (hover: hover) {
  .product_detail .product_pager a:hover {border-color: var(--main-color);}
  .product_detail .product_pager a:hover .name {color: var(--main-color);}
}

@media screen and (max-width: 1399px) {
  .product_detail {display: block; font-size: 15px;}
  .product_detail .head {width: 100%; margin-bottom: 50px;}
  .product_detail .content {width: 100%;}
}
@media screen and (max-width: 767px) {
  .product_detail {font-size: 14px;}
  .product_detail .product_pager a {padding: 10px;}
  .product_detail .product_pager a .name {display: none;}
  .product_detail .product_pager a .thumb {width: 70px; height: 70px;}
}


/* Popup Layer */
.popup_list {position: absolute; top: 0; left: 0; z-index: 10000; width: 100%; height: 100vh; pointer-events: none;}
.popup {position: absolute; display: flex; flex-direction: column; box-shadow: 0 0 10px rgba(0,0,0,.3); border-radius: 5px; overflow: hidden; pointer-events: initial;}
.popup__inner {background-color: #fff; max-width: 100%; min-width: 400px; padding: 10px; overflow: hidden auto;}
.popup__inner b, .popup__inner strong {font-weight: 700;}
.popup__inner img {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 (min-width: 1400px) {
  .popup {max-height: calc(100vh - 100px); top: 50%!important; left: 50%!important; transform: translate(-50%, -50%)!important; right: auto!important;}
}
@media screen and (max-width: 1399px) {
    .popup {left: 50%!important; right: auto!important; top: 100px!important; transform: translate(-50%)!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: 18px;}
.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;}

.ck-content.popup__inner {font-size: 16px; font-weight: 400;}
.ck-content.popup__inner * {line-height: 1.5;}
.ck-content.popup__inner li {list-style: none;}
.ck-content.popup__inner .text-tiny {font-size: 0.8em;}
.ck-content.popup__inner .text-small {font-size: 0.9em;}
.ck-content.popup__inner .text-big {font-size: 1.1em;}
.ck-content.popup__inner .text-huge {font-size: 1.2em;}

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

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