@charset "UTF-8";
span.db_mob {
  display: block;
}

.ft-tp-info {
  padding-bottom: 91px;
}

.ft-tp-info::after {
  content: "";
  display: block;
  clear: both;
}

.ft-tp-info .tx-bt-l {
  float: left;
}

.ft-tp-info .tx-bt-l .tx-t {
  font-weight: 700;
  font-size: 44px;
  line-height: 66px;
}

.ft-tp-info .tx-bt-l .bt-b {
  padding: 32px 0 0 0;
}

.ft-tp-info .tx-bt-l .bt-b .btn-a {
  height: 56px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  padding: 0 28px 0 32px;
  background: var(--primary, #3479FF);
  border-radius: 0;
}

.ft-tp-info .tx-bt-l .bt-b .btn-a::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.9079 6L20 12M20 12L13.9079 18M20 12H4' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 24px;
  background-position: right top;
}

.ft-tp-info .tx-bt-l .bt-b .btn-a:last-child {
  background: var(--base-010, #1B1C1E);
  margin-left: 8px;
}

.ft-tp-info .ft-menu {
  float: right;
}

.ft-tp-info .ft-menu li {
  padding-bottom: 13px;
}

.ft-tp-info .ft-menu li a {
  color: var(--base-020, #343538);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px; /* 155.556% */
}

.ft-bt-info::after {
  content: "";
  display: block;
  clear: both;
}

.ft-bt-info dl {
  float: left;
  padding-bottom: 16px;
}

.ft-bt-info dt {
  float: left;
  color: var(--base-030, #636777);
  line-height: 150%;
  padding-right: 4px;
}

.ft-bt-info dd {
  float: left;
  color: var(--base-020, #343538);
  line-height: 150%;
  padding-right: 24px;
  font-weight: 500;
}

.ft-bt-info > div::after {
  content: "";
  display: block;
  clear: both;
}

.ft-copyright {
  color: var(--base-040, #9599A9);
  line-height: 150%;
  padding-top: 16px;
}

.quick-menu .quick-wrap .btn-to-top.show {
  border-radius: 90px;
  border: 1px solid var(--line-010, #DEDFE7);
  background: var(--base-100, #FFF);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.02);
          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06), 0px 2px 2px 0px rgba(0, 0, 0, 0.02);
}

#header .header-inner .gnb {
  margin-right: 100px;
}

#header .header-inner .navi-util {
  position: absolute;
  top: 0;
  right: 96px;
}

#header .header-inner .navi-util .navi-list .navi-item .navi-text {
  display: block;
  width: 80px;
  height: 124px;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  background: linear-gradient(159deg, #2266EB -52.93%, #367AFF 42.91%, #86CAFF 121.2%);
}

#header .header-inner .navi-util .navi-list .navi-item .navi-text span.em {
  display: block;
}

#header .header-inner .navi-util .navi-list .navi-item .navi-text span.icon-newsletter {
  display: block;
  width: 32px;
  height: 32px;
  margin: 12px auto 0 auto;
}

#header .header-inner .navi-util .navi-list .navi-item .navi-text span.icon-newsletter svg {
  width: 32px !important;
  height: 32px !important;
}

#page.page-main .page-head .heading-l {
  text-align: left;
}

#header.header .logo-link::after {
  content: "";
  display: block;
  width: 150px;
  height: 19px;
  background: url("../../../assets/front/images/common/logo_b.png") no-repeat left top;
  background-size: 150px;
}

#header.header-invert .logo-link::after {
  content: "";
  display: block;
  width: 150px;
  height: 19px;
  background: url("../../../assets/front/images/common/logo_w.png") no-repeat left top;
  background-size: 150px;
}

html.active-scroll-start #header.header-invert .logo-link::after {
  content: "";
  display: block;
  width: 150px;
  height: 16.71px;
  background: url("../../../assets/front/images/common/logo_w.png") no-repeat left top;
  background-size: 150px;
}

html.active-scroll-start #header.header-invert.white {
  background: #fff;
}

html.active-scroll-start #header.header-invert.white .logo-link::after {
  content: "";
  display: block;
  width: 150px;
  height: 16.71px;
  background: url("../../../assets/front/images/common/logo_b.png") no-repeat left top;
  background-size: 150px;
}

#header.header-invert.white .header-inner .gnb .gnb-list .gnb-item .gnb-text {
  color: #000;
}

.visual-sec .swiper-slide {
  background-color: #0E173F;
}

.visual-sec .txt-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1240px; /* 90% */
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
}

.visual-sec .txt-box > h3 {
  font-size: 78px;
  font-weight: 700;
  color: #fff;
  line-height: 125%;
  word-break: keep-all;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px); /* 20 */
  opacity: 0;
  -webkit-transition: 1s 0.2s;
  transition: 1s 0.2s;
}

.visual-sec .txt-box > p {
  max-width: 580px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 175%;
  padding: 24px 0 64px 0;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px); /* 20 */
  opacity: 0;
  word-break: keep-all;
  -webkit-transition: 1s 0.4s;
  transition: 1s 0.4s;
}

.visual-sec .swiper-slide-active .txt-box > h3,
.visual-sec .swiper-slide-active .txt-box > p,
.visual-sec .swiper-slide-active .txt-box .btn-a {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.visual-sec .img-box {
  display: block;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/*..visual-sec .img-box.vis01 {background: url('../../../assets/front/images/main/main-visual01.png') no-repeat center center;}
.visual-sec .img-box.vis02 {background: url('../../../assets/front/images/main/main-visual02.png') no-repeat center center;}
.visual-sec .img-box.vis03 {background: url('../../../assets/front/images/main/main-visual03.png') no-repeat center center;}
visual-sec .swiper-slide-active .img-box {background-size: 102%; animation: mvis 2s;}
@keyframes mvis {
	from {
		background-size: 115%;
	}

	to {
		background-size: cover;
	}
}*/
.vis-bg-bx01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(234deg, rgba(0, 0, 0, 0.8) 0.3%, rgba(0, 0, 0, 0) 80.26%);
  opacity: 0.4;
  z-index: 1;
}

.vis-bg-bx02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
  z-index: 1;
}

.vis-bg-bx03 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.1;
  z-index: 1;
}

.visual-sec img {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25); /* 1.05 */
  -webkit-transition: 2.3s 0.1s;
  transition: 2.3s 0.1s; /* 1.5s*/
}

.visual-sec .swiper-slide-active img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.visual-sec .all-box {
  position: absolute;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  left: 50%;
  top: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  /*transform: translate(-50%, -50%);*/
  z-index: 20;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.visual-sec .all-box .all-w-out {
  position: relative;
  width: 1240px;
  margin: 0 auto; /*margin-top: -68px;*/
}

.visual-sec .all-box .all-w-out .bx-pgn {
  position: absolute;
  top: -267px;
  left: 0;
  width: 104px;
  padding: 0 24px;
}

.visual-sec .scl-wrap {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-bottom: 32px;
  text-align: center;
  z-index: 1001;
}

.visual-sec .scl-wrap .bx-inner {
  display: inline-block;
}

.visual-sec .scl-wrap .bx-inner p.tx-s {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  line-height: 100%;
  margin-bottom: 8px;
}

.visual-sec .scl-wrap .bx-inner .line-wrap {
  position: relative;
  width: 1px;
  height: 96px;
  margin: 0 auto;
}

.visual-sec .scl-wrap .bx-inner .line-wrap .line-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 96px;
  background: #fff;
  opacity: 0.6;
}

.visual-sec .scl-wrap .bx-inner .line-wrap .line-mn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1px;
  height: 48px;
  background: #fff;
}

.visual-sec .progress-box {
  position: relative;
  width: 96px;
  height: 24px;
  z-index: 11;
}

.visual-sec .autoplay-progress {
  position: absolute;
  left: 30px;
  top: 12px;
  z-index: 10;
  width: 36px;
  height: 1px;
  /*background-color: rgba(255, 255, 255, 0.1);*/
  background-color: #D0DBE3;
}

.visual-sec .autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  /*  height: 100%;*/
  stroke-width: 4px;
  stroke: #3479FF;
  fill: none;
  stroke-dashoffset: calc(100 * (1 - var(--progress)));
  stroke-dasharray: 100;
}

/* stroke-dashoffset은 선의 테두리가 얼마나 이동하는지 결정 progress라는 변수를 사용하여 계산되어진 값이 들어감 100은전체길이 
stroke-dasharray는 선의 테두리를 구성하는 선 조각의 길이를 설정 전체길이가 100
*/
.visual-sec .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: static;
  text-align: left;
}

.visual-sec .arrow-box {
  position: relative;
  width: 80px;
  height: 50px;
}

.visual-sec .swiper-button-next,
.visual-sec .swiper-button-prev {
  width: 24px;
  height: 24px;
  top: 0;
  margin-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 7L9 12L14 17' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 24px 24px;
  /*background: url(https://www.century21cc.co.kr/views/res/imgs/common/icon-arrow-left-fff.svg) no-repeat center / 100%;*/
}

.visual-sec .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 7L15 12L10 17' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  /*background-image: url(https://www.century21cc.co.kr/views/res/imgs/common/icon-arrow-right-fff.svg);*/
}

.visual-sec .swiper-button-next::after,
.visual-sec .swiper-button-prev::after {
  font-size: 0;
}

