@charset "UTF-8";


/*========================
1. 제품/프로젝트
========================*/
/* sub-top */
.sub-top {
	position:relative;
	height: 660px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding:0 28px;
}

.sub-top.sub-top--type01 { background-image: url("../img/contents/sub_top_visual01.jpg"); }
.sub-top.sub-top--type02 { background-image: url("../img/contents/sub_top_visual02.jpg"); }
.sub-top.sub-top--type03 { background-image: url("../img/contents/sub_top_visual03.jpg"); }
.sub-top.sub-top--type04 { background-image: url("../img/contents/sub_top_visual04.jpg"); }
.sub-top.sub-top--type05 { background-image: url("../img/contents/sub_top_visual05.jpg"); }
.sub-top.sub-top--type06 { background-image: url("../img/contents/sub_top_visual06.jpg"); }

.sub-top__inner {
	position: relative;
	top: 50%;
	transform: translateY(-30%);
	max-width: 1200px;
	margin: 0 auto;
	z-index:9;
}

.sub-top__inner .sub-top__title {
  font-size: 32px;
  color: #fff;
}

.sub-top__inner .sub-top__desc {
  font-size: 46px;
  font-weight: 700;
  color: #fff;
  margin-top: 40px;
  word-break:keep-all;
}
.sub-top__inner .sub-top__desc br.m { display:none; }

.sub-top__inner .sub-top__project {
  position: relative;
  font-size: 22px;
  color: #fff;
  margin-top: 30px;
  padding-left: 30px;
}

.sub-top__inner .sub-top__project:before {
  content: "";
  display: block;
  width: 20px;
  height: 4px;
  background-color: #ff6600;
  position: absolute;
  left: 0;
  top: 11px;
}

/* sub-nav */
.subnav {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  z-index: 10;
}

.subnav .subnav__inner {
  display: flex;
  max-width: 1200px;
  height: 66px;
  margin: 0 auto;
}

.subnav .subnav__home {
  display: block;
  height: 100%;
  width: 66px;
  background-color: #000000;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/icons/ic_home@2x.png");
  background-size: 35% auto;
  font-size: 0;
  cursor: pointer;
}

.subnav .subnav__group {
  position: relative;
  border-right: 1px solid #e7e7e7;
	min-width:160px;
}

.subnav .subnav__group .subnav__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 50px 0 20px;
  font-size: 18px;
  cursor: pointer;
  color: #666666;
  font-weight: 700;
}

.subnav .subnav__group .subnav__title:after {
  content: "";
  position: absolute;
  right: 19px;
  top: 26px;
  display: block;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/icons/ic_arrow_down_category@2x.png");
  background-size: 100% auto;
  transition: transform 0.5s ease;
}

.subnav .subnav__group .subnav__list {
  position: absolute;
  left: -1px;
  right: -1px;
  top: 100%;
  background-color: #fff;
  border: 1px solid #e7e7e7;
}

.subnav .subnav__group .subnav__list li {
  font-size: 15px;
  text-align: left;
  border-top: 1px solid #e7e7e7;
}

.subnav .subnav__group .subnav__list li:first-child {
  border-top: 0;
}

.subnav .subnav__group .subnav__list li a {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 20px;
}

.subnav .subnav__group .subnav__list li a:hover {
  background-color: #eee;
}
.subnav .subnav__group .subnav__list li.current a { 
  background-color: #ff6600;
  color: #fff;
}
.subnav .subnav__group.subnav__group--depth1 .subnav__list {
  left: 0;
}

.subnav .subnav__list {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, max-height 0.5s ease;
}

.subnav .subnav__group.nav-list-open .subnav__list {
  max-height: 500px;
  /* 충분한 값으로 설정, 실제 높이에 맞게 조정 */
  opacity: 1;
}

.subnav .subnav__group.nav-list-open .subnav__title:after {
  transform: rotate(180deg);
}

/* contents */
.contents {
  max-width: 1200px;
  margin: 0 auto;
  padding: 100px 28px;
}

.contents h3.content__title {
  text-align: center;
  font-size: 56px;
  margin-bottom: 60px;
  font-weight:600; 
}

