@import './common.css';
@import './management.css';

@keyframes sub-visual {
  0%{ transform: scale(1.15); }
  100%{ transform: scale(1); }
}
@keyframes text-motion {
  0%{ transform: translateY(6rem); opacity: 0; }
  100%{ transform: translateY(0); opacity:1;}
}
@keyframes text-ani {
	0% { -webkit-transform:translateX(100px);  transform:translateX(100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

/* header */
html:not(.scr-down,.scr-up) .submain header {
  will-change: transform;
  transition: all 1.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
  transform: translateY(-100%);
  background-color: transparent;
}
html:not(.scr-down,.scr-up) .submain header.animated {
  opacity:1;
  transform: translateY(0);
}

/* visual */
.submain #container {padding-top:0;}
.sub-promotion {
  overflow: hidden;
  position: relative;
  height: clamp( 60rem, 42.7083333vw, 81rem);
  background: #000;
  color: #fff;
}
.sub-promotion:before {
  content: '';
  position: absolute;
  inset: 0;
  background: no-repeat 50% 50% / cover;
  animation: sub-visual 5s ease;
}
.sub-promotion.business_chammed:before {
  background-image:url(../images/business/bg_promotion_chammed.jpg);
}
.sub-promotion.business_diagnosis:before {
  background-image:url(../images/business/bg_promotion_diagnosis.jpg);
}
.sub-promotion.business_infection:before {
  background-image:url(../images/business/bg_promotion_infection.jpg);
}
.sub-promotion .section-inner {
  display: flex;
  align-items: center;
  height:100%;
}
.sub-promotion .sub-promotion-text {
  padding-top:12rem;
}

.sub-promotion .sub-promotion-text .text-2 {font-weight:600;display: block;}
.sub-promotion .sub-promotion-text .title-h2 {font-size:6.4rem;margin-top:1.2rem;display: block;color:#fff;}
.sub-promotion .sub-promotion-text .text-1 {margin-top:2.4rem;font-size:1.8rem;line-height:1.67;color:rgba(255,255,255,.8)}
.sub-promotion .sub-promotion-text a {margin-top:6.0rem;}
.sub-promotion .sub-promotion-text [class^=btn-type][class*=_round] {border-width:1px;border-color:rgba(255,255,255,.8);background-color: rgba(255,255,255,.1);color:#fff;min-width:unset;height:5.2rem;font-weight:600;padding:0 3.2rem;}
.sub-promotion .sub-promotion-text [class^=btn-type][class*=_round] i.ico_download {width:2rem;height:2rem;}

.text-motion-wrap {display: block;overflow:hidden;}
.text-motion {animation: text-motion 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;}

.sub-contents {padding-top:10rem;}
.heading-group {margin-bottom:10.0rem;}
.submain .heading-group {margin-bottom:4.0rem;}
.heading-group .heading {display: flex;align-items: center;position: relative;}
.heading-group .heading + p {margin-top:2.0rem;font-size:2.0rem;line-height:1.7;}
.heading-group .heading-h2 {color:#000;font-size:5.6rem;font-weight:700;line-height:1.178;overflow:hidden;}
.heading-group .heading-h2 + * {margin-left:1.6rem;overflow:hidden;}
.breadcrump {display: flex;align-items: center;color:#999;font-size:1.5rem;overflow:hidden;margin-bottom:2.4rem;}
.breadcrump.pc-part {display: flex !important;}
.heading + .breadcrump {justify-content: flex-end;margin-top:2.4rem;margin-bottom:0;}
.breadcrump > li:last-child {color:#000;}
.breadcrump > li + li {padding-left:2.0rem;position: relative;}
.breadcrump > li + li:before {content:"";position: absolute;width:.6rem;height:.6rem;left:.5rem;top:50%;transform: translateY(-50%) rotate(-45deg);border:solid 1px #ccc;border-top:0;border-left:0;}
.breadcrump > li:first-child {width:2.0rem;height:2.0rem;background:url(../images/common/ico_home.svg) no-repeat center center/cover;}
.scr-eff .heading-group .heading > *,
.scr-eff .heading-group .breadcrump > * {opacity:0;transform: translateY(100%);transition: .4s ease-out;}
.scr-eff .heading-group .breadcrump > * {transition-delay: .4s;}
.scr-eff-active .heading-group .heading > *,
.scr-eff-active .heading-group .breadcrump > * {opacity:1;transform: translateY(0);}
.heading-sub {margin-bottom:2.8rem;}
.heading-h3 {color:#000;font-size:3.2rem;font-weight:700;line-height:1.18;overflow:hidden;}
.heading-sub .tab-item {color:#999;}
.heading-sub .active .tab-item {color:#111;}
.page-menu-list {display: flex;}
.page-menu-list li + li:before {content:"";width:2px;height:2.4rem;background:#000;opacity:.1;margin:0 2.4rem;display: inline-block;}

/* 사업소개 */
.thumbbox {border-radius: 4rem;background-color: var(--bg);position: relative;height:0;padding-bottom: 100%;overflow:hidden;border:solid 2px var(--bg)}
.thumbbox img {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width:100%;max-height:100%}
.thumbbox button {position:absolute;right:3.2rem;bottom:3.2rem;}

.biz-overview {display: flex;opacity:0;transform: translateY(4rem);transition: .4s ease-out;}
.scr-eff-active.biz-overview {opacity:1;transform: translateY(0);}
.biz-category {width:min(18%,22rem);flex:none;padding-top:4.0rem;}
.biz-category li {color:#ccc;font-weight:600;font-size:2.4rem;line-height:1.18;}
.biz-category li + li {margin-top:2.4rem;}
.biz-category li a:hover {color:var(--tclr1);}
.biz-category li a.on {color:var(--tclr1);font-weight:700;}
.biz-category li img {height:2.8rem;opacity:.3;transition: .2s;}
.biz-category li a:hover img,
.biz-category li a.on img {opacity:1;}
.biz-contents {width:max(82%, calc(100% - 22rem));overflow: hidden;padding-bottom:3rem;padding-left:3rem;padding-top:3rem;margin-top:-3rem;}
.biz-product-item.swiper-slide {display: flex;width:100%;background-color: #fff;align-items: flex-start;}
.biz-product-item .product-img {width:min(54%,64rem);position: relative;flex:none;transition:.5s;opacity:0;}
.biz-product-item .product-img > div {width:100%;height:0;padding-bottom:100%;background:var(--bg);box-shadow: 4px 4px 32px 0px #0000001F;border-radius:4rem;overflow:hidden;}
.biz-product-item .product-img .thumb {display: block;}
.biz-product-item .product-img .thumb img {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width:calc(100% - 12.0rem);max-height:calc(100% - 12.0rem)}
.biz-product-item .product-img .brand-etc {position: absolute;right:4.0rem;top:4.0rem;text-align: right;}
.biz-product-item .product-img .brand-sub {font-size:1.4rem;color:var(--tclr2);opacity:.8;line-height: 1.57;margin-bottom:.4rem;}
.biz-product-item .product-img .brand-thumb {height:2.4rem;display: block;}
.biz-product-item .product-img .brand-thumb img {max-height:100%;}
.biz-product-item.swiper-slide-active .product-img {opacity:1;}
.biz-product-item .product-summary {padding-left:5rem;padding-top:10.0rem;}
.biz-product-item .product-summary .product-nm {font-size:4.8rem;font-weight:600;color:var(--tclr1);line-height:1.18;opacity:0;}
.biz-product-item .product-summary .product-copy {font-weight:500;color:var(--tclr2);margin-top:1.2rem;opacity:0;}
.biz-product-item .product-summary .product-txt {margin-top:4.0rem;min-height:17rem;color: rgba(102, 102, 102, .8);opacity:0;}
.biz-product-item .product-summary a[class^=btn-type] {margin-top:4.0rem;opacity:0;}
.biz-product-item .product-summary a[class^=btn-type] + [class^=btn-type] {margin-left:.7rem;}
.biz-product-item.swiper-slide-active .product-summary .product-nm,
.biz-product-item.swiper-slide-active .product-summary .product-copy {animation: text-ani 0.8s 0.3s;animation-fill-mode: both;}
.biz-product-item.swiper-slide-active .product-summary .product-txt {animation: text-ani 0.8s 0.6s;animation-fill-mode: both;}
.biz-product-item.swiper-slide-active .product-summary a[class^=btn-type] {animation: text-ani 0.8s 0.8s;animation-fill-mode: both;}
.biz-swiper {position: relative;}
.biz-swiper .product-util-group {position: absolute;top:2.0rem;right:0;height:2.0rem;z-index: 1;left:50%;text-align:right;}
.biz-swiper .product-util-group .button-group {height:100%;display: inline-flex;align-items: center;}
.biz-swiper .product-util-group .swiper-button-prev,
.biz-swiper .product-util-group .swiper-button-next,
.biz-swiper .product-util-group .swiper-button-play,
.biz-swiper .product-util-group .swiper-button-stop {position:relative;display:inline-block;width:2rem;height:2rem;border:0;background-color: #fff;opacity:1;left:auto;right:0;overflow: hidden;top:0;margin:0;}
.biz-swiper .product-util-group .swiper-button-next:before,
.biz-swiper .product-util-group .swiper-button-prev:before {content:"";width:1.8rem;height:1.8rem;-webkit-mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66797 1.66699L3.33464 5.00033L6.66797 8.33366' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");-webkit-mask-size:cover;background-color:#000;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.biz-swiper .product-util-group .swiper-button-next:before {transform:translate(-50%,-50%) rotate(180deg)}
.biz-swiper .product-util-group .swiper-button-next:after,
.biz-swiper .product-util-group .swiper-button-prev:after {display: none;}
.biz-swiper .product-util-group .swiper-button-disabled:before {opacity:.2}
.biz-swiper .product-util-group .swiper-button-play,
.biz-swiper .product-util-group .swiper-button-stop {cursor:pointer}
.biz-swiper .product-util-group .swiper-button-play {display: none;background:url(../images/common/ico_play.svg) no-repeat center center/1.4rem;}
.biz-swiper .product-util-group .swiper-button-stop {background:url(../images/common/ico_stop.svg) no-repeat center center/.7rem 1.4rem;}
.biz-swiper .product-util-group .swiper-pagination-fraction {position: initial;bottom:auto;left:auto;top:auto;width:auto;display: inline-flex;font-size:1.6rem;color:#999;font-weight: 500;}
.biz-swiper .product-util-group .swiper-pagination-fraction .swiper-pagination-current {color:var(--tclr2)}
.biz-swiper .product-util-group .swiper-pagination-fraction span {min-width:1.5em;text-align: center;}
.biz-swiper .product-util-group [class*=swiper-button] {margin:0 .3rem}

.biz-total {border-bottom:solid 1px #E5E5E5;display: flex;justify-content: space-between;align-items: center;color:var(--tclr2);padding-bottom:1.6rem;}
.biz-total .total strong {color:var(--clr3);font-weight:600}
.biz-total i.ico_download {width:1.8rem;height:1.8rem;}
.biz-total a {font-weight:500;vertical-align: -1px;}
.biz-total select {border:0;padding-left:1.6rem;}
.biz-total .util {display: flex;align-items: center;}
.biz-total .util a:after {content:"";display:inline-block;width:1px;height:1.6rem;background-color: #444;opacity: .2;margin-left:1.6rem;}
.biz-list {display: flex;flex-wrap:wrap;margin:0 -1.5rem;}
.biz-list > li {padding:0 1.5rem;margin-top:5.0rem;width:25%;}
.biz-list > li a {display: block;}
.biz-list > li .thumb {position: relative;height:0;padding-bottom:100%;background-color: var(--bg);border-radius: 4rem;overflow: hidden;border:solid 2px var(--bg)}
.biz-list > li .thumb img {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width:calc(100% - 6.0rem);max-height:calc(100% - 6.0rem)}
.biz-list > li .product-brand {margin-top: 2.4rem;color:var(--clr4);font-weight:500;line-height:1.2;}
.biz-list > li .product-nm {margin-top:.8rem;color:var(--tclr1);font-weight:600;font-size:2.4rem;}
.biz-list > li a:hover .thumb,
.biz-list > li a.on .thumb {background-color: #fff;border-color: var(--clr3)}
.biz-category-list {position: absolute;left:0;top:calc(100% + .8rem);background-color: #fff;z-index:1;display:none;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);border-radius: 4.0rem;padding:0 4.0rem;min-width:27rem;}
.biz-category-list li {font-size:2.0rem;color:#A0A0A0;font-weight:600;white-space: nowrap;line-height:4;}
.biz-category-list li + li {border-top:solid 1px #E5E5E5;}
.biz-category-list li a.on,
.biz-category-list li a:hover {color:var(--tclr1);}
.biz-category_toggle i {transition:.1s;}
.biz-category_toggle.on i {transform: rotate(180deg);}
.biz-category-list.on {display: block;}
.btns {margin-top:8rem;display: flex;justify-content: center;}
.btns.between {justify-content: space-between;}

.biz-detail-wrap {margin-top:-7.6rem;}
.biz-photo-info {display: flex;align-items: flex-end;margin-bottom:18rem;}
.biz-photo-info .product-img {width:min(50%,70rem);flex:none;}
.biz-photo-info .product-img .thumb {border-radius: 4rem;background-color: var(--bg);position: relative;height:0;padding-bottom: 100%;overflow:hidden;}
.biz-photo-info .product-img .thumb img {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width:calc(100% - 19.2rem);max-height:calc(100% - 19.2rem)}
.biz-photo-info .product-img .thumb button {position:absolute;right:3.2rem;bottom:3.2rem;z-index:1}
.biz-photo-info .product-info {padding-left:6rem;width:calc(100% - min(50%,70rem))}
.biz-photo-info .product-info dt strong {font-size:4.8rem;font-weight:600;color:var(--tclr1);display: inline-block;margin-right:.8rem;}
.biz-photo-info .product-info dt span {font-size:2.0rem;font-weight:500;color:var(--tclr2);display: inline-block;}
.biz-photo-info .product-info dd {margin-top:3.2rem;}
.biz-photo-info .product-link {display: flex;margin-top:4.0rem;border-top:solid 1px #e5e5e5;padding-top:4.0rem;}
.biz-photo-info .product-link a {color:#999;font-weight:500;}
.biz-photo-info .product-link a:hover {color:var(--clr3);font-weight:600;}
.biz-photo-info .product-link li + li:before {content:"";width:1px;height:1.6rem;background-color: #E5E5E5;display: inline-block;margin:0 1.6rem;vertical-align: -2px;}
.biz-photo-info .product-link li a.clr3 {color:var(--clr3);font-weight:600;}
.biz-photo-info .product-link a .ico_link {background-color: #999;}
.product-info dl {opacity:0;transition:1s;height:0;transition-delay: .1s;}
.product-info dl.scr-eff-active {opacity:1;height:unset;}
.scroll-x {width:8.0rem;height:8.0rem;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);background: rgba(229, 229, 229, 0.1);background:url(../images/common/ico_scroll_x.svg) no-repeat center center/4.8rem 2.4rem;position:absolute;bottom:5rem;left:64%;border-radius:50%;z-index: 9;display: none;}
.thumbswiper {width:100%;height:100%;position:absolute;left:0;top:0;}
.thumbswiper2 {width:100%;height:100%;margin-top:7rem;padding-bottom:2rem;position: relative;}
.thumbswiper2 .thumb {position: relative;height:0;padding-bottom:80%;background-color: var(--bg);border-radius: 4rem;overflow: hidden;border:solid 2px var(--bg)}
.thumbswiper2 .thumb img {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);max-width:calc(100% - 4.0rem);max-height:calc(100% - 4.0rem)}
.thumbswiper2 .swiper-slide:hover .thumb,
.thumbswiper2 .swiper-slide-thumb-active .thumb {background-color: #fff;border-color: var(--clr3)}
.thumbswiper2 .swiper-horizontal>.swiper-pagination-progressbar,
.thumbswiper2 .swiper-pagination-progressbar.swiper-pagination-horizontal {top:auto;bottom:0;height:3px;background:#e5e5e5}
.thumbswiper2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color: var(--clr4);}
.product-thumb-swiper {overflow:hidden;}

.accordion-unit {border:solid 1px #ccc;border-radius:3.2rem;background:#fff;}
.accordion-unit + .accordion-unit {margin-top:4.0rem;}
.accordion-unit.expand {box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.12);border-color:#fff}
.accordion-btn {position: relative;z-index: 0;width: 100%;text-align: left;font-size:3.6rem;font-weight:600;line-height:1.2;color:var(--tclr1);padding:6rem;}
.accordion-btn::before,
.accordion-btn::after {content: '';position: absolute;top: 50%;right: 6rem;width: 3.2rem;height: 2px;background-color: var(--clr1);transition:.3s;opacity:1;}
.accordion-btn::before {transform:rotate(90deg)}
.accordion-btn[aria-expanded="true"]::before {transform: rotate(0deg);opacity:0;}
.wrap-accordion-contents {height: 0;overflow: hidden;transition: height .3s; }
.wrap-accordion-contents.visible {height:auto;padding-top:6rem;}
.inner-accordion-contents {padding: 6rem;padding-top:0;}
.inner-accordion-contents .article + .article {margin-top:6.0rem;}
.inner-accordion-contents .title {font-size:2rem;font-weight:600;color:var(--tclr1);margin-bottom:1.2rem;}
.inner-accordion-contents .thumbbox {width:min(100%,56.6rem);padding-bottom:max(31.2rem,26vh)}
.inner-accordion-contents .thumbbox img {max-width:calc(100% - 16rem);max-height:calc(100% - 8rem)}
.product-adm-area {background-color: #fff;box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.12);border-radius:3.2rem;padding:12rem 6rem;text-align: center;}
.tbl-type_view tr:first-child th,
.tbl-type_view tr:first-child td {border-top:solid 1px #E5E5E5}
.tbl-type_view th,
.tbl-type_view td {border-bottom:solid 1px #E5E5E5;}
.tbl-type_view th {background-color: #F3F7FA;text-align: left;padding:2.4rem 2.4rem 2.4rem 4.0rem;font-size:1.6rem;font-weight:600;color:var(--tclr2)}
.tbl-type_view td {padding:2.0rem 6.4rem;}

#container.hasSticky {padding-bottom:24rem;}
main {position: relative;}
.other-product {position:fixed;left:0;bottom:0;right:0;width:100%;background:var(--bg);border-top:solid 1px #e5e5e5;z-index: 50;transition: .3s;transform:translateY(calc(100% - 5.8rem));}
.other-product.footertop {position: absolute;}
.other-product button {font-size:2.0rem;font-weight:600;height:5.8rem;position: relative;display: block;width:100%;text-align: left;color:var(--tclr1)}
.other-product button .icon {position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);border:solid 1px #E5E5E5;border-radius:6px;width:3.8rem;height:3.0rem;display: inline-flex;align-items: center;justify-content: center;}
.other-product button .ico_dropdown {margin-left:0;transform: rotate(180deg);transition:.3s}
.other-product button .total {font-size:1.6rem;position: absolute;right:0;top:50%;transform: translateY(-50%);color:var(--basic);font-weight:400;}
.other-product button .total > strong {color:var(--tclr2)}
.other-product.open {background-color:#fff;transform: translateY(0);}
.other-product.open button .ico_dropdown {transform: rotate(0);}
.other-product .other-swiper {padding:1.6rem 0;overflow: hidden;}
.other-product .other-swiper .thumbbox {padding-bottom:70%;border-radius: 1.6rem;}
.other-product .other-swiper .thumbbox img {max-width:calc(100% - 6.0rem);max-height:calc(100% - 4.0rem)}
.other-product .other-swiper .thumbbox.active {background-color: #fff;border-color: var(--clr3);}

@media screen and (max-width: 1200px) {	
  .biz-product-item .product-summary .product-txt {min-height:unset;}
}
@media screen and (max-width: 992px) {	
  .biz-product-item .product-summary .product-txt {min-height:unset;}
  .biz-category {width: min(15%,15rem);}
  .biz-product-item .product-img {width:45%;box-shadow: none;border-radius:2rem;}
  .biz-product-item .product-img .brand-etc {right:3.0rem;top:2.2rem;}
  .biz-product-item .product-img .brand-thumb {height:1.6rem;}
  .biz-list > li {width:calc(100% / 3);}
  
  .biz-photo-info {margin-bottom:10rem;}
  .accordion-unit .accordion-btn {padding:4rem;}
  .accordion-unit .accordion-btn:before,
  .accordion-unit .accordion-btn:after {right:4rem;}
  .wrap-accordion-contents.visible {padding-top:3rem;}
  .inner-accordion-contents {padding:4rem;padding-top:0;}
}

@media screen and (max-width: 766px) {	
  .sub-promotion {height:100vh;min-height:50rem;}
  .sub-promotion:before {background-size:100% auto;background-position: center top;background-color:var(--tclr1);}
  .sub-promotion.business_chammed:before {
    background-image:url(../images/mo/business/bg_promotion_chammed.jpg);
  }
  .sub-promotion.business_diagnosis:before {
    background-image:url(../images/mo/business/bg_promotion_diagnosis.jpg);
  }
  .sub-promotion.business_infection:before {
    background-image:url(../images/mo/business/bg_promotion_infection.jpg);
  }
  .sub-promotion .section-inner {align-items: flex-end;}
  .sub-promotion .sub-promotion-text {padding:0 0 4.0rem 0;}
  .sub-promotion .sub-promotion-text .title-h2 {font-size:3.2rem;margin-top:.4rem;}
  .sub-promotion .sub-promotion-text .text-1 {margin-top:1.2rem;font-size:1.5rem;height:16rem;line-height:1.3333;}
  .sub-promotion .sub-promotion-text a {margin-top:4.0rem;}
  .sub-promotion .sub-promotion-text [class^=btn-type][class*=_round] {height:4.2rem;padding:0 2.4rem;font-size:1.2rem;background-color: transparent;}
  .sub-promotion .sub-promotion-text [class^=btn-type][class*=_round] i.ico_download {width:1.6rem;height:1.6rem;}
  .sub-promotion-text .breadcrump {color:#fff;font-size:1.5rem;margin-bottom:5.6rem !important;}
  .sub-promotion-text .breadcrump > li:last-child {color:#fff;font-weight:500;}
  .sub-promotion-text .breadcrump > li + li:before {border-color:#ccc;}
  .sub-promotion-text .breadcrump > li:first-child {background-image:url(../images/common/ico_home_wht.svg);}

  .sub-contents {padding-top:6.4rem;}
  .heading-group {margin-bottom:5.0rem;}
  .heading-group .heading-h2 {font-size:3.4rem;line-height:1;}
	.breadcrump {font-size:1.5rem;}
	.breadcrump > li:first-child {width:1.6rem;height:1.6rem;}
  /* div:not(.submain) .breadcrump {margin-bottom:1.2rem;} */
  .heading + .breadcrump {justify-content: flex-start;}

  /* 사업소개 */
  .thumbbox {border-radius: 1.6rem;}
  .submain .heading-group {margin-bottom:5.8rem;}

  .biz-overview {display: block;}
  .biz-category {width:100%;padding-top:0;margin-bottom:1.6rem;}
  .biz-category ul {margin-right:-1.6rem;}
  .biz-category ul li {display: inline-block;font-size:2.0rem;padding-right:2.4rem;padding-bottom:1.6rem;}
  .biz-category ul li + li {margin-top:0;}
  .biz-category li img {height:2.4rem;}
  .biz-contents {width:100%;margin:0;padding:0;}
  .biz-product-item.swiper-slide {display: block;}
  .biz-product-item .product-img {width:100%;}
  .biz-product-item .product-img .brand-sub {font-size:1.2rem;}
  .biz-product-item .product-summary {padding-left:0;padding-top:3.0rem;}
  .biz-product-item .product-summary .product-nm {font-size:4.0rem;}
  .biz-product-item .product-summary .product-copy {margin-top:1.2rem;font-size:2.0rem;}
  .biz-product-item .product-summary .product-txt {margin-top:3.0rem;height:unset;min-height:16rem;font-size:1.4rem;}
  .biz-product-item .product-summary a[class^=btn-type] {margin-top:2.0rem;}
  .biz-swiper {padding-top:3rem;}
  .biz-swiper .product-util-group {top:0;left:0;}
  .biz-swiper .product-util-group .swiper-pagination-fraction {font-size:1.4rem;}
  .biz-product-item .product-img > div {box-shadow: none;border-radius: 1.6rem;}
  .biz-category_toggle .ico_dropdown {-webkit-mask-size:1.2rem 1.2rem;}
  .biz-product-item .product-img .thumb img {max-width: calc(100% - 7.0rem);max-height: calc(100% - 7.0rem);}  
  .biz-photo-info .product-img .thumb button {height:4.2rem;}
  
  .biz-list {margin:0 -.6rem;}
  .biz-list > li {padding:0 .6rem;margin-top:2.5rem;width:50%;}
  .biz-list > li .thumb {border-radius: 2.0rem;}
  .biz-list > li .thumb img {max-width:calc(100% - 4.0rem);max-height:calc(100% - 4.0rem)}
  .biz-list > li .product-brand {margin-top: 1.6rem;}
  .biz-list > li .product-nm {margin-top:.4rem;font-size:1.8rem;}
  .btns {margin-top:4rem;}

  .biz-detail-wrap {margin-top:-4.0rem;}
  .biz-photo-info {display: block;margin-bottom:6rem;}
  .biz-photo-info .product-img {width:100%;}
  .biz-photo-info .product-info {width:100%;display: flex;flex-direction: column;padding-left:0;}
  .biz-photo-info .product-info .product-thumb {order:1;width:100%;}
  .biz-photo-info .product-info dl {order:2;margin-top:2.4rem;opacity:1;height:unset;}
  .biz-photo-info .product-info .product-link {order:3;margin-top:2.4rem;padding-top:2.4rem;}
  .thumbswiper2 {margin-top:1.6rem;}
  .thumbswiper2 .thumb {border-radius: 1.6rem;}
  .thumbswiper2 .thumb img {max-width: calc(100% - 2rem);max-height: calc(100% - 2rem);}
  .scroll-x {display: none}
  .biz-photo-info .product-img .thumb {border-radius: 1.6rem;}
  .biz-photo-info .product-img .thumb img{max-width: calc(100% - 8rem);max-height: calc(100% - 8rem);}
  .biz-photo-info .product-img .thumb button {right:2.4rem;bottom:2.4rem;}
  .biz-photo-info .product-info dt strong {font-size:2.4rem;}
  .biz-photo-info .product-info dt span {font-size:1.8rem;}

  .heading-sub {margin-bottom:1.6rem;flex-wrap:wrap;}
  .heading-h3 {font-size:1.8rem;font-weight:600;}
  .page-menu-list li + li:before {height:1.4rem;margin:0 .9rem;width:1px;opacity:.2;vertical-align: -1px;}
  .accordion-unit {border-radius:1.6rem}

  .accordion-unit .accordion-btn {padding:2.4rem 1.6rem;}
  .accordion-unit .accordion-btn:before,
  .accordion-unit .accordion-btn:after {right:1.6rem;}
  .inner-accordion-contents {padding:0 1.6rem 2.4rem 1.6rem;}
  .accordion-btn {font-size:2.0rem;}
  .accordion-btn::before, .accordion-btn::after {width:1.8rem;}
  .accordion-unit + .accordion-unit {margin-top:1.6rem;}
  .inner-accordion-contents .title {font-size:1.6rem;}
  .inner-accordion-contents .article + .article {margin-top:3rem;}
  .table-wrap {overflow-x:auto;}
  .table-wrap table {width:70rem}
  .tbl-type_view td,
  .tbl-type_view th {font-size:1.4rem;padding:1.2rem;}

  .product-adm-area {padding:2.4rem 1.6rem;border-radius:1.6rem;}
  .other-product {transform: translateY(calc(100% - 4.0rem));}
  .other-product button {font-size:1.6rem;height:4.0rem;}
  .other-product .other-swiper {margin:0 -1.6rem;padding:.8rem 1.6rem;}
  .other-product button .total {font-size:1.4rem;}
  .other-product .other-swiper .thumbbox img {max-width:calc(100% - 3.0rem);max-height:calc(100% - 3.0rem)}
  #container.hasSticky {padding-bottom:15rem;}
}

/* 주요소식 */

.search-box {
  margin-bottom: 5rem;
  padding: 3.2rem 12rem;
  background-color: var(--bg);
  border-radius: 2rem;
}

.search-box .search-form {
  position: relative;
  display: flex;
}
.search-box .input-wrap {
  position: relative;
  width: 100%;
}
.search-box .input-wrap.searchbox {
  width:min(21.5rem,25%);
  flex:none;
}
.search-box .input-wrap + .input-wrap {margin-left:1.6rem;}

.search-box input[type=text] {
  padding: 0 7rem 0 4rem;
  height: 6.4rem;
  font-size: 1.8rem;
  color: var(--tclr2);
  width:100%;
  background-color: #fff;
  border-radius: 5rem;
  border: 1px solid #e5e5e5;
}

.search-box .search-form .btn-input-reset {
  position: absolute;
  display: none;
  top: 0;
  right: 7.2rem;
  width: 2.3rem;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23aaa'/%3E%3Cpath d='M8 8L16 16' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 16L16 8' stroke='%23fff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 100% 100%
}

.search-box .search-btns {
  display: flex;
  position:absolute;
  right:3.6rem;
  top:50%;
  transform: translateY(-50%);
}

.search-box .search-btns a {
  width: 2.8rem;
  height: 2.8rem;
}

.search-box .search-btns .btn-search {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.2929 25.7071C24.6834 26.0976 25.3166 26.0976 25.7071 25.7071C26.0976 25.3166 26.0976 24.6834 25.7071 24.2929L24.2929 25.7071ZM18.2929 19.7071L24.2929 25.7071L25.7071 24.2929L19.7071 18.2929L18.2929 19.7071Z' fill='%23000'/%3E%3Ccircle cx='12' cy='12' r='10' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/cover;
}
.search-box input[type=text]:focus,
.search-box select:focus {outline:0;border-color:var(--tclr2)}

.news-list {display: flex;flex-wrap: wrap;margin:0 -1.5rem;}
.news-list li {width:calc(100% / 3);padding:0 1.5rem;margin-bottom:5rem;}
.news-list li a {display: block;}
.news-list li .thumbbox {padding:0;height:unset;}
.news-list li .thumbbox img {transition:1.2s ease-in;width:100%;height:100%;position: initial;left:auto;transform: none;}
.news-list li .title {margin-top:2.4rem;font-weight:600;color:var(--tclr1);line-height:1.34;font-size:2.4rem;height:2.68em;
  display: block;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.date_ico {color:#999;display: block;margin-top:2.4rem;}
.date_ico:before {content:"";display: inline-block;width:2.0rem;height:2.0rem;background-color: #ccc;vertical-align: middle;margin-right:.6rem;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.25' stroke='%23aaa' stroke-width='1.5'/%3E%3Crect x='9.5' y='5' width='1.5' height='6' rx='0.75' fill='%23aaa'/%3E%3Crect x='5' y='11' width='1.5' height='6' rx='0.75' transform='rotate(-90 5 11)' fill='%23aaa'/%3E%3C/svg%3E") no-repeat 0 50%/cover;vertical-align: -.3rem;}
.news-list li a:hover .thumbbox img {transform:scale(1.2);transform-origin:center center ;}
.news-list li a:hover .title {text-decoration: underline;}

.paging-wrap {margin-top: 5rem;}
.paging {display: flex;gap: 1rem;justify-content: center}
.paging li {position: relative;font-size: 1.6rem}
.paging li a,
.paging li strong {width: 3.2rem;color: #aaa;line-height: 3.2rem;text-align: center;display: block;}
.paging li strong {color: #fff;font-weight: 700;background-color:var(--clr3);border-radius:50%;}
.paging li a:hover {
  color:var(--clr3);
}
.paging li[class*=paging-] a {display: block;width: 3.2rem;height: 3.2rem;position: relative;border-radius: 50%;border: 1px solid var(--tclr2);}
.paging li[class*=paging-] a:after {content:"";display: block;width:1.6rem;height:1.6rem;position: absolute;left:50%;top:50%;margin:-.8rem 0 0 -.8rem;}
.paging li.disable a {
  pointer-events: none;
  opacity:.3;
}
.paging-left a:after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66797 1.66699L3.33464 5.00033L6.66797 8.33366' stroke='%23000081' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/1rem;
  background-color: var(--tclr2);
}
.paging-left-2 a:after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66797 1.66699L3.33464 5.00033L6.66797 8.33366' stroke='%23000081' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.668 1.66699L8.33464 5.00033L11.668 8.33366' stroke='%23000081' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%/1.5rem;
  background-color: var(--tclr2);
}
.paging-right a:after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66797 1.66699L3.33464 5.00033L6.66797 8.33366' stroke='%23000081' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/1rem;
  transform: scaleX(-1);
  background-color: var(--tclr2);
}
.paging-right-2 a:after {
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 15 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66797 1.66699L3.33464 5.00033L6.66797 8.33366' stroke='%23000081' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.668 1.66699L8.33464 5.00033L11.668 8.33366' stroke='%23000081' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50% 50%/1.5rem;
  transform: scaleX(-1);
  background-color: var(--tclr2);
}

.news-detail-wrap {margin-top:-4rem;}
.news-detail-wrap + .btns {margin-top:4rem;position: relative;}
.news-heading {padding-bottom:6.0rem;border-bottom:solid 1px #e5e5e5;}
.news-heading .title-h2 {font-weight:500;}
.news-heading .news-etc {margin-top:5.0rem;display: flex;align-items: center;justify-content: space-between;}
.news-heading .news-info {display: flex;align-items: center;font-weight:500;}
.news-heading .news-info .date_ico {margin-top:0;}
.news-heading .news-info .visit strong {font-weight:700;color:var(--tclr2)}
.news-heading .news-info > span + span:before {content:"";display: inline-block;width:1px;height:1.2rem;background:#e5e5e5;margin:0 1.2rem;}
.news-heading .news-etc .share-lnk {color:var(--clr4);font-weight: 500;;}
.news-heading .news-etc .share-lnk:after {content:"";width:1.8rem;height:1.8rem;background: url(../images/common/ico_share.svg) no-repeat center center/cover;display: inline-block;margin-left:.8rem;vertical-align: -2px;}
.news-contents {padding:5.0rem 6.0rem;border-bottom:solid 1px #e5e5e5;line-height:1.78;}
.news-contents .img + .text,
.news-contents .text + .text,
.news-contents .img + .img,
.news-contents .text + .img {margin-top:5rem;}
.file-download {background:var(--bg);border-radius:2rem;padding:3rem 4rem;display: flex;justify-content: space-between; align-items: center;}
.file-download .filename {margin-right:3.0rem;color:var(--tclr1)}
.file-download button {flex:none;}
.news-contents .file-download {margin:0 -6rem;margin-top:6.0rem;}
.lnk-prev,
.lnk-next {position: absolute;top:50%;transform: translateY(-50%);display: inline-flex;align-items: center;left:0;color:#000;}
.lnk-next {right:0;left:unset}
.lnk-prev [class^=ico_] {margin-left:0;margin-right:.8rem;transform: rotate(180deg);;}
.lnk-prev [class^=ico_],
.lnk-next [class^=ico_] {width:2.0rem;height:2.0rem;}
.lnk-prev:hover,
.lnk-next:hover {color:var(--clr3);}
.lnk-prev:hover [class^=ico_],
.lnk-next:hover [class^=ico_] {background-color:var(--clr3);}
.lnk-prev.disabled,
.lnk-next.disabled {pointer-events: none;color:#999;}
.lnk-prev.disabled [class^=ico_],
.lnk-next.disabled [class^=ico_] {background-color:#999;}

.news-list.gallery li {width:50%;margin-bottom:3rem}
.news-list.gallery li a {position: relative;}
.news-list.gallery li .thumbbox {border:0;}
.news-list.gallery li .summary {opacity:0;transition:.3s;position:absolute;left:0;top:0;width:100%;height:100%;padding:5rem;color:#fff;background-color:rgba(22, 45, 161, .9);z-index: 1;display: flex;flex-direction: column;justify-content: space-between;border-radius:4.0rem;}
.news-list.gallery li .summary * {color:#fff;}
.news-list.gallery li .summary .title {font-size:3.0rem;margin:0;}
.news-list.gallery li .summary .badge {display: inline-block;font-weight:700;line-height:4.3rem;border:solid 1px #fff;border-radius:3rem;padding:0 2.4rem;margin-bottom:1.6rem;}
.news-list.gallery li .summary .date_ico {font-weight:700;}
.news-list.gallery li .summary .date_ico:before {background-color: #fff;}
.news-list.gallery li a:hover .summary {opacity:1;box-shadow: none;}
[lang=en] .news-list.gallery li .summary .badge {display: none;}

.news-list.board {display: block;border-top:solid 2px #000;margin:0;}
.news-list.board li {width:100%;margin:0;border-bottom:solid 1px #e5e5e5;padding:0;position: relative;}
.news-list.board li.mark {background-color: #F3F7FA;}
.news-list.board li.mark:after {content:"";width:3.2rem;height:3.2rem;background:url(../images/common/ico_filter.svg) no-repeat center center/cover;position:absolute;right:4.0rem;top:50%;transform: translateY(-50%);}
.news-list.board li a {position: relative;display: flex;padding:4.0rem;border-radius: 2rem;align-items: center;}
.news-list.board li a:hover {box-shadow: 0px 0px 32px 0px rgba(34, 34, 34, 0.16);}
.news-list.board li a:hover .title {color:var(--clr3)}
.news-list.board li.mark a {padding-right:8.0rem}
.news-list.board li a.download .title {padding-right:6.0rem}
.news-list.board li .title,
.news-list.board li .date_ico {margin:0;}
.news-list.board li .date_ico {flex:none;}
.news-list.board li .date_ico:after {content:"";width:1px;height:2.4rem;background-color:#DBDBDB;display: inline-block;margin:0 4rem;vertical-align:-.5rem;}
.news-list.board li .title {height:unset;-webkit-line-clamp:2;display: -webkit-box;text-overflow: ellipsis;}
.news-list.board li .ico_download {position: absolute;right:4.0rem;top:50%;transform: translateY(-50%);}

.nodata-box {text-align: center;font-size:2.4rem;font-weight:500;padding:10rem 2.4rem;}
.nodata-box p:before {content:"";width:6.4rem;height:6.4rem;display: block;margin:0 auto 2.4rem auto;background: url(../images/common/ico_nodata.svg) no-repeat center center/cover;}
.nodata-box p.caution:before {background-image: url(../images/common/ico_caution.svg)}

.gallery-ex-wrap {border-top:solid 1px #E0E0E0;position: relative;min-height:max(50vh,60rem);}
.gallery-ex-wrap:after {content:"";display: block;clear:both;}
.gallery-ex-year {position:absolute;top:0;padding-top:6rem;transition: .5s;}
.gallery-ex-year a {display: block;font-weight:600;font-size:3.2rem;color:#ccc;transition: .1s;}
.gallery-ex-year a + a {margin-top:2.4rem;}
.gallery-ex-year a.on {color:#111;}
.gallery-ex-year.fixed {position: fixed;}
.gallery-ex-list {padding-top:6rem;padding-left:min(30rem, 20.85%);}
.gallery-ex-unit {display: flex;justify-content: space-between;padding-bottom:12rem;position: relative;gap:4rem;}
.gallery-ex-unit:last-child {padding-bottom:0;}
.gallery-ex-unit .thumb {flex:none;width:min(40rem,37.31%);height: 34rem;border-radius: 4rem;overflow: hidden;padding: 6rem;border: 1px solid #e5e5e5;}
.gallery-ex-unit .thumb img {width:100%;max-width:unset;height: 100%;object-fit: contain;}
.gallery-ex-unit .badge-grp {margin-bottom:1.6rem;}
.gallery-ex-unit .badge-grp .badge {display: inline-block;text-align: center;border:solid 1px var(--clr2);color:var(--clr2);line-height:4.0rem;;padding:0 2.4rem;font-size:1.6rem;font-weight:600;border-radius:3rem;}
.gallery-ex-unit .badge-grp .badge.ing {background-color:var(--clr4);color:#fff;font-weight:700;border-color:var(--clr4)}
.gallery-ex-unit .badge-grp .badge.end {background-color:var(--basic);color:#fff;font-weight:700;border-color:var(--basic)}
.gallery-ex-unit .badge-grp .badge + .badge {margin-left:.8rem;}
.gallery-ex-unit .info {padding-left:6.5rem;position: relative;width:min(calc(100% - 40rem),62.69%);}
.gallery-ex-unit .info .title {font-weight:600;font-size:4.8rem;line-height:1.25;color:var(--tclr1);}
.gallery-ex-unit .info dl {display: flex;flex-wrap: wrap;margin-top:2.8rem;}
.gallery-ex-unit .info dt,
.gallery-ex-unit .info dd {padding:.5rem 0;font-size:2.0rem;color:var(--tclr2)}
.gallery-ex-unit .info dt {color:#999;flex:none;width:2em;}
.gallery-ex-unit .info dd {width:calc(100% - 2em);padding-left:1rem;}
.gallery-ex-unit:before {content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#F0F0F0;}
.gallery-ex-unit:first-of-type::before {top:2.0rem;}
.gallery-ex-unit:last-child::before {bottom:unset;height:2.1rem;}
.gallery-ex-unit:after {content:"";width:2.1rem;height:2.1rem;background-color: var(--clr4);border:solid .6rem rgba(255,255,255,0);position:absolute;left:0;top:2.1rem;transform:translate(-50%,-50%);border-radius:50%;-webkit-background-clip: padding-box;background-clip: padding-box;}
.gallery-ex-list h3 + .gallery-ex-unit:after {border-color:rgba(47, 117, 255, .2);animation: border-ani 1.5s infinite ease-in-out;}

@keyframes border-ani {
	0% { border-color:rgba(47, 117, 255, .2);}
	100% { border-color:rgba(47, 117, 255, 0);}
}

@media screen and (max-width: 992px) {	
  .news-list {margin:0 -1rem;}
  .news-list li {width:calc(100% / 2);padding:0 1rem;}
  .news-list.gallery li {margin-bottom:2rem;}
  .gallery-ex-list {padding-left:min(20rem, 15%);}
}

@media screen and (max-width: 766px) {	
  .search-box {padding:2.4rem 1.6rem;margin:0 -1.6rem 4rem -1.6rem;border-radius:0;}
  .search-box select,
  .search-box input[type=text] {height:4.8rem;padding:0 7rem 0 1.6rem;font-size:1.4rem;}
  .search-box .search-form .btn-input-reset {right:4.5rem;transform: scale(.8);}
  .search-box .search-btns {right:1.6rem;}
  .search-box .search-btns a {width:2.4rem;height:2.4rem;}
  .search-box select {background-position: calc(100% - 1.6rem) center;background-size:1.2rem;padding-right:2.8rem;}
  .search-box .input-wrap + .input-wrap {margin-left:.8rem;}
  .news-list,
  .news-list.gallery {margin:0 -.8rem;}
  .news-list li,
  .news-list.gallery li {width:100%;padding:0 .8rem;margin-bottom:3.0rem;}
  .news-list li .title {font-size:1.8rem;margin-top:1.6rem}
  .date_ico {margin-top:1.2rem;font-size:1.4rem;}
  .date_ico:before {width:1.6rem;height:1.6rem;}
  .news-list.gallery li {margin-bottom:1.6rem;width:100%;}
  .news-list.gallery li .summary {padding:3rem;}
  .news-list.gallery li .summary .title {font-size:2.4rem;}
  .news-list.gallery li .summary .badge {line-height:3.2rem;padding:0 1.6rem;font-size:1.4rem;margin-bottom:.8rem;}
  .news-list.board li.mark:after {width:1.8rem;height:1.8rem;right:1.2rem;}
  .news-list.board li a {padding:2.4rem 1.6rem;border-radius: 1.2rem;flex-wrap:wrap;padding-right:4.0rem}
  .news-list.board li.mark a {padding-right:4.0rem}
  .news-list.board li a.download .title {padding-right:2.0rem}
  .news-list.board li .date_ico {flex:none;order:2;margin-top:1.2rem;}
  .news-list.board li .date_ico:after {display: none;}
  .news-list.board li .title {order:1;width:100%}
  .news-list.board li .ico_download {right:1.6rem;}

  .news-detail-wrap {margin-top:-2rem;}
  .news-heading {padding-bottom:2.4rem;}
  .news-heading .title-h2 {font-size:2.4rem;}
  .news-heading .news-etc {margin-top:2.4rem;font-size:1.4rem;}
  .news-heading .news-info > span + span:before {margin:0 .8rem;vertical-align: -1px;}
  .news-heading .news-etc .share-lnk:after {width:1.6rem;height:1.6rem;margin-left:.6rem;}
  .news-contents {padding:3.2rem 0;}
  .news-contents .text {word-break: break-all;}
  .news-contents .img + .text,
  .news-contents .text + .text,
  .news-contents .img + .img,
  .news-contents .text + .img,
  .news-contents .txt + .img,
  .news-contents .img + .txt {margin-top:2.4rem;}
  .news-detail-wrap + .btns {margin-top:3.2rem;}
  .lnk-prev [class^=ico_] {margin-right:.4rem;}
  .lnk-prev [class^=ico_],
  .lnk-next [class^=ico_] {width:1.6rem;height:1.6rem;}
  .paging-wrap {margin-top:2.4rem;}

  .file-download {border-radius:1.6rem;padding:2rem;flex-direction: column;}
  .file-download .filename {margin-right:0;padding-bottom:1.6rem}
  .file-download button {flex:none;}
  .news-contents .file-download {margin:0;margin-top:3.0rem;}

  .paging {gap:.6rem;}
  .nodata-box {font-size:1.8rem;padding:6rem 2.4rem;}
  .nodata-box p:before {width:4.8rem;height:4.8rem;margin-bottom:1.6rem;}

  .gallery-ex-year {position:absolute;left:-1.6rem;top:0;right:-1.6rem;overflow-x:auto;background-color: #fff;white-space: nowrap;padding:0 0 0 1.6rem;z-index:1;}
  .gallery-ex-year a {display: inline-block;padding:2.4rem 1.2rem 1.6rem 1.2rem;padding-left:0;font-size:2.8rem;line-height:1;margin:0 !important;}
  .gallery-ex-year.fixed {left:0;right:0;box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;z-index: 1001;}
  .gallery-ex-list {padding-left:1rem;padding-top:11rem;}
  .gallery-ex-unit {display: block;padding-bottom:6.0rem;}
  .gallery-ex-unit .info {padding:0;width:100%;padding-left:2.8rem}
  .gallery-ex-unit .thumb {width:calc(100% - 2.8rem);height: 24.6rem;border-radius:1.6rem;margin-top:2.0rem;margin-left:2.8rem;padding: 4rem;}
  .gallery-ex-unit .badge-grp {margin-bottom:1.6rem;}
  .gallery-ex-unit .badge-grp .badge {line-height:3.8rem;;padding:0 2.0rem;font-size:1.6rem;}
  .gallery-ex-unit .badge-grp .badge + .badge {margin-left:.4rem;}
  .gallery-ex-unit .info .title {font-size:3rem;}
  .gallery-ex-unit .info dl {display: flex;flex-wrap: wrap;margin-top:2.8rem;}
  .gallery-ex-unit .info dt,
  .gallery-ex-unit .info dd {padding:.2rem 0;font-size:1.8rem;}
  .gallery-ex-unit .info dd {padding-left:.4rem;}
  .gallery-ex-unit:last-child::before {height:unset;bottom:-10rem;}
    
}

@media screen and (max-width: 640px) {	
  .paging-right-2,
  .paging-left-2 {display: none;}
}

.window-mo .news-list.gallery li .summary {opacity:1;position:initial;left:unset;top:unset;height:auto;padding:1.6rem 0 2.4rem 0;background-color:transparent;z-index: 1;display: block;transition: none;}
.window-mo .news-list.gallery li .summary * {color:var(--tclr1);}
.window-mo .news-list.gallery li .summary .title {font-size:2.4rem;height:auto;}
.window-mo .news-list.gallery li .summary .badge + .title {margin-top:.4rem;}
.window-mo .news-list.gallery li .summary .badge {font-weight:700;line-height:3.0rem;padding:0 1.6rem;border-color:var(--tclr2);color:var(--tclr2)}
.window-mo .news-list.gallery li .summary .date_ico {color:var(--basic);margin-top:.8rem;font-weight:400;}
.window-mo .news-list.gallery li .summary .date_ico:before {background-color: #ccc;}

/* 사업관계자 cp */

.step-list {display: flex;margin-bottom:3rem;}
.step-list li {font-size:2.4rem;color:#999;font-weight:500;}
.step-list li.active {color:var(--tclr1);font-weight:700;}
.step-list li + li:before {content:"";width:1rem;height:2rem;mask: url(../images/main/ico_link_arrow.svg) no-repeat center center/cover;background-color:#E5E5E5;margin:0 2.4rem;display: inline-block;vertical-align: -.2rem;}

.box-type_shadow {background-color: #fff;border-radius:4rem;box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.12);padding:6rem;font-size:1.6rem;line-height:1.75;}
.box-type_bg {background-color:#F3F7FA;border-radius:.8rem;padding:3.0rem;}
.box-type_bg.type2 {background-color:#F9F9F9;border-radius:2rem;padding:4.0rem;}
.contents-block + .contents-block {margin-top:8.0rem;}
.contents-block .heading-h3 {font-size:3.6rem;margin-bottom:4.0rem;}
.heading-flex {display: flex;justify-content: space-between;align-items: flex-end;}
.heading-flex .standard {margin-bottom:.8rem;}

.list-dot > li {position: relative;padding-left:1.5rem;}
.list-dot > li:before {content:"\00B7";position:absolute;left:.25em;top:0;font-weight:700;}
.list-num > li {padding-left:.85em;text-indent:-.85em;}
.fullw {width:100% !important;}

.cp-agree {padding:.8rem;}
.cp-agree .scroll-inner {padding:2.2rem 5.6rem 2.2rem 2.2rem;font-size:1.6rem;overflow-y:auto;height:30.6rem;}
.cp-agree .scroll-inner * {word-break: break-all;}
.cp-agree dt {color:var(--tclr1);font-weight:500;}
.cp-agree dd + dt {margin-top:3.0rem;}
.cp-agree dt + dd {margin-top:.4rem;}
.cp-agree dt.indent,
.cp-agree dd.indent {padding-left:.75em;}
.cp-agree dd + dt.indent {margin-top:1.6rem;}
.scroll-inner::-webkit-scrollbar {width:8px;}
.scroll-inner::-webkit-scrollbar-track {background-color: rgba(0,0,0,0)}
.scroll-inner::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 10px;}
.radio-group.agree {justify-content: flex-end;margin-top:2.0rem;}
.radio-group.agree label {font-size:1.6rem;color:var(--tclr1);}

.tbl-type_list thead {background-color: #E6ECF9;}
.tbl-type_list thead th {line-height:1.2;font-size:1.8rem;font-weight:600;padding:2.4rem .8rem;color:#222}
.tbl-type_list thead th + th {border-left:solid 1px rgba(140, 170, 236, .2);}
.tbl-type_list tbody td {line-height:1.2;padding:2.4rem;text-align: center;border-bottom:solid 1px #e5e5e5;font-size:1.6rem;}
.tbl-type_list tbody td.left {text-align: left;}

.compliance-qa h4 {font-weight:500;font-size:2.4rem;margin-bottom:4.0rem;color:#000;line-height:1.17;}
.compliance-qa + .compliance-qa {margin-top:6.0rem;padding-top:6.0rem;border-top:solid 1px #e5e5e5;}
.compliance-qa-list > li {display: flex;justify-content: space-between;flex-wrap: wrap;font-size:1.8rem;}
.compliance-qa-list > li .q {color:var(--tclr2);padding-left:.85em;text-indent: -.85em;width:calc(100% - min(calc(25%),26rem))}
.compliance-qa-list > li .q.noindent {padding:0;text-indent: 0;}
.compliance-qa-list > li .radio-group {width:min(calc(25%),26rem);padding:0 4rem;justify-content: flex-end;}
.compliance-qa-list > li .radio-group .radio-unit + .radio-unit {margin-left:3.0rem}
.compliance-qa-list > li .q_addition {width:calc(100% - min(calc(25%),26rem));padding-left:.85em;margin-top:2.0rem;}
.compliance-qa-list > li .q_addition input[type=text] {margin-top:.8rem;}
.compliance-qa-list > li .q_addition.type2 {margin-top:0;}
.compliance-qa-list > li .q_addition .red {color:#E02D3C;font-size:1.6rem;}
.compliance-qa-list > li .q_addition .checkbox-group {margin-top:1.6rem;}
.compliance-qa-list > li + li {margin-top:5.0rem;}
.compliance-qa-list > li label strong {font-weight:600;}
.compliance-qa-list.type2 > li + li {margin-top:1.2rem;}
.qa-yn-case {margin-top:2rem;}
.qa-yn-case + .qa-yn-case {margin-top:4.0rem;}
.qa-yn-case .box-type_bg {margin-top:2.4rem; color:var(--tclr2)}
.qa-yn-case .box-type_bg .compliance-qa-list > li + li {margin-top:1.2rem;}
.qa-yn-case .box-type_bg .compliance-qa-list .radio-group {padding-right:0;}
.qa-yn-case .box-type_bg .compliance-qa-list .q_addition {color:var(--basic);padding-bottom:1.2rem;}
.qa-yn-case .box-type_bg .compliance-qa-list > li:last-child .q_addition {padding-bottom:0;}

.compliance-last {text-align: center;padding:6.0rem 0;}
.compliance-last p {font-weight:500;font-size:2.4rem;color:#000;}
.compliance-last .btns {margin-top:4.0rem;}

@media screen and (max-width: 766px) {	
  .heading-group .heading + p {margin-top:1.4rem;font-size:1.4rem;}
  .step-list {margin-bottom:2rem;}
  .step-list li {font-size:1.8rem;}
  .step-list li + li:before {transform: scale(.6);margin:0 .8rem;background-color: #ccc;vertical-align: -4px;}

  .box-type_shadow {border-radius:0;padding:4rem 0;box-shadow: none;font-size:1.5rem;border-top:solid 1px #e5e5e5;border-bottom:solid 1px #e5e5e5}
  .box-type_shadow.border0 {border-bottom:0;}

  .contents-block .heading-h3 {font-size:2.2rem;margin-bottom:2rem;word-break: keep-all;}
  .cp-agree .scroll-inner {font-size:1.4rem;padding:.8rem;height:19rem;}
  .cp-agree dd + dt {margin-top:1.6rem;}
  .radio-group.agree {justify-content: flex-start;}
  .contents-block + .contents-block {margin-top:4.0rem;}
  
  .tbl-type_list thead th {font-size:1.5rem;padding:1.2rem .8rem}
  .tbl-type_list tbody td {font-size:1.4rem;padding:1.2rem .8rem;word-break: break-all;line-height:1.4}

  .btns.between {margin-top:3rem;}
  .btns.between [class^=btn-type].middle {min-width:16rem;}
  .compliance-last {padding:3.0rem 0;}
  .compliance-last p {font-size:1.6rem;}
  .compliance-last .btns {margin-top:3.0rem;}
  .compliance-last .btns .btn-type_round {height:4.8rem;width:12rem;font-size:1.3rem;}

  .compliance-qa h4 {font-size:1.8rem;margin-bottom:2.0rem;}
  .compliance-qa-list > li {font-size:1.5rem;display: block;width:100%;word-break: break-all;line-height:1.5;}
  .compliance-qa-list > li .q {width:100%;}
  .compliance-qa-list > li .radio-group {width:100%;justify-content: flex-start;padding:0 0 0 .85em;margin-top:1.6rem;}
  .compliance-qa-list > li .q_addition {width:100%;margin-top:1.2rem;}
  .compliance-qa-list > li + li {margin-top:2.4rem;}
  .compliance-qa + .compliance-qa {margin-top:3.0rem;padding-top:3.0rem;}
  .compliance-qa-list > li .q_addition.type2 {margin-top:2rem;}
  .compliance-qa-list > li .q_addition .red {font-size:1.4rem;}
  .compliance-qa-list > li .q_addition .checkbox-group,
  .checkbox-unit + .checkbox-unit {margin-top:1.2rem;}
  .qa-yn-case .box-type_bg {margin-top:1.2rem;padding:2.4rem;}
  .qa-yn-case + .qa-yn-case {margin-top:3.0rem;}
}

/* 고객지원 */
.board-total {margin-bottom:1.6rem;color:var(--tclr2)}
.board-total strong {color:var(--clr3);font-weight:600;}
.tbl-type_list.type_m thead th {font-size:1.6rem;}
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tooltip {position: relative;}
.tooltip .tooltip-text {position: absolute;left:0;top:-.6rem;text-align: left;width:100%;text-align: center;}
.tooltip .tooltip-text > p {background-color: var(--bg);border-radius:1rem;padding:1rem;box-shadow: 1px 4px 10px 0px rgba(0, 0, 0, 0.1);font-size:1.4rem;color:var(--tclr1);line-height:1.3em;display: inline-block;}
.agency-box + .agency-box {margin-top:6rem;padding-top:6rem;border-top:solid 1px #e5e5e5}
.agency-unit {position: relative;}
.agency-unit + .agency-unit {border-top:dashed 1px #ddd;padding-top:4rem;margin-top:4rem;}
.agency-unit .agency-name {display: block;font-weight:600;color:var(--tclr1);font-size:2.4rem;padding-right:24rem;margin-bottom:.8rem;}
.agency-unit .agency-name + .badges {padding-right:20rem;}
.agency-unit .badge {display: inline-block;line-height: 2.7rem;font-size:1.6rem;padding:0 1.4rem;border-radius:1.5rem;background-color: var(--bg);margin-right:.4rem;margin-top:.4rem;}
.agency-unit .info {margin-top:2.4rem;}
.agency-unit .info dt {float:left;width:2.4em;font-weight:500;color:var(--tclr1);padding:.4rem 0;}
.agency-unit .info dd {padding:.4rem 0;padding-left:2.4em;}
.agency-unit .info.inline dt {float:none;width:auto;display: inline-block;}
.agency-unit .info.inline dd {padding-left:1.4rem;display: inline-block;}
.agency-unit .info.inline dd:after {content:"";display: inline-block;width:2px;height:1.4rem;background-color: #e5e5e5;margin:0 1.0rem 0 1.4rem;vertical-align: -1px;}
.agency-unit .info.inline dd:last-of-type::after {display: none}
.agency-unit .manager {margin-top:1.4rem;font-size:1.6rem;display: flex;flex-wrap:wrap;}
.agency-unit .manager li {display: inline-flex;align-items: center;line-height:1.1875;padding-top:1rem;}
.agency-unit .manager li .tel {padding-left:.5rem;}
.agency-unit .manager li:after {content:"";display: inline-block;width:2px;height:1.4rem;background:#e5e5e5;margin:0 1rem;}
.agency-unit .manager li:last-child::after {display: none;}
.agency-unit .btn-type_round {min-width:17rem;position:absolute;right:0;top:0;}
.agency-unit .manager-group {display: flex;padding-right:24rem}
.agency-unit .manager-unit {width:50%;position: relative;}
.agency-unit .manager-unit + .manager-unit {padding-left:3rem;}
.agency-unit .manager-unit + .manager-unit:before {content:"";position: absolute;left:0;top:.8rem;bottom:.4rem;width:1px;background-color: #e5e5e5;}
.agency-unit .manager-unit .manager {margin-top:.4rem;}
.agency-unit .manager-unit .manager li {padding-top:.8rem; min-width: 236px;}/*//250519 텍스트 길어져 수정*/
.agency-unit .manager-unit .manager li:nth-child(odd) + li:before {content:"";display: inline-block;width:2px;height:1.4rem;background:#e5e5e5;margin:0 1rem;}
.agency-unit .manager-unit .manager li:after {display: none;}

@media screen and (max-width: 1400px) {	
  .agency-unit .manager-unit .manager li {width:100%;}
  .agency-unit .manager-unit .manager li:nth-child(odd) + li:before {display: none;}
}

@media screen and (max-width: 766px) {	
  .search-form.type-download {flex-wrap: wrap;}
  .search-form.type-download .input-wrap:not(.searchbox) {margin-left:0 !important;margin-top:.8rem;}
  .search-form.type-download .search-btns {top:unset;transform: none;bottom:1.2rem;}
  .search-form.type-download .input-wrap.searchbox {width:calc(50% - .4rem);}
  
  .tbl-type_list.type_m colgroup,
  .tbl-type_list.type_m thead {display: none;}
  .tbl-type_list.type_m tbody {display:block;border-top:solid 2px #000;}
  .tbl-type_list.type_m tbody tr {display: block;position: relative;border-bottom:solid 1px #e5e5e5;padding:2rem 4rem 2rem .8rem;}
  .tbl-type_list.type_m tbody td {display: block;width:100%;text-align: left;border:0;padding:0}
  .tbl-type_list.type_m tbody td + td:not(.down) {margin-top:1.2rem;}
  .tbl-type_list.type_m tbody td.down {position: absolute;right:.8rem;top:50%;transform: translateY(-50%);width:auto;}
  .tbl-type_list.type_m tbody td:before {color:var(--tclr1)}
  .tbl-type_list.type_m tbody td.model:before {content:"모델 : "}
  .tbl-type_list.type_m tbody td.rdate {color:#999;}
  .tbl-type_list.type_m tbody td.rdate:before {content:"";display: inline-block;width:1.6rem;height:1.6rem;background-color: #ccc;vertical-align: middle;margin-right:.6rem;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.25' stroke='%23aaa' stroke-width='1.5'/%3E%3Crect x='9.5' y='5' width='1.5' height='6' rx='0.75' fill='%23aaa'/%3E%3Crect x='5' y='11' width='1.5' height='6' rx='0.75' transform='rotate(-90 5 11)' fill='%23aaa'/%3E%3C/svg%3E") no-repeat 0 50%/cover;vertical-align: -.3rem;}
  .tbl-type_list.type_m tbody td.biz:before {content:"사업부 : "}
  .tbl-type_list.type_m tbody td.title {color:#444;font-weight:600;}
  .tbl-type_list.type_m tbody td.title .ellipsis {white-space: initial;text-overflow: initial;}  
  .tooltip {display: none;}

  .agency-box + .agency-box {padding-top:3.0rem;margin-top:3.0rem;}
  .agency-unit {padding-bottom:6.4rem;}
  .agency-unit + .agency-unit {margin-top:2.4rem;margin-top:2.4rem;}
  .agency-unit .agency-name {padding-right:0;font-size:1.8rem;}
  .agency-unit .agency-name + .badges {padding-right:0;}
  .agency-unit .badge {font-size:1.4rem;line-height:2.2rem;padding:0 1rem;}
  .agency-unit .info {font-size:1.5rem;}
  .agency-unit .info,
  .agency-unit .manager {margin-top:1.0rem;}
  .agency-unit .manager {font-size:1.4rem;}
  .agency-unit .manager li:after {height:1.2rem;margin:0 .7rem;vertical-align: -1px;}
  .agency-unit .btn-type_round {min-width:unset;top:auto;right:auto;bottom:0;border-width:1px;font-size:1.4rem;height:4.0rem;font-weight:600;left:50%;transform: translateX(-50%);}
  .agency-unit .btn-type_round .ico_link {width:1.2rem;height:1.2rem;mask-size:1.2rem;}
  .agency-unit .manager-group {padding-right:0;display: block;}
  .agency-unit .manager-unit {width:100%;}
  .agency-unit .manager-unit + .manager-unit {padding-left:0;border-top:dashed 1px #e5e5e5;margin-top:1.6rem;padding-top:1.4rem;}
  .agency-unit .manager-unit + .manager-unit:before {display: none;}
  

    
  .agency-unit .info.inline dt {float:left;}
  .agency-unit .info.inline dd {padding-left:3em;display: block;}
  .agency-unit .info.inline dd:after {display: none}
}
@media screen and (max-width: 560px) {	
  .agency-unit .manager li {display: block; width: 100%;}
  .agency-unit .manager li:after {display: none}
}

/* component */
input[type=text],
input[type=password],
textarea {border:solid 1px #ccc;height:6.4rem;border-radius:.8rem;font-size:2.0rem;color:var(--tclr2);padding:0 3.0rem;}
textarea {height:19.2rem;padding:2.0rem 3.0rem;}
input[type=text]:disabled,
input[type=password]:disabled {background-color: var(--bg);}
input[type=checkbox],
input[type=radio] {position: absolute;left:0;top:0;visibility: hidden;z-index: -1;}

input[type=text]:focus,
select:focus {outline:0;border-color:var(--clr4)}
.selectbox > button:focus {outline:0;}

.required {display: inline-block;width:.8rem;height:.8rem;background:url(../images/common/ico_required.svg);position:absolute;margin:.4rem 0 0 .4rem;}
.error-msg {margin-top:1.0rem;font-size:1.6rem;color:#E02D3C;line-height:1.25;}

.selectbox {position: relative;}
.selectbox > button {text-align:left;padding: 0 6rem 0 4rem;height: 6.4rem;font-size: 1.8rem;color: var(--tclr2);width:100%;background-color: #fff;border-radius: 5rem;border: 1px solid #e5e5e5;position: relative;}
.selectbox > button:after {content:"";position:absolute;right:3.6rem;top:50%;mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.66699 1.33301L7.00033 6.66634L12.3337 1.33301' stroke='%23222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat right center/1.6rem;width:1.6rem;height:1.6rem;background-color: #111;transform: translateY(-50%);transition:.25s}
.selectbox > button.on {border-color:var(--tclr2)}
.selectbox > button.on:after {transform:translateY(-50%) rotate(180deg);}	
.optionbox {position: absolute;left:0;top:calc(100% + .8rem);min-width:100%;white-space: nowrap;display:none;border-radius:3rem;padding:1rem 4rem;background-color: #fff;z-index: 99;box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);}
.optionbox button {padding:3.0rem 0;line-height: 1;color:#A0A0A0;font-size:2.0rem;font-weight:600;display: block;width:100%;text-align: left;}
.optionbox button.selected {color:var(--tclr1)}
.optionbox button + button {border-top:solid 1px #E5E5E5;}

.radio-group {display: flex;align-items: center;}
.radio-unit {margin-right:3.0rem;display: inline-flex;}
.radio-unit label {padding-left:3.2rem;position: relative;display: block;line-height:2.4rem;}
.radio-unit label:before {content:"";width:2.4rem;height:2.4rem;border:solid 2px #EEEEEE;border-radius: 50%;position: absolute;left:0;top:0;background-color: #fff;}
.radio-unit input:disabled + label:before {background-color: var(--bg);}
.radio-unit input:checked + label:before {border-width:.6rem;border-color:var(--clr4)}
.radio-group > .radio-unit:last-of-type {margin-right:0;}
.radio-box label {position:relative;display: flex;align-items: center;height:6.4rem;border-radius: .8rem;font-size:2.0rem;border:solid 1px #ccc;padding:0 3.0rem;color:#A0A0A0;}
.radio-box input:checked + label {color:var(--tclr2);border-color:var(--clr4);font-weight:500;border-width:2px;}
.radio-box label:before {content:"";width:2.4rem;height:2.4rem;border:solid 2px #EEEEEE;border-radius: 50%;position: absolute;right:2.3rem;top:50%;background-color: #fff;transform: translateY(-50%);}
.radio-box input:checked + label:before {border-width:.6rem;border-color:var(--clr4);right:2.2rem;}

.checkbox-unit + .checkbox-unit {margin-top:1.6rem;}
.checkbox-unit label {padding-left:3.2rem;position: relative;display: block;line-height:2.4rem;}
.checkbox-unit label:before {content:"";width:2.4rem;height:2.4rem;border:solid 2px #EEEEEE;border-radius: .4rem;position: absolute;left:0;top:0;background-color: #fff;}
.checkbox-unit input:disabled + label:before {background-color: var(--bg);}
.checkbox-unit input:checked + label:before {border-color:var(--clr4);background: var(--clr4) url("data:image/svg+xml,%3Csvg viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5L5.33333 9.33333L13.6667 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 50% 50%/1.6rem;}

.element-group {display: flex;align-items: center;}
.element-group input[type=text],
.element-group input[type=password],
.element-group textarea {width:100%;}
.element-group select {width:100%;background-position: calc(100% - 1.6rem) center;background-size:1.2rem;border:solid 1px #ccc;height:6.4rem;border-radius:.8rem;font-size:2.0rem;color:var(--tclr2);padding:0 3.0rem;}
.element-group .char {padding:0 .6rem;flex:none;}
.element-group .selectbox {width:100%;flex:auto;}
.element-group .selectbox > button {border:solid 1px #ccc;height:6.4rem;border-radius:.8rem;font-size:2.0rem;color:var(--tclr2);padding:0 4.0rem 0 3.0rem;}
.element-group .selectbox > button:after {right:2.0rem;}
.element-group .optionbox {z-index:1001;}
.element-group .optionbox > div {max-height:40vh;overflow-y: auto;margin:0 -3.0rem;padding:0 3.0rem;}
.element-group > *:not(.char) + *:not(.char) {margin-left:1.4rem;}
.element-group.email .selectbox {width:30%;flex:none;}
.element-group input[type=text].error,
.element-group select.error,
.element-group .selectbox > button.error {border-color:#E02D3C;}

.form-row {display: flex;margin:-2.0rem -3.0rem;flex-wrap: wrap;}
.form-row > .form-unit {padding:2.0rem 3.0rem;width:50%;position: relative;}
.form-unit .label {display: block;font-weight:500;color:#222;font-size:2.0rem;margin-bottom:1.2rem;line-height:1.2;}
.form-unit .error-msg {position: absolute;}

@media screen and (max-width: 992px) {
  .form-row > .form-unit:not(.radio-box) {width:100%}
}

@media screen and (max-width: 766px) {	
  input[type=text],
  input[type=password],
  textarea {height:4.8rem;border-radius:.4rem;font-size:1.6rem;padding:0 .8rem;}
  textarea {padding:.8rem;height:12rem;}

  .selectbox > button {height:4.8rem;padding:0 3rem 0 1.6rem;font-size:1.4rem;}
  .selectbox > button:after {right:1.6rem;mask-size: 1.2rem;}
  .optionbox {border-radius:1.6rem;padding:.6rem 1.6rem;}
  .optionbox > button {padding:1.6rem 0;font-size:1.6rem;}

  .radio-unit label,
  .checkbox-unit label {line-height:2rem;padding-left:2.8rem;}
  .radio-unit label:before,
  .checkbox-unit label:before,
  .radio-box label:before {width:2.0rem;height:2.0rem;}
  .radio-box label {height:4.8rem;font-size:1.5rem;padding:0 .8rem;}
  .radio-box label:before {right:1rem}
  .radio-box input:checked + label:before {right:.9rem;}
  
  .form-row {margin:0;}
  .form-row > .form-unit {padding:0;}
  .form-row > .radio-box + .radio-box {margin-left:1.2rem}
  .form-row > .radio-box {width:calc(50% - .6rem)}
  .form-row > .form-unit:not(.radio-box) + .form-unit:not(.radio-box) {margin-top:3.0rem;}
  .form-unit .label {font-size:1.6rem;margin-bottom:.8rem;}

  .element-group .char {padding:0 .4rem;}
  .element-group select {height:4.8rem;border-radius:.4rem;font-size:1.6rem;padding:0 .8rem;padding-right:1.6rem;}
  .element-group .selectbox > button {height:4.8rem;border-radius:.4rem;font-size:1.6rem;padding:0 2.0rem 0 .8rem;}
  .element-group .selectbox > button:after {right:1.0rem;}
  .element-group .optionbox {border-radius:.4rem;padding:.6rem 1.6rem;}
  .element-group .optionbox > div {max-height:40vh;overflow-y: auto;margin:0 -.6rem;padding:0 .6rem;}
  .element-group .optionbox button {font-size:1.6rem;padding:1.6rem 0;}
  .element-group > *:not(.char) + *:not(.char) {margin-left:1.4rem;}
  .element-group.email .selectbox {width:30%;flex:none;}  

  .error-msg {margin-top:.6rem;font-size:1.3rem;}
}

@media screen and (max-width: 560px) {
  .element-group.email {flex-wrap:wrap;}
  .element-group.email .selectbox {width:100%;margin-left:0 !important;margin-top:.8rem;}
  .element-group.email .char {padding:0;width:3rem;text-align: center;}
  .element-group.email input[type=text],
  .element-group.email input[type=email] {width:calc(50% - 1.5rem)}
}


/* 회사소개 */
.intro .main-title .tmp {display: none;}
.company-section {padding:18rem 0;}
.company-section .title-h2 {margin-bottom:8rem;}
.company-section.greetings {background-color: var(--bg);}
.greetings-box {display: flex;align-items: center;}
.greetings-img {flex:none;width:min(64.3rem,45%);}
.greetings-text {padding-right:6rem;font-size:1.8rem;line-height:1.78;color:var(--tclr2)}
.greetings-text .bold {font-weight:700;color:var(--tclr1);line-height: 1.3;margin-bottom:4.0rem;font-size:4.0rem;}
.greetings-text .thanks {margin-top:4.0rem;}
.greetings-text .sign {margin-top:3.6rem;}
.vision-box {width:min(118rem, 100%);text-align: center;margin:0 auto;}
.vision-box > div:first-of-type .text {font-size:3.2rem;padding-top:2.0rem;}
.vision-box > div:nth-of-type(2) {background: url(../images/intro/bg_up.png) no-repeat center top/12rem 11.3rem;}
.vision-box > div:nth-of-type(3) {background: url(../images/intro/bg_triangle.png) no-repeat center 1.6rem/100% auto;}
.vision-unit + .vision-unit {padding-top:8rem;position: relative;}
.vision-unit .title {display:inline-block;line-height:5.3rem;border-radius:3rem;background-color: #f3f3f3;padding:0 2.4rem;color:var(--clr2);font-weight:500;font-size:2.4rem;margin-bottom:2.0rem;text-transform: uppercase;white-space: nowrap;}
.vision-unit .text {font-size:3.8rem;font-weight:500;color:#222;}
.vision-unit .subtext {font-size:2.2rem;color:#444;font-weight:500;margin-top:2.0rem;display: flex;justify-content: center;}
.vision-unit .subtext > span {display: inline-flex;align-items: center;justify-content: center;background-color: #F3F7FA;width:min(40rem,calc(50% - 1rem));height:12rem;border-radius:6rem;padding:1.6rem;}
.vision-unit .subtext > span + span {margin-left:2.0rem;}
.vision-unit .subtext.type-box {margin-top:0;}
.vision-unit .subtext.type-box > span {width:min(30rem, calc(33.33% - 1rem));border-radius: .8rem;height:8.5rem;}
.vision-unit .circle-box {display: flex;position: relative;justify-content: center;}
.vision-unit .circle-box .circle + .circle {margin-left:4.0rem;}
.vision-unit .circle-box .circle {width:min(27rem,30%);position: relative;}
.vision-unit .circle-box .circle div {position: relative;width:100%;height:0;padding-bottom:100%;background-color: #fff;border-radius: 50%;box-shadow: 0px 0px 30px 0px rgba(221, 221, 221, 0.5);z-index: 1;}
.vision-unit .circle-box .circle p {position: absolute;left:0;top:50%;width:100%;transform: translateY(-50%);font-size:2.2rem;color:#444;}
.vision-unit .circle-box .circle p strong {color:#222;}
.vision-unit .circle-box:before {content:"";width:100%;height:14rem;background-color: #F3F7FA;border-radius: 7rem;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.vision-unit .circle-box .circle + .circle:before {content:"";width:10rem;position: absolute;left:-5rem;top:50%;height:0;border-top:dashed 1px #AAAAAA;transform: translateY(-50%);}
.company-block  + .company-block {margin-top:10rem;}
.company-block .title {font-size:2.4rem;font-weight:500;color:#000;margin-bottom:1.2rem;}
.company-block .ci-box {display: flex;margin-top:3.0rem;}
.ci-unit {background-color: var(--bg);border-radius: 2rem;width:100%;padding:8rem;display: flex;align-items: center;justify-content: center;}
.ci-unit.wide {padding:10rem;}
.ci-unit img {max-height:100%;max-width:100%;}
.ci-unit div + div {margin-left:4rem;}
.ci-box .ci-unit + .ci-unit {margin-left:3.0rem;}
.ci-box.vertical {flex-direction: column;width:77%;justify-content: space-between;}
.ci-box.vertical + .ci-box {width:23%;margin-left:3.0rem;}
.ci-box.vertical + .ci-box img {width:6rem;}
.ci-box.vertical .ci-unit {justify-content: space-around;}
.ci-box.vertical .ci-unit + .ci-unit {margin-left:0;margin-top:3.0rem;justify-content: space-between;}
.ci-box .ci-box {margin-top:0;}

.history-intro {position: relative;height:100vh;}
.history-intro-wrap {width:100%;height:100vh;overflow:hidden;position: relative;}
.history-intro-bg {width:100%;height:100%;background:url(../images/intro/history_visual.jpg) no-repeat center center/cover;}
.history-intro-bg:after {content:"";position: absolute;left:0;top:0;width:100%;height:100%;background-color: rgba(34, 34, 34, .6);opacity: 0;transition: .3s;}
.history-intro-wrap.fixed .history-intro-bg:after,
.history-intro-wrap.cover .history-intro-bg:after {opacity:1;}
.history-intro-wrap.company .history-intro-bg {background-image:url(../images/intro/company_visual.jpg)}
.history-intro-text {position: absolute;left: 0;right: 0;margin: auto;width: 80%;text-align: center;color: #fff;z-index: 1;top:50%;transform: translateY(-50%);}
.history-intro-text .motion {opacity:0;animation-delay: .2s;}
.history-intro-text .title-h2 {color:#fff;}
.history-intro-text .text {font-size:2.4rem;}
.history-intro-text .text-motion-wrap + .text-motion-wrap {margin-top:3.0rem;}
.history-list-wrap {margin-top:10rem;padding-top:13rem;position: relative;}
.history-list-wrap .page-menu-wrap {position: absolute;left:3rem;right:3rem;top:0;bottom:unset}
.history-list-wrap .page-menu-list {justify-content: center;align-items: center;padding-bottom:8rem;border-bottom:solid 2px #000;right:0;}
.history-list-wrap .page-menu-list .year {font-size:4rem;color:var(--tclr1);line-height:1.2;padding:0 2.4rem;}
.history-swiper .swiper-wrapper {overflow: hidden;}
.history-list {background-color: #fff;opacity:0 !important;}
.history-list.swiper-slide-active {opacity:1 !important;}
.history-unit {padding:6rem 0;}
.history-unit + .history-unit {border-top:solid 1px #e5e5e5;}
.history-unit dt {font-size:4rem;font-weight:500;line-height: 1.2;color:var(--clr3);float:left;padding:0 4rem;margin-top:-1rem;}
.history-unit dd {padding-left:18%;font-size:2rem;}
.history-unit dd + dd,
.history-unit dd span + span {margin-top:2.0rem;}
.history-unit dd span {padding-left:8rem;display: block;}
.history-unit dd strong {color:#222;padding-right:2.5rem;min-width:8rem;float:left;} /* 250610 수정 */
.history-list-wrap .page-menu-list.fixed {border-bottom:0;padding:3.2rem 0;}
.history-list-wrap .page-menu-list.fixed .year {font-size:2.4rem;}
.history-list-wrap .swiper-button-prev,
.history-list-wrap .swiper-button-next {position:relative;width:4.0rem;height:4.0rem;border:solid 1px rgba(0,0,0,.1);border-radius: 50%;background-color: #fff;opacity:1;left:auto;right:auto;overflow: hidden;top:auto;margin:0;}
.history-list-wrap .swiper-button-next:before,
.history-list-wrap .swiper-button-prev:before {content:"";width:1.6rem;height:1.6rem;mask:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66797 1.66699L3.33464 5.00033L6.66797 8.33366' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");mask-size:cover;background-color:#000;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.history-list-wrap .swiper-button-next:before {transform:translate(-50%,-50%) rotate(180deg)}
.history-list-wrap .swiper-button-next:after,
.history-list-wrap .swiper-button-prev:after {display: none;}
.history-list-wrap .swiper-button-disabled:before {opacity:.5}
.history-list-wrap .page-menu-list.fixed .swiper-button-next,
.history-list-wrap .page-menu-list.fixed .swiper-button-prev {width:3.2rem;height:3.2rem;}
.history-list-wrap .page-menu-list.fixed .swiper-button-next:before,
.history-list-wrap .page-menu-list.fixed .swiper-button-prev:before {width:1.2rem;height:1.2rem;}

/*250910*/
.mt1-rem {
  margin-top: 1rem;
}

.table-mt {
  margin-top: 5rem;
  display: block;
}
.table-mt.mt-0 {
  margin-top: 0;
}
/*color: #888;*/
.text-desc {
  display: block;
  text-align: right;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2.2rem;
  
  color: #000;
}
.text-desc-left {
  text-align: left;
}
/*//250910*/
@media screen and (max-width: 1460px) {
  .intro .main-title .tmp {display: block;}
}
@media screen and (max-width: 766px) {
  .history-intro-text .title-h2 {font-size:3.6rem;}
  .history-intro-text .text {font-size:1.5rem;line-height: 1.75;}
  .history-intro-text .text-motion-wrap + .text-motion-wrap {margin-top:2.4rem;}
  .history-list-wrap {margin-top:4rem;padding-top:6.4rem;}
  #wrap:not(.main) .history-list-wrap .section-head .page-menu-wrap {left:1.6rem;right:1.6rem;height:auto;position: absolute;margin:0;}
  #wrap:not(.main) .history-list-wrap .section-head .page-menu-list {padding-bottom:3.0rem;margin:0;position: absolute;overflow:initial}  
  .history-list-wrap .page-menu-list .year {font-size:2.0rem;padding:0 1.6rem;}
  .history-unit {padding:3.2rem 0;}
  .history-unit dt {font-size:2rem;padding:0;margin-top:-.1rem;font-weight:600;line-height: 1;}
  .history-unit dd {padding-left:6.4rem;font-size:1.4rem;}
  .history-unit dd + dd,
  .history-unit dd span + span {margin-top:1.2rem;}
  .history-unit dd span {padding-left:4.0rem;display: block;word-break: break-all;}
  .history-unit dd strong {padding-right:0;min-width:unset;}
  #wrap:not(.main) .history-list-wrap .section-head .page-menu-list.fixed {padding:1.6rem 0;position: fixed;border:0;}
  .history-list-wrap .page-menu-list .swiper-button-next,
  .history-list-wrap .page-menu-list .swiper-button-prev {width:3.2rem;height:3.2rem;}
  .history-list-wrap .page-menu-list .swiper-button-next:before,
  .history-list-wrap .page-menu-list .swiper-button-prev:before {width:1.2rem;height:1.2rem;}
  .history-list-wrap .page-menu-list.fixed .swiper-button-next:before,
  .history-list-wrap .page-menu-list.fixed .swiper-button-prev:before {width:1.2rem;height:1.2rem;}
  .history-list-wrap .page-menu-list.fixed .year {font-size:1.6rem;}
  .history-list-wrap .page-menu-list.fixed .swiper-button-next,
  .history-list-wrap .page-menu-list.fixed .swiper-button-prev {width:2.8rem;height:2.8rem;}

  .company-section {padding:9rem 0;}
  .company-section .title-h2 {margin-bottom:4rem;font-size:3.2rem;}

  .greetings-box {display: block;}
  .greetings-img {display: none;}
  .greetings-text {padding-right:0;font-size:1.5rem;}
  .greetings-text .bold {margin-bottom:2.4rem;font-size:2.0rem;}
  .greetings-text .thanks {margin-top:2.4rem;}
  .greetings-text .sign {margin-top:1.8rem;}

  .vision-box > div:first-of-type .text {font-size:2.0rem;padding-top:0rem;}
  .vision-box > div:nth-of-type(2) {background-size:7rem 7rem;}
  .vision-box > div:nth-of-type(3) {background-position:center .8rem;background-size: 120% auto;}
  .vision-unit + .vision-unit {padding-top:4rem;}
  .vision-unit .title {line-height:3.2rem;font-size:1.6rem;}
  .vision-unit .text {font-size:2.2rem;}
  .vision-unit .subtext {font-size:1.5rem;color:#444;margin-top:1.6rem;}
  .vision-unit .subtext > span {height:9rem;}
  .vision-unit .subtext > span + span {margin-left:.8rem;}
  .vision-unit .circle-box .circle p {font-size:1.5rem;padding:1.6rem;}
  .vision-unit .circle-box .circle + .circle {margin-left:1.6rem;}
  .vision-unit .circle-box:before {display: none;}

  .company-block  + .company-block {margin-top:6rem;}
  .company-block .title {font-size:2.0rem;}
  .company-block .ci-box {margin-top:2.0rem;flex-wrap:wrap}
  .ci-unit {border-radius: 1.6rem;padding:4rem;}
  .ci-unit.wide {padding:5rem;}
  .ci-unit div + div {margin-left:2rem;}
  .ci-box .ci-unit + .ci-unit {margin-left:0;margin-top:2rem;}
  .ci-box.vertical {width:100%;justify-content: center;}
  .ci-box.vertical + .ci-box {width:100%;margin-left:0;margin-top:2rem;}
  .ci-box.vertical + .ci-box img {width:4rem;}
  .ci-box.vertical .ci-unit {flex-direction: column;}
  .ci-box.vertical .ci-unit div + div {margin:0;margin-top:4rem;}
  .ci-box.vertical .ci-unit + .ci-unit {margin-left:0;margin-top:2.0rem;justify-content: space-between;}
  .ci-box .ci-box {margin-top:0;}  

  /*250910*/
  .text-desc {
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: start;
  }
  .table-mt {
    margin-top: 4rem;
  }
}

@media screen and (max-width: 540px) {
  .vision-unit .circle-box {flex-direction: column;align-items: center;}
  .vision-unit .circle-box .circle + .circle {margin-left:0;margin-top:2.4rem;}
  .vision-unit .circle-box .circle {width:min(27rem,60%);}
  .vision-unit .circle-box .circle + .circle:before {content:"";height:10rem;width:0;left:50%;top:-5rem;width:0;border-left:dashed 1px #AAAAAA;transform: translateX(-50%);border-top:0;}
}