.visual-sec .swiper-pagination span {
  width: 24px;
  height: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.visual-sec .swiper-pagination span:last-child {
  opacity: 0.5;
}

.visual-sec .btn-a {
  width: auto;
  height: 56px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  padding: 14px 28px 14px 32px;
  background: var(--primary, #3479FF);
  border-radius: 0;
  -webkit-transform: translateY(80px);
      -ms-transform: translateY(80px);
          transform: translateY(80px); /* 20 */
  opacity: 0;
  -webkit-transition: 1s 0.2s;
  transition: 1s 0.2s;
}

.visual-sec .btn-a::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.9079 6L20 12M20 12L13.9079 18M20 12H4' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 24px;
  background-position: right top;
}

@media screen and (max-width: 480px) {
  .visual-sec .txt-box {
    width: 100%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
    padding: 0 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .visual-sec .txt-box > h3 {
    font-size: 34px;
    word-break: keep-all;
  }
  .visual-sec .txt-box > p {
    font-weight: 400;
    font-size: 14px;
    padding: 18px 30px 38px 0;
    word-break: keep-all;
  }
  .visual-sec .all-box .all-w-out {
    width: 100%; /*padding: 0 24px; margin-top: -44px;*/
  }
  .visual-sec .all-box .all-w-out .bx-pgn {
    left: 24px;
    top: -170px;
    width: 76px;
    padding: 0 20px;
  }
  .visual-sec .btn-a {
    height: 44px;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px 10px 20px;
  }
  .visual-sec .btn-a::after {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background-size: 20px;
  }
  .visual-sec .autoplay-progress {
    left: 23px;
    top: 10px;
    width: 24px;
  }
  .visual-sec .progress-box {
    width: 72px;
  }
  .visual-sec .swiper-pagination span {
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .visual-sec .swiper-button-next, .visual-sec .swiper-button-prev {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
  .visual-sec .scl-wrap {
    padding-bottom: 20px;
  }
  .visual-sec .scl-wrap .bx-inner .line-wrap {
    height: 44px;
  }
  .visual-sec .scl-wrap .bx-inner .line-wrap .line-bg {
    height: 44px;
  }
  .visual-sec .scl-wrap .bx-inner .line-wrap .line-mn {
    height: 22px;
  }
}
/*.mainSwiper-wrap {height: 100vh;}
.mainSwiper .main-vis01 {background: #0E173F url('../../../assets/front/images/main/main-visual01.png') no-repeat center center; background-size: cover;}
.mainSwiper .main-vis02 {background: #0E173F url('../../../assets/front/images/main/main-visual02.png') no-repeat center center; background-size: cover;}
.mainSwiper .main-vis03 {background: #0E173F url('../../../assets/front/images/main/main-visual03.png') no-repeat center center; background-size: cover;}
.mainSwiper .cp-wrap {position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: left;}
.mainSwiper .cp-wrap .cp-inner {
	width: 1240px; height: 100%; margin: 0 auto; display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.mainSwiper .cp-wrap .cp-inner .cp-inner-s {position: relative; height: 402px; display: flex; flex-direction: column; align-items: flex-start;}
.mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss {position: absolute; left: 0; top: -72px; width: 152px; height: 24px; text-align: left;}
.mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .custom-pagination {
	position:absolute;
	bottom: 0;
	left:28px;
	width: 96px;
	display: flex;
	padding: 0;
	box-sizing:border-box;
	justify-content:center;
	align-items:center;
	color:#fff;
	z-index:2; }
.mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .progress__bar {
	position:relative;
	width:36px;
	height:1px;
	margin:0 6px;
	background-color:#D9EEFD;}
.mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .progress__fill {
	position:absolute;
	inset:0;
	display:block;
	height: 100%;
	background-color: #3479FF;}
.mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .current {color: #fff;}
.mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .num-out {width: 24px; height: 24px; font-weight: 600; font-size: 16px; line-height: 24px; text-align:center;}
.mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .num-out:last-child {opacity: 0.5;}

.mainSwiper .swiper-slide {height: 100vh;}
.mainSwiper ::selection {background: none !important;}

.mainSwiper .swiper-button-next, .swiper-button-prev {width: 24px; height: 24px; left: 0;  top:auto; bottom: 0; color: #fff;}
.mainSwiper .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 0; left: auto;}
.mainSwiper .swiper-button-next:after, .swiper-button-prev:after {font-size: 16px;}

.mainSwiper .swiper-slide .inner-bx {
	position: relative; 
	width: 1240px; 
	height: 100%; 
	margin: 0 auto; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.mainSwiper .swiper-slide .inner-bx .tx-wrap {display: flex; flex-direction: column; align-items: flex-start;}
.mainSwiper .swiper-slide .inner-bx .tx-wrap dt {font-size: 78px; font-weight: 700; color: #fff; line-height: 125%;}
.mainSwiper .swiper-slide .inner-bx .tx-wrap dd {max-width: 580px; font-size: 18px; font-weight: 500; color: #fff; line-height: 175%; padding: 24px 0 64px 0;}
.mainSwiper .swiper-slide .inner-bx .tx-wrap .btn-a {width: auto; height: 56px; font-size: 18px; font-weight: 600; line-height: 28px; padding: 14px 28px 14px 32px; background: var(--primary, #3479FF); border-radius: 0;}
.mainSwiper .swiper-slide .inner-bx .tx-wrap .btn-a::after {
	content:'';
	display: inline-block;
	width: 24px;
	height: 24px;
	margin-left: 8px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.9079 6L20 12M20 12L13.9079 18M20 12H4' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
	background-size: 24px;
	background-position: right top;
}
*/
.main-cont01 ul {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; /*flex-wrap: wrap;*/
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  min-height: 100%;
  gap: 24px;
}

.main-cont01 li {
  position: relative;
  height: 175px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: calc(25% - 12px);
      flex-basis: calc(25% - 12px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #080D28;
}

.main-cont01 li span.in-icon-l {
  position: absolute;
  top: 24px;
  right: 24px; /*left:48px;*/
}

.main-cont01 li:hover span.in-icon-l {
  display: block;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M16.9409 11L36.7903 11.2097M36.7903 11.2097L37 31.0591M36.7903 11.2097L11 37' stroke='%233479FF' stroke-width='3'/%3E%3C/svg%3E");
  background-size: 48px;
  background-repeat: no-repeat;
}

.main-cont01 li span.in-icon-l.icon01 {
  /*width: 160px;
  height: 160px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cpath d='M94.2694 32.1322C94.2694 23.9013 87.44 17.261 79.1313 17.5613C71.4454 17.8505 65.25 24.2127 65.1276 31.8986C65.0387 37.4155 68.0196 42.2428 72.4687 44.79C76.4729 47.0813 79.0312 51.2523 79.0312 55.8572V56.836C79.0312 59.739 77.841 62.4641 75.8723 64.5886C74.9268 65.6119 74.393 67.0133 74.5153 68.5372C74.7266 71.1065 76.8622 73.1754 79.4316 73.2977C82.4236 73.4423 84.904 71.062 84.904 68.1034C84.904 66.7798 84.4035 65.5674 83.5915 64.6553C81.5783 62.3974 80.3659 59.5499 80.3659 56.5245V56.0351C80.3659 51.4303 82.7684 47.1035 86.7949 44.8567C91.2663 42.3652 94.2805 37.5935 94.2805 32.1211L94.2694 32.1322Z' fill='%233479FF'/%3E%3Cpath d='M45.5291 43.4552C38.3994 39.3398 29.2231 41.9314 25.3412 49.2836C21.7485 56.0796 24.1511 64.6331 30.758 68.5817C35.4963 71.418 41.1578 71.24 45.5958 68.6595C49.5778 66.3349 54.4718 66.2014 58.4649 68.5038L59.3103 68.9932C61.824 70.4392 63.5814 72.8417 64.449 75.6113C64.8605 76.946 65.806 78.1139 67.1963 78.7702C69.521 79.8713 72.3796 79.0594 73.781 76.8904C75.405 74.3767 74.5819 71.0398 72.0125 69.5605C70.8669 68.8931 69.5766 68.7263 68.3754 68.971C65.4167 69.5827 62.3357 69.2157 59.7107 67.703L59.288 67.4583C55.3061 65.1559 52.7589 60.9069 52.8257 56.3021C52.9035 51.1856 50.2785 46.1915 45.5402 43.4552H45.5291Z' fill='%233479FF'/%3E%3Cpath d='M30.9472 91.3167C23.8174 95.4321 21.4817 104.675 25.9085 111.716C30.0017 118.223 38.6108 120.414 45.329 116.677C50.1451 113.996 52.8369 109.002 52.8146 103.874C52.7924 99.2584 55.1282 94.9538 59.1213 92.6514L59.9666 92.162C62.4803 90.716 65.439 90.3824 68.2642 91.0275C69.6212 91.3389 71.1116 91.1053 72.3685 90.2266C74.493 88.7584 75.216 85.8776 74.0369 83.5863C72.6688 80.9168 69.3654 79.9714 66.8071 81.4507C65.6615 82.1181 64.8606 83.1414 64.4713 84.3093C63.5148 87.179 61.6572 89.6594 59.0434 91.1721L58.6207 91.4168C54.6388 93.7192 49.678 93.7971 45.7294 91.439C41.3359 88.814 35.6966 88.5805 30.9583 91.3278L30.9472 91.3167Z' fill='%233479FF'/%3E%3Cpath d='M65.1273 127.877C65.1273 136.119 71.9679 142.76 80.2766 142.437C87.9625 142.148 94.1579 135.786 94.2802 128.1C94.3692 122.583 91.3883 117.756 86.9392 115.209C82.935 112.917 80.3767 108.746 80.3767 104.141V103.163C80.3767 100.259 81.5669 97.5344 83.5356 95.4099C84.481 94.3866 85.0149 92.9851 84.8926 91.4613C84.6812 88.8919 82.5457 86.8231 79.9763 86.7007C76.9843 86.5562 74.5039 88.9364 74.5039 91.8951C74.5039 93.2187 75.0044 94.4311 75.8164 95.3432C77.8296 97.6011 79.042 100.449 79.042 103.474V103.963C79.042 108.568 76.6395 112.895 72.613 115.142C68.1416 117.633 65.1273 122.405 65.1273 127.877Z' fill='%233479FF'/%3E%3Cpath d='M113.867 116.566C120.997 120.681 130.174 118.089 134.055 110.737C137.648 103.941 135.246 95.3877 128.639 91.4391C123.9 88.6028 118.239 88.7807 113.801 91.3612C109.819 93.6859 104.925 93.8194 100.932 91.5169L100.086 91.0275C97.5725 89.5816 95.8151 87.179 94.9476 84.4095C94.536 83.0747 93.5906 81.9068 92.2002 81.2506C89.8756 80.1494 87.017 80.9614 85.6155 83.1303C83.9916 85.6441 84.8147 88.9809 87.3841 90.4603C88.5297 91.1276 89.82 91.2945 91.0212 91.0498C93.9799 90.438 97.0609 90.8051 99.6859 92.3178L100.109 92.5625C104.091 94.8649 106.638 99.1138 106.571 103.719C106.493 108.835 109.118 113.829 113.856 116.566H113.867Z' fill='%233479FF'/%3E%3Cpath d='M128.439 68.6929C135.569 64.5775 137.904 55.3344 133.478 48.2937C129.384 41.7868 120.775 39.5956 114.057 43.3329C109.241 46.0135 106.549 51.0076 106.571 56.1352C106.594 60.7512 104.258 65.0557 100.265 67.3582L99.4195 67.8476C96.9057 69.2935 93.947 69.6272 91.1218 68.9821C89.7649 68.6707 88.2744 68.9042 87.0175 69.7829C84.8931 71.2511 84.1701 74.132 85.3491 76.4233C86.7172 79.0927 90.0207 80.0382 92.5789 78.5588C93.7246 77.8915 94.5254 76.8682 94.9147 75.7003C95.8713 72.8306 97.7288 70.3502 100.343 68.8375L100.765 68.5928C104.747 66.2904 109.708 66.2125 113.657 68.5705C118.05 71.1955 123.689 71.4291 128.428 68.6818L128.439 68.6929Z' fill='%233479FF'/%3E%3C/svg%3E");
  background-size: 160px 160px;*/
}

.main-cont01 li span.in-icon-l.icon02 {
  /*width: 160px;
  height: 160px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cpath d='M142.448 48.7623C142.448 54.4651 139.416 59.819 134.075 64.3946C123.287 55.0555 103.106 48.7623 79.9864 48.7623C56.8668 48.7623 36.7126 55.0421 25.9244 64.3946C20.5839 59.819 17.5514 54.4651 17.5514 48.7623C17.5514 31.5199 45.5015 17.5515 79.9864 17.5515C114.471 17.5515 142.448 31.5199 142.448 48.7623Z' fill='url(%23paint0_linear_3_247)'/%3E%3Cpath d='M142.448 111.211C142.448 128.453 114.498 142.448 79.9864 142.448C45.4747 142.448 17.5514 128.453 17.5514 111.211C17.5514 105.508 20.5839 100.181 25.9244 95.6054C36.7126 104.944 56.8802 111.211 79.9864 111.211C103.093 111.211 123.287 104.944 134.075 95.6054C139.416 100.181 142.448 105.521 142.448 111.211Z' fill='url(%23paint1_linear_3_247)'/%3E%3Cpath d='M142.448 79.9866C142.448 85.6893 139.416 91.0164 134.075 95.592C123.287 86.2529 103.106 79.9866 79.9865 79.9866C103.093 79.9866 123.287 73.7203 134.075 64.3812C139.416 68.9568 142.448 74.2972 142.448 79.9866Z' fill='url(%23paint2_linear_3_247)'/%3E%3Cpath d='M79.9865 79.9866C56.8803 79.9866 36.7126 86.2529 25.9244 95.592C20.5839 91.0164 17.5514 85.6759 17.5514 79.9866C17.5514 74.2972 20.5839 68.9568 25.9244 64.3812C36.7126 73.7203 56.8803 79.9866 79.9865 79.9866Z' fill='url(%23paint3_linear_3_247)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3_247' x1='79.9999' y1='17.5515' x2='79.9999' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3_247' x1='79.9999' y1='17.5515' x2='79.9999' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3_247' x1='79.9999' y1='17.5515' x2='79.9999' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3_247' x1='79.9999' y1='17.5515' x2='79.9999' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 160px 160px;*/
}

.main-cont01 li span.in-icon-l.icon03 {
  /*width: 160px;
  height: 160px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cpath d='M70.5406 69.2944L56.5816 55.3354V17.5515H70.5406V69.2944Z' fill='url(%23paint0_linear_3_251)'/%3E%3Cpath d='M65.7356 79.1157H46.0039L19.2871 52.399L29.153 42.5331L65.7356 79.1157Z' fill='url(%23paint1_linear_3_251)'/%3E%3Cpath d='M69.2949 89.4599L55.3359 103.419H17.552V89.4599H69.2949Z' fill='url(%23paint2_linear_3_251)'/%3E%3Cpath d='M79.1162 94.2537V113.997L52.3995 140.713L42.5336 130.847L79.1162 94.2537Z' fill='url(%23paint3_linear_3_251)'/%3E%3Cpath d='M89.4604 90.7056L103.419 104.653V142.448H89.4604V90.7056Z' fill='url(%23paint4_linear_3_251)'/%3E%3Cpath d='M94.2542 80.8731H113.997L140.714 107.601L130.848 117.467L94.2542 80.8731Z' fill='url(%23paint5_linear_3_251)'/%3E%3Cpath d='M90.7061 70.5401L104.654 56.5811H142.449V70.5401H90.7061Z' fill='url(%23paint6_linear_3_251)'/%3E%3Cpath d='M80.8736 65.7351V46.0034L107.601 19.2867L117.467 29.1525L80.8736 65.7351Z' fill='url(%23paint7_linear_3_251)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint6_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint7_linear_3_251' x1='80.0005' y1='17.5515' x2='80.0005' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 160px 160px;*/
}

.main-cont01 li span.in-icon-l.icon04 {
  /*width: 160px;
  height: 160px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160' fill='none'%3E%3Cpath d='M116.456 54.0479C102.03 68.4733 80.8314 70.6533 80.0973 69.9192C79.3521 69.174 81.5432 47.9752 95.9686 33.5609C110.394 19.1355 131.593 16.9556 132.327 17.6896C133.072 18.4348 130.881 39.6336 116.456 54.0479Z' fill='url(%23paint0_linear_3_255)'/%3E%3Cpath d='M64.226 33.5498C78.6514 47.9752 80.8314 69.174 80.0973 69.9081C79.3633 70.6422 58.1533 68.4622 43.739 54.0368C29.3247 39.6114 27.1225 18.4237 27.8566 17.6785C28.5906 16.9333 49.8006 19.1244 64.2149 33.5498H64.226Z' fill='url(%23paint1_linear_3_255)'/%3E%3Cpath d='M116.456 90.2506C102.03 104.676 80.8314 106.856 80.0973 106.122C79.3521 105.377 81.5432 84.1779 95.9686 69.7636C110.394 55.3381 131.593 53.1582 132.327 53.8923C133.072 54.6374 130.881 75.8363 116.456 90.2506Z' fill='url(%23paint2_linear_3_255)'/%3E%3Cpath d='M64.2261 69.7524C78.6515 84.1778 80.8315 105.377 80.0974 106.111C79.3633 106.845 58.1534 104.665 43.7391 90.2394C29.3248 75.814 27.1337 54.6152 27.8678 53.8811C28.6019 53.1471 49.8118 55.327 64.2261 69.7524Z' fill='url(%23paint3_linear_3_255)'/%3E%3Cpath d='M116.456 126.453C102.03 140.878 80.8314 143.058 80.0973 142.324C79.3521 141.579 81.5432 120.38 95.9686 105.966C110.394 91.5406 131.593 89.3607 132.327 90.0948C133.072 90.8399 130.881 112.039 116.456 126.453Z' fill='url(%23paint4_linear_3_255)'/%3E%3Cpath d='M64.2261 105.955C78.6515 120.38 80.8315 141.579 80.0974 142.313C79.3633 143.047 58.1534 140.867 43.7391 126.442C29.3248 112.017 27.1337 90.8177 27.8678 90.0836C28.6019 89.3496 49.8118 91.5295 64.2261 105.955Z' fill='url(%23paint5_linear_3_255)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3_255' x1='80.0935' y1='17.5515' x2='80.0935' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3_255' x1='80.0935' y1='17.5515' x2='80.0935' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3_255' x1='80.0935' y1='17.5515' x2='80.0935' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3_255' x1='80.0935' y1='17.5515' x2='80.0935' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint4_linear_3_255' x1='80.0935' y1='17.5515' x2='80.0935' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint5_linear_3_255' x1='80.0935' y1='17.5515' x2='80.0935' y2='142.448' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23A3A3A3'/%3E%3Cstop offset='1' stop-color='%233479FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: 160px 160px;*/
}

.main-cont01 dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 48px 0 48px;
  row-gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main-cont01 dt {
  font-size: 26px;
  font-weight: 600;
  color: #fff;
  line-height: 150%;
}

.main-cont01 dd {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 150%;
  opacity: 0.4;
  word-break: keep-all;
}

.newsSwiper .inner-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.newsSwiper .inner-wrap li {
  width: 400px;
  height: 432px;
  background: linear-gradient(141deg, rgba(0, 0, 0, 0.18) 1.13%, rgba(0, 0, 0, 0.11) 98.87%);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.newsSwiper .inner-wrap li .inner-bx {
  padding: 40px;
}

.newsSwiper .inner-wrap li .inner-bx p.tx-date {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  line-height: 150%;
}

.newsSwiper .inner-wrap li .inner-bx dl {
  height: 249px;
  margin: 24px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.newsSwiper .inner-wrap li .inner-bx dt {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  line-height: 150%;
}

.newsSwiper .inner-wrap li .inner-bx dd {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 150%;
  opacity: 0.8;
  padding: 16px 0 0 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.newsSwiper .cp-inner-s {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 152px;
  height: 24px;
  text-align: left;
}

.newsSwiper .custom-pagination {
  position: absolute;
  bottom: 0;
  left: 28px;
  width: 96px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  z-index: 2;
}

.newsSwiper .progress__bar {
  position: relative;
  width: 36px;
  height: 1px;
  margin: 0 6px;
  background-color: #D9EEFD;
}

.newsSwiper .progress__fill {
  position: absolute;
  inset: 0;
  display: block;
  height: 100%;
  background-color: #3479FF;
}

.newsSwiper .current {
  color: #fff;
}

.newsSwiper .num-out {
  width: 24px;
  height: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.newsSwiper .num-out:last-child {
  opacity: 0.5;
}

.newsSwiper .swiper-slide {
  height: 496px;
}

.newsSwiper ::-moz-selection {
  background: none !important;
}

.newsSwiper ::selection {
  background: none !important;
}

.newsSwiper .swiper-button-next, .swiper-button-prev {
  width: 24px;
  height: 24px;
  left: 0;
  top: auto;
  bottom: 0;
  color: #fff;
}

.newsSwiper .swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto;
}

.newsSwiper .swiper-button-next:after, .swiper-button-prev:after {
  font-size: 16px;
}

.newsSwiper .bx-pgn {
  position: relative;
  width: 104px;
  padding: 0 24px;
}

.newsSwiper .progress-box {
  position: relative;
  width: 96px;
  height: 24px;
  z-index: 11;
}

.newsSwiper .autoplay-progress2 {
  position: absolute;
  left: 30px;
  top: 12px;
  z-index: 10;
  width: 36px;
  height: 1px;
  /*background-color: rgba(255, 255, 255, 0.1);*/
  background-color: #D0DBE3;
}

.newsSwiper .autoplay-progress2 svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  /*  height: 100%;*/
  stroke-width: 4px;
  stroke: #3479FF;
  fill: none;
  stroke-dashoffset: calc(100 * (1 - var(--progress)));
  stroke-dasharray: 100;
}

/* stroke-dashoffset은 선의 테두리가 얼마나 이동하는지 결정 progress라는 변수를 사용하여 계산되어진 값이 들어감 100은전체길이 
stroke-dasharray는 선의 테두리를 구성하는 선 조각의 길이를 설정 전체길이가 100
*/
.newsSwiper .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: static;
  text-align: left;
}

.newsSwiper .arrow-box {
  position: relative;
  width: 80px;
  height: 50px;
}

.newsSwiper .swiper-button-next,
.newsSwiper .swiper-button-prev {
  width: 24px;
  height: 24px;
  top: 0;
  margin-top: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14 7L9 12L14 17' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 24px 24px;
  /*background: url(https://www.century21cc.co.kr/views/res/imgs/common/icon-arrow-left-fff.svg) no-repeat center / 100%;*/
}

.newsSwiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 7L15 12L10 17' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  /*background-image: url(https://www.century21cc.co.kr/views/res/imgs/common/icon-arrow-right-fff.svg);*/
}

.newsSwiper .swiper-button-next::after,
.newsSwiper .swiper-button-prev::after {
  font-size: 0;
}

.newsSwiper .swiper-pagination span {
  width: 24px;
  height: 24px;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

.newsSwiper .swiper-pagination span:last-child {
  opacity: 0.5;
}

.newsSwiper .btn-a {
  width: auto;
  height: 56px;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  padding: 14px 28px 14px 32px;
  background: var(--primary, #3479FF);
  border-radius: 0;
}

@media screen and (max-width: 480px) {
  .newsSwiper .bx-pgn {
    width: 76px;
    padding: 0 20px;
  }
  .newsSwiper .autoplay-progress2 {
    left: 23px;
    top: 10px;
    width: 24px;
  }
  .newsSwiper .progress-box {
    width: 72px;
  }
  .newsSwiper .swiper-pagination span {
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }
  .newsSwiper .swiper-button-next, .newsSwiper .swiper-button-prev {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }
}
.accordion-list {
  border-top: none;
  border-bottom: 1px solid var(--line-010, #DEDFE7);
}

.accordion-list .accordion-item .accordion-head {
  padding: 32px 0;
}

.accordion-list .accordion-item + .accordion-item {
  border-top: 1px solid var(--line-010, #DEDFE7);
}

.accordion-list .accordion-item .accordion-head .accordion-subject {
  font-weight: 500 !important;
  font-size: 24px;
  line-height: 150%;
}

.accordion-list .accordion-item .accordion-head .accordion-caption .abbr {
  width: 36px;
  height: 36px;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  line-height: 36px;
  background: #000;
  border-radius: 18px;
}

.accordion-list .accordion-item .accordion-content > .inner {
  background: none;
  padding: 0 0 32px 0;
}

.accordion-list .accordion-item .accordion-content .para {
  font-weight: 400;
  font-size: 20px;
  line-height: 150%;
  max-width: calc(100% - 84px);
}

.accordion-list .accordion-item .accordion-content .abbr {
  width: 36px;
  height: 36px;
  font-weight: 500;
  font-size: 20px;
  color: #fff;
  line-height: 36px;
  background: var(--primary, #3479FF);
  border-radius: 18px;
  text-align: center;
}

.accordion-list .accordion-item.active .accordion-head .accordion-subject::after {
  width: 36px;
  height: 36px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M29 18H7' stroke='%233479FF' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M29 18H7' stroke='%233479FF' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
  background-color: #3479FF;
}

.accordion-list .accordion-item .accordion-head .accordion-subject::after {
  width: 36px;
  height: 36px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M29 18H7' stroke='%231B1C1E' stroke-width='1.5'/%3E%3Cpath d='M18 29L18 7' stroke='%231B1C1E' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M29 18H7' stroke='%231B1C1E' stroke-width='1.5'/%3E%3Cpath d='M18 29L18 7' stroke='%231B1C1E' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat center center;
  background-color: #1B1C1E;
}

.container.main {
  display: block;
  padding: 0;
}

.container.main .main-section-ty01 {
  width: 100%;
  height: 612px;
  padding: 120px 0 136px 0;
  background: #0E173F;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container.main .main-section-ty01 #page {
  row-gap: 0;
}

.container.main .main-section-ty01 #page .page-head {
  padding-bottom: 48px;
}

.container.main .main-section-ty01 #page .page-head .heading-l {
  font-size: 72px;
  font-weight: 600;
  color: #fff;
  line-height: 125%;
  padding-bottom: 0;
}

.container.main .main-section-ty01 #page .page-head .heading-s {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 150%;
  padding-top: 16px;
  opacity: 0.7;
  text-align: left;
}

.container.main .main-section-ty02 {
  width: 100%;
  height: 965px;
  padding: 136px 0;
  background: url("../../../assets/front/images/main/bg-main01.png") no-repeat center center;
  background-size: cover;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container.main .main-section-ty02 #page {
  row-gap: 0;
}

.container.main .main-section-ty02 #page .page-head {
  position: relative;
  padding-bottom: 48px;
}

.container.main .main-section-ty02 #page .page-head .heading-l {
  font-size: 72px;
  font-weight: 600;
  color: #fff;
  line-height: 125%;
  padding-bottom: 0;
}

.container.main .main-section-ty02 #page .page-head .heading-s {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 150%;
  padding-top: 16px;
  opacity: 0.7;
  text-align: left;
}

.container.main .main-section-ty02 #page .page-head .btn-more {
  position: absolute;
  top: 19px;
  right: 0;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  background: rgba(0, 0, 0, 0.18);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container.main .main-section-ty02 .btn-more::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M20.1464 11L27 18M27 18L20.1464 25M27 18H9' stroke='%231B1C1E' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M20.1464 11L27 18M27 18L20.1464 25M27 18H9' stroke='%231B1C1E' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center;
  background-color: #fff;
  margin: 8px auto 0 auto;
}

.container.main .main-section-ty03 {
  padding: 136px 0 120px 0;
}

.container.main .main-section-ty03 #page {
  row-gap: 0;
}

.container.main .main-section-ty03 #page .page-head {
  position: relative;
  padding-bottom: 24px;
}

.container.main .main-section-ty03 #page .page-head .heading-l {
  font-size: 72px;
  font-weight: 600;
  line-height: 125%;
  padding-bottom: 0;
}