/* tabs */
.tabs { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 98px; }
.tabs li.tabs__item { position: relative; height: 100%; height: 64px; font-size: 21px; margin-right: -1px; }
.tabs li.tabs__item a.tabs__link { position:relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: 1px solid #d8d8d8; box-sizing: border-box; color: #666666; font-weight: 500; }
.tabs li.tabs__item a.tabs__link:hover { background-color: rgba(255, 102, 0, 1.0); color: #fff; border: 1px solid rgba(255, 102, 0, 1.0); border-left:1px solid #fff; border-right:1px solid #fff; z-index:100; }
.tabs li.tabs__item.tabs__item--active a,
.tabs li.tabs__item.tabs__item--active a:hover { background-color: #ff6600; color: #fff; border: 1px solid #ff6600; }

.tabs.items2 { grid-template-columns: repeat(2, 1fr); }
.tabs.items3 { grid-template-columns: repeat(3, 1fr); }
.tabs.items4 { grid-template-columns: repeat(4, 1fr); }
.tabs.items5 { grid-template-columns: repeat(5, 1fr); }
.tabs.items6 { grid-template-columns: repeat(6, 1fr); }
.tabs.items7 { grid-template-columns: repeat(7, 1fr); }
.tabs.items8 { grid-template-columns: repeat(8, 1fr); }
.tabs.items9 { grid-template-columns: repeat(9, 1fr); }


/* content__body */
.content__body { }
.content__body.content__body--split { display: grid; grid-template-columns: 340px 1fr; gap: 85px; }
.content__body .content__left ul.submenu { border-top: 1px solid #000000; }
.content__body .content__left ul.submenu li.submenu__item { border-bottom: 1px solid #d8d8d8; }
.content__body .content__left ul.submenu li.submenu__item .submenu__title { position: relative; font-size: 20px; font-weight: 500; padding: 15px 10px; color: #333333; }
.content__body .content__left ul.submenu li.submenu__item .submenu__title br { display: none; }
.content__body .content__left ul.submenu li.submenu__item .submenu__title a { display: block; }
.content__body .content__left ul.submenu li.submenu__item .submenu__title a:hover { color:#ff6600; }
.content__body .content__left ul.submenu li.submenu__item .submenu__title:after {
  content: "";
  position: absolute;
  right: 6px;
  top: 21px;
  display: block;
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/icons/ic_arrow_right_menu@2x.png");
  background-size: auto 100%;
  transition: transform 0.5s ease;
}

.content__body .content__left ul.submenu li.submenu__item .submenu__content {
  margin-top: 20px;
  padding: 0 10px;
  display: none;
}

.content__body .content__left ul.submenu li.submenu__item .submenu__content .submenu__summary { font-size: 27px; color: #666666; letter-spacing: -1px; word-break:keep-all; }

.content__body .content__left ul.submenu li.submenu__item .submenu__content .submenu__info {
  margin-top: 45px;
}

.content__body .content__left ul.submenu li.submenu__item .submenu__content .submenu__info-title {
  font-size: 20px;
  color: #ff6600;
  font-weight: 700;
}

.content__body .content__left ul.submenu li.submenu__item .submenu__content .submenu__info-title span {
  position: relative;
}

.content__body .content__left ul.submenu li.submenu__item .submenu__content .submenu__info-title span:after {
  content: "";
  position: absolute;
  left: calc(100% + 10px);
  bottom: 5px;
  display: block;
  height: 3px;
  width: 70px;
  background-color: #ff6600;
}

.content__body .content__left ul.submenu li.submenu__item .submenu__content .submenu__info-desc { font-size: 18px; color: #666666; margin-top: 20px; letter-spacing: -1px; word-break:keep-all; }

.content__body .content__left ul.submenu li.submenu__item.submenu__item--active {
  padding-top: 35px;
  padding-bottom: 50px;
}

.content__body .content__left ul.submenu li.submenu__item.submenu__item--active .submenu__title {
  font-size: 33px;
  color: #000000;
  font-weight: 700;
}

.content__body .content__left ul.submenu li.submenu__item.submenu__item--active .submenu__title br {
  display: block;
}

.content__body .content__left ul.submenu li.submenu__item.submenu__item--active .submenu__title:after {
  width: 25px;
  height: 25px;
  transform: rotate(90deg);
  background-image: url("../img/icons/ic_arrow_right_menu_bk@2x.png");
}

.content__body .content__left ul.submenu li.submenu__item.submenu__item--active .submenu__content {
  display: block;
}

.content__body .content__right {
  padding-bottom: 150px;
}

/* content__left */
/* submenu__item--active */
/* content__right */
.portfolio__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
.portfolio__list li.portfolio__item { }
.portfolio__list li.portfolio__item a.portfolio__link { display: block; position: relative; }
.portfolio__list li.portfolio__item a.portfolio__link img { width:100%; height:auto; }
.portfolio__list li.portfolio__item a.portfolio__link img.web { display:block; }
.portfolio__list li.portfolio__item a.portfolio__link img.m { display:none; }
.portfolio__list li.portfolio__item:nth-child(2n) a.portfolio__link { top: 43%; }

/* product_project__details */
.product__header .product__title {
  position: relative;
  font-size: 72px;
  font-weight: 500;
  padding-top: 60px;
}

.product__header .product__title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 60px;
  height: 1px;
  background-color: #7f7f7f;
}

.product__header .product__summary {
  font-size: 32px;
  color: #ff6600;
  margin-top: 65px;
  word-break:keep-all;
}

.product__header .product__description {
  font-size: 20px;
  color: #666666;
  margin-top: 30px;
	word-break:keep-all;
}

.product__header .product__info {
  display: flex;
  gap: 25px;
  margin-top: 70px;
}

.product__header .product__info .product__info-item {
  display: flex;
  font-size: 20px;
  color: #333;
  gap: 5px;
  font-weight: 500;
}

.product__header .product__info .product__info-title { color: #888; }

.product__header .product__specifications { display: flex; justify-content:space-between; border-top: 1px solid #e7e7e7; margin-top: 20px; padding: 50px 20px; box-sizing:border-box; }

.product__header .product__specifications .product__specifications-item { position: relative; padding-left: 74px; }
.product__header .product__specifications .product__specifications-item:before { content: ""; position: absolute; left: 0; top: 10px; display: block; width: 62px; height: 46px; background-repeat:no-repeat; background-position:center; background-size:100% auto; }

.product__header .product__specifications .product__specifications-item.product__specifications-item-distance:before { background-image:url('../img/contents/ic_product__specifications01.jpg'); }
.product__header .product__specifications .product__specifications-item.product__specifications-item-speed:before { background-image:url('../img/contents/ic_product__specifications02.jpg'); }
.product__header .product__specifications .product__specifications-item.product__specifications-item-weight:before { background-image:url('../img/contents/ic_product__specifications03.jpg'); }
.product__header .product__specifications .product__specifications-item.product__specifications-item-capacity:before { background-image:url('../img/contents/ic_product__specifications04.jpg'); }


.product__header .product__specifications .product__specifications-item .product__specifications-title { font-size: 16px; color: #888888; }
.product__header .product__specifications .product__specifications-item .product__specifications-value { font-size: 24px; color: #000000; }
.product__header .product__specifications .product__specifications-item:last-child:after { display: none; }

.product__links {
  position: relative;
  background-color: #595959;
  margin-bottom: 95px;
}

.product__links .product__links-list {
  display: flex;
}

.product__links .product__links-list li.product__links-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  height: 68px;
  font-size: 20px;
  border-right: 1px solid #fff;
}

.product__links .product__links-list li.product__links-item .product__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #1f1f1f;
  color: #fff;
}

.product__links .product__links-list li.product__links-item.current .product__link {
  background-color: #ff6600;
}

.product__links .product__btn--estimate {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0 20px;
  font-size: 20px;
}
.product__links .product__btn--estimate span { background-repeat: no-repeat;
  background-position: left center;
  background-image: url("../img/icons/ic_estimate.png"); padding-left:30px; }

.product__section {
  margin-bottom: 90px;
}

.product__section .product__section-title {
  font-size: 30px;
  font-weight: 500;
  margin-bottom: 30px;
}

.product__feature-content {
  display: grid;
  grid-template-columns: 482px 1fr;
  gap: 60px;
}

.product__feature-content .product__feature-image img {
  box-shadow: 10px 10px 20px #ccc;
}
.product__feature-content .product__feature-text { 
	font-size: 20px;
	color: #666666;
	word-break: keep-all;
	line-height: 1.55;
}
.product__feature-content .product__feature-subtitle {
  font-size: 36px;
  color: #ff6600;
  font-weight: 700;
}

.product__feature-content .product__feature-description {
  font-size: 20px;
  color: #666666;
  margin-top: 30px;
  word-break: keep-all;
  line-height: 1.55; display:none;
}

.product__feature-content .product__feature-list {
  margin-top: 50px;
}

.product__feature-content .product__feature-list dt.product__feature-list-title,
.product__feature-content .product__feature-list dd.product__feature-list-items {
  font-size: 20px;
  color: #666666;
}

.product__feature-content .product__feature-list p.product__feature-item {
  font-size: 20px;
  color: #666666;
  margin-top: 10px;
}

.product__function .product__function-list {
background-color:#262525; 
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/contents/bg_product-project__function.jpg");
  background-size: 100% auto;
  padding: 100px 43px 80px 43px;
}

.product__function .product__function-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.product__function .product__function-items li { }
.product__function .product__function-items li .product__function-image { }
.product__function .product__function-items li .product__function-image img { width:100%; height:auto;   }



.product__function-description {
  margin-top: 50px;
}

.product__function-description dt {
  text-align: center;
  color: #fff;
  font-size: 25px;
}

.product__function-description dd {
  text-align: center;
  color: #c5c5c5;
  font-size: 18px;
  margin-top: 15px;
  word-break: keep-all;
}

.product__configuration-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 30px;
}

.product__configuration-name {
  text-align: center;
  font-size: 20px;
  color: #333333;
  margin-top: 25px;
}

.product__configuration-image {
  border: 1px solid #d5d5d5;
}

.product__safety-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 30px;
}

.product__safety-name {
  text-align: center;
  font-size: 20px;
  color: #333333;
  margin-top: 25px;
}

.product__safety-image {
  border: 1px solid #d5d5d5;
}

.product__case-studies-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px 30px;
}

.product__case-study-name {
  text-align: center;
  font-size: 20px;
  color: #333333;
  margin-top: 25px;
}

.product__case-study-image { border: 1px solid #d5d5d5; }
.product__case-study-image img { width:100%; height:auto; }
.product__downloads {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}

.product__downloads .product__download-item {
  position: relative;
  display: block;
  width: 100%;
  height: 100px;
  background-color: #f1f1f1;
  font-size: 25px;
}

.product__downloads .product__download-item a {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 140px;
}

.product__downloads .product__download-item:before {
  content: "";
  position: absolute;
  left: 60px;
  top: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size:100% auto; 
}

.product__downloads .product__download-item.catalog:before {
  width: 48px;
  height: 56px;
  background-image: url("../img/icons/ic_catalog.png");
}

.product__downloads .product__download-item.floor_plan:before {
  width: 56px;
  height: 47px;
  background-image: url("../img/icons/ic_floor_plan.png");
}

/* certifications__slide */
#certifications__slide {
  position: relative;
  background-color: #f0f0f0;
  padding: 90px 155px 55px 155px;
}

#certifications__slide .swiper-slide .img {
  text-align: center;
}

#certifications__slide .swiper-slide img {
  max-width: 100%;
  height: auto;
}

#certifications__slide .swiper-slide .text {
  text-align: center;
  font-size: 20px;
  margin-top: 20px;
  color: #333333;
}

#certifications__slide .swiper-button-next {
  right: 100px;
  color: #080404;
}

#certifications__slide .swiper-button-prev {
  left: 100px;
  color: #080404;
}



/*========================
3. UAM
========================*/
#uam__details { }
#uam__details .product__header { margin-bottom:90px; }
#uam__details .product__header .product__title { font-size:54px; }

.product__header .product__overview { position:relative; padding-right:calc(45% + 50px); margin-top:45px; }
.product__header .product__overview .product__summary { font-weight:500; margin-top:0; font-size:26px; color:#333333; }
.product__header .product__overview .product__info { margin-top:65px; display:block; }
.product__header .product__overview .product__info .product__info-title { }
.product__header .product__overview .product__info .product__info-title p { font-size:32px; color:#ff6600; font-weight:500;  letter-spacing:-1.5px; }
.product__header .product__overview .product__info .product__info-title p.en { font-size:20px; color:#333333; font-weight:700;   margin-bottom:10px; }
.product__header .product__overview .product__info .product__info-description { font-size:20px; line-height:1.55; color:#333333; word-break: keep-all; margin-top:25px; letter-spacing:-1.0px; }
.product__header .product__overview .product__image { position:absolute; right:0; top:0px; max-width:45%; }
.product__header .product__overview .product__image .img-box { overflow:hidden; border-radius:20px; }
.product__header .product__overview .product__image img { min-width:100%; min-height:100%; height:auto; object-fit: cover; }

.product__header .product__specs { margin-top:80px; }
.product__header .product__specs .product__specs-title { font-size:28px; font-weight:500; }
.product__header .product__specs .product__specs-content { display:grid; grid-template-columns:1.4fr 1fr; gap:65px; margin-top:20px; }
.product__header .product__specs .product__specs-content .product__spec-item { border:3px solid #333333; border-radius:20px; padding:0 40px; background-color:#f6f6f6; overflow:hidden;  }
.product__header .product__specs .product__specs-content .product__spec-item dl { display:grid; grid-template-columns:120px 1fr; gap:20px; padding:15px 0; border-bottom:1px solid #d0d0d0; }
.product__header .product__specs .product__specs-content .product__spec-item dl:last-child { border-bottom:0; }
.product__header .product__specs .product__specs-content .product__spec-item dl dt,
.product__header .product__specs .product__specs-content .product__spec-item dl dd { font-size:20px; line-height:1.25; }
.product__header .product__specs .product__specs-content .product__spec-item dl dt { font-weight:500; }
.product__header .product__specs .product__specs-content .product__spec-item dl dd { word-break:keep-all; }
.product__header .product__specs .product__specs-content .product__spec-details { padding-top:40px; font-size:20px; line-height:1.75; position:relative; }
.product__header .product__specs .product__specs-content .product__spec-details:before { content:""; position:absolute; left:0; top:5px; display:block; height:4px; width:50px; background-color:#ff6600; }

.product__header .product__bottom { display:grid; grid-template-columns:2.0fr 1fr; gap:65px; margin-top:70px; }
.product__header .product__bottom .product__features { display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; }
.product__header .product__bottom .product__features .product__features-title { font-size:28px; font-weight:500; }
.product__header .product__bottom .product__features .product__features-list { margin-top:30px; }
.product__header .product__bottom .product__features .product__features-list li { position:relative; font-size:18px; color:#666666; padding-left:10px; margin-top:10px; }
.product__header .product__bottom .product__features .product__features-list li:before { content:""; display:block; width:4px; height:4px; background-color:#ff6600; border-radius:4px; position:absolute; left:0; top:10px; }

.product__header .product__bottom .product__cta-links { max-width:384px; }
.product__header .product__bottom .product__cta-links li { margin-top:11px; }
.product__header .product__bottom .product__cta-links li .product__cta-link { position:relative; display:flex; align-items:center; justify-content:flex-start; font-size:22px;  width:100%; height:90px; padding:0 25px; box-sizing:border-box; color:#fff; font-weight:500; background-color:#ff6600; }
.product__header .product__bottom .product__cta-links li .product__cta-link:after { content:""; position:absolute; right:25px; top:50%; transform:translateY(-50%); display:block; width:53px; height:42px; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
.product__header .product__bottom .product__cta-links li .product__cta-link--consult { }
.product__header .product__bottom .product__cta-links li .product__cta-link--consult:after { background-image:url('../img/icons/ic_consult.png'); }
.product__header .product__bottom .product__cta-links li .product__cta-link--case { background-color:#000; }
.product__header .product__bottom .product__cta-links li .product__cta-link--case:after { background-image:url('../img/icons/ic_case.png'); }




/*========================
3. 혁신기술
========================*/

/* 송산혁신기술 */
.innovation-banner { position:relative; background-color:#eef4f6; padding:60px 90px; }
.innovation-banner .innovation-banner__mark { position:absolute; right:140px; top:70px; }
.innovation-banner .innovation-banner__title { font-size:42px; }
.innovation-banner .innovation-banner__text { font-size:20px; margin-top:20px; color:#333333; }
.innovation-banner .innovation-banner__text br.m { display:none; }

.tech-list { margin-top:100px; }
.tech-list li.tech-list__item { position:relative; margin-top:70px; padding-top:70px; border-top:1px solid #d8d8d8; display:grid; grid-template-columns: 1.5fr 1.0fr; gap:70px; overflow:hidden; direction: rtl; }
.tech-list li.tech-list__item.even { direction: ltr; }
.tech-list li.tech-list__item.even .tech-slider { }

.tech-slider { overflow:hidden; }
.tech-slider .swiper-slide { }
.tech-slider .swiper-slide img { width:100%;  }
.tech-slider .swiper-button-prev,
.tech-slider .swiper-button-next { position:absolute; bottom:0 !important; right:0 !important; left:auto !important; top:auto !important; display:block; width:57px; height:57px; background-repeat:no-repeat; background-position:center; background-size:100% auto; opacity:1 !important; }
.tech-slider .swiper-button-prev svg,
.tech-slider .swiper-button-next svg { display:none; }
.tech-slider .swiper-button-prev { background-image:url('../img/contents/ic_slide_btn_prev.jpg'); right:57px !important; border-right:1px solid #000; }
.tech-slider .swiper-button-prev:hover { background-image:url('../img/contents/ic_slide_btn_prev_on.jpg'); }
.tech-slider .swiper-button-next { background-image:url('../img/contents/ic_slide_btn_next.jpg'); }
.tech-slider .swiper-button-next:hover { background-image:url('../img/contents/ic_slide_btn_next_on.jpg'); }

.tech-list li.tech-list__item .tech-content { text-align:left; }
.tech-list li.tech-list__item .tech-content .tech-content__title { font-size:21px; color:#ff6600; font-weight:700; padding-top:10px; }
.tech-list li.tech-list__item .tech-content .tech-content__summary { font-size:42px; font-weight:700; line-height:1.2; margin-top:20px; }
.tech-list li.tech-list__item .tech-content .tech-content__features { margin-top:20px; }
.tech-list li.tech-list__item .tech-content .tech-content__features li { position:relative; font-size:20px; color:#333333; padding-left:15px; margin-top:7px; }
.tech-list li.tech-list__item .tech-content .tech-content__features li:before { content:"-"; position:absolute; left:0; top:0; }
.tech-list li.tech-list__item .tech-content .tech-certificate { margin-top:60px; }
.tech-list li.tech-list__item .tech-content .tech-certificate dt { font-size:20px; font-weight:700; }
.tech-list li.tech-list__item .tech-content .tech-certificate dd { margin-top:20px; }


/* SPTM 관리시스템 */
.sptm__hero { }
.sptm__hero .sptm__hero-inner { display:grid; grid-template-columns:repeat(2, 1fr); gap:50px; }
.sptm__hero .sptm__hero-content { }
.sptm__hero .sptm__hero-eyebrow { font-size:21px; color:#ff6600; font-weight:700; }
.sptm__hero .sptm__hero-title { font-size:41px; font-weight:700; margin-top:25px; }
.sptm__hero .sptm__hero-desc { font-size:22px; margin-top:25px; }
.sptm__hero .sptm__hero-benefits { margin-top:45px; }
.sptm__hero .sptm__hero-benefits li.sptm__hero-benefit { position:relative; font-size:18px; margin-top:5px; padding-left:15px; }
.sptm__hero .sptm__hero-benefits li.sptm__hero-benefit:before { content:"-"; position:absolute; left:0; top:0; }
.sptm__hero .sptm__hero-tags { display:grid; grid-template-columns:repeat(2, 1fr); gap:5px; margin-top:50px; }
.sptm__hero .sptm__hero-tags li { font-size:21px; border:2px solid #111111; border-radius:7px; display:flex; align-items:center; justify-content:center; height:56px; padding:0 5px; box-sizing:border-box; }
.sptm__hero .sptm__hero-image { display:flex; align-items:flex-end; justify-content:center; }

/* sptm__reason */
.sptm__reason { margin-top:95px; padding-top:100px; border-top:1px solid #d8d8d8; }
.sptm__reason .sptm__reason-inner { display:grid; grid-template-columns:1fr 275px 1fr; gap:20px; }
.sptm__reason .sptm__reason-item { border:1px solid #3a3a3a; border-radius:10px; padding:40px 30px; }
.sptm__reason .sptm__reason-item dt.sptm__reason-title { position:relative; font-size:32px; font-weight:700; padding-left:45px; }
.sptm__reason .sptm__reason-item dt.sptm__reason-title:before { content:""; position:absolute; left:0; top:0; display:block; width:40px; height:40px; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
.sptm__reason .sptm__reason-item dt.sptm__reason-title em { color:#ff6600; }
.sptm__reason .sptm__reason-item dd.sptm__reason-content { margin-top:25px; }
.sptm__reason .sptm__reason-item .sptm__reason-desc { font-size:18px; color:#333333; line-height:1.55; word-break:keep-all; }
.sptm__reason .sptm__reason-item .sptm__reason-list { margin-top:20px; }
.sptm__reason .sptm__reason-item .sptm__reason-list li.sptm__reason-list-item { position:relative; font-size:18px; color:#333333; padding-left:15px; margin-top:2px; font-weight:300; letter-spacing:-1px; }
.sptm__reason .sptm__reason-item .sptm__reason-list li.sptm__reason-list-item:before { content:"-"; position:absolute; left:0; top:0; }
.sptm__reason .answer-question_arrow { text-align:center; display:flex; align-items:center; justify-content:center; }
.sptm__reason .answer-question_arrow dl { background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/sptm_arrow.jpg'); background-size:100% auto; width:100%; height:294px; display:flex; align-items:center; justify-content:center;    flex-flow: column; }
.sptm__reason .answer-question_arrow dt { font-size:50px; font-weight:700; }
.sptm__reason .answer-question_arrow dd { font-size:18px; padding-bottom:10px; }
.sptm__reason .sptm__reason-item.answer dt.sptm__reason-title:before { background-image:url('../img/contents/ic_question.jpg'); }
.sptm__reason .sptm__reason-item.question dt.sptm__reason-title:before { background-image:url('../img/contents/ic_answer.jpg'); }

/* sptm__architecture */
.sptm__architecture { margin-top:95px; padding-top:100px; border-top:1px solid #d8d8d8; }
.sptm__architecture .sptm__section-title { font-size:42px; font-weight:700; margin-bottom:35px; }

.sptm__architecture .sptm__architecture-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:14px 7px; }
.sptm__architecture .sptm__architecture-list li { position:relative; border:1px solid #d8d8d8; border-radius:10px; padding:30px; padding-top:65px; }
.sptm__architecture .sptm__architecture-list li:before { content:""; position:absolute; right:27px; top:40px; display:block; width:68px; height:68px; background-repeat:no-repeat; background-position:center; background-size:100% auto; }
.sptm__architecture .sptm__architecture-list li .sptm__architecture-key { font-size:18px; color:#ff6600; font-weight:400;  }
.sptm__architecture .sptm__architecture-list li .sptm__architecture-title { font-size:20px; font-weight:700; margin-top:10px; }
.sptm__architecture .sptm__architecture-list li .sptm__architecture-desc { font-size:18px; color:#333333; }

.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--come:before { background-image:url('../img/contents/ic_sptm_come.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--ai:before { background-image:url('../img/contents/ic_sptm_ai.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--life:before { background-image:url('../img/contents/ic_sptm_life.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--rcm:before { background-image:url('../img/contents/ic_sptm_rcm.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--pattern:before { background-image:url('../img/contents/ic_sptm_pattern.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--alert:before { background-image:url('../img/contents/ic_sptm_alert.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--schedule:before { background-image:url('../img/contents/ic_sptm_schedule.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--report:before { background-image:url('../img/contents/ic_sptm_report.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--uam:before { background-image:url('../img/contents/ic_sptm_uam.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--dron:before { background-image:url('../img/contents/ic_sptm_dron.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--extreme:before { background-image:url('../img/contents/ic_sptm_extreme.jpg'); }
.sptm__architecture .sptm__architecture-list li.sptm__architecture-item--center:before { background-image:url('../img/contents/ic_sptm_center.jpg'); }

/* sptm__core-functions */
.sptm__core-functions { margin-top:95px; padding-top:100px; border-top:1px solid #d8d8d8; }
.sptm__core-functions .sptm__section-title { font-size:42px; font-weight:700; margin-bottom:35px; }

.sptm__core-functions-items { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
.sptm__core-functions-items .sptm__core-functions-item { }
.sptm__core-functions-items .sptm__core-functions-img { }
.sptm__core-functions-items .sptm__core-functions-img img { width:100%; height:auto; }
.sptm__core-functions-items .sptm__core-functions-description { margin-top:35px; }
.sptm__core-functions-items .sptm__core-functions-description dt { font-size:27px; font-weight:700; }
.sptm__core-functions-items .sptm__core-functions-description dd { margin-top:25px; }
.sptm__core-functions-items .sptm__core-functions-description dd .sptm__core-functions-list { }
.sptm__core-functions-items .sptm__core-functions-description dd .sptm__core-functions-list li { position:relative; font-size:18px; color:#666666; padding-left:15px; margin-top:5px; }
.sptm__core-functions-items .sptm__core-functions-description dd .sptm__core-functions-list li:before { content:"-"; position:absolute; left:0; top:0; } 


/* sptm__summary */
.sptm__summary { margin-top:95px; padding-top:100px; border-top:1px solid #d8d8d8; display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; }
.sptm__summary .sptm__section-title { font-size:42px; font-weight:700; margin-bottom:35px; }

.sptm__effect .sptm__effect-desc { font-size:24px; font-weight:700; }
.sptm__effect .sptm__effect-desc em { color:#ff6600; }
.sptm__effect .sptm__effect-list { display:grid; grid-template-columns:repeat(2, 1fr); gap:5px; margin-top:35px; max-width:495px; }
.sptm__effect .sptm__effect-list li { font-size:21px; border:2px solid #111111; border-radius:7px; text-align:center; padding:12px 5px; }

.sptm__field { }
.sptm__field .sptm__field-content { display:grid; grid-template-columns:1fr 1.1fr ; gap:35px; }
.sptm__field .sptm__field-img { }
.sptm__field .sptm__field-img img { width:100%; height:auto; }
.sptm__field .sptm__field-list { }
.sptm__field .sptm__field-list li.sptm__field-item { position:relative; font-size:18px; color:#333333; padding-left:15px; letter-spacing:-1px; margin-bottom:7px; }
.sptm__field .sptm__field-list li.sptm__field-item:before { content:"-"; position:absolute; left:0; top:0; } 



/*========================
4. 회사소개
========================*/
/* 1) 인사말 */
.ceo-message { display:grid; grid-template-columns:389px 1fr; gap:140px; margin-top:140px; }
.ceo-message .ceo-message__pic { border-radius:7px; overflow:hidden; }
.ceo-message .ceo-message__pic img { width:100%; height:auto; }
.ceo-message .ceo-message__pic .pic { border-radius:8px; overflow:hidden; }
.ceo-message .ceo-message__pic .ceo-message__signature { display:none; }

.ceo-message .ceo-message__content { }
.ceo-message .ceo-message__text-main { font-size:34px; line-height:1.5; font-weight:700; word-break:keep-all; }
.ceo-message .ceo-message__text { font-size:20px; line-height:1.75; color:#666666; margin-top:60px; word-break:keep-all; }
.ceo-message .ceo-message__signature { margin-top:85px;  }
.ceo-message .ceo-message__signature .ceo-message__position { display:block; font-size:20px; word-break:keep-all; }
.ceo-message .ceo-message__signature .ceo-message__name { display:block; font-size:38px; font-weight:400; margin-top:10px; }

/* 2) 비젼 */
.vision { }

.vision .vision__hero { background-color:#eeeeee; padding:95px; }
.vision__hero .vision__hero-title { font-size:55px; text-align:center; font-weight:500; }
.vision__hero .vision__hero-title br.m { display:none; }
.vision__hero .vision__hero-subtitle { font-size:26px; text-align:center; margin-top:20px; }
.vision__hero .vision__hero-value { position:relative; display:flex; flex-direction: column; align-items:center; justify-content:center; width:305px; height:305px; margin:0 auto; margin-top:45px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/ic_point_round_bg.png'); background-size:100% auto; color:#fff; z-index:100; }
.vision__hero .vision__hero-value-title { font-size:38px; font-weight:500; }
.vision__hero .vision__hero-value-en { font-size:15.2px; margin-top:10px; }

.vision__hero .vision__core-list { position:relative; display:grid; grid-template-columns:repeat(3, 1fr); gap:60px; padding-top:113px; }
.vision__hero .vision__core-list:before { content:""; position:absolute; left:0; right:0; top:0; display:block; height:113px; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/img_link_line.png'); background-size: auto 100%; }
.vision__hero .vision__core-list li { background-color:#fff; border:1px solid #000; padding:50px 35px; }
.vision__hero .vision__core-list li .vision__core-index { font-size:48px; font-weight:700; }
.vision__hero .vision__core-list li .vision__core-title { font-size:30px; font-weight:700; word-break:keep-all; }
.vision__hero .vision__core-list li .vision__core-title em { color:#ff6600; }
.vision__hero .vision__core-list li .vision__core-title-en { font-size:20.9px; margin-top:30px; font-weight:500; }
.vision__hero .vision__core-list li .vision__core-desc { font-size:18px; color:#666666; margin-top:20px; }
.vision__hero .vision__core-list li .vision__core-desc p { position:relative; padding-left:15px; }
.vision__hero .vision__core-list li .vision__core-desc p:before { content:"-"; position:absolute; left:0; top:0; }

.vision .vision__mid { display:block; height:440px; background-repeat:no-repeat; background-position:center top; background-image:url('../img/contents/vision__mid_bg.jpg'); background-size:100% auto; text-align:center; margin-top:40px; }
.vision .vision__mid .vision__mid-vision { padding-top:95px; }
.vision .vision__mid .vision__mid-vision .vision__mid-title { font-size:68px; font-weight:600; }
.vision .vision__mid .vision__mid-vision .vision__mid-title em { color:#ff6600;  }
.vision .vision__mid .vision__mid-vision .vision__mid-subtitle { font-size:22px; color:#666666; }
.vision .vision__mid .vision__mid-brand { margin-top:70px; }
.vision .vision__mid .vision__mid-brand .vision__mid-brand-title { font-size:18.27px; font-weight:500; }
.vision .vision__mid .vision__mid-brand .vision__mid-brand-name { font-size:44px; font-weight:500; }

.vision .vision__list { display:grid; grid-template-columns:repeat(4, 1fr); gap:23px }
.vision .vision__list li { position:relative; background-color:#ff6600; border-radius:10px; padding:45px 35px; height:312px; box-sizing:border-box; }
.vision .vision__list li:after { content:""; position:absolute; right:23px; bottom:23px; display:block; width:60px; height:60px;  background-repeat:no-repeat; background-size: 100% auto; }
.vision .vision__list li:nth-child(2n) { background-color:#2d2d2d; }
.vision .vision__list li:nth-child(1):after { background-image:url('../img/icons/ic_vision_list01.png'); }
.vision .vision__list li:nth-child(2):after { background-image:url('../img/icons/ic_vision_list02.png'); }
.vision .vision__list li:nth-child(3):after { background-image:url('../img/icons/ic_vision_list03.png'); }
.vision .vision__list li:nth-child(4):after { background-image:url('../img/icons/ic_vision_list04.png'); }

.vision .vision__list li .vision__list-content { }
.vision .vision__list li .vision__list-content dt { font-size:28px; color:#fff; }
.vision .vision__list li .vision__list-content dd { font-size:16px; color:#fff; line-height:1.75; margin-top:20px; }

.vision .vision__text { margin-top:60px; padding-bottom:70px; border-bottom:1px solid #ededed; }
.vision .vision__text .vision__text-main { text-align:center; font-size:45px; font-weight:500; }
.vision .vision__text .vision__text-sub { text-align:center; font-size:24px; margin-top:40px; }


/* 3) 연혁 */
.history { position:relative; }
.history:after { content:""; position:absolute; left:50%; top:0; display:block; width:1px; height:100%; background-color:#d6d6d6; }
.history .history__title { position:absolute; right:50%; top:0; font-size:50px; text-align:right; padding-right:80px; word-break:keep-all; }
.history .history__title .history__title-highlight { font-size:64px; }
.history .history__title .history__title-text { }

.history .history__list { }
.history .history__list li.history__item { position:relative; padding-left:calc(50% + 80px); box-sizing:border-box; margin-bottom:100px; }
.history .history__list li.history__item:before { content:""; position:absolute; left:calc(50% - 6px); top:35px; display:block; width:13px; height:13px; background-color:#ff6600; border-radius:15px; z-index:1; }
.history .history__list li.history__item .history__period { font-size:60px; font-weight:700; }
.history .history__list li.history__item .history__phase { font-size:35px; font-weight:700; }
.history .history__list li.history__item .history__summary { font-size:20px; margin-top:10px; }
.history .history__list li.history__item .history__image { margin-top:40px; }
.history .history__list li.history__item .history__image .history__image-inner { display:inline-block; border-radius:10px; overflow:hidden; }
.history .history__list li.history__item .history__details { margin-top:50px; }
.history .history__list li.history__item .history__details .history__detail { font-size:18px; color:#666666; margin-top:10px; word-break:keep-all; }

.history .history__list li.history__item:nth-child(2n) { padding-left:0; width:calc(50% - 80px); text-align:right; }
.history .history__list li.history__item:nth-child(2n):before { left:auto; right:calc(0% - 86px); }

.history .history__list li.history__item:last-child { margin-bottom:0; }

.history .history__list li.history__item.current:before { left:calc(50% - 14px); top:-10px; background-color:transparent; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/ic_history_current_point.png'); background-size:100% auto; width:28px; height:28px; border-radius:28px; }
.history .history__list li.history__item.current:after { content:""; position:absolute; left:calc(50% - 0px); top:0; display:block; width:1px; height:50%; background-color:#ff6600; z-index:1; }


/* 4) OUR PARTNERS */
.partners__summary-box { display:flex; align-items:center; justify-content:center; height:225px; font-size:28px; font-weight:500; background-repeat:no-repeat; background-position:center; background-image:url('../img/contents/bgimg_partners_summary.jpg'); background-size:100% auto; text-align:center; margin-bottom:80px; }
.partners__summary-box p { }
.partners__summary-box em { color:#ff6600; }

.partners__group { margin-bottom:110px; }
.partners__group .partners__group-title { position:relative; padding-top:30px; font-size:28px; }
.partners__group .partners__group-title:before { content:"";position:absolute; left:0; top:0; display:block; height:4px; width:50px; background-color:#ff6600; }
.partners__group .partners__group-content { margin-top:30px; }

.partners__group .partners__logo-list { display:grid; grid-template-columns:repeat(4, 1fr); gap: 5px 9px; }
.partners__group .partners__logo-list li { border:3px solid #eeeeee; overflow:hidden; }
.partners__group .partners__logo-list li img { width:100%; height:auto; }
.partners__group .partners__logo-list li.bcw { border-color:#fff; } 
.partners__group .partners__name-list { display:grid; grid-template-columns:repeat(5, 1fr); gap:12px 5px; margin-top:30px; }
.partners__group .partners__name-list li { position:relative; font-size:20px; letter-spacing:-1px; padding-left:13px;  }
.partners__group .partners__name-list li:before { content:""; background-color:#ff6600; position:absolute; left:0; top:10px; display:block; width:4px; height:4px; border-radius:4px; }


.partners__overseas { display:grid; grid-template-columns:repeat(2, 1fr); gap:45px; }
.partners__overseas .partners__overseas-map { }
.partners__overseas .partners__overseas-summary { }
.partners__overseas .partners__overseas-text { font-size:30px; text-align:center; padding-top:40px; font-weight:500; }
.partners__overseas .partners__overseas-text em { color:#ff6600; }
.partners__overseas .partners__overseas-list { position:relative; padding-top:40px; margin-top:45px; }
.partners__overseas .partners__overseas-list:before { content:""; position:absolute; left:50%; top:0; display:block; height:1px; width:156px; background-color:#4c4c4c; transform:translateX(-50%); }
.partners__overseas .partners__overseas-list dt { text-align:center; font-size:28px; font-weight:700; color:#111111; }
.partners__overseas .partners__overseas-list dd { text-align:center; font-size:18px; font-weight:300; line-height:1.55; color:#333333; max-width:555px; margin:0 auto; margin-top:20px; }









/* 5) 인증 특허 */
.certifications__list { display:grid; grid-template-columns:repeat(4, 1fr); gap:50px 8px }
.certifications__list li { }
.certifications__list li .certifications__img { border:10px solid #f1f1f1; aspect-ratio: 274 / 387; overflow:hidden; }
.certifications__list li .certifications__img img { }
.certifications__list li .certifications__title { font-size:18px; text-align:center; margin-top:25px; }
.certifications__list li.empty { text-align:center; padding:150px 0; grid-column: 1 / -1; font-size:24px; }

/* 6) 채용공고 */
.careers { text-align:center; max-width:1160px; margin:0 auto; }
.careers img { width:100%; }
.careers .web { display:block; }
.careers .m { display:none; }


/* 7) 오시는 길 */
.location__list { }
.location__list li { margin-bottom:100px; }
.location__list li:last-child { margin-bottom:0; } 
.location__list li .location__title { font-size:36px; font-weight:700; }
.location__list li .location__info { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap: wrap; margin-top:15px;  }
.location__list li .location__info .info__inner { display:flex; align-items:center; gap:10px 40px; flex-wrap: wrap; }

.location__list li .location__info .location_contact__info { display:flex; align-items:center; gap:40px; }
.location__list li .location__info p { font-size:20px; }
.location__list li .location__info p b { }
.location__list li .location__info .link { display:flex; gap:5px; }
.location__list li .location__info .link .btn-link { font-size:18px; width:152px; height:50px; display:flex; align-items:center; justify-content:center; border-radius:50px; }
.location__list li .location__info .link .btn-link span { }
.location__list li .location__info .link .btn-link.navermap { background-color:#03c75a; }
.location__list li .location__info .link .btn-link.navermap span { }
.location__list li .location__info .link .btn-link.kakaomap { background-color:#fae100; }
.location__list li .location__info .link .btn-link.kakaomap span { }
.location__list li .location__map { margin-top:40px; }
.location__list li .location__map iframe { width:100% !important; height:580px; vertical-align:middle; }



/*========================
5. 송산뉴스
========================*/
.press { display:grid; grid-template-columns:repeat(3, 1fr); gap:60px 35px; }
.press li.press__item { }
.press li.empty { text-align:center; padding:150px 0; grid-column: 1 / -1; font-size:24px; }
.press .press__banner { }
.press .press__info { margin-top:30px; }
.press .press__info .press__category { font-size:20px; font-weight:700; color:#ff6600; }
.press .press__info .press__title { margin-top:10px; font-weight:700; font-size:24px; }
.press .press__info .press__date { margin-top:20px; font-size:18px; color:#999999; }

.bo-view { }
.bo-view .bo-view__header { padding:60px 0 35px 0; border-bottom:1px solid #e2e2e2; border-top:1px solid #000; }
.bo-view .bo-view__meta { font-size:18px; color:#999999; display:flex; gap:20px; }
.bo-view .bo-view__writer { }
.bo-view .bo-view__date { }
.bo-view .bo-view__title { font-size:40px; font-weight:700; }
.bo-view .bo-view__content { border-bottom:1px solid #e2e2e2; padding:80px 0 100px 0; font-size:20px; line-height:1.5; color:#333333; }

.bo__footer { display:flex; align-items:center; justify-content:center; margin-top:50px; }
.bo__footer .btn-basic { display:flex; align-items:center; justify-content:center; width:154px; height:50px; font-size:18px; border-radius:50px; }
.bo__footer .btn-basic.btn-list { background-color:#000; color:#fff; }

.promotional { display:grid; grid-template-columns:repeat(3, 1fr); gap:60px 35px; }
.promotional .promotional__item { }
.promotional .promotional__banner { }
.promotional .promotional__info { margin-top:30px; }
.promotional .promotional__title { font-size:20px; font-weight:700; text-align:center; }



.notices { border-top:2px solid #000000; }
.notices li { font-size:20px; color:#999999; border-bottom:1px solid #e2e2e2; display:grid; grid-template-columns:75px 1fr 140px; padding:20px 0; }
.notices .notices__no { text-align:center; }
.notices .notices__subject { padding-left:25px; }
.notices .notices__subject a { color:#333; }
.notices .notices__date { text-align:center; }
.notices li.empty { text-align:center; padding:150px 0; font-size:24px; grid-template-columns:repeat(1, 1fr); color:#000; }


/*========================
6. 시설.견적문의
========================*/
.bo-form { }
.bo-form__write { border-top:2px solid #000000; }
.bo-form__write .bo-form__item { display:grid; grid-template-columns:230px 1fr; border-bottom:1px solid #e2e2e2; }
.bo-form__write .bo-form__label,
.bo-form__write .bo-form__field { padding:20px 48px; font-size:18px; color:#333333; }
.bo-form__write .bo-form__label { display:flex; align-items:center; justify-content: center; background-color:#f7f7f7; text-align:center; gap:5px; padding:20px; }
.bo-form__write .bo-form__label em { color:#ff6600; }
.bo-form__write .bo-form__field { flex-grow: 1; }

.bo-form__input { display:flex; align-items:center; border:1px solid #e7e7e7; width:100%; height:37px; outline:none; box-sizing:border-box; padding:0 15px; font-size:18px; }
.bo-form__input.max200 { max-width:200px; }
.bo-form__input.max400 { max-width:400px; }

.bo-form__address { width:100%; display:grid; grid-template-columns:repeat(1, 1fr); gap:11px; max-width:750px; }
.bo-form__address li.bo-form__address-item { }
.bo-form__address li.bo-form__address-item .bo-form__input { }
.bo-form__address li.bo-form__address-item .bo-form__btn { }
.bo-form__address li.bo-form__address-item.post { display:grid; grid-template-columns:repeat(2, 1fr); gap:8px; max-width:290px; }

.bo-form__btn { height:37px; background-color:#424242; color:#fff; display:flex; align-items:center; justify-content:center; font-size:16px; outline:none; border:0; cursor:pointer; padding:0 25px; }

.bo-form__tel { display:grid; grid-template-columns:1fr 23px 1.5fr 23px 1.5fr; max-width:340px; }
.bo-form__tel .bo-form__input { justify-content:center; text-align:center; padding:0 10px; } 
.bo-form__tel .bo-form__sep { display:flex; align-items:center;  justify-content:center; }

.bo-form__email { display:grid; grid-template-columns:1fr 23px 1fr 1fr; gap:8px; max-width:655px;  }
.bo-form__email .bo-form__sep { display:flex; align-items:center;  justify-content:center; }

.bo-form__select { display:flex; align-items:center; border:1px solid #e7e7e7; width:100%; height:37px; outline:none; box-sizing:border-box; padding:0 15px; font-size:18px; cursor:pointer; }

.bo-form__textarea { display:flex; align-items:center; border:1px solid #e7e7e7; width:100%; height:295px; outline:none; box-sizing:border-box; padding:15px; font-size:18px; resize:none; }

.bo-form__file { display:grid; grid-template-columns:1fr 80px; gap:8px; align-items:center; max-width:820px; }

.filebox { position:relative; display:grid; grid-template-columns:120px 1fr; gap:8px; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label { display: flex; align-items:center; justify-content:center; background-color:#424242; color:#fff; font-size:18px; height:37px; cursor:pointer; }
.filebox .upload-name { display: flex; font-size: 18px; padding:0 20px; height:37px; 
border: 1px solid #e7e7e7; background-color:#e7e7e7; box-sizing:border-box; color:#666666; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}


.bo-form__captcha { display:grid; grid-template-columns:120px 120px 1fr; gap:8px; align-items:center; }
.bo-form__captcha .bo-form__captcha-number { }
.bo-form__captcha .bo-form__input { text-align:center; font-weight:700; color:#666666; }
.bo-form__captcha .bo-form__note { }

.bo-form__policy { display:flex; align-items:center; gap:35px; }

.bo-form__radio { display:flex; align-items:center; cursor:pointer; }
.bo-form__radio input { display:none; }
.bo-form__radio span { position:relative; display:flex; align-items:center; padding-left:35px; }
.bo-form__radio span:before { content:""; position:absolute; left:0; top:0; display:block; width:26px; height:26px; background-color:#eeeeee; }
.bo-form__radio input:checked + span:before { background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_radio_checked.jpg'); background-size:100% auto; }

.bo-form__tail { display:flex; align-items:center; justify-content:center; gap:7px; margin-top:70px; }
.btn-basic { display:flex; align-items:center; justify-content:center; height:50px; width:150px; font-size:18px; color:#333333;border:1px solid #a6a6a6; border-radius:50px; }
.btn-basic.type-bk { background-color:#000000; border-color:#000000; color:#fff; }

.catalog-list { display:grid; grid-template-columns:repeat(3, 1fr); gap:50px 35px; }
.catalog-list li.catalog-item { }
.catalog-list li.catalog-item .catalog-cover { }
.catalog-list li.catalog-item .catalog-download-wrapper { margin-top:30px; text-align:center; }
.catalog-list li.catalog-item .btn-download { display:inline-block; font-size:22px; font-weight:700; color:#333333; cursor:pointer; }
.catalog-list li.catalog-item .btn-download span { display:inline-block; padding-right:40px; background-repeat:no-repeat; background-position:right center; background-image:url('../img/icons/ic_catalog_download.png'); }
.catalog-list li.empty { 
    grid-column: 1 / -1; /* grid의 전체 컬럼을 차지 */
    text-align: center; 
    padding: 150px 0; 
    font-size: 24px; 
    color: #000; 
}

.pager { margin-top:80px; display:flex; align-items:center; justify-content:center; font-size:18px; color:#b4b4b4; gap:20px; overflow:hidden; }
.pager a { font-size:18px; color:#b4b4b4; padding:0 5px; }
.pager a.current { color:#ff6600; font-weight:700; } 
.pager .btn { display:block; width:27px; height:27px; background-repeat:no-repeat; background-position:center; }
.pager .btn.first { background-image:url('../img/icons/ic_page_first.png');   }
.pager .btn.prev { background-image:url('../img/icons/ic_page_prev.png');  }
.pager .btn.next { background-image:url('../img/icons/ic_page_next.png');  }
.pager .btn.end { background-image:url('../img/icons/ic_page_end.png');  }

.pager .page-numbers { display:flex; padding:0 50px; gap:20px;  }



/* modal */ 
.modal { position:fixed; left :0; top:0; right:0; bottom:0; z-index:1001; background-color:rgba(0,0,0,0.7); display:none; }
.modal .modal__overlay { position:absolute; left:0; top:0; right:0; bottom:0; }
.modal .modal__content { position:absolute; left:50%; top:50%; background-color:#fff; width:700px; margin:0 auto; transform:translate(-50%, -50%); padding:30px; box-sizing:border-box; }
.modal .modal__content .modal__top { position:relative; padding:0 30px; display:flex; margin:0 -30px; }
.modal .modal__content .modal__top h3 { font-size:18px; }
.modal .modal__content .modal__top .modal__close { position:absolute; right:30px; top:-5px; display:block; border:0; cursor:pointer; font-size:24px;  }
.modal .modal__content .modal__body { margin-top:30px; }

.modal .modal__content .modal__body .scrollbar-inner { height:600px; padding-right:40px; }
.text-terms { font-size:14px; line-height:1.75; }

body.is-modal-open { overflow:hidden; }