.container.main .main-section-ty03 #page .page-head .btn-more {
  position: absolute;
  top: 19px;
  right: 0;
  width: 52px;
  height: 52px;
  border-radius: 52px;
  border: 1px solid var(--base-010, #1B1C1E);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container.main .main-section-ty03 .btn-more::before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M20.1464 11L27 18M27 18L20.1464 25M27 18H9' stroke='%231B1C1E' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36' fill='none'%3E%3Cpath d='M20.1464 11L27 18M27 18L20.1464 25M27 18H9' stroke='%231B1C1E' stroke-width='2'/%3E%3C/svg%3E") no-repeat center center;
  background-color: #000;
  margin: 8px auto 0 auto;
}

@media (max-width: 1023px) {
  .mainSwiper .swiper-slide .inner-bx {
    width: 100%;
    padding: 0 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mainSwiper .swiper-slide .inner-bx .tx-wrap dt {
    font-size: 40px;
    word-break: keep-all;
  }
  .mainSwiper .swiper-slide .inner-bx .tx-wrap dd {
    font-weight: 400;
    font-size: 14px;
    padding: 24px 30px 48px 0;
    word-break: keep-all;
  }
  .mainSwiper .swiper-slide .inner-bx .tx-wrap .btn-a {
    font-size: 14px;
    line-height: 20px;
    padding: 10px 16px 10px 20px;
  }
  .mainSwiper .swiper-slide .inner-bx .tx-wrap .btn-a::after {
    width: 20px;
    height: 20px;
    margin-left: 6px;
    background-size: 20px;
  }
  .mainSwiper .cp-wrap .cp-inner {
    width: 100%;
  }
  .mainSwiper .cp-wrap .cp-inner .cp-inner-s {
    height: 351.5px;
  }
  .mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss {
    width: 116px;
    left: 24px;
    top: -45px;
  }
  .mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .custom-pagination {
    width: 72px;
    left: 22px;
  }
  .mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .num-out {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .mainSwiper .cp-wrap .cp-inner .cp-inner-s .cp-inner-ss .progress__bar {
    width: 24px;
    height: 2px;
    margin: 0 4px;
  }
  .mainSwiper .swiper-button-next, .swiper-button-prev {
    width: 20px;
    height: 20px;
  }
  .mainSwiper .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 9px;
  }
  #header .header-inner .gnb {
    margin-right: 0;
  }
  #header .header-inner {
    padding: 0 18px 0 24px;
  }
  #header .header-inner .logo {
    height: 66px;
  }
  #header.header-invert .logo-link::after {
    width: 117px;
    height: 18px;
    background-size: 100%;
  }
  html.active-scroll-start #header.header-invert .logo-link::after {
    width: 117px;
    height: 18px;
    background-size: 100%;
  }
  #header .header-inner .navi-util {
    top: 8px;
    right: 62px;
  }
  #header .header-inner .navi-util .navi-list .navi-item .navi-text {
    height: 96px;
  }
  #header .header-inner .navi-util .navi-list .navi-item .navi-text::before {
    display: none;
  }
  #header .header-inner .navi-util .navi-list .navi-item .navi-text span.icon-newsletter svg {
    width: 26px !important;
    height: 26px !important;
  }
  .active-scroll-start #header .header-inner .navi-util {
    top: 17px;
  }
  .active-scroll-start #header .header-inner .navi-util .navi-list .navi-item .navi-text {
    height: 32px;
  }
  .active-scroll-start #header .header-inner .navi-util .navi-list .navi-item .navi-text .tx-mob-del {
    display: none;
  }
  .active-scroll-start #header .header-inner .navi-util .navi-list .navi-item .navi-text span.icon-newsletter {
    display: none;
  }
  #header .header-inner .navi-control .btn-navi-menu::after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10H26V12H6V10ZM6 15H26V17H6V15ZM26 20H6V22H26V20Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10H26V12H6V10ZM6 15H26V17H6V15ZM26 20H6V22H26V20Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
    background-color: #1B1C1E;
  }
  #header.header-invert .header-inner .navi-control .btn-navi-menu::after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10H26V12H6V10ZM6 15H26V17H6V15ZM26 20H6V22H26V20Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10H26V12H6V10ZM6 15H26V17H6V15ZM26 20H6V22H26V20Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
    background-color: #fff;
  }
  #header.header-invert.white .header-inner .navi-control .btn-navi-menu::after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10H26V12H6V10ZM6 15H26V17H6V15ZM26 20H6V22H26V20Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 10H26V12H6V10ZM6 15H26V17H6V15ZM26 20H6V22H26V20Z' fill='white'/%3E%3C/svg%3E") no-repeat center center;
    background-color: #1B1C1E;
  }
  #header .header-inner .gnb .gnb-list {
    top: 67px;
    height: calc(var(--vh, 1vh) * 100 - 67px);
  }
  #footer .footer-inner {
    padding: 32px 24px;
  }
  .ft-tp-info {
    padding-bottom: 32px;
  }
  .ft-tp-info .tx-bt-l {
    float: none;
  }
  .ft-tp-info .tx-bt-l .tx-t {
    font-size: 30px;
    line-height: 150%;
  }
  .ft-tp-info .tx-bt-l .bt-b {
    padding-top: 20px;
  }
  .ft-tp-info .tx-bt-l .bt-b .btn-a {
    height: 40px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px 0 20px;
  }
  .ft-tp-info .tx-bt-l .bt-b .btn-a::after {
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin-left: 6px;
  }
  .ft-tp-info .ft-menu {
    float: none;
    padding: 32px 0 0 0;
  }
  .ft-tp-info .ft-menu li {
    padding-bottom: 8px;
  }
  .ft-bt-info dl {
    padding-bottom: 6px;
  }
  .ft-bt-info dt {
    font-size: 14px;
  }
  .ft-bt-info dd {
    font-size: 14px;
  }
  .ft-bt-info .line2 {
    padding-top: 10px;
  }
  .ft-bt-info .line2 dl {
    padding-bottom: 12px;
  }
  .ft-copyright {
    font-size: 14px;
    padding-top: 20px;
  }
  .container.main .main-section-ty01 {
    height: auto;
    padding: 48px 0 64px 0;
  }
  .container.main .main-section-ty02 {
    height: auto;
    padding: 64px 0;
  }
  .container.main .main-section-ty02 #page .page-head .btn-more {
    top: 12px;
    width: 36px;
    height: 36px;
    border-radius: 18px;
  }
  .container.main .main-section-ty02 .btn-more::before {
    width: 24px;
    height: 24px;
    margin: 6px auto 0 auto;
    -webkit-mask-size: 24px;
            mask-size: 24px;
  }
  .container.main .main-section-ty03 {
    height: auto;
    padding: 64px 0;
  }
  .container.main .main-section-ty03 #page .page-head .btn-more {
    top: 12px;
    width: 36px;
    height: 36px;
    border-radius: 18px;
  }
  .container.main .main-section-ty03 .btn-more::before {
    width: 24px;
    height: 24px;
    margin: 6px auto 0 auto;
    -webkit-mask-size: 24px;
            mask-size: 24px;
  }
  #page {
    padding: 0 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .container.main .main-section-ty01 #page .page-head .heading-l {
    font-size: 48px;
  }
  .container.main .main-section-ty01 #page .page-head .heading-s {
    font-size: 16px;
    padding-top: 12px;
    word-break: keep-all;
  }
  .container.main .main-section-ty02 {
    background-position: left top;
  }
  .container.main .main-section-ty02 #page .page-head .heading-l {
    font-size: 48px;
  }
  .container.main .main-section-ty02 #page .page-head .heading-s {
    font-size: 16px;
    padding-top: 12px;
    word-break: keep-all;
  }
  .container.main .main-section-ty03 #page .page-head .heading-l {
    font-size: 48px;
  }
  .main-cont01 ul {
    gap: 8px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .main-cont01 li {
    -ms-flex-preferred-size: calc(50% - 4px);
        flex-basis: calc(50% - 4px);
    height: 136px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .main-cont01 li span.in-icon-l {
    position: absolute;
    top: 24px;
    left: 16px;
  }
  /*.main-cont01 li span.in-icon-l.icon01 {width: 88px; height: 88px; background-size: 88px 88px;}
  .main-cont01 li span.in-icon-l.icon02 {width: 88px; height: 88px; background-size: 88px 88px;}
  .main-cont01 li span.in-icon-l.icon03 {width: 88px; height: 88px; background-size: 88px 88px;}
  .main-cont01 li span.in-icon-l.icon04 {width: 88px; height: 88px; background-size: 88px 88px;}*/
  .main-cont01 dl {
    padding: 20px 20px 0 20px;
    row-gap: 4px;
  }
  .main-cont01 dt {
    font-size: 16px;
  }
  .main-cont01 dd {
    font-size: 14px;
    opacity: 0.8;
  }
  .newsSwiper .swiper-slide {
    height: auto;
    padding-bottom: 24px;
  }
  .newsSwiper .inner-wrap ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .newsSwiper .inner-wrap li {
    width: 100%;
    height: auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .newsSwiper .inner-wrap li .inner-bx {
    padding: 20px;
  }
  .newsSwiper .inner-wrap li .inner-bx dl {
    height: auto;
    padding: 0;
    margin: 16px 0 24px 0;
  }
  .newsSwiper .inner-wrap li .inner-bx dt {
    font-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-clamp: 2;
    -webkit-line-clamp: 2;
  }
  .newsSwiper .inner-wrap li .inner-bx dd {
    display: none;
  }
  .newsSwiper .inner-wrap li .inner-bx p.tx-date {
    font-size: 14px;
  }
  .newsSwiper .cp-inner-s {
    position: relative;
    left: auto;
    bottom: auto;
    width: 116px;
    height: 20px;
    margin: 0 auto;
  }
  .newsSwiper .num-out {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
  .newsSwiper .custom-pagination {
    left: 22px;
    width: 72px;
  }
  .newsSwiper .cp-inner-s .progress__bar {
    width: 24px;
    height: 2px;
    margin: 0 4px;
  }
  .newsSwiper .swiper-button-next, .swiper-button-prev {
    width: 20px;
    height: 20px;
  }
  .newsSwiper .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 9px;
  }
  .accordion-list .accordion-item .accordion-head .accordion-subject {
    font-size: 18px;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
  }
  .accordion-list .accordion-item .accordion-head .accordion-subject::after {
    width: 24px;
    height: 28px;
    -webkit-mask-size: 24px 28px;
            mask-size: 24px 28px;
  }
  .accordion-list .accordion-item.active .accordion-head .accordion-subject::after {
    width: 24px;
    height: 28px;
    -webkit-mask-size: 24px 28px;
            mask-size: 24px 28px;
  }
  .accordion-list .accordion-item .accordion-head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    padding: 20px 0;
  }
  .accordion-list .accordion-item .accordion-head .accordion-caption .abbr {
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    margin-top: 3px;
  }
  .accordion-list .accordion-item .accordion-content .abbr {
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 22px;
    margin-top: 3px;
  }
  .accordion-list .accordion-item .accordion-content .para {
    max-width: calc(100% - 30px);
  }
  .accordion-list .accordion-item .accordion-content .abbr + .para {
    font-size: 18px;
    margin-top: 0;
  }
  .accordion-list .accordion-item .accordion-content > .inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 8px;
       -moz-column-gap: 8px;
            column-gap: 8px;
    padding-bottom: 20px;
  }
}
.container {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 80px;
}

.container .page-head {
  padding: 0 0 72px 0;
  text-align: center;
}

.container .content-ty01 {
  width: 1240px;
  padding: 80px 0 0 0;
  margin: 0 auto;
}

.container .content-ty02 {
  width: 1240px;
  padding: 48px 0 0 0;
  margin: 0 auto;
}

.container .content-ty03 {
  position: relative;
  width: 1240px;
  padding: 0 0 0 0;
  margin: 0 auto;
}

.heading-l {
  font-weight: 600;
  font-size: 60px;
  line-height: 1;
  padding-bottom: 12px;
}

.gallery-display.masonry .gallery-list .gallery-item .gallery-wrap .gallery-thumb img {
  height: 241px;
}

/* tab */
.tab_n01 {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #fff;
  border-bottom: 1px solid #D9D9D9;
  overflow-x: auto;
  overflow-y: hidden;
}

.tab_n01.fixed {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.active-scroll-up .tab_n01.fixed {
  -webkit-transform: translateY(100px);
      -ms-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

#header { /*position: sticky;*/ }

html.active-scroll-down #header {
  -webkit-transform: translateY(-125%);
      -ms-transform: translateY(-125%);
          transform: translateY(-125%);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

html.active-scroll-up #header {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}

.tab_n01 ul {
  width: 1240px;
  margin: 0 auto;
}

.tab_n01 li {
  float: left;
  width: 25%;
}

.tab_n01 li a {
  display: block;
  height: 72px;
  font-weight: 600;
  font-size: 20px;
  color: #1B1C1E;
  line-height: 72px;
  text-align: center;
}

.tab_n01 li.on a {
  position: relative;
  color: #3479FF;
}

.tab_n01 li.on a::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 2px;
  background: #3479FF;
}

.tab_n01.three li {
  width: 33.3333%;
}

.tab_n01.five li {
  width: 20%;
}

/* about */
.about-vis {
  height: auto;
  margin-top: -16px;
  background: url("../../../assets/front/images/@temp/image_about01.png") no-repeat center center;
  background-size: cover; /*background:#020b2b url('../../../assets/front/images/@temp/bg_about01.png') no-repeat center; background-size: cover;*/
}

.about-vis .in-wrap { /*clip-path: inset(0% 0% 10.5672%);*/
  position: sticky;
  top: calc(min(10.4166666667vw, 100px) + min(5.625vw, 108px));
  z-index: 2;
}

.about-vis .in-bx {
  font-weight: 600;
  font-size: 40px;
  color: #fff;
  line-height: 175%;
  padding: 188px 0;
  text-align: center;
}

.about-vis .in-bx.pc {
  display: block;
}

.about-vis .in-bx.mob {
  display: none;
}

.about-vis .about-image {
  text-align: center;
  width: 968px;
  max-width: 100%;
  height: 656px;
  margin: 0 auto;
}

.about-cont {
  width: 1240px;
  padding: 80px 0 0 0;
  margin: 0 auto;
}

.about-cont .in-pd-bx {
  padding: 32px 0 80px 0;
}

.about-cont > div > dl {
  position: relative;
  padding-left: 280px;
}

.about-cont > div > dl > dt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  font-size: 30px;
  color: #1B1C1E;
  line-height: 1;
}

.about-cont > div > dl > dt span.icon-square {
  position: absolute;
  top: -32px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #3479FF;
}

.about-cont > div > dl > dd {
  font-weight: 400;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
  padding-bottom: 48px;
  margin-bottom: 48px;
  border-bottom: 1px solid #CED7E9;
}

.about-cont > div > dl > dd:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.about-cont > div > dl > dd p.stit01 {
  font-weight: 700;
  font-size: 24px;
  color: #1B1C1E;
  line-height: 150%;
  padding-bottom: 16px;
}

.about-cont > div > dl > dd p.s-stit01 {
  font-weight: 600;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 150%;
  padding-bottom: 4px;
}

.about-cont > div > dl > dd .s-stxt01 {
  font-weight: 400;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
  padding-bottom: 40px;
}

.about-img-bx01 {
  width: 716px;
  height: 220px;
  margin: 40px 0 40px 126px;
}

.about-img-bx01 img {
  width: 100%;
}

.about-img-bx01 img.img-pc {
  display: block;
}

.about-img-bx01 img.img-mob {
  display: none;
}

.ab-inner-cnt01 {
  padding-bottom: 40px;
  margin-top: 8px;
}

.ab-inner-cnt01 ul::after {
  content: "";
  display: block;
  clear: both;
}

.ab-inner-cnt01 li {
  position: relative;
  float: left;
  width: 306px;
  padding-left: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ab-inner-cnt01 li:first-child {
  padding-left: 0;
}

.ab-inner-cnt01 li:nth-child(2) {
  width: 348px;
}

.ab-inner-cnt01 li p.tx01 {
  font-weight: 600;
  font-size: 18px;
  color: #343538;
  line-height: 150%;
  padding-bottom: 4px;
}

.ab-inner-cnt01 li p.tx02 {
  font-weight: 600;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
}

.ab-inner-cnt01 li::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: 0;
  width: 1px;
  height: 46px;
  background: #DEDFE7;
}

.ab-inner-cnt01 li:last-child::after {
  display: none;
}

.ab-inner-cnt02 {
  padding-top: 32px;
}

.ab-inner-cnt02 ul::after {
  content: "";
  display: block;
  clear: both;
}

.ab-inner-cnt02 li {
  position: relative;
  float: left;
  width: 310px;
  height: 228px;
  background: #3479FF;
  padding: 24px;
  margin-right: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ab-inner-cnt02 li:last-child {
  margin-right: 0;
}

.ab-inner-cnt02 li.icon01::after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: block;
  width: 100px;
  height: 100px;
  background: url("../../../assets/front/images/@temp/icon_about01_01.png") no-repeat center;
  background-size: 100px;
}

.ab-inner-cnt02 li.icon02::after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: block;
  width: 100px;
  height: 100px;
  background: url("../../../assets/front/images/@temp/icon_about01_02.png") no-repeat center;
  background-size: 100px;
}

.ab-inner-cnt02 li.icon03::after {
  content: "";
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: block;
  width: 100px;
  height: 100px;
  background: url("../../../assets/front/images/@temp/icon_about01_03.png") no-repeat center;
  background-size: 100px;
}

.ab-inner-cnt02 li .in-bx {
  font-weight: 700;
  font-size: 18px;
  color: #FFF;
  line-height: 150%;
}

.ab-inner-cnt03 {
  padding-top: 8px;
}

.ab-inner-cnt03 ul::after {
  content: "";
  display: block;
  clear: both;
}

.ab-inner-cnt03 li {
  float: left;
  width: 465px;
  margin-right: 30px;
}

.ab-inner-cnt03 li:last-child {
  margin-right: 0;
}

.ab-inner-cnt03 dt {
  height: 124px;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  line-height: 150%;
  padding: 32px 0 0 0;
  border: 1px solid #fff;
  border-radius: 900px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.ab-inner-cnt03 dd {
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  line-height: 150%;
  text-align: center;
}

.ab-inner-cnt03 dd p.line {
  width: 1px;
  height: 120px;
  background: #fff;
  margin: 24px auto;
}

.ab-inner-cnt03 dd .tx-opa {
  opacity: 0.9;
  text-align: center;
}

.ab-inner-cnt03 li:nth-child(2) dt {
  padding-top: 47px;
}

.ab-inner-cnt03 ul.three li {
  width: 300px;
}

.ab-inner-cnt03 ul.three dt {
  height: 90px;
}

.ab-inner-cnt03 ul.three li:nth-child(2) dt {
  padding-top: 32px;
}

.ab-inner-cnt04 ul::after {
  content: "";
  display: block;
  clear: both;
}

.ab-inner-cnt04 li {
  float: left;
  width: 228px;
}

.ab-inner-cnt04 li .thum {
  position: relative;
  height: 220px;
  background: #F4F5F7;
}

.ab-inner-cnt04 li .thum img {
  width: 100%;
}

.ab-inner-cnt04 li .thum span.name {
  position: absolute;
  left: 0;
  bottom: 0; /*width: 113px; height: 30px;*/
  font-weight: 600;
  font-size: 16px;
  color: #343538;
  line-height: 150%;
  padding: 6px 10px 0 2px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ab-inner-cnt04 li .bt-tx {
  font-weight: 400;
  font-size: 14px;
  color: #636777;
  line-height: 150%;
  padding: 8px 0;
  word-break: auto-phrase;
}

.ab-inner-cnt04 li .bt-tx .tx-posiiton {
  font-weight: 600;
  color: #636777;
  line-height: 150%;
}

.ab-inner-cnt04 li .bt-tx .tx-name {
  font-weight: 700;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 150%;
  padding-bottom: 6px;
}

.ab-inner-cnt04 li a.btn-view-more {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  text-decoration: underline;
}

.ps-wrap01 {
  position: relative;
}

.ps-wrap01 .swiper-button-prev, .ps-wrap01 .swiper-button-next {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ps-wrap01 .swiper-button-prev {
  top: 86px;
  left: -24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0346 15.7494L25.3994 15.7494L25.3994 17.8494L11.634 17.8494L17.0419 23.2573L15.557 24.7422L8.55695 17.7422L7.81449 16.9997L8.55695 16.2573L15.557 9.25726L17.0419 10.7422L12.0346 15.7494Z' fill='%23636777'/%3E%3C/svg%3E");
  background-size: 33.6px;
  background-position: center;
  background-repeat: no-repeat;
}

.ps-wrap01 .swiper-button-next {
  top: 86px;
  right: -24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.3656 16.15L16.9581 10.7425L18.443 9.25757L25.4431 16.2576L26.1855 17L25.4431 17.7425L18.443 24.7425L16.9581 23.2576L21.9657 18.25H8.60059V16.15H22.3656Z' fill='white'/%3E%3C/svg%3E");
  background-size: 33.6px;
  background-position: center;
  background-repeat: no-repeat;
}

.ps-wrap01 .swiper-button-prev.swiper-button-disabled, .ps-wrap01 .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.ps-wrap02 {
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 0;
  width: 560px;
  border-top: 1px solid #DEDFE7;
}

.people-pop-wrap.active .ps-wrap02 { /*position: fixed; right: 40px; transition: 0.3s; scroll-behavior: smooth;*/ }

.ps-wrap02 .swiper-button-prev, .ps-wrap02 .swiper-button-next {
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 36px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ps-wrap02 .swiper-button-prev {
  top: 70px;
  left: -18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0346 15.7494L25.3994 15.7494L25.3994 17.8494L11.634 17.8494L17.0419 23.2573L15.557 24.7422L8.55695 17.7422L7.81449 16.9997L8.55695 16.2573L15.557 9.25726L17.0419 10.7422L12.0346 15.7494Z' fill='%23636777'/%3E%3C/svg%3E");
  background-size: 25.2px;
  background-position: center;
  background-repeat: no-repeat;
}

.ps-wrap02 .swiper-button-next {
  top: 70px;
  right: -18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.3656 16.15L16.9581 10.7425L18.443 9.25757L25.4431 16.2576L26.1855 17L25.4431 17.7425L18.443 24.7425L16.9581 23.2576L21.9657 18.25H8.60059V16.15H22.3656Z' fill='white'/%3E%3C/svg%3E");
  background-size: 25.2px;
  background-position: center;
  background-repeat: no-repeat;
}

/*.ps-wrap02 .swiper-button-prev.swiper-button-disabled, .ps-wrap02 .swiper-button-next.swiper-button-disabled {opacity: 0;}*/
.ps-wrap02 .people-l-bg-grdation {
  display: none;
}

.ab-inner-cnt05 {
  border: 1px solid #DEDFE7;
}

.ab-inner-cnt05 .inner-bx {
  height: 168px;
  background: #F4F5F7;
  border-bottom: 1px solid #DEDFE7;
}

.ab-inner-cnt05 .inner-bx ul {
  padding: 20px;
}

.ab-inner-cnt05 .inner-bx li {
  float: left;
  width: 20%;
  padding: 0 8px 8px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ab-inner-cnt05 .inner-bx li .in-bx {
  height: 60px;
  font-weight: 600;
  font-size: 14px;
  color: #343538;
  line-height: 115%;
  background: #fff;
  border: 1px solid #DEDFE7;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  word-break: auto-phrase;
}

.ab-inner-cnt05 .bt-btn-wrap {
  height: 64px;
  font-weight: 600;
  font-size: 16px;
  color: #1B1C1E;
  line-height: 64px;
  text-align: center;
}

.ab-inner-cnt05 .bt-btn-wrap span.btn-more {
  position: relative;
  display: inline-block;
  padding-right: 23px;
  cursor: pointer;
}

.ab-inner-cnt05 .bt-btn-wrap span.btn-more::after {
  content: "";
  display: block;
  position: absolute;
  top: 19px;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6429 11.3571V6L11.3571 6V11.3571H6V12.6429H11.3571V18H12.6429V12.6429H18V11.3571H12.6429Z' fill='%231B1C1E'/%3E%3C/svg%3E");
}

.about-vision-wrap {
  height: 830px;
  background: url("../../../assets/front/images/@temp/bg_about01.png") no-repeat center center;
  background-size: cover;
}

.about-history-wrap {
  position: relative;
  padding: 0 0 80px 0;
  margin: 0 auto -80px auto;
  background: #F9F9FB;
}

.about-history-wrap .tx-year {
  font-weight: 700;
  font-size: 156px;
  color: #E4E4EC;
  line-height: 100%;
  margin-left: 288px;
}

.historySwiper { /*width: 1240px; margin: 0 auto;*/
  padding: 6px 0 0 328px;
}

.historySwiper .tp-line {
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #CED7E9;
}

.historySwiper li {
  position: relative; /*float: left;*/
  width: 228px;
  padding-top: 34px; /*margin-right: 48px;*/
}

.historySwiper li .icon-dot {
  position: absolute;
  top: -6px;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  background: #343538;
  border-radius: 12px;
}

.historySwiper li .date {
  font-weight: 400;
  font-size: 16px;
  color: #343538;
  line-height: 150%;
  padding: 0 0 12px 0;
}

.historySwiper li .tx01 {
  font-weight: 600;
  font-size: 22px;
  color: #343538;
  line-height: 150%;
}

.historySwiper li .tx02 {
  font-weight: 400;
  font-size: 16px;
  color: #343538;
  line-height: 150%;
  padding: 12px 0 0 0;
}

.historySwiper .arr-wrap { /*width: 1240px;*/
  margin: 48px auto 0 auto;
}

.historySwiper .arr-wrap .in-bx {
  position: relative;
  width: 104px;
  height: 48px;
}

.hs-wrap .swiper-button-prev, .hs-wrap .swiper-button-next {
  width: 48px;
  height: 48px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hs-wrap .swiper-button-prev {
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0346 15.7494L25.3994 15.7494L25.3994 17.8494L11.634 17.8494L17.0419 23.2573L15.557 24.7422L8.55695 17.7422L7.81449 16.9997L8.55695 16.2573L15.557 9.25726L17.0419 10.7422L12.0346 15.7494Z' fill='%23636777'/%3E%3C/svg%3E");
  background-size: 33.6px;
  background-position: center;
  background-repeat: no-repeat;
}

.hs-wrap .swiper-button-next {
  top: 0;
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.366 16.1506L16.9581 10.7427L18.443 9.25781L25.443 16.2578L26.1855 17.0003L25.443 17.7427L18.443 24.7427L16.9581 23.2578L21.9654 18.2506H8.60059V16.1506H22.366Z' fill='%23636777'/%3E%3C/svg%3E");
  background-size: 33.6px;
  background-position: center;
  background-repeat: no-repeat;
}

/*.hs-wrap .swiper-button-prev.swiper-button-disabled, .hs-wrap .swiper-button-next.swiper-button-disabled {opacity: 0.3;}*/
.bg-blur {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(247, 247, 247, 0.1);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
  z-index: 10000000;
}

.people-pop-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 640px;
  height: 100vh;
  background: #fff;
  -webkit-box-shadow: -8px 0px 16px 0px rgba(0, 0, 0, 0.06);
          box-shadow: -8px 0px 16px 0px rgba(0, 0, 0, 0.06);
  z-index: 10000001; /*overflow-y: overlay;*/
}

.people-pop-wrap .bx-header {
  position: relative;
  height: 56px;
  padding: 0 20px;
}

.people-pop-wrap .bx-header p {
  font-weight: 700;
  font-size: 20px;
  color: #1B1C1E;
  line-height: 56px;
}

.people-pop-wrap .bx-header a.btn-pop-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 56px;
  height: 56px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.64863 3.95157C5.18 3.48294 4.4202 3.48294 3.95157 3.95157C3.48294 4.4202 3.48294 5.18 3.95157 5.64863L10.303 12.0001L3.95157 18.3516C3.48294 18.8202 3.48294 19.58 3.95157 20.0486C4.4202 20.5173 5.18 20.5173 5.64863 20.0486L12.0001 13.6972L18.3516 20.0487C18.8202 20.5173 19.58 20.5173 20.0487 20.0487C20.5173 19.58 20.5173 18.8202 20.0487 18.3516L13.6972 12.0001L20.0487 5.64868C20.5173 5.18005 20.5173 4.42025 20.0487 3.95162C19.58 3.48299 18.8202 3.48299 18.3516 3.95162L12.0001 10.3031L5.64863 3.95157Z' fill='black'/%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  border-left: 1px solid #DEDFE7;
}

.people-pop-wrap .pop-tab {
  height: 56px;
  border-top: 1px solid #DEDFE7;
  border-bottom: 1px solid #DEDFE7;
}

.people-pop-wrap .pop-tab li {
  position: relative;
  float: left;
  width: 33.3333%; /*border-left: 1px solid #DEDFE7;*/
  border-right: 1px solid #DEDFE7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.people-pop-wrap .pop-tab li:last-child {
  border-right: none;
}

.people-pop-wrap .pop-tab li a {
  position: relative;
  display: block;
  height: 56px;
  font-weight: 600;
  font-size: 16px;
  color: #1B1C1E;
  line-height: 56px;
  text-align: center;
  z-index: 1;
}

.people-pop-wrap .pop-tab li.on a {
  color: #fff;
}

.people-pop-wrap .pop-tab li.on::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #3479FF;
}

.people-pop-wrap .pop-tab li:first-child.on::after {
  left: 0;
}

.people-pop-wrap .pop-tab li:last-child.on::after {
  right: 0;
}

.people-pop-wrap .thum {
  position: relative;
  height: 216px;
  background: url("../../../assets/front/images/@temp/bg_about02.png") no-repeat center center;
  background-size: cover;
}

.people-pop-wrap .thum .bx-pic {
  position: absolute;
  left: 40px;
  bottom: -64px;
  width: 220px;
  height: 220px;
  border: 4px solid #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.people-pop-wrap .thum .bx-pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.people-pop-wrap .bx-cont { /*min-height: 635px;*/
  padding: 88px 40px 0 40px;
}

.people-pop-wrap .bx-cont .tx01 {
  font-weight: 600;
  font-size: 14px;
  color: #3479FF;
  line-height: 150%;
  padding-bottom: 4px;
}

.people-pop-wrap .bx-cont .tx02 {
  font-weight: 700;
  font-size: 30px;
  color: #1B1C1E;
  line-height: 150%;
  padding: 0 0 24px 0;
}

.people-pop-wrap .bx-cont .tx03 { /*height: 415px;*/ /*325px*/ /*min-height: 311px;*/
  font-weight: 400;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
  padding-bottom: 30px; /*border-bottom: 1px solid #DEDFE7;*/
}

.people-pop-wrap .bt-thum-list {
  padding: 40px 0 0 0;
}

.people-pop-wrap .bt-thum-list ul::after {
  content: "";
  display: block;
  clear: both;
}

.people-pop-wrap .bt-thum-list li {
  float: left;
  width: 96px; /*margin-right: 8px;*/
}

.people-pop-wrap .bt-thum-list li .thum {
  height: 96px;
  overflow: hidden;
}

.people-pop-wrap .bt-thum-list li .thum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.people-pop-wrap .bt-thum-list li .name {
  font-weight: 600;
  font-size: 14px;
  color: #343538;
  line-height: 150%;
  padding: 5px 0 0 0;
}

.history-bg-grdation {
  position: absolute;
  top: 0;
  right: 0;
  width: 342px;
  height: 702px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(249, 249, 251, 0)), to(#F9F9FB));
  background: linear-gradient(90deg, rgba(249, 249, 251, 0) 0%, #F9F9FB 100%);
  z-index: 2;
}

.ab-inner-cnt05 {
  border: none;
}

.ab-inner-cnt05 .inner-bx {
  height: auto;
  background: none;
  border: none;
}

.ab-inner-cnt05 .inner-bx ul {
  padding: 0;
}

.ab-inner-cnt05 .inner-bx ul::after {
  content: "";
  clear: both;
  display: block;
}

.ab-inner-cnt05 .inner-bx li:nth-child(4) {
  padding-right: 0;
}

.ab-inner-cnt05 .inner-bx li:nth-child(8) {
  padding-right: 0;
}

.ab-inner-cnt05 .inner-bx li .in-bx {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 160px;
}

.ab-inner-cnt05 .inner-bx li .in-bx .thum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 96px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ab-inner-cnt05 .inner-bx li .in-bx .bt-tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 36px;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* business */
.business-cont01 {
  padding: 32px 0 0 0;
}

.business-cont01 > dl {
  position: relative;
  padding-left: 280px;
  padding-bottom: 40px;
  margin-bottom: 72px;
  border-bottom: 1px solid #ddd;
}

.business-cont01 > dl:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.business-cont01 > dl > dt {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
  font-size: 30px;
  color: #1B1C1E;
  line-height: 1;
}

.business-cont01 > dl > dt a.btn-p-ask {
  display: block;
  width: 97px;
  height: 36px;
  font-weight: 500;
  font-size: 14px;
  color: #3479FF;
  line-height: 36px;
  margin: 24px 0 0 0;
  border: 1px solid #3479FF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.business-cont01 > dl > dt span.icon-square {
  position: absolute;
  top: -32px;
  left: 0;
  width: 16px;
  height: 16px;
  background: #3479FF;
}

.business-cont01 > dl > dd {
  font-weight: 400;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
}

.business-cont01 > dl > dd p.stit01 {
  font-weight: 700;
  font-size: 24px;
  color: #1B1C1E;
  line-height: 150%;
  padding-bottom: 16px;
}

.business-cont01 > dl > dd p.stit01.tb-m {
  padding-top: 24px;
  padding-bottom: 48px;
}

.business-cont01 > dl > dd p.stit02 {
  font-weight: 700;
  font-size: 24px;
  color: #1B1C1E;
  line-height: 150%;
  margin-bottom: 16px;
  text-align: center;
}

.business-cont01 > dl > dd p.stit02 span {
  color: #3479FF;
}

.business-cont01 > dl > dd p.s-stit01 {
  font-weight: 600;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 150%;
  padding-bottom: 4px;
}

.business-cont01 > dl > dd .s-stxt01 {
  font-weight: 400;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
  padding-bottom: 24px;
}

.business-cont01 > dl > dd .s-stxt02 {
  font-weight: 400;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
  padding-bottom: 16px;
}

.business-cont01 > dl > dd .s-stxt03 {
  font-weight: 400;
  font-size: 16px;
  color: #636777;
  line-height: 150%;
}

.business-cont01 > dl > dd .s-stxt01:last-child {
  padding-bottom: 0;
}

.business-cont01 .img-bx01 {
  background: #F9F9FB;
  padding: 32px 120px;
  margin-top: 4px;
  margin-bottom: 48px;
}

.business-cont01 .img-bx01 .pc {
  display: block;
  width: 100%;
}

.business-cont01 .img-bx01 .mob {
  display: none;
  width: 100%;
}

.business-cont01 .img-bx02 {
  padding: 32px 76px;
  background: #F9F9FB;
  margin-top: -16px;
}

.business-cont01 .img-bx02 .pc {
  display: block;
  width: 100%;
}

.business-cont01 .img-bx02 .mob {
  display: none;
  width: 100%;
}

.business-cont01 .imb-bx03 { /*background: #F9F9FB;*/
  padding: 0;
  margin-top: 32px;
  margin-bottom: 16px;
}

.business-cont01 .imb-bx03 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.business-cont01 .imb-bx03 li {
  width: 192px;
  height: 57px;
  font-weight: 600;
  font-size: 20px;
  color: #9599A9;
  line-height: 125%;
  background: #E8EFFF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 10px;
}

.business-cont01 .imb-bx03 li span {
  font-weight: 700;
  color: #3479FF;
}

.business-cont01 .img-bx04 {
  padding: 48px 65.5px;
  background: #F9F9FB;
  margin-top: 0;
  margin-bottom: 16px;
}

.business-cont01 .img-bx04 .pc {
  display: block;
  width: 100%;
}

.business-cont01 .img-bx04 .mob {
  display: none;
  width: 100%;
}

.business-cont01 .img-bx05 {
  padding: 24px 26px;
  background: #F9F9FB;
  margin-top: 0;
  margin-bottom: 24px;
}

.business-cont01 .img-bx05 .pc {
  display: block;
  width: 100%;
}

.business-cont01 .img-bx05 .mob {
  display: none;
  width: 100%;
}

.business-cont02 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.business-cont02 li {
  width: 50%;
}

.business-cont02 .board_common {
  width: 100%;
  table-layout: fixed;
}

.business-cont02 .board_common thead th {
  height: 48px;
  font-weight: 600;
  font-size: 18px;
  color: #343538;
  line-height: 150%;
  background: #F4F5F7;
  border-top: 1px solid #343538;
  border-bottom: 1px solid #DEDFE7;
  text-align: center;
}

.business-cont02 .board_common tbody td {
  height: 48px;
  font-weight: 400;
  font-size: 18px;
  color: #343538;
  line-height: 150%;
  background: #fff;
  border-bottom: 1px solid #DEDFE7;
  text-align: center;
}

.edu-bx-list .in-bx { /*float: left;*/
  width: 228px;
  padding: 24px; /*margin-right: 16px;*/
  border: 1px solid #CED7E9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.edu-bx-list .in-bx dt {
  font-weight: 600;
  font-size: 18px;
  color: #343538;
  line-height: 150%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.edu-bx-list .in-bx dd {
  font-weight: 400;
  font-size: 16px;
  color: #636777;
  line-height: 150%;
  padding: 8px 0 24px 0;
  height: 145px;
}

.edu-bx-list .in-bx a.btn-view-more {
  font-weight: 400;
  font-size: 16px;
  color: #636777;
  line-height: 150%;
  text-decoration: underline;
}

.cs-wrap {
  position: relative;
}

.cs-wrap.ty02 {
  margin-bottom: 48px;
}

.cs-wrap .swiper-button-prev, .cs-wrap .swiper-button-next {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.cs-wrap .swiper-button-prev {
  top: 112px;
  left: -24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.0346 15.7494L25.3994 15.7494L25.3994 17.8494L11.634 17.8494L17.0419 23.2573L15.557 24.7422L8.55695 17.7422L7.81449 16.9997L8.55695 16.2573L15.557 9.25726L17.0419 10.7422L12.0346 15.7494Z' fill='%23636777'/%3E%3C/svg%3E");
  background-size: 33.6px;
  background-position: center;
  background-repeat: no-repeat;
}

.cs-wrap .swiper-button-next {
  top: 112px;
  right: -24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.3656 16.15L16.9581 10.7425L18.443 9.25757L25.4431 16.2576L26.1855 17L25.4431 17.7425L18.443 24.7425L16.9581 23.2576L21.9657 18.25H8.60059V16.15H22.3656Z' fill='white'/%3E%3C/svg%3E");
  background-size: 33.6px;
  background-position: center;
  background-repeat: no-repeat;
}

.cs-wrap .swiper-button-prev.swiper-button-disabled, .cs-wrap .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.portfolio-list ul::after {
  content: "";
  display: block;
  clear: both;
}

.portfolio-list li {
  float: left;
  width: 50%;
}

.portfolio-list li .in-bx {
  position: relative;
  padding: 0 12px 24px 239px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.portfolio-list li:nth-child(even) .in-bx {
  padding: 0 0 24px 251px;
}

.portfolio-list li .in-bx p.thum {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 266px;
  background: #fff;
  border: 1px solid #DEDFE7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.portfolio-list li:nth-child(even) .in-bx p.thum {
  left: 12px;
}

.portfolio-list li .in-bx p.thum img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.portfolio-list li .in-bx dl {
  height: 266px;
  min-height: 2px;
  padding: 24px;
  border: 1px solid #DEDFE7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.portfolio-list li .in-bx dt {
  font-weight: 600;
  font-size: 18px;
  color: #343538;
  line-height: 150%;
  padding-bottom: 8px;
}

.portfolio-list li .in-bx dd {
  font-weight: 400;
  font-size: 16px;
  color: #343538;
  line-height: 150%; /* 24px */
}

.portfolio-list li .in-bx dd span.name {
  font-weight: 600;
}

.portfolio-list li .in-bx a.btnview {
  display: block;
  height: 37px;
  font-weight: 500;
  font-size: 14px;
  line-height: 37px;
  margin-top: 24px;
  border: 1px solid #DEDFE7;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.business-pop-wrap {
  position: fixed;
  top: 0;
  right: 0;
  width: 720px;
  height: 100vh;
  background: #fff;
  -webkit-box-shadow: -8px 0px 16px 0px rgba(0, 0, 0, 0.06);
          box-shadow: -8px 0px 16px 0px rgba(0, 0, 0, 0.06);
  z-index: 10000001;
  overflow-y: overlay;
}

.business-pop-wrap .bx-header {
  position: relative;
  height: 56px;
  padding: 0 20px;
}

.business-pop-wrap .bx-header p {
  font-weight: 700;
  font-size: 20px;
  color: #1B1C1E;
  line-height: 56px;
}

.business-pop-wrap .bx-header a.btn-pop-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 56px;
  height: 56px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.64863 3.95157C5.18 3.48294 4.4202 3.48294 3.95157 3.95157C3.48294 4.4202 3.48294 5.18 3.95157 5.64863L10.303 12.0001L3.95157 18.3516C3.48294 18.8202 3.48294 19.58 3.95157 20.0486C4.4202 20.5173 5.18 20.5173 5.64863 20.0486L12.0001 13.6972L18.3516 20.0487C18.8202 20.5173 19.58 20.5173 20.0487 20.0487C20.5173 19.58 20.5173 18.8202 20.0487 18.3516L13.6972 12.0001L20.0487 5.64868C20.5173 5.18005 20.5173 4.42025 20.0487 3.95162C19.58 3.48299 18.8202 3.48299 18.3516 3.95162L12.0001 10.3031L5.64863 3.95157Z' fill='black'/%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  border-left: 1px solid #DEDFE7;
}

.business-pop-wrap .pop-tab {
  height: 56px;
  border-top: 1px solid #DEDFE7;
  border-bottom: 1px solid #DEDFE7;
}

.business-pop-wrap .pop-tab li {
  position: relative;
  float: left;
  width: 25%; /*border-left: 1px solid #DEDFE7;*/
  border-right: 1px solid #DEDFE7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.business-pop-wrap .pop-tab li:last-child {
  border-right: none;
}

.business-pop-wrap .pop-tab li.on:last-child::after {
  right: 0;
}

.business-pop-wrap .pop-tab li a {
  position: relative;
  display: block;
  height: 56px;
  font-weight: 600;
  font-size: 16px;
  color: #1B1C1E;
  line-height: 56px;
  text-align: center;
  z-index: 1;
}

.business-pop-wrap .pop-tab li.on a {
  color: #fff;
}

.business-pop-wrap .pop-tab li.on::after {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #3479FF;
}

.business-pop-wrap .pop-tab li:first-child.on::after {
  left: 0;
}

.business-pop-wrap .pop-tab.ty02 {
  height: 56px;
}

.business-pop-wrap .pop-tab.ty02.scroll {
  height: 65px;
  overflow-x: scroll;
}

.business-pop-wrap .pop-tab.ty02.scroll ul {
  width: 1157px;
}

.business-pop-wrap .pop-tab.ty02 li {
  width: auto;
  padding: 0 24px;
  border-bottom: 1px solid #DEDFE7;
}

.business-pop-wrap .pop-tab.ty02.scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.business-pop-wrap .pop-tab.ty02.scroll::-webkit-scrollbar-thumb {
  background: #636777;
  border-radius: 0;
}

.business-pop-wrap .pop-tab.ty02.scroll::-webkit-scrollbar-track {
  background: #DEDFE7;
}

.business-pop-wrap .thum {
  height: auto;
  overflow: hidden;
}

.business-pop-wrap .thum img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.business-pop-wrap .bx-cont { /*min-height: 635px;*/
  padding: 40px;
}

.business-pop-wrap .bx-cont .in-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.business-pop-wrap .bx-cont .in-tit p.tit {
  font-weight: 700;
  font-size: 30px;
  color: #1B1C1E;
  line-height: 150%;
}

.business-pop-wrap .bx-cont .in-tit a.btn01 {
  display: block;
  width: 97px;
  height: 36px;
  font-weight: 500;
  font-size: 14px;
  color: #3479FF;
  line-height: 36px;
  border: 1px solid #3479FF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.business-pop-wrap .bx-cont .in-cnt {
  padding-top: 24px;
}

.business-pop-wrap .bx-cont .in-cnt dt {
  font-weight: 600;
  font-size: 18px;
  color: #343538;
  line-height: 150%;
}

.business-pop-wrap .bx-cont .in-cnt dd {
  font-weight: 400;
  font-size: 18px;
  color: #636777;
  line-height: 150%;
  padding-bottom: 16px;
}

.business-pop-wrap .bx-cont .in-cnt dd:last-child {
  padding-bottom: 0;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker {
  margin-top: 5px;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker ul::after {
  content: "";
  display: block;
  clear: both;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 33.3333%;
  height: 80px;
  border: 1px solid #D9D9D9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li .in-bx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(1) {
  border-left: 1px solid #D9D9D9;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(1) img {
  width: 170px;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(2) {
  border-left: none;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(2) img {
  width: 175px;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(3) {
  border-left: none;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(3) img {
  width: 128px;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(4) {
  border-left: 1px solid #D9D9D9;
  border-top: none;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(4) img {
  width: 170px;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(5) {
  border-left: none;
  border-top: none;
}

.business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(5) img {
  width: 179px;
}

.business-pop-wrap .bx-cont .in-cnt dl.ty02 {
  padding-bottom: 32px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 32px;
}

.business-pop-wrap .bx-cont .in-cnt dl.ty02.last {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.business-pop-wrap .swiper-pagination-bullet {
  background: #000;
}

.business-pop-wrap .swiper-pagination-bullet-active {
  background: #000;
}

.b-cnt-n01 {
  padding-top: 10px;
}

.b-cnt-n01 ul::after {
  content: "";
  clear: both;
  display: block;
}

.b-cnt-n01 li {
  float: left;
  width: 196px;
  padding: 0 20px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.b-cnt-n01 li:last-child {
  width: 176px;
  padding-right: 0;
}

.b-cnt-n01 .in-bx-n {
  height: 270px;
  padding: 0; /* border: 1px solid #ddd; */
  border-radius: 10px;
  overflow: hidden;
  background: #f9f9fb;
}

/*.b-cnt-n01 .in-bx-n {padding: 20px 15px; border: 1px solid #ddd; border-radius: 10px;}*/
.b-cnt-n01 .in-bx-n .s-stit01-n {
  font-weight: 600;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 150%;
  background: #e8effe;
  padding: 10px 15px;
  text-align: center;
}

.b-cnt-n01 .in-bx-n .tx-bx-n {
  padding-top: 5px;
  padding: 10px 15px;
}

.b-cnt-n02 {
  padding-top: 10px;
}

.b-cnt-n02 ul::after {
  content: "";
  clear: both;
  display: block;
}

.b-cnt-n02 li {
  float: left;
  width: 33.3333%;
  padding: 0 20px 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.b-cnt-n02 li:last-child {
  padding-right: 0;
}

.b-cnt-n02 .in-bx-n {
  height: 125px;
  padding: 0; /* border: 1px solid #ddd; */
  border-radius: 10px;
  overflow: hidden;
  background: #f9f9fb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.b-cnt-n02 li:nth-child(2) .in-bx-n {
  border: 1px solid #3578ff;
}

/*.b-cnt-n02 .in-bx-n {padding: 20px 15px; border: 1px solid #ddd; border-radius: 10px;}*/
.b-cnt-n02 .in-bx-n .s-stit01-n {
  font-weight: 600;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 150%;
  background: #e8effe;
  padding: 10px 15px;
}

.b-cnt-n02 .in-bx-n .tx-bx-n {
  padding-top: 5px;
  padding: 10px 15px;
}

/* news */
.gallery-display.masonry .gallery-list .gallery-item .gallery-wrap .gallery-inform .subject {
  word-break: auto-phrase;
}

.gallery-display.masonry .gallery-list .gallery-item .gallery-wrap .gallery-inform .subtext {
  line-height: 150%;
  word-break: auto-phrase;
}

.data-finder {
  margin-bottom: 24px;
}

.data-page .em {
  font-weight: 500;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 150%;
}

.data-page .em strong {
  font-weight: normal;
}

.data-finder .data-search .search-word .search-form {
  padding: 12px 12px 12px 20px;
  background: #F4F5F7;
  border: 1px solid #DEDFE7;
  border-radius: 90px;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}

.data-finder .data-search .search-word .search-form .form .form-elem {
  width: 288px;
  height: 28px;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  padding-right: 0;
  background: none;
}

.data-finder .data-search .search-word .btn-search {
  width: 28px;
  height: 28px;
}

.info-tp-n {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.info-tp-n span.ticket {
  font-weight: 600;
  font-size: 14px;
  color: #3479FF;
  line-height: 150%;
  padding-right: 9px;
}

.info-tp-n span.date_n {
  font-weight: 400;
  font-size: 14px;
  color: #343538;
  line-height: 150%;
  padding-right: 9px;
  opacity: 0.8;
}

.info-tp-n span.view_n {
  font-weight: 400;
  font-size: 14px;
  color: #343538;
  line-height: 150%;
  padding-right: 9px;
  opacity: 0.8;
}

.info-tp-n span {
  position: relative;
}

.info-tp-n span::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  display: block;
  width: 1px;
  height: 12px;
  background: #DEDFE7;
}

.info-tp-n span:last-child::after {
  display: none;
}

.bt-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 28px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  text-align: left;
}

.bt-tag a {
  font-weight: 400;
  font-size: 12px;
  color: #636777;
  line-height: 150%;
  background: #EFF3FA;
  padding: 4px 10px;
}

.news-bt-button {
  margin-top: 64px;
  padding: 8px 0;
  border-top: 1px solid #DEDFE7;
  text-align: center;
}

.news-bt-button span {
  position: relative;
  display: inline-block;
  height: 64px;
  font-weight: 600;
  font-size: 16px;
  color: #1B1C1E;
  line-height: 64px;
  padding-right: 30px;
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

.news-bt-button span::after {
  content: "";
  display: block;
  position: absolute;
  top: 19px;
  right: 0;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.6429 11.3571V6L11.3571 6V11.3571H6V12.6429H11.3571V18H12.6429V12.6429H18V11.3571H12.6429Z' fill='%231B1C1E'/%3E%3C/svg%3E");
}

.board-view {
  max-width: 1000px;
}

.board-view .board-view-inform {
  padding-bottom: 24px;
  border-bottom: 1px solid #DEDFE7;
}

.board-view .board-view-inform .s-tit {
  font-weight: 600;
  font-size: 20px;
  color: #3479FF;
  line-height: 150%;
}

.board-view .board-view-inform .board-subject {
  font-weight: 600;
  font-size: 48px;
  color: #121212;
  line-height: 150%;
}

.board-view .board-view-inform .board-date {
  font-weight: 400;
  font-size: 18px;
  color: #343538;
  line-height: 150%;
  padding-top: 8px;
  opacity: 0.8;
}

.board-view .board-view-inform .board-date span {
  position: relative;
  padding-right: 9px;
  margin-right: 8px;
}

.board-view .board-view-inform .board-date span::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  display: block;
  width: 1px;
  height: 12px;
  background: #DEDFE7;
}

.board-view .board-view-inform .board-date span:last-child::after {
  display: none;
}

.board-view .board-view-content {
  padding-bottom: 64px;
}

.board-view .board-view-content .board-content {
  font-weight: 400;
  font-size: 18px;
  color: #363636;
  line-height: 150%;
}

.board-view .board-view-content .file-upload-result {
  padding: 16px;
}

.board-view .board-view-content .file-upload-result .file-upload-wrap .body {
  row-gap: 8px;
}

.board-view .board-view-content .file-upload-result .file-upload-wrap .body a.file-name {
  font-weight: 500;
  font-size: 16px;
  color: #343538;
  line-height: 24px;
  text-decoration: none;
}

.board-view .board-view-content .bt-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 40px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  text-align: left;
}

.board-view .board-view-content .bt-tag a {
  font-weight: 400;
  font-size: 16px;
  color: #636777;
  line-height: 150%;
  background: #EFF3FA;
  padding: 4px 10px;
}

.board-view .board-bottom {
  border-top: 1px solid #DEDFE7;
}

.board-view .board-bottom .navi-list {
  border-bottom: 1px solid #DEDFE7;
}

.board-view .board-bottom .navi-list .navi-item {
  position: relative;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 50%;
  padding-bottom: 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.board-view .board-bottom .navi-list .navi-item:first-child {
  padding-right: 24px;
}

.board-view .board-bottom .navi-list .navi-item:last-child {
  padding-left: 24px;
}

.board-view .board-bottom .navi-list .navi-item:first-child::after {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  right: 0;
  width: 1px;
  height: 82px;
  background: #DEDFE7;
}

.board-view .board-bottom .navi-list .navi-item:first-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 32px;
  -webkit-mask: none;
          mask: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11.2356 7.33337L6.6665 12M6.6665 12L11.2356 16.6667M6.6665 12H18.6665' stroke='%231B1C1E' stroke-width='1.33333'/%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.board-view .board-bottom .navi-list .navi-item:last-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 32px;
  -webkit-mask: none;
          mask: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.7644 7.33337L17.3335 12M17.3335 12L12.7644 16.6667M17.3335 12H5.3335' stroke='%231B1C1E' stroke-width='1.33333'/%3E%3C/svg%3E");
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.board-view .board-bottom .navi-list .navi-item a {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.board-view .board-bottom .navi-list .navi-item:last-child a {
  text-align: right;
}

.board-view .board-bottom .navi-list .navi-item a .head {
  display: block;
  font-weight: 600;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 32px;
  margin: 0 0 10px 44px;
}

.board-view .board-bottom .navi-list .navi-item:last-child a .head {
  margin: 0 44px 10px 0;
}

.board-view .board-bottom .navi-list .navi-item a .body {
  font-weight: 400;
  font-size: 14px;
  color: #343538;
  line-height: 150%;
}

.board-view .board-bottom .navi-list + .button-area {
  position: relative;
  left: auto;
  bottom: auto;
  display: block;
  padding-top: 48px;
  text-align: center;
}

.board-view .board-bottom .navi-list + .button-area .btn-list-n {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: inline-block;
  width: 166px;
  height: 56px;
  font-weight: 600;
  font-size: 18px;
  color: #1B1C1E;
  line-height: 56px;
  background: #fff;
  border: 1px solid #1B1C1E;
  border-radius: 0;
}

.share-util {
  position: absolute;
  top: 305px;
  right: 0;
}

/* contact */
.contact-wrap {
  position: relative;
  width: 1240px;
  padding-left: 408px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.contact-wrap .page-head {
  position: absolute;
  top: 0;
  left: 0;
}

.contact-wrap .page-head .heading-l {
  padding-bottom: 32px;
  text-align: left;
}

.contact-wrap .page-head .bt-tx {
  font-weight: 500;
  font-size: 15px;
  color: #636777;
  line-height: 150%;
  text-align: left;
}

.contact-cont {
  padding-bottom: 56px;
}

.contact-cont .tp-tx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contact-cont .tp-tx span.tx-l {
  font-weight: 700;
  font-size: 22px;
  color: #1B1C1E;
  line-height: 150%;
}

.contact-cont .tp-tx span.tx-r {
  font-weight: 400;
  font-size: 14px;
  color: #343538;
  line-height: 20px;
}

.contact-cont .tp-tx span.tx-r em {
  color: #F55316;
}

.contact-cont .contact-form-bx .line.sepa {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
}

.contact-cont .contact-form-bx .line.sepa .in-bx {
  width: 50%;
}

.contact-cont .contact-form-bx .line {
  padding-bottom: 24px;
}

.contact-cont .contact-form-bx .line:last-child {
  padding-bottom: 0;
}

.contact-cont .contact-form-bx .line .form-head {
  padding-bottom: 8px;
}

.contact-cont .contact-form-bx .line .form-body .form.input {
  width: 100%;
}

.contact-cont .contact-form-bx .line .form-body .form-noti {
  display: block;
  margin-top: 8px;
}

.contact-cont .contact-form-bx .line .form-body .form-noti.tx-n01 {
  font-weight: 400;
  font-size: 14px;
  color: #686868;
  line-height: 20px;
}

.contact-cont .contact-form-bx .line .form-subject {
  font-weight: 600;
  font-size: 16px;
  color: #1B1C1E;
  line-height: 24px;
}

.contact-wrap .agreement-display {
  padding-top: 0;
}

.contact-wrap .agreement-display .agreement-wrap {
  padding: 0 0 56px 0;
  border-top: none;
  border-bottom: none;
  row-gap: 16px;
}

.contact-wrap .agreement-display .agreement-wrap .agreement-head {
  padding: 16px;
  background: #F4F5F7;
}

.contact-wrap .agreement-display .agreement-wrap .agreement-body {
  padding-left: 0;
  padding-right: 0;
}

.contact-wrap .agreement-display .agreement-wrap .agreement-body .data-list.bullet-dash {
  font-weight: 400;
  font-size: 16px;
  color: #636777;
  line-height: 24px;
}

.contact-wrap .agreement-display .agreement-wrap .agreement-body .data-list .data-item {
  font-weight: 400;
  font-size: 16px;
  color: #636777;
  line-height: 24px;
}

.button-display.contact {
  border-top: none;
}

.button-display.contact .button-area {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.button-display.contact .button-area .btn-a.style-a.large {
  position: relative; /*width: 160px;*/
  height: 56px;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  padding: 0 60px 0 32px;
  background: #3479FF;
  border-radius: 0;
}

.button-display.contact .button-area .btn-a.style-a.large::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 28px;
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'%3E%3Cpath d='M10.4079 1L16.5 7M16.5 7L10.4079 13M16.5 7H0.5' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

/* 뉴스레터 */
.content-popup .popup-wrap {
  max-width: 460px;
  border-radius: 12px;
  overflow: hidden;
}

.content-popup .popup-wrap .popup-header {
  display: block;
  height: 152px;
  padding: 44px 0 0 0;
  margin-bottom: 0;
  background: url("../../../assets/front/images/@temp/bg_newsletter.png") no-repeat center top;
  background-size: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.content-popup .popup-wrap .popup-header p.logo {
  width: 100%;
  padding-bottom: 8px;
  text-align: center;
}

.content-popup .popup-wrap .popup-header p.logo img {
  width: 87px;
}

.content-popup .popup-wrap .popup-header .popup-subject {
  clear: both;
  width: 100%;
  font-weight: 700;
  font-size: 30px;
  color: #fff;
  line-height: 125%;
}

.content-popup .popup-wrap .popup-body {
  padding-bottom: 0;
  overflow-y: none;
}

.content-popup .popup-wrap .popup-body .popup-contents {
  position: relative;
  height: 512px;
  padding: 24px;
}

.content-popup .popup-wrap .popup-body .popup-contents .inner-bx {
  max-height: 454px;
  overflow-y: overlay;
}

.content-popup .popup-wrap .popup-body .popup-contents .inner-bx .tp-tx {
  font-weight: 400;
  font-size: 16px;
  color: #636777;
  line-height: 150%;
  padding: 0 0 24px 0;
  word-break: keep-all;
}

.content-popup .agreement-display {
  padding-bottom: 36px;
}

.content-popup .agreement-display .agreement-wrap {
  border-top: none;
  border-bottom: none;
}

.content-popup .agreement-display .agreement-wrap {
  padding: 4px 0 0 0;
  row-gap: 4px;
}

.content-popup .agreement-display .agreement-wrap .agreement-head .form.checkbox .form-text {
  font-weight: 500;
  font-size: 16px;
  color: #000;
  line-height: 24px;
}

.content-popup .submit-form.style-a {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.content-popup .submit-form.style-a .form-list {
  padding: 0;
}

.content-popup .submit-form.style-a .form-list .form-item {
  position: relative;
  padding: 0 0 12px 0;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}

.content-popup .submit-form.style-a .form-list .form-item .form-head {
  position: absolute;
  top: 0;
  left: 12px;
  z-index: 2;
  width: 62px;
  min-height: 48px;
}

.content-popup .submit-form.style-a .form-list .form-item .form-head .form-subject {
  font-weight: 600;
  font-size: 16px;
  color: #636777;
  line-height: 24px;
}

.content-popup .submit-form.style-a .form-list .form-item .form-head .form-subject .required::after {
  color: #F55316;
}

.content-popup .submit-form.style-a .form-list .form-item .form-body {
  max-width: 100%;
}

.content-popup .submit-form.style-a .form.input .form-elem {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding-left: 78px;
}

.content-popup .submit-form.style-a .form.input .form-elem::-webkit-input-placeholder {
  color: #9599A9;
}

.content-popup .submit-form.style-a .form.input .form-elem::-moz-placeholder {
  color: #9599A9;
}

.content-popup .submit-form.style-a .form.input .form-elem:-ms-input-placeholder {
  color: #9599A9;
}

.content-popup .submit-form.style-a .form.input .form-elem::-ms-input-placeholder {
  color: #9599A9;
}

.content-popup .submit-form.style-a .form.input .form-elem::placeholder {
  color: #9599A9;
}

.content-popup .data-list[class*=bullet] .data-item {
  font-weight: 400;
  font-size: 14px;
  color: #636777;
  line-height: 20px;
}

.content-popup .popup-wrap .popup-footer .button-area [class*=btn-]::before {
  display: none;
}

.content-popup .form.checkbox .form-text::before {
  width: 18px;
  height: 18px;
  border: 1px solid #A4ADBF;
  border-radius: 0;
}

.content-popup .form-noti.invalid {
  font-weight: 500;
  font-size: 14px;
  color: #F55316;
  line-height: 20px;
}

.content-popup .form.input .form-elem {
  height: 48px;
}

.content-popup .form.invalid .form-elem {
  border: 1px solid #F55316;
}

.content-popup .popup-wrap .popup-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 106px;
  padding: 34px 24px 24px 24px;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(19.16%, #FFF));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 19.16%);
}

.content-popup .popup-wrap .popup-footer .button-area {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.content-popup .popup-wrap .popup-footer .button-area .btn-n-ty01 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 121px;
  height: 48px;
  background: #F4F5F7;
  border: none;
}

.content-popup .popup-wrap .popup-footer .button-area .btn-n-ty02 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 283px;
  height: 48px;
  background: #3479FF;
}

.content-popup .popup-wrap .popup-footer .button-area [class*=btn-]:last-child {
  background: #3479FF;
}

.content-popup .submit-form.style-a .form-list .form-item.sel-sepa {
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.submit-form.style-a .form-list .form-item .form-body.sel1 .form.select .form-elem {
  padding-left: 78px;
}

.submit-form.style-a .form-list .form-item .form-body.sel2 {
  max-width: 160px;
}

.bg-blur { /*display: none;*/
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: -1;
}

.bg-blur.active { /*display: block;*/
  opacity: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 10000;
}

@media (max-width: 1023px) {
  span.db_mob {
    display: inline;
  }
  #header .header-inner .gnb .gnb-list.focused .gnb-item, #header .header-inner .gnb .gnb-list.active .gnb-item {
    display: block;
  }
  #header .header-inner .gnb .gnb-list .gnb-item .gnb-text {
    display: block;
    width: 100%;
    color: #000;
    background-color: #fff;
  }
  .container {
    padding-top: 114px;
    padding-bottom: 56px;
  }
  .container .page-head {
    padding-bottom: 48px;
  }
  .container .content-ty01 {
    width: 100%;
    padding-top: 56px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .container .content-ty02 {
    width: 100%;
    padding-top: 56px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .container .content-ty03 {
    width: 100%;
    padding-top: 56px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .heading-l {
    font-size: 40px;
    padding-bottom: 0;
  }
  /* tab */
  .tab_n01.fixed {
    top: 0;
  }
  .tab_n01 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
    padding: 0 0 0 24px;
  }
  .tab_n01 li {
    width: auto;
  }
  .tab_n01 li a {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    white-space: nowrap;
  }
  .tab_n01 li.on a::after {
    display: none;
  }
  .tab_n01.three li {
    width: auto;
  }
  .tab_n01.fixed {
    -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
  }
  .active-scroll-up .tab_n01.fixed {
    -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
            transform: translateY(66px);
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
  }
  /* about */
  .about-vis {
    height: 656px;
    margin-top: 0;
    background: #020b2b url("../../../assets/front/images/@temp/bg_about01.png") no-repeat center;
    background-size: cover;
  }
  .about-vis .in-wrap { /*clip-path: inset(0% 0% 10.5672%);*/
    position: relative;
    top: auto;
    z-index: 2;
  }
  .about-vis .in-bx {
    font-weight: 600;
    font-size: 22px;
    color: #fff;
    line-height: 175%;
    padding: 188px 24px 0 24px;
  }
  .about-vis .in-bx.pc {
    display: none;
  }
  .about-vis .in-bx.mob {
    display: block;
  }
  .about-vis .about-image {
    display: none;
  }
  .about-cont {
    width: 100%;
    padding-top: 56px;
    padding-left: 24px;
    padding-right: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .about-cont .in-pd-bx {
    padding: 28px 0 56px 0;
  }
  .about-cont > div > dl {
    padding-left: 0;
  }
  .about-cont > div > dl > dt {
    position: relative;
    top: auto;
    left: auto;
    padding-bottom: 40px;
  }
  .about-cont > div > dl > dt span.icon-square {
    top: -28px;
    width: 12px;
    height: 12px;
  }
  .about-cont > div > dl > dd {
    font-size: 16px;
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
  .about-cont > div > dl > dd p.stit01 {
    font-size: 20px;
  }
  .about-cont > div > dl > dd p.s-stit01 {
    font-size: 16px;
  }
  .about-cont > div > dl > dd .s-stxt01 {
    font-size: 16px;
    padding-bottom: 24px;
  }
  .about-img-bx01 {
    width: 100%;
    height: auto;
    margin: 40px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .about-img-bx01 img.img-pc {
    display: none;
  }
  .about-img-bx01 img.img-mob {
    display: block;
  }
  .ab-inner-cnt01 {
    padding-bottom: 0;
  }
  .ab-inner-cnt01 li {
    width: 30%;
    padding-left: 0;
  }
  .ab-inner-cnt01 li::after {
    top: 4px;
  }
  .ab-inner-cnt01 li:first-child {
    display: block;
    float: none;
    width: 100%;
  }
  .ab-inner-cnt01 li:first-child::after {
    display: none;
  }
  .ab-inner-cnt01 li:nth-child(2) {
    width: 228px;
    padding-right: 32px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ab-inner-cnt01 li:nth-child(3) {
    padding-left: 32px;
  }
  .ab-inner-cnt01 li p.tx01 {
    font-size: 16px;
  }
  .ab-inner-cnt01 li p.tx02 {
    font-size: 16px;
    padding-bottom: 24px;
  }
  .ab-inner-cnt02 {
    padding-top: 20px;
  }
  .ab-inner-cnt02 li {
    float: none;
    width: 100%;
    height: 180px;
    margin-bottom: 8px;
  }
  .ab-inner-cnt02 li:last-child {
    margin-bottom: 0;
  }
  .ab-inner-cnt02 li .in-bx {
    font-size: 16px;
  }
  .ab-inner-cnt03 li {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .ab-inner-cnt03 dl {
    padding-bottom: 40px;
  }
  .ab-inner-cnt03 dt {
    height: 102px;
    font-size: 18px;
    padding: 24px 0 0 0;
  }
  .ab-inner-cnt03 dd {
    font-size: 14px;
  }
  .ab-inner-cnt03 dd p.line {
    height: 40px;
  }
  .ab-inner-cnt03 li:nth-child(2) dt {
    padding-top: 38px;
  }
  .ab-inner-cnt03 li:last-child dl {
    padding-bottom: 0;
  }
  .ab-inner-cnt03 ul.three li {
    width: 100%;
  }
  .ab-inner-cnt03 ul.three dt {
    padding-top: 32px;
  }
  .ab-inner-cnt04 {
    margin-right: -24px;
  }
  .ab-inner-cnt05 .inner-bx {
    height: auto;
  }
  .ab-inner-cnt05 .inner-bx ul {
    padding: 8px 8px 0 8px;
  }
  .ab-inner-cnt05 .inner-bx ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .ab-inner-cnt05 .inner-bx li {
    width: 50%;
  }
  .ab-inner-cnt05 .inner-bx li:nth-child(even) {
    padding-right: 0;
  }
  .ab-inner-cnt05 .bt-btn-wrap {
    height: 56px;
    line-height: 56px;
  }
  .ab-inner-cnt05 .bt-btn-wrap span.btn-more::after {
    top: 15px;
  }
  .ps-wrap01 .swiper-button-prev {
    display: none;
  }
  .ps-wrap01 .swiper-button-next {
    display: none;
  }
  .about-img-bx01 {
    margin-top: 16px;
    margin-bottom: 0;
  }
  .about-vision-wrap {
    height: auto;
  }
  .about-history-wrap {
    padding-bottom: 56px;
    margin-bottom: -56px;
  }
  .about-history-wrap .tx-year {
    font-size: 104px;
    margin-left: 0;
    text-align: center;
  }
  .historySwiper {
    padding-left: 24px;
  }
  .history-bg-grdation {
    display: none;
  }
  .hs-wrap {
    margin-top: -8px;
  }
  .people-pop-wrap {
    width: 100%;
  }
  .people-pop-wrap .bx-header {
    height: 48px;
  }
  .people-pop-wrap .bx-header p {
    line-height: 48px;
  }
  .people-pop-wrap .bx-header a.btn-pop-close {
    width: 48px;
    height: 48px;
  }
  .people-pop-wrap .pop-tab {
    height: 48px;
  }
  .people-pop-wrap .pop-tab li a {
    height: 48px;
    line-height: 48px;
  }
  .people-pop-wrap .thum {
    height: 112.5px;
  }
  .people-pop-wrap .thum .bx-pic {
    left: 24px;
    bottom: -33.5px;
    width: 110px;
    height: 110px;
  }
  .people-pop-wrap .bx-cont {
    padding: 58px 24px 24px 24px;
  }
  .people-pop-wrap .bx-cont .tx03 {
    min-height: auto;
    height: 270px;
    border-bottom: none;
    overflow-y: overlay;
  }
  .people-pop-wrap .ps-wrap02 {
    position: absolute;
    right: -720px;
    bottom: 0;
    width: 100%;
    padding: 0 0 24px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .people-pop-wrap.active .ps-wrap02 {
    left: 0;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-top: none;
  }
  .people-pop-wrap .ps-wrap02::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background: #DEDFE7;
  }
  .people-pop-wrap .bt-thum-list {
    position: relative;
    padding-top: 16px;
  }
  .people-pop-wrap .bt-thum-list li {
    width: 64px;
  }
  .people-pop-wrap .bt-thum-list li .thum {
    width: 64px;
    height: 64px;
  }
  .people-pop-wrap .bt-thum-list li .name {
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .ps-wrap02 .swiper-button-prev {
    display: none;
  }
  .ps-wrap02 .swiper-button-next {
    display: none;
  }
  .ps-wrap02 .people-l-bg-grdation {
    position: absolute;
    top: 16px;
    right: 0;
    width: 28px;
    height: 87px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#FFF));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    z-index: 10;
    display: block;
  }
  /* business */
  .business-cont01 {
    padding-top: 28px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .business-cont01 > dl {
    padding-left: 0;
    padding-bottom: 56px;
    margin-bottom: 84px;
  }
  .business-cont01 > dl > dt {
    position: relative;
    top: auto;
    left: auto;
    padding-bottom: 40px;
  }
  .business-cont01 > dl > dt a.btn-p-ask {
    position: absolute;
    top: -4px;
    right: 0;
    margin-top: 0;
  }
  .business-cont01 > dl > dt span.icon-square {
    top: -28px;
    width: 12px;
    height: 12px;
  }
  .business-cont01 > dl > dd {
    font-size: 16px;
  }
  .business-cont01 > dl > dd p.stit01 {
    font-size: 20px;
  }
  .business-cont01 > dl > dd p.stit01.tb-m {
    padding-top: 24px;
    padding-bottom: 40px;
  }
  .business-cont01 > dl > dd p.s-stit01 {
    font-size: 16px;
  }
  .business-cont01 > dl > dd .s-stxt01 {
    font-size: 16px;
    padding-bottom: 24px;
  }
  .business-cont01 > dl > dd .s-stxt02 {
    font-size: 16px;
  }
  .business-cont01 > dl > dd .s-stxt03 p {
    position: relative;
    padding-left: 16px;
  }
  .business-cont01 > dl > dd .s-stxt03 p span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .business-cont02 ul {
    display: block;
  }
  .business-cont02 li {
    float: none;
    width: 100%;
  }
  .business-cont02 li:last-child .board_common thead th {
    display: none;
  }
  .portfolio-list {
    padding: 0 24px;
  }
  .portfolio-list li {
    float: none;
    width: 100%;
  }
  .portfolio-list li .in-bx {
    padding: 0 0 16px 0;
  }
  .portfolio-list li .in-bx p.thum {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    border-bottom: 0;
  }
  .portfolio-list li .in-bx p.thum img {
    width: 100%;
  }
  .portfolio-list li:nth-child(even) .in-bx {
    padding: 0 0 16px 0;
  }
  .portfolio-list li:nth-child(even) .in-bx p.thum {
    left: auto;
  }
  .portfolio-list li:last-child .in-bx {
    padding-bottom: 0;
  }
  .business-cont01 .img-bx01 {
    padding: 16px;
    margin-top: 0;
    margin-bottom: 40px;
  }
  .business-cont01 .img-bx01 .pc {
    display: none;
    width: 100%;
  }
  .business-cont01 .img-bx01 .mob {
    display: block;
    width: 100%;
  }
  .business-cont01 .img-bx02 {
    padding: 16px 24px;
    margin-top: -16px;
  }
  .business-cont01 .img-bx02 .pc {
    display: none;
    width: 100%;
  }
  .business-cont01 .img-bx02 .mob {
    display: block;
    width: 100%;
  }
  .business-cont01 .imb-bx03 {
    padding: 24px;
  }
  .business-cont01 .imb-bx03 ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    -ms-flex-item-align: stretch;
        align-self: stretch;
  }
  .business-cont01 .imb-bx03 li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 48.6%;
  }
  .business-cont01 .img-bx04 {
    padding: 24px 56px;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .business-cont01 .img-bx04 .pc {
    display: none;
    width: 100%;
  }
  .business-cont01 .img-bx04 .mob {
    display: block;
    width: 100%;
  }
  .business-cont01 .img-bx05 {
    padding: 24px 56px;
    margin-top: 0;
    margin-bottom: 16px;
  }
  .business-cont01 .img-bx05 .pc {
    display: none;
    width: 100%;
  }
  .business-cont01 .img-bx05 .mob {
    display: block;
    width: 100%;
  }
  .cs-wrap {
    margin-right: -24px;
  }
  .cs-wrap.ty02 {
    margin-bottom: 40px;
  }
  .cs-wrap .swiper-button-prev {
    display: none;
  }
  .cs-wrap .swiper-button-next {
    display: none;
  }
  .business-pop-wrap {
    width: 100%;
  }
  .business-pop-wrap .bx-cont {
    padding: 24px;
  }
  .business-pop-wrap .pop-tab li:nth-child(2) a {
    padding: 0 20px;
  }
  .business-pop-wrap .bx-cont .in-tit p.tit {
    font-size: 24px;
  }
  .business-pop-wrap .bx-cont .in-cnt {
    padding-top: 16px;
  }
  .business-pop-wrap .bx-cont .in-cnt dt {
    font-size: 16px;
  }
  .business-pop-wrap .bx-cont .in-cnt dd {
    font-size: 16px;
  }
  .business-pop-wrap .bx-cont .in-cnt dd .anker li {
    width: 50%;
  }
  .business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(1) img {
    width: 127px;
  }
  .business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(2) img {
    width: 129px;
  }
  .business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(3) img {
    width: 99px;
  }
  .business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(4) img {
    width: 134px;
  }
  .business-pop-wrap .bx-cont .in-cnt dd .anker li:nth-child(5) img {
    width: 136px;
  }
  .business-pop-wrap .pop-tab.ty02 ul {
    width: 1197px;
  }
  .business-pop-wrap .pop-tab.ty02.scroll ul {
    width: 1200px;
  }
  .business-pop-wrap .pop-tab li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .business-pop-wrap .pop-tab li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 115%;
  }
  .business-pop-wrap .bx-cont .in-cnt dl.ty02 {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
  .b-cnt-n01 ul {
    margin: 0 -10px;
  }
  .b-cnt-n01 li {
    width: 50%;
    padding: 0 10px 20px 10px;
  }
  .b-cnt-n01 li:last-child {
    padding-right: 10px;
  }
  .b-cnt-n01 .in-bx-n {
    height: 240px;
  }
  .b-cnt-n02 li {
    width: 100%;
    padding: 0 0 20px 0;
  }
  .b-cnt-n02 li:last-child {
    padding: 0;
  }
  .b-cnt-n02 .in-bx-n {
    height: auto;
  }
  /* news */
  .data-finder {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
    margin-top: -56px;
    margin-bottom: 16px;
  }
  .data-page .em {
    font-size: 14px;
  }
  .data-finder .data-page {
    margin-top: 19px;
  }
  .data-finder .data-search .search-word .search-form {
    height: 40px;
    padding: 10px 10px 10px 16px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
  .data-finder .data-search .search-word .search-form .form .form-elem {
    width: 142px;
    height: 20px;
    font-weight: 400;
    font-size: 14px;
  }
  .data-finder .data-search .search-word .btn-search {
    width: 20px;
    height: 20px;
  }
  .gallery-display.masonry .gallery-list .gallery-item .gallery-wrap .gallery-inform .subject .name {
    font-size: 18px;
  }
  .info-tp-n span.ticket {
    font-size: 13px;
  }
  .bt-tag {
    padding-top: 20px;
  }
  .news-bt-button {
    margin-top: 56px;
  }
  .news-bt-button span {
    height: 40px;
    line-height: 40px;
    padding-right: 24px;
  }
  .news-bt-button span::after {
    top: 8px;
  }
  .board-view {
    margin-top: -8px;
  }
  .board-view .board-view-content {
    padding-bottom: 48px;
  }
  .board-view .board-view-inform .s-tit {
    font-size: 18px;
  }
  .board-view .board-view-inform .board-subject {
    font-size: 30px;
    margin-top: -8px;
  }
  .board-view .board-view-inform .board-date span {
    font-size: 16px;
  }
  .board-view .board-view-content .board-content {
    font-size: 16px;
  }
  .board-view .board-view-content .file-upload-result {
    margin-top: 32px;
  }
  .board-view .board-view-content .file-upload-result .file-upload-wrap .body a.file-name {
    font-size: 15px;
  }
  .board-view .board-view-content .bt-tag {
    padding-top: 32px;
  }
  .board-view .board-bottom .navi-list {
    -webkit-box-orient: initial;
    -webkit-box-direction: initial;
        -ms-flex-direction: initial;
            flex-direction: initial;
  }
  .board-view .board-bottom .navi-list .navi-item a .head {
    display: none;
  }
  .board-view .board-bottom .navi-list .navi-item:first-child {
    padding: 16px 12px 16px 0;
  }
  .board-view .board-bottom .navi-list .navi-item:first-child::after {
    top: 11px;
    height: 32px;
  }
  .board-view .board-bottom .navi-list .navi-item:last-child {
    padding: 16px 0 16px 12px;
  }
  .board-view .board-bottom .navi-list .navi-item:first-child a {
    padding-left: 30px;
  }
  .board-view .board-bottom .navi-list .navi-item:last-child a {
    padding-right: 30px;
  }
  .board-view .board-bottom .navi-list .navi-item:first-child::before {
    top: 15px;
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .board-view .board-bottom .navi-list .navi-item:last-child::before {
    top: 15px;
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
  .board-view .board-bottom .navi-list .navi-item + .navi-item {
    border-top: none;
  }
  .board-view .board-bottom .navi-list + .button-area {
    padding-top: 32px;
    margin-top: 0;
  }
  .board-view .board-bottom .navi-list + .button-area .btn-list-n {
    width: 100%;
  }
  .share-util {
    position: fixed;
    width: 48px;
    right: 20px;
    top: auto;
    bottom: 211px;
  }
  .share-util [class*=btn-share] {
    width: 48px;
    height: 48px;
  }
  /* contact */
  .contact-wrap {
    width: 100%;
    padding: 0 24px;
  }
  .container .page-head {
    position: relative;
    top: auto;
    left: auto;
  }
  .contact-wrap .page-head .heading-l {
    padding-bottom: 24px;
  }
  .contact-cont {
    padding-bottom: 40px;
  }
  .contact-cont .tp-tx {
    padding-bottom: 20px;
  }
  .contact-cont .contact-form-bx .line.sepa {
    display: block;
  }
  .contact-cont .contact-form-bx .line.sepa .in-bx {
    width: 100%;
  }
  .agreement-display .agreement-wrap {
    padding-bottom: 40px;
  }
  /* solution */
  .tab_n01.five {
    overflow-y: scroll;
  }
  .tab_n01.five ul {
    width: 570px;
  }
  .tab_n01.five li {
    width: auto;
  }
  /* 뉴스레터 */
  /*.content-popup {top: 50px; left: 24px; right: 24px; bottom: 50px; width: auto; height: auto;}*/
  .content-popup .popup-wrap { /*margin: 50px 24px;*/
    height: 100%;
    max-height: 704px;
    margin-left: 24px;
    margin-right: 24px;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .content-popup .popup-wrap .popup-header {
    height: 120px;
    padding: 29px 0 0 0;
    background: url(../../../assets/front/images/@temp/bg_newsletter.png) no-repeat center top;
    background-size: 110%;
  }
  .content-popup .popup-wrap .popup-body {
    position: relative;
    height: calc(100% - 120px);
    max-height: 584px;
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .content-popup .popup-wrap .popup-body .popup-contents {
    height: 100%;
    padding: 0 0 83px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .content-popup .popup-wrap .popup-body .popup-contents .inner-bx {
    max-height: 100%;
    overflow-x: hidden;
  }
  .content-popup .popup-wrap .popup-body .popup-contents .inner-bx .tp-tx {
    font-size: 14px;
  }
  .content-popup .popup-wrap .popup-footer {
    padding-left: 0;
    padding-right: 0;
  }
  .content-popup .popup-wrap .popup-footer .button-area .btn-n-ty01 {
    width: 121px;
  }
  .content-popup .popup-wrap .popup-footer .button-area .btn-n-ty02 {
    -ms-flex-preferred-size: calc(100% - 128px);
        flex-basis: calc(100% - 128px);
  }
  .content-popup .agreement-display .agreement-wrap .agreement-body {
    padding-right: 0;
  }
  .content-popup .submit-form.style-a .form-list .form-item.sel-sepa {
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
  }
  .submit-form.style-a .form-list .form-item .form-body.sel1 .form.select .form-elem {
    padding-left: 78px;
  }
  .submit-form.style-a .form-list .form-item .form-body.sel2 {
    max-width: 100%;
  }
}
@media (min-width: 481px) and (max-width: 1440px) {
  .visual-sec .txt-box > h3 {
    font-size: 60px;
  }
  .visual-sec .all-box .all-w-out .bx-pgn {
    top: -225px;
  }
  .visual-sec .txt-box > p {
    font-size: 16px;
    padding-bottom: 45px;
  }
}
/* new */
.business-cont01 > dl > dd .s-stxt01 li {
  position: relative;
  padding-left: 15px;
}

.business-cont01 > dl > dd .s-stxt01 li::before {
  content: "•";
  position: absolute;
  top: 0;
  left: 0;
}

.business-cont01 > dl > dd .bx-gr-n ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 8px;
}

.business-cont01 > dl > dd .bx-gr-n li {
  width: calc(33.3333333333% - 8px);
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}

.business-cont01 > dl > dd .bx-gr-n li .in-bx {
  height: 81px;
  padding: 16px;
  background: #F4F5F7;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.business-cont01 > dl > dd .bx-gr-n li .in-bx .tx01 {
  font-weight: 600;
  font-size: 16px;
  color: #343538;
  line-height: 150%;
}

.business-cont01 > dl > dd .bx-gr-n li .in-bx .tx02 {
  font-weight: 400;
  font-size: 14px;
  color: #636777;
  line-height: 150%;
}

.business-cont01 > dl > dd .img-bx-n01 {
  padding-bottom: 24px;
  margin-top: -12px;
}

.business-cont01 > dl > dd .img-bx-n01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 8px;
}

.business-cont01 > dl > dd .img-bx-n01 li:nth-child(1) {
  width: 393px;
}

.business-cont01 > dl > dd .img-bx-n01 li:nth-child(2) {
  width: 319px;
}

.business-cont01 > dl > dd .img-bx-n02 {
  padding-bottom: 24px;
  margin-top: -12px;
}

.business-cont01 > dl > dd .img-bx-n02 img {
  width: 720px;
}

.business-cont01 > dl > dd .img-bx-n03 {
  padding-bottom: 12px;
  margin-top: 0;
}

.business-cont01 > dl > dd .img-bx-n03 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 0;
}

.business-cont01 > dl > dd .img-bx-n03 li {
  width: 25%;
}

.business-cont01 > dl > dd .img-bx-n03 p {
  font-weight: 400;
  font-size: 14px;
  color: #636777;
  line-height: 150%;
  padding-top: 4px;
  text-align: center;
}

.business-cont01 > dl > dd .img-bx-n04 {
  padding-bottom: 12px;
  margin-top: 0;
}

.business-cont01 > dl > dd .img-bx-n04 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 12px;
}

.business-cont01 > dl > dd .img-bx-n04 li {
  width: calc(25% - 6px);
}

.business-cont01 > dl > dd .img-bx-n04 p {
  font-weight: 400;
  font-size: 14px;
  color: #636777;
  line-height: 150%;
  padding-top: 4px;
  text-align: center;
}

.business-cont01 > dl > dd .img-bx-n05 {
  padding-bottom: 12px;
  margin-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 12px;
     -moz-column-gap: 12px;
          column-gap: 12px;
}

.business-cont01 > dl > dd .img-bx-n05 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  row-gap: 8px;
}

.business-cont01 > dl > dd .img-bx-n05 ul:nth-child(1) {
  width: 714px;
}

.business-cont01 > dl > dd .img-bx-n05 ul:nth-child(1) li {
  width: 353px;
}

.business-cont01 > dl > dd .img-bx-n05 ul:nth-child(2) {
  width: 234px;
}

.business-cont01 > dl > dd .img-bx-n05 ul:nth-child(2) li {
  width: 234px;
}

.business-cont01 > dl > dd .img-bx-n05 p {
  font-weight: 400;
  font-size: 14px;
  color: #636777;
  line-height: 150%;
  padding-top: 4px;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .business-cont01 > dl > dd .bx-gr-n ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 8px;
  }
  .business-cont01 > dl > dd .bx-gr-n li {
    width: 100%;
  }
  .business-cont01 > dl > dd .img-bx-n01 li:nth-child(1) {
    width: 100%;
  }
  .business-cont01 > dl > dd .img-bx-n01 li:nth-child(2) {
    width: 100%;
  }
  .business-cont01 > dl > dd .img-bx-n02 img {
    width: 100%;
  }
  .business-cont01 > dl > dd .img-bx-n03 li {
    width: 50%;
  }
  .business-cont01 > dl > dd .img-bx-n04 li {
    width: calc(50% - 4px);
  }
  .business-cont01 > dl > dd .img-bx-n05 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .business-cont01 > dl > dd .img-bx-n05 ul:nth-child(1) {
    width: 100%;
    padding-bottom: 12px;
  }
  .business-cont01 > dl > dd .img-bx-n05 ul:nth-child(1) li {
    width: calc(50% - 4px);
  }
  .business-cont01 > dl > dd .img-bx-n05 ul:nth-child(2) {
    width: 100%;
    padding-bottom: 12px;
  }
  .business-cont01 > dl > dd .img-bx-n05 ul:nth-child(2) li {
    width: calc(50% - 4px);
  }
}
.historySwiper li.swiper-slide-active .icon-dot {
  background: #3479FF;
}

.historySwiper li.swiper-slide-active .date {
  color: #3479FF;
}

.historySwiper li.swiper-slide-active .tx01 {
  color: #3479FF;
}

.ab-inner-cnt04 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  row-gap: 32px;
}

.ab-inner-cnt04 li {
  width: calc(25% - 12px);
}

@media screen and (max-width: 480px) {
  .ab-inner-cnt04 ul {
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 0;
  }
  .ab-inner-cnt04 ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .ab-inner-cnt04 li {
    float: left;
    width: 228px;
  }
  .ab-inner-cnt04 li .thum {
    position: relative;
    height: 220px;
    background: #F4F5F7;
  }
  .ab-inner-cnt04 li .thum img {
    width: 100%;
  }
  .ab-inner-cnt04 li .thum span.name {
    position: absolute;
    left: 0;
    bottom: 0; /*width: 113px; height: 30px;*/
    font-weight: 600;
    font-size: 16px;
    color: #343538;
    line-height: 150%;
    padding: 6px 10px 0 2px;
    background: #fff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .ab-inner-cnt04 li .bt-tx {
    font-weight: 400;
    font-size: 14px;
    color: #636777;
    line-height: 150%;
    padding: 8px 0;
    word-break: auto-phrase;
  }
  .ab-inner-cnt04 li .bt-tx .tx-posiiton {
    font-weight: 600;
    color: #636777;
    line-height: 150%;
  }
  .ab-inner-cnt04 li .bt-tx .tx-name {
    font-weight: 700;
    font-size: 18px;
    color: #1B1C1E;
    line-height: 150%;
    padding-bottom: 6px;
  }
  .ab-inner-cnt04 li a.btn-view-more {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-decoration: underline;
  }
}
@media (max-width: 360px) {
  .visual-sec .txt-box > h3 {
    font-size: 30px;
  }
}
/* 프론트 이미지 팝업 */
.content-popup.front-popup .popup-wrap {
  max-width: 480px;
  border-radius: 0;
  padding: 0;
  height: auto !important;
}
.content-popup.front-popup .popup-body {
  padding: 0;
}
.content-popup.front-popup .popup-body .popup-contents {
  padding: 0;
  height: auto;
}
.content-popup.front-popup .popup-contents img {
  width: 100%;
  display: block;
}
.content-popup.front-popup .popup-footer {
  border-top: none;
  padding: 0;
  height: 52px;
}
.content-popup.front-popup .popup-footer .button-area {
  gap: 0;
}
@media (max-width: 1023px) {
  .content-popup.front-popup .popup-wrap {
    max-width: 85vw !important;
    min-width: auto;
    margin: 24px;
    max-height: 100%;
  }
  .content-popup .popup-wrap .popup-body {
    height: auto;
    max-height: 90vh;
  }
}
@media (max-width: 767px) {
  .content-popup.front-popup {
    padding: 16px;
    align-items: center;
  }
  .content-popup.front-popup .popup-wrap {
    align-self: center !important;
    flex: 0 1 auto !important;
    max-width: 100% !important;
  }
}
/*# sourceMappingURL=../../maps/front/css/page.new.css.map */