/* 팝업 */
.pop-parent { transition: all .2s;}
.pop-parent .m-ratioBox-wrap {width:100%; padding-top:133.3%; position:relative; overflow:hidden;}
.pop-parent .m-ratioBox-wrap .m-ratioBox {position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center;}
.pop-parent .m-ratioBox-wrap img {display:block; width:100%; height: 100%; object-fit: cover; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;}
.pop-parent .m-ratioBox-wrap iframe {width:105%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;}

.pop-parent .swiper { overflow:hidden;}
.pop-parent .swiper-container { overflow:visible;}
.pop-parent .swiper-pagination { display:flex;}
.pop-parent .pop {width:calc( 100vw - 32px ); max-width: 510px; position:relative;}
.pop-parent .pop .btn-toggle {width:40px; height:40px; position:relative; background-color:black; cursor:pointer; display: none; }
.pop-parent .pop .btn-toggle img { width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(-90deg); transition:all .3s;}
.pop-parent .pop-btns {display:flex; position:absolute; top: 0; left: 0; width: 100%; opacity:1; transform: translateY(-100%); justify-content: space-between; z-index: 1; height: 36px; }
.pop-parent .pop-btns a {color: #fff; padding: 7px 14px;}
.pop-parent .pop-btns #oneday_check {position: absolute; clip: rect(0,0,0,0);}
.pop-parent .pop-btns #oneday_check + label {display:flex; align-items:center; padding:0 10px; font-size:14px; color:#fff; cursor:pointer;}
.pop-parent .pop-btns #oneday_check + label .icon { display:inline-block; width:16px; height:16px; margin-right:10px;  border:1px solid #fff; font-size: 12px; text-align: center; line-height: 14px; color: transparent; }
.pop-parent .pop-btns #oneday_check:checked + label .icon { background: #fff; color: #222; }

.pop-parent .pop .swiper-btn-control {width:8px; height:11px; margin-left:16px; position:relative; top:2px;}
.pop-parent .swiper-control {display:flex; align-items:center; position:absolute; top:21px; right:20px; z-index:2;}
.pop-parent .swiper-control .swiper-pagination {position:static;}
.pop-parent .swiper-pagination-bullet {flex:0 0 auto; width:10px; height:10px; margin:0 5px; border-radius:0; border:1px solid white; opacity:0.5; background-color:transparent;}
.pop-parent .swiper-pagination-bullet-active {background-color:#fff; opacity:1;}
.pop-parent.active {right:-400px;}
.pop-parent.active .btn-toggle {transform:rotate(180deg);}

.pop-parent .pop .btn-close { display: block; width:40px; height:40px; position:absolute; background-color:black; top: 36px; right: 0; font-size: 16px; }

.popup-container { display: flex; position: fixed; top: 50%; right: unset; left: 50%; transform: translate(-50%, -50%);  z-index: 999; justify-content: center; gap: 40px; }

@media screen and (max-width: 1680px) {
  .pop-parent .pop { max-width: 400px; }
}
@media screen and (max-width: 860px) {
  .popup-container { display: block; width: calc( 100vw - 32px ); max-width: 400px; transform: none; left: 16px; top: 80px; }
  .popup-container .pop-parent { position: absolute; top: 0; left: 0; right: 0; }
}

/*///////////////////////// 공통 css /////////////////////////*/

/* form */
.form-wrap { gap: 32px; }
.form-list { gap: 32px; flex-flow: wrap; }
.form-list.border { padding-bottom: 32px; border-bottom: 1px solid #c5c5c5; }
.form-item { gap: 16px; width: 100%; }
.form-item.half { width: calc( 50% - 16px ); }
.form-item .item-default { font-size: 20px; font-weight: bold; }
.form-item .item-default .guide-txt { font-weight: normal; margin-top: 4px; }
.form-item .item-user { gap: 16px; }
.form-input-wrap { gap: 8px; color: #fff; align-items: center; }
.form-input-wrap .form-input { min-width: unset; }
.form-input { width: 100%; padding: 0 16px; height: 52px; border: 1px solid #d8d8d8; font-size: 17px; }
.form-input.disable { background: #f5f5f5; }
.form-date { padding-right: 30px; cursor: pointer; background-image: url(../images/icon-calendar.png); background-repeat: no-repeat; background-size: 18px; background-position: right 8px center; }
.form-textarea { width: 100%; padding: 16px; border: 1px solid #d8d8d8; background: #fff; height: 250px; font-size: 17px; }
.form-input::placeholder, .form-textarea::placeholder { color: #aeaeae; }
.form-search-wrap { position: relative; max-width: 360px; width: 100%;}
.form-search-input { height: 56px; padding: 0 24px; padding-right: 48px; width: 100%; background-color: #fff; border: 1px solid #e4e4e4; border-radius: 28px; font-size: 16px; font-weight: 600; }
.form-search-input::placeholder { color: #aeaeae; }
.form-search-btn { font-size: 20px; color: #1fabf3; position: absolute; right: 24px; top: 50%; transform: translateY(-50%);}

.form-btn-wrap { gap: 8px; width: 100%; }
.form-btn-wrap .form-btn { width: 138px; height: clamp( 40px, 4.44dvh, 48px ); font-size: clamp( 14px, 0.83vw, 16px ); font-weight: 600; color: #fff; border: 1px solid #fff; border-radius: 8px; text-align: center; display: flex; align-items: center; justify-content: center; transition: .2s;}
.form-btn-wrap .form-btn:hover { background: #fff; color: #222; }
.form-btn-wrap .form-btn.submit { background: #484848; }
.form-btn-wrap .form-btn.done { background: #707070; }
.form-btn-wrap .form-btn.disable { background: #e4e4e4; }
.form-btn-wrap .form-input { width: calc( 100% - 146px ); }

.form-sticker-wrap { position: relative; }
.form-sticker-wrap .form-sticker{ font-size: clamp( 14px, 0.83vw, 16px ); color: #fff; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); }
.form-sticker-wrap .form-input { padding-right: 64px; }

.form-footer-wrap { margin-top: 40px; }
.form-footer-txt { text-align: center; font-size: 18px; font-weight: 600; line-height: 1.5; margin-bottom: 24px; }
.form-submit-btn { width: 100%; max-width: 860px; margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 16px; height: 72px; background: #002f85; text-align: center; font-size: 18px; font-weight: bold; color: #fff; transition: .2s; }
.form-submit-btn:hover {  }
.form-submit-btn.disable { background: #e4e4e4; border-color: #e4e4e4; color: #fff; }
.form-submit-btn .icon { font-size: 24px; }

.guide-txt-wrap { display: flex; flex-flow: column; gap: 4px; }
.guide-txt { font-size: 14px; line-height: 1.5; color: #707070; position: relative; }
.guide-txt.dot { padding-left: 16px; }
.guide-txt.dot::after { content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #707070; left: 0; top: 10px; border-radius: 50%; }

@media screen and (max-width: 1440px) {
  .form-wrap { gap: 40px; }
  .form-list { gap: 24px 8px; }
  .form-item { gap: 8px; }
  .form-item.half { width: 100%; }
  .form-item .item-default { font-size: 14px; }
  .form-input-wrap { gap: 8px; }
  .form-input { font-size: 14px; height: 48px; }
  .form-textarea { padding: 16px; height: 160px; font-size: 14px; }
  .form-search-wrap { position: relative; }
  .form-search-input { height: 48px; border-radius: 24px; padding-right: 32px; font-size: 14px; }
  .form-search-btn { font-size: 20px; right: 16px; }
  
  .form-label-wrap.per4 .form-label { width: calc( ( 100% - 8px * 2 ) / 3 ); }
  .form-label-item { gap: 4px; height: 48px; font-size: 14px; }
  .form-label-item .icon { font-size: 16px; }
  
  .form-btn-wrap { gap: 8px; }
  .form-btn-wrap .form-btn { width: 120px; height: 48px; font-size: 14px; line-height: 48px; }
  .form-btn-wrap .form-input { width: calc( 100% - 128px ); }
  
  .form-footer-wrap { margin-top: 24px; }
  .form-footer-txt { font-size: 14px; margin-bottom: 16px; }
  .form-submit-btn { height: 48px; border-radius: 24px; line-height: 48px; font-size: 14px; }
}

/* modal */
.modal-container { position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 99999; background: rgba(0, 0, 0, 0.6); display: none; }
.modal-wrap { background: #fff; width: 100%; max-width: 1024px; height: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 16px; position: absolute; padding: 40px 32px; }
.modal-wrap::-webkit-scrollbar { display: none; }
.close-btn { position: absolute; font-size: 32px; cursor: pointer; top: 24px; right: 24px; z-index: 9; }
.modal-scroll-container .modal-scroll-wrap { width: 100%; }
.modal-scroll-wrap { max-height: 60ddvh; overflow: auto; }
.modal-title-wrap { margin-bottom: 16px; }
.modal-title-wrap.border { padding-bottom: 16px; border-bottom: 1px solid #c4c4c4; }
.modal-title-wrap.center { text-align: center; }
.modal-title { font-size: 24px; font-weight: bold; }
.modal-sub-title { font-size: 16px; line-height: 1.5; margin-top: 12px; color: #707070; }

.modal-footer { align-items: center; margin-top: 40px; gap: 8px; justify-content: center; }
.modal-footer-btn { width: 100%; height: 56px; border-radius: 0; text-align: center; line-height: 54px; font-size: 16px; font-weight: bold; color: #202020; background: #fff; border: 1px solid #202020; padding: 0 24px; }
.modal-footer-btn.close-btn { position: static; font-size: 16px; background: #aeaeae; color: #fff; border: 1px solid #aeaeae; }
.modal-footer-btn.submit-btn { background: #1fabf3; color: #fff; border: 1px solid #1fabf3; }
.modal-footer-btn.submit-btn.disable { background: #aeaeae; border: 1px solid #aeaeae; }
.modal-footer-btn.cancel-btn { background: #707070; color: #fff; border-color: #707070; }
.modal-footer-btn.write-btn { color: #1fabf3; border-color: #1fabf3; }

.modal-alert { border: 2px solid #e4e4e4; height: auto; width: calc( 100% - 80px ); padding: 40px 32px 32px; max-width: 320px; text-align: center; border-radius: 16px; left: 50%; right: unset; top: 50%; bottom: unset; transform: translate(-50%, -50%); }
.modal-alert .icon { display: block; width: 24px; margin: 0 auto; font-size: 24px; margin-bottom: 16px; }
.modal-alert .modal-title-wrap { margin-bottom: 16px; }
.modal-alert .modal-title-wrap .icon { margin-bottom: 8px; }
.modal-alert .modal-title { font-size: 20px; }
.modal-alert-txt { font-size: 14px; line-height: 1.5; }
.modal-alert .modal-footer { margin-top: 32px; }
.modal-alert .modal-footer-btn { width: 100%; height: 48px; line-height: 46px; font-size: 14px; }
.modal-alert .close-btn { font-size: 24px; top: 16px; right: 16px; }

.modal-select-wrap { width: 100%; top: unset; height: auto; transform: translateX(-50%) translateY(100%); bottom: 0; border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 16px; transition: .2s; }
.modal-container.active .modal-select-wrap { transform: translateX(-50%) translateY(0%); }
.modal-select-wrap .modal-title-wrap { text-align: center; padding-top: 20px; position: relative; margin-bottom: 16px; }
.modal-select-wrap .modal-title-wrap::after { content: ''; display: block; width: 104px; height: 2px; background: #f0f0f0; border-radius: 2px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
.modal-select-wrap .close-btn { top: 36px; }

.select-item:not(:last-child) { border-bottom: 1px solid #f0f0f0; }
.select-check { height: 50px; }
.select-check .icon { width: 22px; height: 22px; border-radius: 50%; border: 1px solid #e1e1e1; position: relative; background: #fff; transition: .2s;  }
.select-check .icon::after { content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #348C3E; opacity: 0; transition: .2s; }
input:checked ~ .select-check .icon { border: 1px solid #348C3E; }
input:checked ~ .select-check .icon::after { opacity: 1; }

.select-group.wrap .select-item { width: 50%; }
.select-item.checkbox .select-check .icon { width: 17px; height: 17px; border-radius: 2px; }
.select-item.checkbox .select-check .icon::after { display: none; }
.select-item.checkbox .select-check .icon i { width: 100%; font-size: 12px; text-align: center; line-height: 15px; color: #fff; font-weight: bold; }
.select-item.checkbox input:checked ~ .select-check .icon { background: #348C3E; }

.modal-menu-wrap { top: 0; left: unset; height: 100ddvh; width: 300px; right: 0; transform: translateX(100%); transition: .2s; }
.modal-container.active .modal-menu-wrap { transform: translateX(0); }
.modal-menu-wrap .select-group { max-height: calc( 100ddvh - 151px ); overflow: auto; }
.modal-menu-wrap .select-group::-webkit-scrollbar { display: none; }

.modal-notice-txt { position: fixed; top: 50%; width: calc( 100% - 32px ); max-width: 480px; left: 50%; transform: translate(-50%, -50%); z-index: 99999; padding: 12px 16px; font-size: 14px; font-weight: 500; text-align: center; line-height: 1.25; background: #000; border-radius: 4px; color: #fff; opacity: 0; display: none; transform: .2s; }
.modal-notice-txt.active { display: block; animation: fadeInOut 2s forwards; }
@keyframes fadeInOut { 
  0%, 99% { opacity: 0; }
  10%, 90% { opacity: .75; }
  100% { display: none; }
}

@media screen and (max-width: 1440px) {
  .modal-container { background: none; }
  .modal-wrap { max-width: unset; height: 100ddvh; border-radius: 0; padding: 40px 20px; }
  .close-btn { font-size: 24px; top: 20px; right: 20px; }
  .modal-scroll-wrap { max-height: 70ddvh; overflow: auto; }
  .modal-title { font-size: 20px; }
  .modal-sub-title { font-size: 14px; margin-top: 8px; }
  
  .modal-footer { margin-top: 24px; }
  .modal-footer-btn { height: 48px; line-height: 48px; font-size: 16px; padding: 0 16px; }
  
  .modal-alert { border: 1px solid #e4e4e4; height: auto; width: calc( 100% - 40px ); padding: 40px 32px 32px; max-width: 320px; text-align: center; border-radius: 16px; left: 50%; right: unset; top: 50%; bottom: unset; transform: translate(-50%, -50%); }
  .modal-alert .icon { display: block; width: 24px; margin: 0 auto; font-size: 24px; margin-bottom: 16px; }
  .modal-alert .modal-title-wrap { margin-bottom: 16px; }
  .modal-alert .modal-title-wrap .icon { margin-bottom: 8px; }
  .modal-alert .modal-title { font-size: 20px; }
  .modal-alert-txt { font-size: 14px; line-height: 1.5; }
  .modal-alert .modal-footer { margin-top: 32px; }
  .modal-alert .modal-footer-btn { width: 100%; height: 48px; line-height: 46px; font-size: 14px; }
  .modal-alert .close-btn { font-size: 24px; top: 16px; right: 16px; }
  
  .modal-select-wrap { width: 100%; top: unset; height: auto; transform: translateX(-50%) translateY(100%); bottom: 0; border-radius: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 16px; transition: .2s; }
  .modal-container.active .modal-select-wrap { transform: translateX(-50%) translateY(0%); }
  .modal-select-wrap .modal-title-wrap { text-align: center; padding-top: 20px; position: relative; margin-bottom: 16px; }
  .modal-select-wrap .modal-title-wrap::after { content: ''; display: block; width: 104px; height: 2px; background: #f0f0f0; border-radius: 2px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
  .modal-select-wrap .close-btn { top: 36px; }
  
  .select-item:not(:last-child) { border-bottom: 1px solid #f0f0f0; }
  .select-check { height: 50px; }
  .select-check .icon { width: 22px; height: 22px; border-radius: 50%; border: 1px solid #e1e1e1; position: relative; background: #fff; transition: .2s;  }
  .select-check .icon::after { content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #348C3E; opacity: 0; transition: .2s; }
  input:checked ~ .select-check .icon { border: 1px solid #348C3E; }
  input:checked ~ .select-check .icon::after { opacity: 1; }
  
  .select-group.wrap .select-item { width: 50%; }
  .select-item.checkbox .select-check .icon { width: 17px; height: 17px; border-radius: 2px; }
  .select-item.checkbox .select-check .icon::after { display: none; }
  .select-item.checkbox .select-check .icon i { width: 100%; font-size: 12px; text-align: center; line-height: 15px; color: #fff; font-weight: bold; }
  .select-item.checkbox input:checked ~ .select-check .icon { background: #348C3E; }
  
  .modal-menu-wrap { top: 0; left: unset; height: 100ddvh; width: 300px; right: 0; transform: translateX(100%); transition: .2s; }
  .modal-container.active .modal-menu-wrap { transform: translateX(0); }
  .modal-menu-wrap .select-group { max-height: calc( 100ddvh - 151px ); overflow: auto; }
  .modal-menu-wrap .select-group::-webkit-scrollbar { display: none; }
  
  .modal-notice-txt { position: fixed; top: 50%; width: calc( 100% - 32px ); max-width: 480px; left: 50%; transform: translate(-50%, -50%); z-index: 99999; padding: 12px 16px; font-size: 14px; font-weight: 500; text-align: center; line-height: 1.25; background: #000; border-radius: 4px; color: #fff; opacity: 0; display: none; transform: .2s; }
  .modal-notice-txt.active { display: block; animation: fadeInOut 2s forwards; }
  @keyframes fadeInOut { 
    0%, 99% { opacity: 0; }
    10%, 90% { opacity: .75; }
    100% { display: none; }
  }
}

/* 메인페이지 */
.index { margin-top: -96px; overflow: hidden; }
.index-section-title-wrap { margin-bottom: 32px; }
.index-section-title { font-size: 44px; font-weight: bold; }
.index-section-txt { font-size: 16px; line-height: 1.75; color: #707070; }
.index-more-btn { display: flex; align-items: center; gap: 16px; font-size: 20px; font-weight: bold; }
.index-more-btn .icon { width: 32px; height: 32px; border-radius: 50%; text-align: center; line-height: 32px; background: #101010; font-size: 20px; color: #fff; }

@media screen and (max-width: 1280px) {
  .index { margin-top: -56px; }
  .index-section-title { font-size: 24px; }
  .index-section-txt { font-size: 14px; line-height: 1.6; }
  .index-more-btn { font-size: 16px; gap: 8px; }
  .index-more-btn .icon { width: 24px; height: 24px; line-height: 24px; font-size: 16px; }
}

/* 메인페이지 - 메인 슬라이드 */
.index-slide { width: 100%; height: 100dvh; }
.index-slide .swiper-slide { position: relative; }
.index-slide .bg-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; }

.index-slide .txt-wrap { position: absolute; bottom: calc( 22dvh + 48px ); left: 6.25vw; display: flex; flex-flow: column; gap: 24px; z-index: 2; }
.index-slide .sub-title { font-size: 24px; color: #fff; letter-spacing: 0.4em; }
.index-slide .title { font-size: 56px; font-weight: 600; line-height: 1.5; color: #fff; }

.index-slide .index-slide-btn-wrap { position: absolute; bottom: 14.8dvh; left: 6.25vw; z-index: 9; display: flex; align-items: center; gap: 56px; }
.index-slide .index-slide-btn-group { align-items: center; }
.index-slide .index-slide-pagination { min-width: 200px; position: static; display: flex; gap: 12px; }
.index-slide .index-slide-pagination .swiper-pagination-bullet { width: unset; height: unset; background: none; margin: 0; font-size: 18px; position: relative; color: #fff; opacity: 1; font-weight: 200; }
.index-slide .index-slide-pagination .swiper-pagination-bullet::before { content: ''; display: block; position: absolute; width: 0; height: 2px; background: #fff; left: calc( 100% - 120px ); top: 50%; transform: translateY(-50%);}
.index-slide .index-slide-pagination .swiper-pagination-bullet-active { padding-right: 130px; font-weight: 600;}
.index-slide .index-slide-pagination .swiper-pagination-bullet-active::after { content: ''; display: block; position: absolute; width: 120px; height: 2px; background: #fff; opacity: 0.2; right: 0; top: 50%; transform: translateY(-50%); z-index: -1; }
.index-slide .index-slide-pagination .swiper-pagination-bullet-active::before { animation: pagi_ani 8s ease; }
@keyframes pagi_ani {
    0% { width: 0; }
    100% { width: 120px; }
}
.index-slide .index-slide-page { width: 48px; height: 48px; cursor: pointer; text-align: center; line-height: 48px; font-size: 24px; color: #fff; }

/* .index-slide .main-filter { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; z-index: 1; opacity: 0; transform: scale(1.5); animation: main_filter 8s ease; animation-delay: 3s; } */
/* .index-slide .main-filter { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; z-index: 1; opacity: 1; transform: scale(1); transition: opacity 1s ease-out, transform 1s ease-out; transition-delay: 2s; }
.index-slide .main-filter.active { opacity: 0; transform: scale(1.1); } */
.index-slide .main-filter { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; z-index: 1; opacity: 0; transform: scale(1.1); transition: opacity 1s ease-out, transform 1s ease-out; transition-delay: 2s; }
.index-slide .main-filter.active { opacity: 1; transform: scale(1); }
@keyframes main_filter {
  0% { opacity: 1; transform: scale(1); }
  20% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 0; transform: scale(1.5); }
}

@media screen and (max-width: 1280px) {
  .index-slide .txt-wrap { bottom: calc( 22dvh + 48px ); left: 0; gap: 16px; padding: 0 16px; }
  .index-slide .sub-title { font-size: 16px; }
  .index-slide .title { font-size: 24px; }

  .index-slide .index-slide-btn-wrap { bottom: 80px; left: 16px; gap: 32px; }
  .index-slide .index-slide-pagination { min-width: unset; position: static; display: flex; gap: 8px; }
  .index-slide .index-slide-pagination .swiper-pagination-bullet { font-size: 13px; }
  .index-slide .index-slide-pagination .swiper-pagination-bullet::before { left: calc( 100% - 60px ); }
  .index-slide .index-slide-pagination .swiper-pagination-bullet-active { padding-right: 68px;}
  .index-slide .index-slide-pagination .swiper-pagination-bullet-active::after { width: 60px; }
  .index-slide .index-slide-pagination .swiper-pagination-bullet-active::before { animation: pagi_ani 8s ease; }
  @keyframes pagi_ani {
      0% { width: 0; }
      100% { width: 60px; }
  }
  .index-slide .index-slide-btn-group { gap: 24px; }
  .index-slide .index-slide-page { width: 24px; height: 24px; line-height: 24px; font-size: 18px; }
}

/* 메인페이지 - CK Solution 사업 분야 */
.index-section-2 { padding: 160px 0; padding-left: calc( ( 100vw - 1280px ) / 2 ); }
.accordion-wrap { padding-right: 16px; }
.accordion-list { display: flex; gap: 16px; }
.accordion-item { width: calc( ( 100% - 45.625% -  16px * 6 ) / 6 ); height: 46dvh; min-height: 480px; position: relative; overflow: hidden; border-radius: 8px; cursor: pointer; transition: all .3s; }
.accordion-item::after { content: ''; display: block; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); z-index: -1; opacity: 0; transition: .3s; }
.accordion-item.active { width: 45.625%; }
.accordion-item.active::after { opacity: 1; }
.accordion-item .bg-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%; object-fit: cover; object-position: center; z-index: -1; }
.accordion-item .txt-wrap { height: 100%; justify-content: center; align-items: center; text-align: center; gap: 7.4dvh; opacity: 0; visibility: hidden; padding: 0 24px; }
.accordion-item.active .txt-wrap { opacity: 1; visibility: visible; }
.accordion-item .txt-group { align-items: center; gap: 16px; }
.accordion-item .title { font-size: 40px; font-weight: bold; color: #fff; white-space: nowrap; }
.accordion-item .icon { width: 48px; height: 48px; border-radius: 50%; background: #fff; text-align: center; line-height: 48px; font-size: 24px; }
.accordion-item .txt { font-size: 18px; line-height: 1.5; color: #fff; width: 30vw; max-width: 680px; }
.accordion-item br { display: none; }

@media screen and (max-width: 1680px) {
  /* .index-section-2 { padding-left: calc( ( 100vw - 1520px ) / 2 ); } */
}

@media screen and (max-width: 1280px) {
  .index-section-2 { padding: 80px 0; padding-left: 16px; }
  .accordion-wrap { width: calc( 100% + 16px ); overflow-x: auto; padding: 0 16px; margin-left: -16px; }
  .accordion-wrap::-webkit-scrollbar { display: none; }
  .accordion-list { width: 2196px; }
  .accordion-item { width: 300px; height: auto; min-height: unset; }
  .accordion-item::after{
    opacity: 0.5;
  }
  .accordion-item.active { width: 300px; }
  .accordion-item .txt-wrap { gap: 32px; opacity: 1; visibility: visible; padding: 80px 16px; min-width: none; }
  .accordion-item .txt-group { align-items: center; gap: 16px; }
  .accordion-item .title { font-size: 30px; }
  .accordion-item .icon { width: 32px; height: 32px; line-height: 32px; font-size: 20px; }
  .accordion-item .txt { width: 100%; font-size: 14px; white-space: unset; }
  .accordion-item br.mb { display: block; }
}

/* 메인페이지 - 통합솔루션 */
.index-section-3 { min-height: 97.9vw; padding: 200px 0 360px; background-image: url(../images/index_section_03_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center top; }
.index-section-3 .txt-group { justify-content: flex-end; margin-top: 40px; align-items: flex-start; }
.index-section-3 .logo { width: 185px; margin-right: auto; }
.index-section-3 .txt { font-size: 16px; line-height: 1.75; color: #fff; }
.index-section-3 .big-title { font-size: 6.25vw; white-space: nowrap; text-transform: uppercase; font-weight: bold;  -webkit-text-stroke: 1px #000; position: absolute; left: 50%; top: 16.5vw; transform: translateX(-50%); letter-spacing: 0.8em; color: rgba(0, 0, 0, 0); transition: .8s; }
.index-section-3 .big-title.active { animation: big_title .8s forwards; }
@keyframes big_title {
  0% { 
    letter-spacing: 0.8em;
    color: rgba(0, 0, 0, 0);
  }
  100% {
    letter-spacing: 0em;
    color: rgba(0, 0, 0, 1);
  }
}
.index-section-3 .title { padding-top: calc( 24.5dvh + 16.5vw ); font-size: 48px; font-weight: bold; line-height: 1.5; text-align: center; position: relative; }

@media screen and (max-width: 1280px) {
  .index-section-3 { min-height: unset; padding: 40px 0 240px; background-image: url(../images/index_section_03_bg_mb.png); }
  .index-section-3 .txt-group { margin-top: 24px; flex-flow: column; gap: 24px; }
  .index-section-3 .logo { width: 114px; }
  .index-section-3 .txt { font-size: 14px; line-height: 1.5; }
  .index-section-3 .big-title { top: 110px; }
  .index-section-3 .title { padding-top: 220px; font-size: 20px; }
}

/* 메인페이지 - 니치아스 */
.index-section-4 { padding: 120px 0; position: relative; }
.index-section-4 .container { display: flex; justify-content: space-between; align-items: center; }
.index-section-4 .index-section-title-wrap { gap: 40px; position: relative; padding-top: 92px; width: 55%; }
.index-section-4 .sub-title { font-size: 100px; font-weight: bold; color: transparent; -webkit-text-stroke: 1px #e4e4e4; position: absolute; top: 92px; left: calc( ( 100vw - 1920px ) / 2 ); }
.index-section-4 .img { width: 45%; }

@media screen and (max-width: 1920px) {
  .index-section-4 .sub-title { left: 0; }
}
@media screen and (max-width: 1280px) {
  .index-section-4 { padding: 64px 0 40px; }
  .index-section-4 .container { flex-flow: column-reverse; gap: 32px; }
  .index-section-4 .index-section-title-wrap { gap: 16px; padding-top: 0; width: 100%; position: static; }
  .index-section-4 .sub-title { font-size: 40px; top: 0; left: 0; transform: none; }
  .index-section-4 .img { width: 100%; }
}

/* 메인페이지 - 대표 프로젝트 */
.index-section-5 { padding: 120px 0; }
.index-section-5 .index-section-title-wrap { justify-content: space-between; }
.project-slide-btn { width: 48px; height: 48px; text-align: center; line-height: 48px; font-size: 24px; }
.project-slide { padding-left: calc( ( 100vw - 1280px ) / 2 ); }
.project-slide .img-container { padding-top: 75%; border-radius: 8px; overflow: hidden; margin-bottom: 16px; }
.project-slide .title { padding-left: 8px; font-size: 24px; font-weight: 600; }

@media screen and (max-width: 1280px) {
  .index-section-5 { padding: 40px 0; }
  .project-slide-btn { width: 24px; height: 24px; line-height: 24px; font-size: 16px; }
  .project-slide { padding: 0 16px; }
  .project-slide .title { padding-left: 0; font-size: 16px; }
}

/* 메인페이지 - 뉴스룸 */
.index-section-6 { padding: 120px 0; }
.newsroom-wrap { flex-flow: wrap; gap: 16px; }
.newsroom-group-1 { width: calc( 67.5% - 16px ); }
.newsroom-group-2 { width: 32.5%; gap: 16px; }
.newsroom-item { height: 320px; }
.newsroom-group-1 .newsroom-item.img-item { height: 336px; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.newsroom-group-1 .newsroom-item.txt-item { border-top-left-radius: 0; border-top-right-radius: 0; }
.newsroom-item.img-item { overflow: hidden; }
.newsroom-item img { height: 100%; object-fit: cover; object-position: center; }
.newsroom-item.txt-item { background: #f5f5f5; border-radius: 8px; padding: 40px; display: flex; flex-flow: column; gap: 32px; }
.newsroom-item.txt-item .title { font-size: 20px; font-weight: bold; line-height: 1.6; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height: calc(20px * 1.6 * 2); }
.newsroom-item.txt-item .txt { font-size: 16px; line-height: 1.5; opacity: .6; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height: calc(16px * 1.5 * 3); }
.newsroom-item .index-more-btn { margin-top: auto; }
.newsroom-group-3 .newsroom-item.txt-item { width: 67.5%; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.newsroom-group-3 .newsroom-item.img-item { width: 32.5%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

@media screen and (max-width: 1280px) {
  .index-section-6 { padding: 40px 0; }
  .newsroom-group-1 { width: 100%; order: 2; flex-flow: row-reverse; }
  .newsroom-group-2 { width: 100%; order: 3; }
  .newsroom-group-3 { order: 1; }
  .newsroom-item { height: auto; }
  .newsroom-group-1 .newsroom-item.img-item { height: auto; min-height: 240px; }
  .newsroom-item.txt-item { padding: 24px 16px; gap: 16px; }
  .newsroom-item.txt-item .title { font-size: 16px; max-height: calc(16px * 1.6 * 2); }
  .newsroom-item.txt-item .txt { font-size: 14px; max-height: calc(14px * 1.5 * 3); }
  .newsroom-item .index-more-btn { margin-top: auto; }
  .newsroom-group-1 .newsroom-item.txt-item { width: 67.5%; border-top-left-radius: 8px; }
  .newsroom-group-1 .newsroom-item.img-item { width: 32.5%; border-top-left-radius: 0; border-bottom-right-radius: 8px; }
}

@media screen and (max-width: 640px) {
  .newsroom-group-1 { flex-flow: column; }
  .newsroom-group-3 { flex-flow: column-reverse; }
  .newsroom-item.img-item,.newsroom-group-1 .newsroom-item.img-item { height: 240px; }
  .newsroom-group-1 .newsroom-item.txt-item { width: 100%; border-bottom-right-radius: 8px; border-top-left-radius: 0; }
  .newsroom-group-1 .newsroom-item.img-item { width: 100%; border-bottom-right-radius: 0; border-top-left-radius: 8px; }
  .newsroom-group-3 .newsroom-item.txt-item { width: 100%; border-bottom-right-radius: 8px; }
  .newsroom-group-3 .newsroom-item.img-item { width: 100%; border-bottom-right-radius: 0; border-top-left-radius: 8px; }
}


/* 메인페이지 - 투자 */
.index-section-7 { padding: 120px 0; }
.index-section-7 .index-section-title-wrap { flex-flow: wrap; gap: 32px; justify-content: space-between; margin-bottom: 40px; }
.index-section-7 .index-section-title { width: 100%; }
.index-tab-wrap {  }
.index-tab { min-width: 140px; padding: 0 32px; line-height: 56px; border-radius: 28px; text-align: center; background: #fff; font-size: 20px; transition: .2s; cursor: pointer; }
.index-tab.active { background: #101010; font-weight: bold; color: #fff; }
.index-board-wrap { background: #f5f5f5; border-radius: 8px; }
.index-board-item { padding: 32px 56px; position: relative; transition: .2s; border-radius: 8px; }
.index-board-item:hover { background: #fff; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08); }
.index-board-item:not(:last-child)::after { content: ''; display: block; position: absolute; width: calc( 100% - 112px ); height: 2px; background: #e4e4e4; bottom: 0; left: 56px; transition: .2s; }
.index-board-item:hover::after { opacity: 0; }
.index-board-item .txt-wrap { justify-content: space-between; align-items: center; }
.index-board-item .txt-group { gap: 8px; width: calc( 100% - 96px ); }
.index-board-item .title { font-size: 20px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index-board-item .txt { font-size: 16px; color: #707070; }

@media screen and (max-width: 1280px) {
  .index-section-7 { padding: 40px 0 80px; }
  .index-section-7 .index-section-title-wrap { gap: 16px; margin-bottom: 24px; }
  .index-section-7 .index-section-title { width: auto; order: 1; }
  .index-section-7 .index-tab-wrap { order: 3; }
  .index-section-7 .index-more-btn { order: 2; }
  .index-tab { min-width: 96px; padding: 0 24px; line-height: 40px; border-radius: 20px; font-size: 14px; }
  .index-board-wrap { background: #f5f5f5; border-radius: 8px; }
  .index-board-item { padding: 24px 16px; }
  .index-board-item:not(:last-child)::after { width: calc( 100% - 32px ); left: 16px; }
  .index-board-item .txt-group { gap: 8px; width: 100%; }
  .index-board-item .title { font-size: 16px; line-height: 1.5; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; max-height: calc(16px * 1.6 * 2); white-space: unset; }
  .index-board-item .txt { font-size: 13px; }
  .index-board-item .txt-wrap> .txt { display: none; }
}

/* subpage */
.subpage-title-wrap { padding-top: 48px; margin-bottom: 24px; }
.subpage-title-wrap .container { gap: 24px; }
.subpage-title { font-size: 56px; font-weight: bold; text-transform: capitalize; }
.subpage-nav-wrap { display: flex; align-items: center; gap: 12px; font-size: 17px; }

.subpage-tab-wrap { background: #fff; position: sticky; top: 0; z-index: 99; }
.subpage-tab-wrap .container { display: flex; align-items: center; }
.subpage-tab { width: 100%; max-width: 180px; line-height: 1.2; display: flex; justify-content: center; align-items: center; height: 68px; border-bottom: 2px solid #fff; text-align: center; font-size: 17px; font-weight: 500; transition: .2s; }
.subpage-tab:hover { color: #002f85; }
.subpage-tab.active { font-weight: 600; color: #002f85; border-color: #002f85; }

.subpage-sub-tab-wrap { display: flex; justify-content: center; margin-bottom: 80px; }
.subpage-sub-tab { text-align: center; width: 100%; max-width: 213px; height: 68px; line-height: 1.5; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #e4e4e4; font-size: 18px; font-weight: 600; }
.subpage-sub-tab:not(:last-child) { border-right: 0; }
.subpage-sub-tab.active { background: #002f85; color: #fff; }

.subpage-top-wrap { height: 21.875vw; position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }
.subpage-top-title { font-size: 5.2vw; font-weight: bold; color: transparent; -webkit-text-stroke: 1px #fff; position: absolute; bottom: -0.25em; left: 50%; transform: translateX(-50%); white-space: nowrap; text-transform: uppercase; }

.subpage-content { padding: 120px 0; }
.subpage-content-title-wrap { gap: 32px; }
.subpage-content-title-wrap.margin-bottom { margin-bottom: 48px; }
.subpage-content-title-wrap.center { text-align: center; align-items: center; }
.subpage-content-title { font-size: 40px; font-weight: bold; }
.subpage-content-sub-title { font-size: 32px; font-weight: bold; }
.subpage-content-txt { font-size: 16px; line-height: 1.5; color: #707070; }

@media screen and (max-width: 1280px) {
  .subpage { margin-top: 56px; }
  .subpage-title-wrap { padding-top: 24px; margin-bottom: 16px; }
  .subpage-title-wrap .container { gap: 16px; }
  .subpage-title { font-size: 28px; }
  .subpage-nav-wrap { gap: 8px; font-size: 12px; }
  
  .subpage-tab-wrap { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
  .subpage-tab-wrap .container { display: none; background: #f5f5f5; position: absolute; top: 48px; padding: 0; }
  .subpage-tab-wrap.active .container { display: block; }
  .subpage-tab { width: 100%; max-width: unset; height: 40px; border-bottom: 1px solid #e4e4e4; text-align: left; font-size: 13px; padding: 0 16px; }
  .subpage-tab-default { display: flex; height: 48px; padding: 0 16px; justify-content: space-between; align-items: center; font-size: 13px; font-weight: bold; }
  
  .subpage-sub-tab-wrap { margin-bottom: 40px; }
  .subpage-sub-tab { max-width: unset; line-height: 40px; font-size: 13px;; }

  .subpage-top-wrap { height: 156px; }
  .subpage-top-title { font-size: 32px; -webkit-text-stroke: 0.5px #fff; }
  
  .subpage-content { padding: 40px 0 80px; }
  .subpage-content-title-wrap { gap: 16px; }
  .subpage-content-title-wrap.margin-bottom { margin-bottom: 16px; }
  .subpage-content-title { font-size: 22px; }
  .subpage-content-sub-title { font-size: 18px; }
  .subpage-content-txt { font-size: 13px; }
}

@media screen and (max-width: 768px) {
  .subpage-sub-tab-wrap.per2 { flex-flow: wrap; justify-content: flex-start; }
  .subpage-sub-tab-wrap.per2 .subpage-sub-tab { width: 50%; }
  .subpage-sub-tab-wrap.per2 .subpage-sub-tab:not(:last-child) { border: 1px solid #e4e4e4; }
}

/* subpage - ABOUT - 개요 */
.subpage-top-wrap.about { background-image: url(../images/subpage_top_about.png); }

.about-overview-1 .img { margin-bottom: 80px; }
.about-overview-1 .title { font-size: 48px; line-height: 1.5; font-weight: bold; text-align: center; margin-bottom: 48px; }
.about-overview-1 .txt-wrap { gap: 40px; }
.about-overview-1 .txt { width: 100%; font-size: 20px; line-height: 1.6; word-break: break-all; }
.about-overview-1 .txt-group { align-items: center; justify-content: flex-end; gap: 32px; margin-top: 40px; }
.about-overview-1 .sub-title { font-size: 32px; font-weight: 600; }
.about-overview-1 .sign { width: 172px; height: 76px; }

@media screen and (max-width: 1280px) {
  .about-overview-1 .img { margin-bottom: 32px; }
  .about-overview-1 .title { font-size: 20px; margin-bottom: 24px; }
  .about-overview-1 .txt-wrap { gap: 24px; flex-flow: wrap; }
  .about-overview-1 .txt { font-size: 13px; }
  .about-overview-1 .txt-group { gap: 16px; }
  .about-overview-1 .sub-title { font-size: 18px; }
  .about-overview-1 .sign { width: 68px; height: 30px; }
}

/* subpage - ABOUT - 경영목표 */
.about-overview-2 .item-group { flex-flow: wrap; gap: 120px 40px; }
.about-overview-2 .item.half { width: calc( 50% - 20px ); }
.about-overview-2 .item { width: 100%; align-items: center; gap: 40px; }
.about-overview-2 .item-default { min-width: 180px; padding: 0 32px; text-align: center; line-height: 60px; border-radius: 30px; font-size: 24px; font-weight: bold; color: #fff; }
.about-overview-2 .item-default.color-1 { background: #00bed6; }
.about-overview-2 .item-default.color-2 { background: #0073e0; }
.about-overview-2 .item-default.color-3 { background: #6e9ffb; }
.about-overview-2 .item-default.color-4 { background: #65b514; }
.about-overview-2 .item-user.border { height: 104px; padding: 20px 0; width: 100%; border-radius: 52px; border: 2px dashed #e4e4e4; position: relative; text-align: center; }
.about-overview-2 .item-user.border::after { content: ''; display: block; position: absolute; width: 0; height: 40px; border-right: 2px dashed #e4e4e4; top: -40px; left: 50%; transform: translateX(-50%); }
.about-overview-2 .item-user.border img { height: 100%; width: auto; }

@media screen and (max-width: 1280px) {
  img.w160 { max-width: 160px; margin: 0 auto; }
  img.w360 { max-width: 360px; margin: 0 auto; }
}

@media screen and (max-width: 768px) {
  .about-overview-2 .item-group { gap: 40px; }
  .about-overview-2 .item.half { width: 100%; }
  .about-overview-2 .item { gap: 24px; }
  .about-overview-2 .item-default { min-width: unset; line-height: 42px; font-size: 15px; }
  .about-overview-2 .item-user.border { height: 68px; padding: 16px 0; border: 1px dashed #e4e4e4; }
  .about-overview-2 .item-user.border::after { height: 24px; border-right: 1px dashed #e4e4e4; top: -24px; }
}

/* subpage - ABOUT - 경영이념 */
.about-overview-3 { text-align: center; }
.about-overview-3 .subpage-content-title { margin-bottom: 40px; }
.about-overview-3 .txt { font-size: 16px; color: #707070; line-height: 1.5; margin-bottom: 80px; }

@media screen and (max-width: 1280px) {
  .about-overview-3 { text-align: center; }
  .about-overview-3 .subpage-content-title { margin-bottom: 24px; }
  .about-overview-3 .txt { font-size: 13px; margin-bottom: 40px; }
  .about-overview-3 .img { max-width: 480px; margin: 0 auto; }
}

/* subpage - ABOUT - 윤리규정 */
.about-overview-4 .title-wrap { gap: 16px; align-items: center; text-align: center; margin-bottom: 40px }
.about-overview-4 .icon { width: 30px; }
.about-overview-4 .subpage-content-title { margin-bottom: 8px; }
.about-overview-4 .txt { font-size: 16px; line-height: 1.5; color: #707070; }
.about-overview-4 .item-group { gap: 40px; }
.about-overview-4 .item { gap: 24px; }
.about-overview-4 .item-default { background: #f5f5f5; padding: 24px 32px; gap: 24px; align-items: center; }
.about-overview-4 .item-title { font-size: 24px; font-weight: bold; }
.about-overview-4 .item-sub-title { font-size: 16px; color: #707070; }
.about-overview-4 .item-user-group { gap: 16px; }
.about-overview-4 .item-user { padding: 32px; border: 1px solid #e4e4e4; gap: 16px; }
.about-overview-4 .item-txt { font-size: 20px; font-weight: bold; padding-left: 10px; position: relative; }
.about-overview-4 .item-txt::after { content: ''; display: block; position: absolute; left: 0; width: 3px; height: 20px; background: #002f85; top: 2px; }
.about-overview-4 .item-sub-txt-group { gap: 8px; }
.about-overview-4 .item-sub-txt { font-size: 16px; line-height: 1.5; color: #484848; padding-left: 10px; position: relative; }
.about-overview-4 .item-sub-txt::after { content: ''; display: block; position: absolute; left: 0; width: 2px; height: 2px; border-radius: 50%; background: #484848; top: 11px; }

@media screen and (max-width: 1280px) {
  .about-overview-4 .title-wrap { margin-bottom: 24px }
  .about-overview-4 .icon { width: 16px; }
  .about-overview-4 .txt { font-size: 13px; }
  .about-overview-4 .item-group { gap: 32px; }
  .about-overview-4 .item { gap: 16px; }
  .about-overview-4 .item-default { padding: 16px; gap: 16px; }
  .about-overview-4 .item-title { font-size: 16px; }
  .about-overview-4 .item-sub-title { font-size: 14px; }
  .about-overview-4 .item-user { padding: 24px 16px;}
  .about-overview-4 .item-txt { font-size: 16px; }
  .about-overview-4 .item-txt::after { height: 16px; }
  .about-overview-4 .item-sub-txt { font-size: 13px; }
  .about-overview-4 .item-sub-txt::after { top: 9px; }
}

/* subpage - ABOUT - 회사 연혁 */
.about-history .subpage-content-title { text-align: center; margin-bottom: 48px; }
.history-tab-wrap { display: flex; align-items: center; position: sticky; top: 70px; z-index: 9; }
.history-tab { width: 100%; line-height: 86px; text-align: center; background: #fff; border-bottom: 2px solid #aeaeae; font-size: 24px; font-weight: bold; color: #aeaeae; }
.history-tab.active { color: #002f85; border-color: #002f85; }
.history-wrap { padding: 0 64px; padding-top: 80px; display: flex; flex-flow: column-reverse; gap: 80px; }
.history-item:nth-child(2n-1) { flex-flow: row-reverse; }
.history-item { gap: 80px; position: relative; justify-content: flex-end; }
.history-item:not(:first-child)::after { content: ''; display: block; position: absolute; width: 1px; height: calc( 100% + 80px ); background: #e4e4e4; left: 50%; top: 16px; transform: translateX(-50%); }
.history-img-wrap { display: flex; flex-flow: column; gap: 16px; width: calc( 50% - 40px ); }
.history-img { width: 100%; padding-top: 60%; border-radius: 8px; overflow: hidden; }
.history-detail-wrap { width: calc( 50% - 40px ); display: flex; flex-flow: column; gap: 24px; }
.history-item:nth-child(2n-1) .history-detail-wrap, .history-item:nth-child(2n-1) .history-detail-group { align-items: flex-end; text-align: right; }
.history-detail-year { font-size: 32px; font-weight: bold; position: relative; }
.history-detail-year::after { content: ''; display: block; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #002f85; border: 5px solid #859BC4; top: 50%; z-index: 1; }
.history-item:nth-child(2n) .history-detail-year::after { left: -40px; transform: translate(-50%, -50%); }
.history-item:nth-child(2n-1) .history-detail-year::after { right: -40px; transform: translate(50%, -50%); }
.history-detail-group { flex-flow: column-reverse; gap: 16px; }
.history-detail-item { align-items: baseline; }
.history-item:nth-child(2n-1) .history-detail-item { flex-flow: row-reverse; }
.history-detail-month { width: 36px; font-size: 18px; font-weight: 600; line-height: 1.6; }
.history-detail-txt { width: calc( 100% - 36px ); font-size: 18px; line-height: 1.6; }
.history-anchor { top: -238px; position: absolute }

.history-detail-item.color * { color: #0073e0; }

@media screen and (max-width: 1280px) {
  .about-history .subpage-content-title { margin-bottom: 24px; }
  .history-tab-wrap { top: 48px; width: calc( 100% + 32px ); margin-left: -16px; }
  .history-tab { line-height: 46px; font-size: 14px; }
  .history-wrap { padding: 24px 0; gap: 40px; }
  .history-item:nth-child(2n-1) { flex-flow: column-reverse; }
  .history-item { gap: 16px; flex-flow: column-reverse; padding-left: 32px; }
  .history-item:not(:first-child)::after { content: ''; display: block; position: absolute; width: 1px; height: calc( 100% + 40px ); background: #e4e4e4; left: 7px; top: 14px; transform: translateX(-50%); }
  .history-img { width: 100%; padding-top: 60%; }
  .history-detail-wrap { width: 100%; gap: 16px; }
  .history-item:nth-child(2n-1) .history-detail-wrap, .history-item:nth-child(2n-1) .history-detail-group { align-items: flex-start; text-align: left; }
  .history-detail-year { font-size: 18px; }
  .history-detail-year::after { width: 8px; height: 8px; border: 3px solid #859BC4;}
  .history-item:nth-child(2n) .history-detail-year::after { left: -32px; transform: translateY(-50%); }
  .history-item:nth-child(2n-1) .history-detail-year::after { right: unset; left: -32px; transform: translateY(-50%); }
  .history-detail-group { gap: 8px; }
  .history-item:nth-child(2n-1) .history-detail-item { flex-flow: row; }
  .history-detail-month { width: 24px; font-size: 14px; }
  .history-detail-txt { width: calc( 100% - 24px ); font-size: 14px; }
  .history-anchor { top: -136px; }
}

/* subpage - ABOUT - 글로벌 네트워크 */
.about-global .subpage-content-title { text-align: center; margin-bottom: 80px; }
.global-map { position: relative; margin-bottom: 80px; }
.map-btn { position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #859BC4; cursor: pointer; }
.map-btn::after { content: ''; display: block; position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #002f85; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.map-btn::before { content: ''; display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid #859BC4; animation: map_btn 1s infinite; }
@keyframes map_btn {
  0% { opacity: 1; }
  100% { opacity: 0; width: 200%; height: 200%; }
}
.map-btn.kr { left: 40%; top: 52.5%; }
.map-btn.usa { right: 21.5%; top: 52.5%; }
.map-btn.can { right: 18.5%; top: 47.5%; }
.map-btn.vet { left: 35%; top: 63.5%; }
.map-btn.pol { left: 11.5%; top: 43.5%; }
.map-btn.bud { left: 12.5%; top: 47.5%; }
.map-btn.chi { left: 31.5%; top: 54.5%; }
.map-btn.mal { left: 33%; top: 68.5%; }
.map-btn.ind { left: 38.5%; top: 70%; }
.map-btn.guam { left: 44%; top: 63.5%; }
.map-btn.mex { right: 24.5%; top: 59%; }
.map-btn.bra { right: 12.5%; top: 72%; }
.map-hover-wrap { position: absolute; left: 40px; top: -18px; width: 240px; border-radius: 8px; background: #fff; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.08); opacity: 0; visibility: hidden; transition: .2s; }
.map-btn:hover .map-hover-wrap { opacity: 1; visibility: visible; }
.map-hover-wrap::after { content: ''; display: block; position: absolute; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent;  border-right:16px solid #002f85; left: -16px; top: 18px; }
.map-hover-title { padding: 16px; background: #002f85; color: #fff; font-size: 16px; font-weight: 600; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.map-hover-group { gap: 16px; padding: 16px; }
.map-hover-item { font-size: 18px; font-weight: 600; color: #707070; }
.map-hover-item:hover { color: #002f85; }

.network-tab-wrap { display: flex; border-radius: 8px; overflow: hidden; border: 1px solid #e4e4e4; margin-bottom: 40px; }
.network-tab { width: 100%; line-height: 72px; background: #fff; text-align: center; font-size: 22px; font-weight: bold; }
.network-tab.active { background: #002f85; color: #fff; }

.network-item { padding: 40px 0; border-bottom: 2px solid #e4e4e4; }
.network-item:nth-child(1) { border-top: 2px solid #e4e4e4; }
.network-item .more-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; }
.network-item .more-btn .icon { display: block; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; text-align: center; border: 1px solid #002f85; font-size: 24px; color: #002f85; background: #fff; }
.network-item.active .more-btn .icon { transform: rotate(180deg); }
.network-item .txt-wrap { gap: 16px; position: relative; }
.network-item .txt-group { gap: 24px; align-items: baseline; }
.network-item .txt { font-size: 16px; font-weight: 600; color: #9d9d9d; position: relative; }
.network-item .txt-group .txt:not(:last-child)::after { content: ''; display: block; position: absolute; width: 2px; height: 14px; background: #e4e4e4; top: 50%; right: -13px; transform: translateY(-50%); }
.network-item .title-group { gap: 8px; align-items: baseline; }
.network-item .title { font-size: 28px; font-weight: 600; }
.network-item .sub-title { font-size: 18px; font-weight: 600; }
.network-item .item-group { margin-top: 16px; gap: 8px; }
.network-item .item-default { width: 48px; font-size: 18px; font-weight: bold; line-height: 1.5; }
.network-item .item-user { width: calc( 100% - 48px ); font-size: 18px; font-weight: 500; line-height: 1.5; }
.network-item .img-wrap { padding-top: 40px; display: none; }
.network-item.active .img-wrap { display: block; }
.network-item .img-group { gap: 24px; }
.network-item .img-container { width: 100%; padding-top: 340px; border-radius: 12px; overflow: hidden; }
.network-item .detail-map { width: 100%; height: 340px; border-radius: 12px; overflow: hidden; position: relative; }
.network-item .detail-map iframe { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; }
.network-anchor { margin-top: -110px; position: absolute; }

@media screen and (max-width: 1280px) {
  .about-global .subpage-content-title { margin-bottom: 24px; }
  .global-map-wrap { width: calc( 100% + 32px ); overflow-x: scroll; padding: 0 16px; margin-left: -16px;}
  .global-map-wrap::-webkit-scrollbar { display: none; }
  .global-map { min-width: 640px; margin-bottom: 40px; }
  .map-btn { width: 12px; height: 12px; }
  .map-btn::after { width: 6px; height: 6px; }
  .map-hover-wrap { left: 24px; top: -12px; width: 160px; }
  .map-hover-wrap::after { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-right:12px solid #002f85; left: -12px; top: 15px; }
  .map-hover-title { font-size: 12px; padding: 12px; }
  .map-hover-group { padding: 12px; }
  .map-hover-item { font-size: 14px; }
  
  .network-tab-wrap { border-radius: 4px; margin-bottom: 24px; }
  .network-tab { line-height: 52px; font-size: 16px; }
  
  .network-item { padding: 24px 0; border-bottom: 1px solid #e4e4e4; }
  .network-item:nth-child(1) { border-top: 1px solid #e4e4e4; }
  .network-item .more-btn { top: 0; transform: none;  }
  .network-item .more-btn .icon { width: 36px; height: 36px; font-size: 14px; line-height: 34px; }
  .network-item .txt-wrap { gap: 12px; }
  .network-item .txt-group { gap: 16px; }
  .network-item .txt { font-size: 13px; }
  .network-item .txt-group .txt:not(:last-child)::after { width: 1px; height: 10px; right: -8.5px; }
  .network-item .title { font-size: 16px; }
  .network-item .sub-title { font-size: 14px; }
  .network-item .item-group { margin-top: 4px; }
  .network-item .item { flex-flow: column; gap: 4px; }
  .network-item .item-default { width: auto; font-size: 14px; }
  .network-item .item-user { width: 100%; font-size: 13px; }
  .network-item .img-wrap { padding-top: 24px; }
  .network-item .img-group { gap: 16px; flex-flow: wrap; }
  .network-item .img-container { padding-top: 186px; border-radius: 8px; }
  .network-item .detail-map { height: 186px; border-radius: 8px; }
  .network-anchor { margin-top: -72px; }
}

/* subpage - ABOUT - 니치아스 */
.about-nichias { padding-bottom: 0; }
.about-nichias.subpage-content .section-wrap { gap: 0; }
.about-nichias .section-top { margin-bottom: 40px; }
.about-nichias .section-top .img { max-width: 385px; }
.about-nichias .section-1 { padding-top: 48px; padding-bottom: 24px; background: #fcfcfc; position: relative; }
.about-nichias .section-1::after { content: ''; display: block; position: absolute; width: 100%; height: 150px; bottom: -150px; background-image: url(../images/about_nichias_section1_bg.png); background-repeat: no-repeat; background-size: cover; background-position: center bottom; } 
.about-nichias .section-1 .item-group { gap: 40px; padding-bottom: 48px; border-bottom: 1px solid #e4e4e4; margin-bottom: 48px; }
.about-nichias .section-1 .item { display: flex; flex-flow: column; gap: 16px; }
.about-nichias .section-1 .item:nth-child(1) { width: calc( 65% - 40px ); }
.about-nichias .section-1 .item:nth-child(2) { width: 35%; }
.about-nichias .section-1 .item-title { display: flex; align-items: center; gap: 8px; font-size: 20px; font-weight: bold; }
.about-nichias .section-1 .item-title .icon { font-size: 24px; color: #002f85; }
.about-nichias .section-1 .txt-wrap { align-items: center; margin-bottom: 100px; }
.about-nichias .section-1 .txt-wrap .subpage-content-title-wrap { width: 30%; }
.about-nichias .section-1 .txt-wrap .img-group { gap: 16px; width: 70%; }
.about-nichias .section-1 .txt-wrap .img-group img { display: block; width: calc( ( 100% - 32px ) / 3 ); }
.about-nichias .section-2 { padding: 230px 0 80px; }
.about-nichias .section-3 { padding: 80px 0; background: #fcfcfc; }
.about-nichias .section-3 .subpage-content-title { margin-bottom: 48px; }
.bus-item-group { gap: 48px 24px; flex-flow: wrap; }
.bus-item-group .bus-item {  width: calc( ( 100% - 48px ) / 3 ); }
.bus-item { width: 100%; gap: 24px; padding-bottom: 32px; border-bottom: 2px solid #202020; }
.bus-item .img-container { padding-top: 60%; border-radius: 8px; overflow: hidden; }
.bus-item .txt-wrap { gap: 16px; }
.bus-item .title { font-size: 24px; font-weight: bold; }
.bus-item .sub-title { font-size: 16px; color: #aeaeae; }
.bus-item .txt-group { gap: 8px; align-items: center; }
.bus-item .txt { font-size: 20px; font-weight: 500; }
.bus-item .sub-txt { font-size: 16px; line-height: 1.5; }
.about-nichias .section-4 { padding: 80px 0; }
.about-nichias .section-4 .subpage-content-title { margin-bottom: 48px; }
.about-nichias .section-4 .item-group { gap: 24px; }
.about-nichias .section-4 .item { width: 100%; border: 1px solid #e4e4e4; border-radius: 16px; padding: 40px 24px 104px; position: relative; overflow: hidden; }
.about-nichias .section-4 .item .icon { width: 80px; height: 48px; object-fit: contain; object-position: left center; margin-bottom: 32px; }
.about-nichias .section-4 .item .title { font-size: 20px; font-weight: bold; line-height: 1.4; margin-bottom: 16px; }
.about-nichias .section-4 .item .txt { font-size: 16px; line-height: 1.5; color: #707070; }
.about-nichias .section-4 .item .num { position: absolute; font-size: 70px; font-weight: bold; color: #0096ff; opacity: .2; bottom: -20px; right: 24px; }
.about-nichias .section-5 { padding: 80px 0; }
.about-nichias .section-5 .subpage-content-title { margin-bottom: 48px; }
.about-nichias .section-5 .item-table { table-layout: fixed; width: 100%; border: 1px solid #e4e4e4; border-collapse: collapse; }
.about-nichias .section-5 .item-table th { padding: 16px; font-size: 18px; font-weight: bold; color: #fff; background-color: #002f85; border: 1px solid #e4e4e4; }
.about-nichias .section-5 .item-table td { padding: 16px; border: 1px solid #e4e4e4; }
.about-nichias .section-5 .item-table tr:nth-child(2n) td { background: #f5f5f5; }
.about-nichias .section-5 .item-table .title { text-align: center; font-size: 18px; font-weight: bold; }
.about-nichias .section-5 .item-table .sub-title { text-align: center; font-size: 16px; font-weight: 600; }
.about-nichias .section-5 .item-table .txt-group { gap: 12px; }
.about-nichias .section-5 .item-table .txt { font-size: 16px; line-height: 1.5; position: relative; color: #707070; padding-left: 8px; }
.about-nichias .section-5 .item-table .txt::after { content: ''; display: block; position: absolute; left: 0; width: 2px; height: 2px; border-radius: 50%; background: #707070; top: 11px; }
.about-nichias .section-6 { padding: 80px 0; background: #fcfcfc; }
.about-nichias .section-6 .item-group { gap: 80px; }
.about-nichias .section-6 .item { gap: 80px; align-items: center; }
.about-nichias .section-6 .item:nth-child(2n) { flex-flow: row-reverse; } 
.about-nichias .section-6 .item .img { width: 50%; }
.about-nichias .section-6 .item .txt-wrap { width: calc( 50% - 80px ); gap: 16px; }
.about-nichias .section-6 .item .txt-wrap .subpage-content-sub-title { padding-left: 16px; position: relative; }
.about-nichias .section-6 .item .txt-wrap .subpage-content-sub-title::after { content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 28px; background: #002f85; }
.about-nichias .section-7 { margin: 80px 0; padding: 80px; border: 1px solid #e4e4e4; border-radius: 16px; }
.about-nichias .section-7 .subpage-content-title-wrap { margin-bottom: 80px; }
.about-nichias .section-footer img { display: block; }

@media screen and (max-width: 1280px) {
  .about-nichias .section-top { margin-bottom: 24px; padding: 0 16px; }
  .about-nichias .section-top .img { max-width: 160px; }
  .about-nichias .section-1 { padding-top: 24px;}
  .about-nichias .section-1::after { height: 80px; bottom: -80px; } 
  .about-nichias .section-1 .item-group { gap: 24px; padding-bottom: 32px; flex-flow: column; }
  .about-nichias .section-1 .item:nth-child(1) { width: 100%; }
  .about-nichias .section-1 .item:nth-child(2) { width: 100%; }
  .about-nichias .section-1 .item-title { font-size: 16px; }
  .about-nichias .section-1 .item-title .icon { font-size: 20px; }
  .about-nichias .section-1 .txt-wrap { flex-flow: column; gap: 24px; align-items: center; margin-bottom: 40px; }
  .about-nichias .section-1 .txt-wrap .subpage-content-title-wrap { width: 100%; text-align: center; }
  .about-nichias .section-1 .txt-wrap .subpage-content-sub-title { font-size: 20px; }
  .about-nichias .section-1 .txt-wrap .img-group { gap: 8px; width: 100%; }
  .about-nichias .section-1 .txt-wrap .img-group img { width: calc( ( 100% - 16px ) / 3 ); }
  .about-nichias .section-2 { padding: 120px 0 40px; }
  .about-nichias .section-2 img { max-width: 480px; margin: 0 auto; }
  .about-nichias .section-3 { padding: 32px 0; }
  .about-nichias .section-3 .subpage-content-title { margin-bottom: 16px; }
  .bus-item-group { gap: 24px 16px; }
  .bus-item-group .bus-item {  width: calc( ( 100% - 32px ) / 2 ); }
  .bus-item { gap: 16px; padding-bottom: 16px; border-bottom: 1px solid #202020; }
  .bus-item .img-container { padding-top: 75%; border-radius: 4px;; }
  .bus-item .txt-wrap { gap: 8px; }
  .bus-item .title { font-size: 15px; }
  .bus-item .sub-title { font-size: 13px; }
  .bus-item .txt-group { gap: 4px; flex-flow: column; align-items: flex-start; }
  .bus-item .txt { font-size: 13px; }
  .bus-item .sub-txt { font-size: 12px; }
  .about-nichias .section-4 { padding: 40px 0; }
  .about-nichias .section-4 .subpage-content-title { margin-bottom: 24px; }
  .about-nichias .section-4 .item-group { gap: 16px; flex-flow: wrap; }
  .about-nichias .section-4 .item { width: calc( 50% - 8px ); border-radius: 8px; padding: 24px 16px 56px; }
  .about-nichias .section-4 .item .icon { width: 56px; height: 36px; margin-bottom: 16px; }
  .about-nichias .section-4 .item .title { font-size: 14px; margin-bottom: 8px; }
  .about-nichias .section-4 .item .txt { font-size: 13px; }
  .about-nichias .section-4 .item .num { font-size: 40px; bottom: -12px; right: 16px; }
  .about-nichias .section-5 { padding: 40px 0; }
  .about-nichias .section-5 .subpage-content-title { margin-bottom: 24px; }
  .about-nichias .section-5 .item-table-wrap { width: calc( 100% + 32px ); padding: 0 16px; margin-left: -16px; overflow: auto; }
  .about-nichias .section-5 .item-table-wrap::-webkit-scrollbar { display: none; }
  .about-nichias .section-5 .item-table { min-width: 720px; }
  .about-nichias .section-5 .item-table th { font-size: 16px; }
  .about-nichias .section-5 .item-table .title { font-size: 16px; }
  .about-nichias .section-5 .item-table .sub-title { font-size: 14px; }
  .about-nichias .section-5 .item-table .txt-group { gap: 8px; }
  .about-nichias .section-5 .item-table .txt { font-size: 14px; }
  .about-nichias .section-5 .item-table .txt::after { top: 9.5px; }
  .about-nichias .section-6 { padding: 40px 0; }
  .about-nichias .section-6 .item-group { gap: 32px; }
  .about-nichias .section-6 .item { gap: 32px; align-items: flex-start; flex-flow: column; }
  .about-nichias .section-6 .item:nth-child(2n) { flex-flow: column; } 
  .about-nichias .section-6 .item .img { width: 100%; }
  .about-nichias .section-6 .item .txt-wrap { width: 100%; }
  .about-nichias .section-6 .item .txt-wrap .subpage-content-sub-title { padding-left: 12px;}
  .about-nichias .section-6 .item .txt-wrap .subpage-content-sub-title::after { width: 2px; height: 20px; }
  .about-nichias .section-7 { margin: 40px 0; padding: 24px 0; border-radius: 8px; }
  .about-nichias .section-7 .subpage-content-title-wrap { margin-bottom: 16px; }
}

/* subpage - ABOUT - 면허 및 수상내역 */
.license-wrap { flex-flow: wrap; gap: 40px 24px; }
.license-item { width: calc( ( 100% - 24px * 3 ) / 4 ); }
.license-item .img-container { padding-top: 141.4%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); margin-bottom: 24px; cursor: pointer; }
.license-item .img-container .hover-box { background: rgba(0, 0, 0, 0.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; transition: .3s; }
.license-item .img-container:hover .hover-box { opacity: 1; }
.license-item .img-container .hover-box .icon { font-size: 40px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.license-item .txt-wrap { gap: 16px; }
.license-item .label { padding: 0 16px; width: fit-content; line-height: 30px; border: 1px solid #002f85; border-radius: 16px; background: #fff; font-size: 14px; font-weight: bold; color: #002f85;}
.license-item .title { font-size: 16px; font-weight: bold; line-height: 1.5; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height: calc( ( 16px * 1.5 ) * 2 ); }
.license-item .txt { font-size: 15px; color: #9d9d9d; }

@media screen and (max-width: 1280px) {
  .license-wrap {  gap: 24px 16px; }
  .license-item { width: calc( 50% - 8px ); }
  .license-item .img-container { margin-bottom: 16px; }
  .license-item .img-container .hover-box .icon { font-size: 20px; }
  .license-item .txt-wrap { gap: 8px; }
  .license-item .label { line-height: 24px; font-size: 12px; }
  .license-item .title { font-size: 13px; height: calc( ( 13px * 1.5 ) * 2 ); }
  .license-item .txt { font-size: 12px; }
}

/* 이미지 크게보기 팝업 */
.modal_slide { background: rgba(0, 0, 0, 0.6); }
.modal_slide .modal-wrap { background: none; width: 100%; height: 100%; max-width: unset; padding: 0; border: 0; }
.modal_slide .close-btn { color: #fff; z-index: 9; }
.modal_slide .slide_popup { width: 100%; height: 100%; max-width: 80vw; max-height: 80dvh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.modal_slide .slide_popup img { height: 100%; object-fit: contain; object-position: center; }
.modal_slide .slide_popup .swiper-pagination-bullet { background: #fff; }

/* subpage - 사업분야 - 드라이룸 */
.subpage-top-wrap.business { background-image: url(../images/subpage_top_business.png); }
.business-content { padding-top: 120px; }
.subpage-content .section-wrap { gap: 120px; }
.subpage-content .section.border-bottom { padding-bottom: 80px; border-bottom: 1px solid #e4e4e4; }
.subpage-content .section-title-wrap { margin-bottom: 56px; gap: 24px; }
.subpage-content .section-title { margin-top: 40px; font-size: 48px; font-weight: bold; }
.subpage-content .section-sub-title { font-size: 24px; font-weight: 500; line-height: 1.4; }
.subpage-content .section-txt-wrap { gap: 40px; }
.subpage-content .section-txt { font-size: 16px; line-height: 1.6; font-weight: 300; }
.subpage-content .section-txt-wrap .section-txt { width: 100%; position: relative; }
.subpage-content .section-txt-wrap .section-txt:not(:last-child)::after { content: ''; display: block; position: absolute; width: 1px; height: 100%; background: #e4e4e4; right: -20px; top: 0; transform: translateX(50%); }
.bus-item-slide { width: 100%; }
.bus-item-slide .swiper-wrapper { align-items: stretch; }
.bus-item-slide .bus-item { height: auto; }
.bus-item-slide .bus-item .img-container { margin-bottom: 24px; }
.bus-item-slide-btn-wrap { margin-top: 16px; justify-content: flex-end; }
.bus-item-slide-btn { width: 48px; line-height: 48px; text-align: center; font-size: 24px; cursor: pointer; }

.business-content .img-wrap { display: flex; gap: 40px; }

@media screen and (max-width: 1280px) {
  .business-content { padding-top: 40px; }
  .subpage-content .section-wrap { gap: 48px; }
  .subpage-content .section.border-bottom { padding-bottom: 24px; }
  .subpage-content .section-title-wrap { margin-bottom: 24px; gap: 16px; }
  .subpage-content .section-title { margin-top: 24px; font-size: 24px; }
  .subpage-content .section-sub-title { font-size: 18px; }
  .subpage-content .section-txt-wrap { flex-flow: column; gap: 24px; }
  .subpage-content .section-txt { font-size: 14px; }
  .subpage-content .section-txt-wrap .section-txt:not(:last-child)::after { display: none; }
  .bus-item-slide .bus-item .img-container { margin-bottom: 16px; }
  .bus-item-slide-btn-wrap { margin-top: 8px; }
  .bus-item-slide-btn { width: 24px; line-height: 24px; font-size: 14px; }

  .section-top-img { position: relative; overflow: hidden; width: 100%; padding-top: 50%; border-radius: 4px; }
  .section-top-img img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; object-fit: cover; object-position: center; }

  .img-scroll-wrap { width: calc( 100% + 32px ); padding: 0 16px; margin-left: -16px; overflow: auto; }
  .img-scroll-wrap::-webkit-scrollbar { display: none; }
  .img-scroll-wrap img { min-width: 720px; }

  .business-content .img-wrap { gap: 24px; }
}

/* subpage - 사업분야 - HVAC - 환경플랜트  */
.oper-detail-wrap { gap: 40px; }
.oper-detail-wrap .img { width: 65%; }
.oper-detail-wrap .txt-wrap { width: calc( 35% - 40px ); }
.oper-detail-wrap .txt-item { padding-bottom: 40px; border-bottom: 2px solid #202020; position: relative; }
.oper-detail-wrap .txt-item:not(:last-child) { margin-bottom: 40px; }
.oper-detail-wrap .txt-item .item-title-wrap { flex-flow: column; align-items: baseline; gap: 8px; margin-bottom: 24px; }
.oper-detail-wrap .txt-item .num { position: absolute; font-size: 48px; color: #0031b8; right: 0; top: 0; font-weight: bold; }

@media screen and (max-width: 1280px) {
  .oper-detail-wrap { gap: 32px; flex-direction: column; }
  .oper-detail-wrap .img { width: 100%; }
  .oper-detail-wrap .txt-wrap { width: 100%; }
  .oper-detail-wrap .txt-item { padding-bottom: 24px; }
  .oper-detail-wrap .txt-item:not(:last-child) { margin-bottom: 24px; }
  .oper-detail-wrap .txt-item .item-title-wrap { gap: 4px; margin-bottom: 8px; }
  .oper-detail-wrap .txt-item .num { font-size: 36px; }  
}

/* subpage - 사업분야 - 장비 */
.bus-item .img-container .label { position: absolute; padding: 0 16px; line-height: 32px; background-color: #e4e4e4; font-size: 16px; font-weight: bold; left: 0; top: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; z-index: 1; }

@media screen and (max-width: 1280px) {
  .bus-item .img-container .label { padding: 0 8px; line-height: 24px; font-size: 12px; top: 8px; }
}

/* subpage - 투자 - 경영실적자료 */
.subpage-top-wrap.management { background-image: url(../images/subpage_top_management.png); }
.search-wrap { display: flex; justify-content: flex-end; position: relative; margin-bottom: 24px; }
.search-input { width: 100%; max-width: 360px; height: 56px; border-radius: 28px; border: 2px solid #e4e4e4; background: #fff; padding: 0 32px; padding-right: 56px; font-size: 18px; }
.search-input::placeholder { color: #9d9d9d; }
.search-btn { position: absolute; font-size: 24px; color: #e4e4e4; right: 16px; top: 50%; transform: translateY(-50%); }
.board-wrap { border-top: 2px solid #202020; border-bottom: 2px solid #202020; }
.board-item { display: flex; align-items: center; padding: 32px; gap: 40px; justify-content: space-between; transition: .2s; }
.board-item:hover { background: #D9DFEE; }
.board-item:not(:last-child) { border-bottom: 1px solid #D9DFEE; }
.board-item .txt-wrap { gap: 16px; max-width: calc( 100% - 72px ); }
.board-item .title { font-size: 18px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board-item .sub-txt { font-size: 16px; color: #9d9d9d; }
.board-item .btn { width: 32px; height: 32px; border-radius: 50%; line-height: 30px; border: 1px solid #9d9d9d; text-align: center; font-size: 17px; color: #9d9d9d; transition: .2s; }
.board-item:hover .btn { border-color: #002f85; color: #002f85; }

@media screen and (max-width: 1280px) {
  .search-input { height: 48px; border-radius: 24px; border: 1px solid #e4e4e4; padding: 0 24px; padding-right: 48px; font-size: 14px; }
  .search-btn { font-size: 20px; }
  .board-item { padding: 16px 0; gap: 16px; }
  .board-item .txt-wrap { gap: 8px; max-width: calc( 100% - 48px ); }
  .board-item .title { font-size: 14px; }
  .board-item .sub-txt { font-size: 12px; }
  .board-item .btn { width: 24px; height: 24px; line-height: 22px; font-size: 14px; }
}

/* 게시글 상세 */
.board_detail { padding-top: 64px; padding-bottom: 120px; }
.board_detail .title-wrap { align-items: center; padding: 40px; border-top: 2px solid #333; border-bottom: 1px solid #a4a4a4; gap: 16px; }
.board_detail .title-wrap .sub-title { font-size: 16px; font-weight: bold; }
.board_detail .title-wrap .title { font-size: 24px; font-weight: bold; line-height: 1.25; }
.board_detail .title-wrap .txt-group { gap: 32px; }
.board_detail .title-wrap .txt { font-size: 16px; }
.board_detail .con-wrap { padding: 40px 0 80px; }
.board_detail .con-wrap * { word-break: break-all; white-space: pre-line; }
.board_detail .con-wrap img { max-width: 100%; width: unset;}
.file-download-group { gap: 16px; }
.file-download-wrap { height: 43px; align-items: center; padding: 0 16px; background: #f5f5f5; border-radius: 4px; gap: 8px; }
.file-download-wrap .icon { font-size: 19px; color: #a4a4a4; }
.file-download-wrap .file-title { font-size: 16px; min-width: 136px; font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.file-download-wrap { height: 52px; padding: 0 24px; }
.file-download-wrap i { font-size: 20px; }
.file-download-wrap .file-title { font-size: 17px; font-weight: 600; width: calc( 100% - 56px ); }
.board_detail .btm-wrap { margin-top: 40px; justify-content: space-between; align-items: center; position: relative; width: 100%; border-top: 1px solid #202020; padding-top: 24px; }
.board_detail .btm-wrap .btn { font-size: 17px; font-weight: bold; display: flex; gap: 8px; align-items: baseline; width: calc( (100% - 88px ) / 2 ); cursor: pointer; }
.board_detail .btm-wrap .next-btn { justify-content: flex-end; }
.board_detail .btm-wrap .btn .title { color: #a4a4a4; font-weight: 300; max-width: calc( 100% - 92px ); font-size: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.5; }
.board_detail .btm-wrap .list-btn { width: 56px; height: 56px; border-radius: 50%; border: 2px solid #aeaeae; text-align: center; cursor: pointer; }
.board_detail .btm-wrap .list-btn i { font-size: 24px; color: #aeaeae; line-height: 52px; }

.board-detail-list { gap: 24px; }
.board-detail-item .item-title { width: 122px; font-size: 17px; font-weight: bold; position: relative; line-height: 1.5; }
.board-detail-item .item-title::after { content: ''; display: block; position: absolute; width: 2px; height: 18px; background: #d5d5d5; right: 0; top: 4px; }
.board-detail-item .item-txt { width: calc( 100% - 122px ); padding-left: 24px; font-size: 17px; line-height: 1.5; }

@media screen and (max-width:1280px) {
  .board_detail { padding-top: 24px; padding-bottom: 80px; }
  .board_detail .title-wrap { align-items: flex-start; padding: 0; padding-bottom: 24px; border-top: 0; gap: 12px; }
  .board_detail .title-wrap .sub-title { font-size: 14px; }
  .board_detail .title-wrap .title { font-size: 18px;}
  .board_detail .title-wrap .txt-group { gap: 24px; width: 100%; justify-content: center; }
  .board_detail .title-wrap .txt { font-size: 13px; }
  .board_detail .con-wrap { padding: 24px 0; }
  .file-download-group { gap: 8px; }
  .file-download-wrap { height: 40px; padding: 0 16px; }
  .file-download-wrap i { font-size: 16px; }
  .file-download-wrap .file-title { font-size: 14px; width: calc( 100% - 48px ); }
  .board_detail .btm-wrap { padding-top: 16px; }
  .board_detail .btm-wrap .btn { font-size: 14px; width: calc( (100% - 64px ) / 2 ); }
  .board_detail .btm-wrap .btn .title { display: none; }
  .board_detail .btm-wrap .list-btn { width: 32px; height:32px; border: 1px solid #aeaeae; }
  .board_detail .btm-wrap .list-btn i { font-size: 16px; line-height: 30px; }
  
  .board-detail-list { gap: 16px; }
  .board-detail-item .item-title { width: 96px; font-size: 14px; }
  .board-detail-item .item-title::after { height: 14px; }
  .board-detail-item .item-txt { width: calc( 100% - 96px ); padding-left: 16px; font-size: 14px; }
}

/* subpage - ESG - ESG 경영 */
.subpage-content.non-padding { padding-bottom: 0; }
.subpage-top-wrap.esg { background-image: url(../images/subpage_top_esg.png); }
.esg-item-wrap { gap: 64px; }
.esg-item { gap: 64px; align-items: center; }
.esg-item:nth-child(2n) { flex-flow: row-reverse; }
.esg-item .img-wrap { width: 50%; }
.esg-item .txt-wrap { width: calc( 50% - 64px ); gap: 16px; }
.esg-item:nth-child(2n) .txt-wrap { text-align: right; }
.esg-item .icon { font-size: 64px; font-weight: 900; }
.esg-item .sub-title { font-size: 16px; font-weight: 500; }
.esg-item .title { font-size: 32px; font-weight: bold; }
.esg-item .sub-txt { font-size: 18px; font-weight: 500; }
.esg-item .txt { font-size: 16px; line-height: 1.5; color: #707070; }
.esg-item:nth-child(2n-1) .color { color: #18abcc; }
.esg-item:nth-child(2n) .color { color: #1399cf; }

@media screen and (max-width:768px) {
  .esg-item-wrap { gap: 40px; }
  .esg-item { gap: 32px; flex-flow: column; align-items: flex-start; }
  .esg-item:nth-child(2n) { flex-flow: column; }
  .esg-item .img-wrap { width: 100%; }
  .esg-item .txt-wrap { width: 100%; gap: 8px; }
  .esg-item:nth-child(2n) .txt-wrap { text-align: left; }
  .esg-item .icon { font-size: 36px; }
  .esg-item .sub-title { font-size: 13px; }
  .esg-item .title { font-size: 20px; }
  .esg-item .sub-txt { font-size: 16px; }
  .esg-item .txt { font-size: 14px; }
}

/* subpage - ESG - ESG 정보 - 환경 경영 */
.business-content .section.bg-gray { padding: 80px 0 120px; background: #fcfcfc; }
.cert-wrap { gap: 80px; }
.cert-item { align-items: center; gap: 64px; }
.cert-item .img-container { width: 25%; padding-top: calc( 25% * 1.414 ); box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #e4e4e4; }
.cert-item .txt-wrap { width: 50%; gap: 16px; }

@media screen and (max-width:1280px) {
  .business-content .section.bg-gray { padding: 40px 0 80px; }
  .cert-wrap { gap: 32px; }
  .cert-item { align-items: flex-start; flex-flow: column; gap: 32px; }
  .cert-item .img-container { width: 150px; padding-top: calc( 150px * 1.414 ); }
  .cert-item .txt-wrap { width: 100%; }
}

/* subpage - ESG - ESG 정보 - 기업지배구조 */
.director-wrap { flex-flow: wrap; gap: 24px 16px; margin-top: 24px; }
.director-item { width: calc( 50% - 8px ); background: #fff; border: 1px solid #aeaeae; padding: 40px 24px; display: flex;flex-flow: column; gap: 40px; }
.director-item .title-group { gap: 16px; }
.director-item .txt-wrap { gap: 24px; }
.director-item .txt-wrap.margin-top { margin-top: auto; }
.director-item .txt-group { gap: 16px; }
.director-item .sub-title { font-size: 16px; font-weight: bold; color: #002f85; }
.director-item .title { font-size: 28px; font-weight: bold; }
.director-item .txt-title { font-size: 18px; font-weight: bold; }
.director-item .txt { font-size: 16px; line-height: 1.5; padding-left: 12px; position: relative; }
.director-item .txt::after { content: ''; display: block; position: absolute; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #484848; top: 10.5px; }

@media screen and (max-width:768px) {
  .director-wrap { gap: 16px; margin-top: 16px; }
  .director-item { width: 100%; padding: 24px 16px; gap: 24px; }
  .director-item .title-group { gap: 8px; }
  .director-item .txt-wrap { gap: 16px; }
  .director-item .txt-group { gap: 8px; }
  .director-item .sub-title { font-size: 14px; }
  .director-item .title { font-size: 20px; }
  .director-item .txt-title { font-size: 16px; }
  .director-item .txt { font-size: 14px; }
  .director-item .txt::after { top: 8.5px; }
}

/* subpage - 뉴스룸 */
.subpage-top-wrap.newsroom { background-image: url(../images/subpage_top_newsroom.png); }
.board-item .img-container { width: 290px; padding-top: 180px; }
.board-item .img-container + .txt-wrap { width: calc( 100% - 80px - 290px - 32px ); }
.board-item .txt { font-size: 16px; color: #aeaeae; line-height: 1.5;}
.board-item .txt.line4 { display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; max-height: calc( ( 16px * 1.5 ) * 4 ); }

@media screen and (max-width:768px) {
  .board-item { flex-flow: wrap; position: relative; }
  .board-item .img-container { width: 100%; padding-top: 52%; }
  .board-item .img-container + .txt-wrap { width: 100%; max-width: unset; }
  .board-item .img-container ~ .btn { position: absolute; bottom: 10px; right: 0; }
  .board-item .txt { font-size: 13px; }
  .board-item .txt.line4 { max-height: calc( ( 13px * 1.5 ) * 4 ); }
}

/* subpage - 연구개발 - 연구개발현황 */
.subpage-top-wrap.status { background-image: url(../images/subpage_top_status.png); }
.status-wrap { gap: 80px; }
.status-item { gap: 24px; }
.status-item .item-title { width: calc( 25% - 24px ); padding-top: 24px; position: relative; font-size: 24px; font-weight: bold; }
.status-item .item-title::after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 40px; height: 3px; background: #002f85; }
.status-item .item-group { width: 75%; gap: 16px; }
.status-item .item { width: 100%; gap: 24px; }
.status-item .item .img-container { padding-top: 60%; border-radius: 8px; overflow: hidden; }
.status-item .item-txt { font-size: 18px; font-weight: 500; }

@media screen and (max-width:1280px) {
  .status-wrap { gap: 40px; }
  .status-item { gap: 16px; flex-flow: column; }
  .status-item .item-title { width: 100%; padding-top: 16px; font-size: 20px; }
  .status-item .item-title::after { width: 24px; height: 2px; }
  .status-item .item-group { width: 100%; gap: 16px; overflow-x: auto; }
  .status-item .item-group::-webkit-scrollbar { display: none; }
  .status-item .item { width: 100%; min-width: 250px; gap: 16px; }
  .status-item .item .img-container { border-radius: 4px; }
  .status-item .item-txt { font-size: 14px; }
}

/* subpage - 시공 사례 - 대표사례 */
.subpage-top-wrap.case { background-image: url(../images/subpage_top_case.png); }
.board-wrap.type2 { flex-flow: wrap; gap: 40px 24px; padding: 40px 0; }
.board-wrap.type2 .board-item { width: calc( ( 100% - 48px ) / 3 ); flex-flow: column; gap: 24px; padding: 0; border: 0; }
.board-wrap.type2 .board-item:hover { background: none; }
.board-wrap.type2 .board-item .img-container { width: 100%; padding-top: 60%; border-radius: 8px; overflow: hidden; }
.board-wrap.type2 .board-item .img-container + .txt-wrap { max-width: unset; width: 100%; }

@media screen and (max-width:1280px) {
  .board-wrap.type2 { gap: 24px; padding: 16px 0; }
  .board-wrap.type2 .board-item { width: calc( ( 100% - 24px ) / 2 ); gap: 16px; }
  .board-wrap.type2 .board-item .img-container { border-radius: 4px; }
}
@media screen and (max-width:640px) {
  .board-wrap.type2 .board-item { width: 100%; }
}

/* subpage - 고객센터 */
.subpage-top-wrap.cs { background-image: url(../images/subpage_top_cs.png); }
.board-top-txt { font-size: 18px; margin-bottom: 24px; }

@media screen and (max-width:1280px) {
  .board-top-txt { font-size: 14px; margin-bottom: 16px; }
}

/* subpage - 고객센터 - 카탈로그 */
.catalog-wrap { gap: 80px; align-items: center; text-align: center; }
.catalog-wrap .title { font-size: 24px; line-height: 1.67; font-weight: 600; }
.catalog-wrap .btn-wrap { width: 100%; justify-content: center; gap: 40px; }
.catalog-wrap .btn { width: 100%; max-width: 420px; height: 76px; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; border-radius: 40px; background: #fff; border: 2px solid #002f85; font-size: 24px; font-weight: 600; color: #002f85; transition: .2s; }
.catalog-wrap .btn:hover { background: #002f85; color: #fff; }

@media screen and (max-width:1280px) {
  .catalog-wrap { gap: 40px; }
  .catalog-wrap .title { font-size: 16px; }
  .catalog-wrap .btn-wrap { flex-flow: wrap; gap: 16px; }
  .catalog-wrap .btn { max-width: 280px; height: 48px; padding: 0 24px; border-radius: 24px; font-size: 14px; }
}

/* subpage - 고객센터 - 서비스센터 */
.service-center-wrap {  }
.service-center-item { padding: 80px 0; border-bottom: 1px solid #e4e4e4; display: flex;}
.service-center-item:first-child { border-top: 1px solid #e4e4e4; }
.service-center-item .item-default { width: 380px; font-size: 32px; font-weight: bold; }
.service-center-item .item-user { width: calc( 100% - 380px ); gap: 32px; }
.service-center-item .item {  }
.service-center-item .item-title { width: 150px; font-size: 24px; font-weight: 500; line-height: 1.5; }
.service-center-item .item-txt { width: calc( 100% - 150px ); font-size: 24px; font-weight: 500; line-height: 1.5; }

@media screen and (max-width:1280px) {
  .service-center-item { padding: 24px 0; flex-flow: column; gap: 16px; }
  .service-center-item .item-default { width: 100%; font-size: 18px; }
  .service-center-item .item-user { width: 100%; gap: 8px; }
  .service-center-item .item-title { width: 80px; font-size: 13px; }
  .service-center-item .item-txt { width: calc( 100% - 80px ); font-size: 13px; }
}

/* subpage - 고객센터 - faq */
.faq-contents-wrap { border-top: 2px solid #202020; border-bottom: 2px solid #202020; }
.faq-contents-item { border-bottom: 1px solid #e4e4e4; width: 100%;  cursor: pointer;  }
.faq-contents-item .icon { display: block; font-size: 32px; line-height: 56px; }
.faq-contents-item .content-wrap { padding: 20px 24px; display: flex; width: 100%; align-items: flex-start; min-height: 88px; position: relative; background: #fff; transition: .2s;}
.faq-contents-item .faq-text { width: 56px; height: 56px; border-radius: 50%; text-align: center; background: #002f85; font-size: 32px; line-height: 56px; font-weight: bold; color: #fff; }
.faq-contents-item .faq-title { width: calc( 100% - 88px ); padding: 0 24px; padding-top: 13px; font-size: 20px; font-weight: 300; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.faq-contents-item .answer-wrap { background: #f5f5f5; border-top: 1px solid #e4e4e4; display: none; }
.faq-contents-item .answer-wrap .content-wrap { align-items: flex-start; padding-top: 40px; padding-bottom: 40px; background: none; }
.faq-contents-item .answer-wrap .faq-text { background: #fff; color: #202020; }
.faq-contents-item .answer-wrap .faq-title { white-space: unset; padding-top: 0; }

.faq-contents-item.active .faq-title { white-space: unset; }
.faq-contents-item.active .answer-wrap { display: block; }
.faq-contents-item.active .icon { transform: rotate(180deg); }

@media screen and (max-width: 1280px) {
  .faq-contents-wrap { border-top: 1px solid #202020; border-bottom: 1px solid #202020; }
  .faq-contents-item .icon { font-size: 16px; line-height: 40px; }
  .faq-contents-item .content-wrap { padding: 16px 8px; min-height: 72px; }
  .faq-contents-item .faq-text { width: 24px; height: 24px; font-size: 14px; line-height: 24px; }
  .faq-contents-item .faq-title { width: calc( 100% - 40px ); padding: 0 16px; padding-top: 0; font-size: 14px; ine-height: 1.5; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: calc((14px* 1.5)* 2); white-space: unset; }
  .faq-contents-item .answer-wrap .content-wrap { padding-top: 16px; padding-bottom: 16px; }
  .faq-contents-item.active .faq-title { height: auto; display: block; }
}

/* subpage - 고객센터 - 문의신청 */
.file-upload-wrap { width: 100%; gap: 16px; }
.file-upload-btn { width: 148px; display: flex; justify-content: center; gap: 8px; height: 52px; background-color: #7d7d7d; text-align: center; align-items: center; font-size: 17px; font-weight: 300; color: #fff; }
.select-preview-wrap { width: 100%; display: flex; flex-flow: column; gap: 8px; }
.select-preview-item { width: 100%; height: 52px; display: flex; align-items: center; padding: 0 16px; background: #f5f5f5; }
.select-preview-item .icon { font-size: 20px; }
.select-preview-wrap .title { width: calc( 100% - 36px ); font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 8px; }
.select-preview-wrap .del-btn { font-size: 16px; color: #aeaeae; }
.policy-agree-txt-wrap { padding: 32px; background: #f9f9f9; }
.policy-agree-txt-wrap .title { font-size: 18px; font-weight: 500; margin-bottom: 24px; }
.policy-agree-txt-group { gap: 12px; }
.policy-agree-txt-item .item-title { width: 136px; font-size: 16px; font-weight: 300; color: #999; line-height: 1.5; }
.policy-agree-txt-item .item-txt { width: calc( 100% - 136px ); font-size: 16px; font-weight: 300; color: #999; line-height: 1.5; }

@media screen and (max-width: 1280px) {
  .file-upload-wrap { gap: 8px; }
  .file-upload-btn { width: 128px; height: 48px; font-size: 14px; }
  .select-preview-item { height: 48px; }
  .select-preview-item .icon { font-size: 16px; }
  .select-preview-wrap .title { font-size: 14px; }
  .select-preview-wrap .del-btn { font-size: 14px; }
  .policy-agree-txt-wrap { padding: 24px; }
  .policy-agree-txt-wrap .title { font-size: 14px; margin-bottom: 16px; }
  .policy-agree-txt-group { gap: 8px; }
  .policy-agree-txt-item { flex-flow: column; }
  .policy-agree-txt-item .item-title { width: auto; font-size: 13px; font-weight: bold; }
  .policy-agree-txt-item .item-txt { width: 100%; font-size: 13px; }
}

/* subpage - 채용정보 */
.subpage-top-wrap.recruit { background-image: url(../images/subpage_top_recruit.png); }
.recruit-top-wrap { align-items: center; }
.recruit-top-wrap .img { width: 50%; }
.recruit-top-wrap .txt-wrap { width: 50%; text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 40px; } 
.recruit-top-wrap .title { padding: 48px 0; font-size: 24px; font-weight: 600; line-height: 1.67; position: relative; }
.recruit-top-wrap .title::after, .recruit-top-wrap .title::before { content: ''; display: block; position: absolute; width: 28px; height: 22px; background-image: url(../images/icon_comma.png); background-repeat: no-repeat; background-size: contain; left: 50%; transform: translateX(-50%); }
.recruit-top-wrap .title::after { top: 0; }
.recruit-top-wrap .title::before { bottom: 0; transform: translateX(-50%) rotate(180deg); }
.recruit-top-wrap .txt { font-size: 20px; line-height: 1.6; padding: 0 24px; }

.recruit-group { flex-flow: wrap; }
.recruit-group:not(:last-child) { border-bottom: 1px solid #f5f5f5; }
.recruit-item { width: calc( 100% / 3 ); padding: 64px 24px 80px; text-align: center; }
.recruit-item:not(:nth-child(3n)) { border-right: 1px solid #f5f5f5; }
.recruit-item .title-wrap { padding-bottom: 32px; margin-bottom: 48px; position: relative; }
.recruit-item .title-wrap::after { content: ''; display: block; position: absolute; width: 60px; height: 2px; background: #002f85; bottom: 0; left: 50%; transform: translate(-50%, -50%); }
.recruit-item .icon { width: auto; height: 84px; object-fit: contain; object-position: center; margin-bottom: 16px; transform: translateX(-8px); }
.recruit-item .title { font-size: 24px; font-weight: bold; margin-bottom: 8px; }
.recruit-item .sub-title { font-size: 20px; }
.recruit-item .txt { font-size: 20px; font-weight: 500; line-height: 1.4; }
.recruit-item .sub-txt { margin-top: 8px; font-size: 15px; color: #aeaeae; line-height: 1.5; }

@media screen and (max-width: 1280px) {
  .recruit-top-wrap { flex-flow: column; gap: 32px; }
  .recruit-top-wrap .img { width: 100%; }
  .recruit-top-wrap .txt-wrap { width: 100%; gap: 24px; } 
  .recruit-top-wrap .title { padding: 24px 0; font-size: 16px; line-height: 1.5; }
  .recruit-top-wrap .title::after, .recruit-top-wrap .title::before { width: 16px; height: 12px; }
  .recruit-top-wrap .txt { font-size: 13px; padding: 0; }
}

@media screen and (max-width: 960px) {
  .recruit-group { flex-flow: wrap; border-top: 1px solid #f5f5f5; }
  .recruit-group:not(:last-child) { border-bottom: 0; }
  .recruit-item { width: 100%; padding: 24px 0; text-align: left; border-bottom: 1px solid #f5f5f5; }
  .recruit-item:not(:nth-child(3n)) { border-right: 0; }
  .recruit-item .title-wrap { display: flex; align-items: baseline; gap: 8px; padding-bottom: 8px; margin-bottom: 8px; padding-left: 56px; }
  .recruit-item .title-wrap::after { width: 32px; bottom: 0; left: 56px; transform: none; }
  .recruit-item .icon { width: 40px; height: 40px; margin-bottom: 0; transform: none; position: absolute; left: 0; top: 0; }
  .recruit-item .title { font-size: 16px; margin-bottom: 0; }
  .recruit-item .sub-title { font-size: 13px; }
  .recruit-item .txt { font-size: 13px; padding-left: 56px; }
  .recruit-item .sub-txt { font-size: 12px; padding-left: 56px; }
}

/* subpage - 채용정보 - 복리후생 */
.recruit-benefit-wrap .recruit-item .title { margin-bottom: 16px; }
.recruit-benefit-wrap .recruit-item .icon { transform: translateX(8px); }

@media screen and (max-width: 960px) {
  .recruit-benefit-wrap .recruit-item { position: relative; }
  .recruit-benefit-wrap .recruit-item .title { margin-bottom: 8px; padding-left: 56px; }
  .recruit-benefit-wrap .recruit-item .icon { transform: none; top: 24px; }
}

/* subpage - 채용정보 - 직무소개 */
.recruit-intro-tab-wrap { margin-bottom: 40px; }
.recruit-intro-tab-wrap .index-tab { width: 100%; line-height: 1.2; display: flex; justify-content: center; align-items: center; height: 64px; border-radius: 32px; }
.index-tab-content { display: none; }
.index-tab-content.active { display: block; }
.recruit-intro-group { display: flex; flex-flow: wrap; border-top: 2px solid #f5f5f5; }
.recruit-intro-item { width: 50%; border-bottom: 2px solid #f5f5f5; }
.recruit-intro-item:not(:nth-child(2n)) { border-right: 2px solid #f5f5f5; }
.recruit-intro-item .item-default { width: 160px; padding-top: 32px; }
.recruit-intro-item .item-default .icon { display: block; width: 78px; height: 78px; object-fit: contain; object-position: center; margin: 0 auto; }
.recruit-intro-item .item-user { width: calc( 100% - 160px ); padding: 48px 0 40px; }
.recruit-intro-item .item-title { font-size: 24px; font-weight: bold; margin-bottom: 16px; }
.recruit-intro-item .item-txt-group { gap: 4px; }
.recruit-intro-item .item-txt { padding-right: 16px; padding-left: 16px; font-size: 16px; line-height: 1.5; position: relative; }
.recruit-intro-item .item-txt::after { content: ''; display: block; position: absolute; width: 4px; height: 4px; background: #202020; border-radius: 50%; left: 0; top: calc(0.75em - 2px); }

@media screen and (max-width: 1280px) {
  .recruit-intro-tab-wrap { margin-bottom: 24px; overflow: auto; }
  .recruit-intro-tab-wrap::-webkit-scrollbar { display: none; }
  .recruit-intro-tab-wrap .index-tab { height: 40px; border-radius: 20px; min-width: unset; }
  .recruit-intro-group { border-bottom: 2px solid #f5f5f5; }
  .recruit-intro-item { border-bottom: 1px solid #f5f5f5; }
  .recruit-intro-item:not(:nth-child(2n)) { border-right: 0; }
  .recruit-intro-item .item-default { width: 60px; padding-top: 16px; }
  .recruit-intro-item .item-default .icon { width: 42px; height: 42px; margin: 0; }
  .recruit-intro-item .item-user { width: calc( 100% - 60px ); padding: 16px 0; }
  .recruit-intro-item .item-title { font-size: 16px; margin-bottom: 8px; }
  .recruit-intro-item .item-txt-group { gap: 4px; }
  .recruit-intro-item .item-txt { padding-right: 8px; padding-left: 8px; font-size: 13px; }
  .recruit-intro-item .item-txt::after { width: 2px; height: 2px; top: calc(0.75em - 1px); }
}
@media screen and (max-width: 640px) {
  .recruit-intro-item { width: 100%; }
}

/* subpage - 채용정보 - 채용안내 */
.recruit-info-wrap .section-sub-title { text-align: center; font-weight: 600; line-height: 1.67; }
@media screen and (max-width: 1280px) {
  .recruit-info-wrap .section-sub-title { font-size: 13px; }
}

/* 개인정보처리방침 */
.pageTop{max-width:1280px; margin:0 auto; padding:100px 0 70px; font-size:0; line-height:0; text-align: center; position: relative; z-index:2;}
.pageTop>h3{padding-bottom:50px; font-weight:500; font-size:40px; line-height:1; color: #000; display:inline-block; position: relative;}
.pageTop>h3:before{content: ""; width: 1px; height: 30px; background-color: #006cb7; display: block; position:absolute; left: 50%; bottom:0;}
.pageTop>h3 .cate{padding-bottom:10px; font-family: 'Titillium Web', sans-serif; font-weight:400; font-size:26px; line-height:1; color: #006cb7; position: relative;}
.container_wr { padding-bottom: 120px; }

.privacy_box { margin-bottom:30px; padding:30px; background:#fff; border:1px solid #ddd; box-sizing:border-box; }
.privacy_box p { font-size:1.125rem; line-height:1.75; color:#666;}

.clauseArea_tit {display: block; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #ddd; margin-top:30px; }
.clauseArea_tit h3 { font-size:20px; line-height: 1.66; font-weight:600; color:#333; }

.pb_txt .ol_02  { padding-top:5px; counter-reset: item; margin-bottom: 30px; }
.pb_txt .ol_02 > li {padding-left:30px; position: relative; padding-bottom: 5px; font-size:1.125rem; line-height: 1.75; color: #666; font-weight:400;}
.pb_txt .ol_02 > li:before {counter-increment: item; content: counter(item); width: 20px; height: 20px; display: inline-block; background:#2978cc; color: #fff !important; border-radius: 50%; text-align: center; line-height: 20px; font-size:12px; position: absolute; top: 5px; left: 0; font-weight: 300; }

.pb_txt .ol_01  {counter-reset: item;margin: 5px 0 9px;}
.pb_txt .ol_01 > li {margin-bottom: 7px; padding-left: 30px; position: relative; font-size:1.125rem; font-weight:400; line-height: 1.75; color: #666; font-weight:400;}
.pb_txt .ol_01 > li:before {content: counter(item, decimal-leading-zero)'. '; counter-increment: item; position: absolute; top: 0; left: 0; color:#2978cc;}

.pb_txt .ol_03  {counter-reset: item; margin: 5px 0 9px;}
.pb_txt .ol_03 > li {margin-bottom: 7px; padding-left: 30px; position: relative; font-size: 1.125rem; line-height: 1.75; color: #666; font-weight:400;}
.pb_txt .ol_03 > li:before {content: counter(item, decimal-leading-zero)') '; counter-increment: item; position: absolute; top: 0; left: 0; color:#444;}

.c_red {color:#2978cc;}

.pb_txt .list_01 { padding-top:5px; }
.pb_txt .list_01 li:hover {background:none;}
.pb_txt .list_01 > li {padding:0 0 0 12px; position: relative; padding-bottom: 5px; font-size:1.125rem; font-weight:400; line-height: 1.75; color: #666; border:none; background:none; border-radius:0px; margin:0;}
.pb_txt .list_01 > li:before {content: ""; width: 3px; height: 3px; background-color:#2978cc; display: inline-block; position:absolute; left: 0; top:12px; box-sizing: border-box; }
.pb_txt .list_01 > li a { display: inline-block; }

.pb_txt .list_02 { padding-top:5px; }
.pb_txt .list_02 > li {padding:0 0 0 12px; position: relative; padding-bottom: 5px; color:#666666; border:none; background:none; border-radius:0px; margin:0;}
.pb_txt .list_02 > li:before  {content:''; display: block ; width: 7px; height: 1px; top: 14px; left: 0; background-color: #666666; position: absolute }

.pb_txt .list_03 { padding-top:5px; }
.pb_txt .list_03 > li { position: relative; padding-bottom: 5px; color:#666666;}
.pb_txt .list_03 > li:before { display:none; }

.pb_txt p { font-size:17px; line-height: 1.75; color: #666; margin-bottom:15px; font-weight:400;}

.clauseArea .nTable{width:100%; margin-top:5px; background-color: #fff; border-top:2px solid #444; box-sizing: border-box;}
.clauseArea .nTable>table{width:100%; margin-left:0; border-spacing:0; table-layout: fixed;}
.clauseArea .nTable>table th,
.clauseArea .nTable>table td{height:1.875rem; padding:15px; border-bottom:1px solid #ebebeb; font-weight:400; font-size:17px; line-height:1.3; color:#888; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;}

.clauseArea .nTable>table>thead>tr>th {background-color:#f6f6f6; font-weight:600; color:#333; position: relative;}
.clauseArea .nTable>table>thead>tr>th+th{}

.clauseArea .nTable>table th+th {border-left:1px solid #ebebeb}
.clauseArea .nTable>table td+td {border-left:1px solid #ebebeb}

@media screen and (max-width: 1280px) {
  .pageTop { padding: 80px 0 40px; }
  .pageTop>h3 { font-size: 24px; }
  .container_wr { padding-bottom: 40px; }
  .privacy_box { padding: 16px; }
  .privacy_box p { font-size: 14px; }
  .clauseArea_tit { padding-bottom: 8px; margin-bottom: 8px; margin-top: 24px; }
  .clauseArea_tit h3 { font-size: 16px; }
  .pb_txt p { font-size: 14px; margin-bottom: 8px; }
  .pb_txt .ol_01 > li, .pb_txt .list_01 > li { font-size: 14px; }
  .clauseArea .nTable>table th, .clauseArea .nTable>table td { font-size: 14px; }
}


/* 250326 about ci */
.about-ci .subpage-content-title { text-align: center; margin-bottom: 80px; }
.ci-top { padding: 48px; background: #fcfcfc; display: flex; flex-flow: column; align-items: center; gap: 40px; margin-bottom: 80px; }
.ci-top .img { width: 150px; }
.ci-top .txt { text-align: center; font-size: 24px; font-weight: 500; line-height: 1.5; }
.ci-section-wrap { display: flex; flex-flow: column; gap: 120px; }
.ci-section .section-title { font-size: 32px; padding-left: 16px; margin-bottom: 40px; position: relative; }
.ci-section .section-title::after { content: ''; display: block; position: absolute; width: 5px; height: 32px; background: #002f85; left: 0; top: 50%; transform: translateY(-50%); }
.ci-section .download-btn { margin: 80px auto 0; width: fit-content; padding: 0 40px; height: 64px; display: flex; align-items: center; justify-content: center; gap: 16px; border-radius: 32px; background: #fff; border: 2px solid #002f85; font-size: 20px; font-weight: 600; color: #002f85; transition: .2s; }
.ci-section .download-btn:hover { background: #002f85; color: #fff; }
.ci-slogan-wrap { display: flex; flex-flow: column; gap: 80px; }
.ci-slogan-group { display: flex; flex-flow: column; gap: 32px; align-items: center; }
.ci-slogan-list { display: flex; gap: 24px; width: 100%; }
.ci-slogan-title { width: fit-content; padding: 0 48px; line-height: 60px; border-radius: 30px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; white-space: nowrap; }
.ci-slogan-title.color-1 { background: #0073e0; }
.ci-slogan-title.color-2 { background: #6e9ffb; }
.ci-slogan-item { width: 100%; display: flex; flex-flow: column; gap: 24px; }
.ci-slogan-item .item-img { width: 100%; padding-top: 45%; position: relative; border: 1px solid #e4e4e4; background: #fff; }
.ci-slogan-item .item-img img { position: absolute; top: 50%; left: 50%; width: calc( 100% - 80px ); height: calc( 100% - 80px ); object-fit: contain; object-position: center; transform: translate(-50%, -50%); }
.ci-slogan-item .item-txt { text-align: center; font-size: 20px; }
.ci-color-wrap { display: flex; gap: 48px; align-items: flex-end; }
.ci-color-group { display: flex; gap: 16px; align-items: flex-end; }
.ci-color-item { width: calc( ( 1280px - 96px ) / 5 ); display: flex; flex-flow: column; gap: 16px; }
.ci-color-item .item-title { font-size: 20px; font-weight: 600; }
.ci-color-item .item-color { padding: 16px; font-size: 16px; font-weight: 600; line-height: 1.5; color: #fff; }
.ci-color-item .item-color.color-1 { background: #143b96; }
.ci-color-item .item-color.color-2 { background: #595a52; }
.ci-color-item .item-color.color-3 { background: #000000; }
.ci-color-item .item-color.color-4 { background: #8a6d4b; }
.ci-color-item .item-color.color-5 { background: #8c9091; }
.ci-color-item .item-txt { font-size: 16px; line-height: 1.5; }
.ci-section .img-wrap { display: flex; gap: 32px; }
.ci-section .img-wrap img { width: calc( 50% - 16px ); }

@media screen and (max-width: 1680px) {
  .about-ci .container.w1280 { padding-left: 16px; padding-right: 16px; }
}
@media screen and (max-width: 1440px) {
  .ci-color-wrap { flex-flow: wrap; max-width: 480px; width: 100%; margin: 0 auto; }
  .ci-color-group { flex-flow: wrap; gap: 16px; }
  .ci-color-item { gap: 8px; width: 100%; }
  .ci-color-item .item-title { font-size: 16px; }
  .ci-color-item .item-color { font-size: 14px; }
  .ci-color-item .item-txt { font-size: 14px; }
}
@media screen and (max-width: 1280px) {
  .about-ci .subpage-content-title {  margin-bottom: 24px; }
  .ci-top { padding: 24px; gap: 24px; margin-bottom: 40px; }
  .ci-top .img { width: 70px; }
  .ci-top .txt { font-size: 16px; }
  .ci-section-wrap { gap: 56px; }
  .ci-section .section-title { font-size: 18px; padding-left: 12px; margin-bottom: 24px; }
  .ci-section .section-title::after { width: 3px; height: 16px; }
  .ci-section .download-btn { margin: 24px auto 0; padding: 0 24px; height: 48px; gap: 8px; border-radius: 24px; border: 1px solid #002f85; font-size: 16px; }
  .ci-slogan-wrap { gap: 40px; }
  .ci-slogan-group { gap: 16px; }
  .ci-slogan-list {gap: 24px; width: 100%; }
  .ci-slogan-title { padding: 0 24px; line-height: 40px; border-radius: 20px; font-size: 16px; }
  .ci-slogan-item { gap: 8px; }
  .ci-slogan-item .item-img img { width: calc( 100% - 48px ); height: calc( 100% - 48px ); }
  .ci-slogan-item .item-txt { text-align: center; font-size: 16px; }
}

@media screen and (max-width: 768px) {
  .ci-slogan-list { flex-flow: wrap; max-width: 480px; margin: 0 auto; }
  .ci-section .img-wrap { flex-flow: wrap; gap: 16px; }
  .ci-section .img-wrap img { width: 100%; }
  .ci-section .img-wrap { flex-flow: wrap; gap: 16px; width: 100%; max-width: 480px; margin: 0 auto; }
  .ci-section .img-wrap img { width: 100%; }
}

/* 250424 추가 수정사항 */

/* 고객센터-문의신청 전화번호 */
.inquiry-tel-wrap { margin-top: 48px; }
.inquiry-tel-item { padding: 24px 0; border-bottom: 1px solid #e4e4e4; display: flex; align-items: center; }
.inquiry-tel-item:first-child { border-top: 1px solid #e4e4e4; }
.inquiry-tel-item .item-title { font-size: 16px; font-weight: bold; width: 140px; }
.inquiry-tel-item .item-txt-group { width: calc( 100% - 140px ); display: flex; align-items: center; gap: 16px; }
.inquiry-tel-item .item-txt { font-size: 16px; font-weight: 500; }
.inquiry-tel-item .item-txt i { font-size: 16px; }

@media screen and (max-width: 1280px) {
  .inquiry-tel-wrap { margin-top: 24px; }
  .inquiry-tel-item { padding: 16px 0; flex-flow: column; gap: 16px; }
  .inquiry-tel-item .item-title { width: 100%; }
  .inquiry-tel-item .item-txt-group { width: 100%; gap: 16px; }
  .inquiry-tel-item .item-txt { font-size: 14px; }
  .inquiry-tel-item .item-txt i { font-size: 14px; }
}

.subpage-sub-tab-wrap.per6 { flex-flow: wrap; justify-content: flex-start; }
.subpage-sub-tab-wrap.per6 .subpage-sub-tab { max-width: unset; width: calc( 100% / 6 ); }
.subpage-sub-tab-wrap.per6 .subpage-sub-tab:nth-child(n+7) { border-top: 0; }
.subpage-sub-tab-wrap.per6 .subpage-sub-tab:nth-child(6n) { border-right: 1px solid #e4e4e4; }

@media screen and (max-width: 768px) {
  .subpage-sub-tab-wrap.per6 .subpage-sub-tab { max-width: unset; width: calc( 100% / 2 ); border: 1px solid #e4e4e4; }
  .subpage-sub-tab-wrap.per6 .subpage-sub-tab:nth-child(n+3) { border-top: 0; }
  .subpage-sub-tab-wrap.per6 .subpage-sub-tab:nth-child(2n-1):not(:last-child) { border-right: 0; }
}

/* 사업분야 - 장비 제습기 */
.subpage-min-tab-wrap { display: flex; justify-content: center; margin-bottom: 80px; }
.subpage-min-tab { width: 100%; max-width: 160px; line-height: 58px; text-align: center; font-size: 16px; font-weight: 600; color: #9d9d9d; border-bottom: 2px solid #e4e4e4; }
.subpage-min-tab.active { color: #002f85; border-color: #002f85; }

@media screen and (max-width: 1280px) {
  .subpage-min-tab-wrap { margin-bottom: 32px; overflow: auto; justify-content: flex-start; }
  .subpage-min-tab-wrap::-webkit-scrollbar { display: none; }
  .subpage-min-tab { min-width: calc( ( 100vw - 32px ) / 2 ); max-width: unset; line-height: 48px; font-size: 14px; white-space: nowrap; }
}

.feature-wrap { border-top: 1px solid #202020; border-bottom: 1px solid #202020; }
.feature-item { display: flex; align-items: flex-start; padding: 32px 0; } 
.feature-item:not(:last-child) { border-bottom: 1px solid #e4e4e4; }
.feature-item .item-img { width: 188px; }
.feature-item .item-img img { display: block; width: 100px; margin: auto; }
.feature-item .item-txt-wrap { display: flex; flex-flow: column; gap: 8px; width: calc( 100% - 188px ); }
.feature-item .item-num { font-size: 16px; font-weight: bold; color: #0525c9; }
.feature-item .item-title { font-size: 24px; font-weight: bold; line-height: 1.4; }
.feature-item .item-txt { font-size: 18px; line-height: 1.5; padding-left: 16px; position: relative; color: #707070; }
.feature-item .item-txt::after { content: ''; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #707070; left: 0; top: 9px; }
.feature-item .img-wrap { width: 100%; }
.feature-item .img-wrap img { width: calc( 50% - 20px ); }

.feature-wrap.type2 { border: 0; display: flex; flex-flow: wrap; gap: 24px; }
.feature-wrap.type2 .feature-item { width: calc( ( 100% - 24px * 3 ) / 4 ); border: 1px solid #e4e4e4; border-radius: 16px; padding: 40px 24px 108px; flex-flow: column; gap: 32px; align-items: flex-start; position: relative; }
.feature-wrap.type2 .feature-item .item-img { width: 100%; height: 50px; }
.feature-wrap.type2 .feature-item .item-img img { width: auto; height: 100%; object-fit: contain; margin: 0; }
.feature-wrap.type2 .feature-item .item-txt-wrap { width: 100%; }
.feature-wrap.type2 .feature-item .item-title { font-size: 20px; }
.feature-wrap.type2 .feature-item .item-num { position: absolute; font-size: 70px; opacity: .2; bottom: -0.25em; right: 24px; color: #0096ff; }
.feature-wrap.type2 .feature-item .item-txt { font-size: 16px; padding-left: 0; }
.feature-wrap.type2 .feature-item .item-txt::after { display: none; }

@media screen and (max-width: 1280px) {
  .feature-item { padding: 24px 0; } 
  .feature-item .item-img { width: 64px; }
  .feature-item .item-img img { width: 50px; }
  .feature-item .item-txt-wrap { width: calc( 100% - 64px ); }
  .feature-item .item-num { font-size: 14px; }
  .feature-item .item-title { font-size: 16px; }
  .feature-item .item-txt { font-size: 12px; padding-left: 8px; }
  .feature-item .item-txt::after {width: 4px; height: 4px; top: 7px; }
  .feature-item .img-wrap { width: 100%; }
  .feature-item .img-wrap img { width: calc( 50% - 12px ); }

  .feature-wrap.type2 { gap: 16px; }
  .feature-wrap.type2 .feature-item { width: calc( ( 100% - 16px ) / 2 ); border-radius: 8px; padding: 24px 16px 72px; gap: 16px; }
  .feature-wrap.type2 .feature-item .item-img { height: 36px; }
  .feature-wrap.type2 .feature-item .item-title { font-size: 14px; }
  .feature-wrap.type2 .feature-item .item-num { font-size: 40px; right: 16px; }
  .feature-wrap.type2 .feature-item .item-txt { font-size: 12px; }
}

.method-wrap { display: flex; gap: 80px; justify-content: center; }
.method-wrap.wide .method-item { max-width: unset; }
.method-item { width: 100%; max-width: 300px; display: flex; flex-flow: column; gap: 24px; align-items: center; }
.method-item .item-title { padding: 0 32px; line-height: 50px; border-radius: 26px; border: 1px solid #e4e4e4; font-size: 18px; font-weight: bold; }

.method-wrap.type2 { gap: 40px 24px; }
.method-wrap.type2 .method-item { max-width: unset; text-align: center; }
.method-wrap.type2 .method-item .item-title { padding: 0; line-height: 1; border-radius: 0; border: 0; font-size: 20px; }
.method-wrap.type2 .method-item .item-txt { font-size: 16px; line-height: 1.5; }

@media screen and (max-width: 1280px) {
  .method-wrap { flex-flow: column; align-items: center; gap: 32px; }
  .method-item { max-width: 180px; gap: 16px; }
  .method-item .item-title { padding: 0 24px; line-height: 36px; font-size: 14px; }
  
  .method-wrap.type2 { gap: 24px; }
  .method-wrap.type2 .method-item .item-title { font-size: 16px; }
  .method-wrap.type2 .method-item .item-txt { font-size: 14px; }

  .method-wrap.per2 { flex-flow: wrap; }
  .method-wrap.per2 .method-item { width: calc( 50% - 12px ); }
}

.system-wrap { display: flex; flex-flow: wrap; gap: 40px; }
.system-item { width: calc( 50% - 20px ); }
.system-wrap.per3 .system-item { width: calc( ( 100% - 80px ) / 3 ); }
.system-item .item-img { margin-bottom: 32px; }
.system-item .item-txt-wrap { display: flex; flex-flow: column; gap: 16px; }
.system-item .item-title { font-size: 32px; font-weight: bold; padding-left: 20px; position: relative; }
.system-item .item-title::after { content: ''; display: block; position: absolute; width: 3px; height: 36px; background: #002f85; left: 0; top: 50%; transform: translateY(-50%); }
.system-item .item-txt { font-size: 16px; line-height: 1.5; color: #707070; }
.system-item .item-sub-title { font-size: 20px; font-weight: 600; color: #002f85; }

.system-wrap.side { flex-flow: column; gap: 80px; }
.system-wrap.side .system-item { width: 100%; display: flex; gap: 80px; align-items: center; }
.system-wrap.side .system-item:nth-child(2n) { flex-flow: row-reverse; }
.system-wrap.side .system-item .item-img { width: calc( 55% - 80px ); margin-bottom: 0; }
.system-wrap.side .system-item .item-txt-wrap { width: 45%; }

@media screen and (max-width: 1280px) {
  .system-item { width: 100%; }
  .system-wrap.per3 .system-item { width: 100%; }
  .system-item .item-img { margin-bottom: 24px; }
  .system-item .item-txt-wrap { gap: 12px; }
  .system-item .item-title { font-size: 20px; padding-left: 12px; }
  .system-item .item-title::after { width: 3px; height: 24px; }
  .system-item .item-txt { font-size: 14px; }
  .system-item .item-sub-title { font-size: 16px; }
  
  .system-wrap.side { gap: 40px; }
  .system-wrap.side .system-item { flex-flow: column; gap: 24px; }
  .system-wrap.side .system-item:nth-child(2n) { flex-flow: column; }
  .system-wrap.side .system-item .item-img { width: 100%; }
  .system-wrap.side .system-item .item-txt-wrap { width: 100%; }

  .img-scroll-wrap { overflow: auto; }
  .img-scroll-wrap img { max-width: 1280px; }
}

/* form - 체크박스 */
.form-label-wrap { flex-flow: wrap; gap: 16px; }
.form-label-wrap label { width: calc( ( 100% - 32px ) / 3 ); }
.checked-item-all { padding: 16px; background: #f5f5f5; display: flex; justify-content: space-between; align-items: center; }
.checked-item-all .link { text-decoration: underline; }
.checked-item { align-items: center; gap: 8px; }
.checked-item .icon { width: 24px; height: 24px; border: 1px solid #9999a6; border-radius: 2px; display: flex; align-items: center; justify-content: center; }
.checked-item .icon i { color: #fff; font-weight: bold; font-size: 14px; line-height: 12px; }
.checked-item .txt { font-size: 16px; font-weight:bold; line-height: 1.5; color: #aeaeae; }
.form-checkbox:checked + .checked-item .icon { border: 1px solid #002f85; background: #002f85; }
.form-checkbox:checked + .checked-item .txt { color: #222; }

/* form - 라디오 */
.form-radio + .checked-item .icon { width: 24px; height: 24px; border: 1px solid #aeaeae; background: #fff; border-radius: 50%; display: block; position: relative; }
.form-radio + .checked-item .icon::after { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; background: #002f85; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.form-radio:checked + .checked-item { color: #002f85; }
.form-radio:checked + .checked-item .icon { border: 1px solid #002f85; }
.form-radio:checked + .checked-item .icon::after { display: block; }

.form-container { gap: 80px; }
.form-title { display: flex; align-items: center; justify-content: space-between; padding: 16px 24px; background: #ecf7ff; font-size: 24px; font-weight: bold; color: #0031b8; }
.report-content .form-list { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; gap: 0; }
.report-content .form-item { padding: 16px 0; }
.report-content .form-item.col-group { padding: 0; gap: 0; }
.report-content .form-item.col-group:not(:last-child) { border-bottom: 1px solid #d8d8d8; }
.report-content .form-item.col-group .item-default { width: 200px; background: #fcfcfc; padding: 16px; } 
.report-content .form-item.col-group .item-user { width: calc( 100% - 200px ); padding: 16px; } 
.report-content .form-item.col-group select.form-input { min-width: unset; max-width: 300px; }

@media screen and (max-width: 1280px) {
  .form-label-wrap label { width: 100%; }
  .checked-item-all .link { font-size: 14px; }
  .checked-item-all .checked-item .txt { width: calc( 100% - 18px - 8px - 48px ); }
  .checked-item .icon { width: 18px; height: 18px; }
  .checked-item .icon i { font-size: 12px; line-height: 14px; }
  .checked-item .txt { font-size: 14px; }
  
  .form-container { gap: 48px; }
  .form-title { padding: 16px; font-size: 16px; }
  .report-content .form-wrap { gap: 16px; }
  .report-content .form-item { padding: 12px 0; gap: 16px; }
  .report-content .form-item.col-group { padding: 12px 0; flex-flow: column; gap: 8px; }
  .report-content .form-item.col-group:not(:last-child) { border-bottom: 0; }
  .report-content .form-item.col-group .item-default { width: 100%; background: none; padding: 0; } 
  .report-content .form-item.col-group .item-user { width: 100%; padding: 0; } 
  .report-content .form-item.col-group select.form-input { min-width: 100%; max-width: unset; }
}

/* 250519 idc */
.idc-wrap { display: flex; flex-flow: column; gap: 80px; }
.idc-top-wrap { display: flex; align-items: center; position: relative; }
/* .idc-top-wrap::after { content: ''; display: block; width: 1px; height: 100%; background: #e4e4e4; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } */
.idc-top-wrap .logo-img { width: 100%; }
.idc-top-wrap .logo-img img { display: block; max-width: 300px; margin: 0 auto; }
.idc-top-wrap .txt { width: 100%; font-size: 24px; line-height: 1.4; padding: 0 80px; }
.idc-wrap .img-wrap { display: flex; align-items: center; gap: 24px; }
.idc-wrap .img-wrap img { width: calc( ( 100% - 24px * 2 ) / 3 ); }

@media screen and (max-width: 1280px) {
  .idc-wrap { display: flex; flex-flow: column; gap: 80px; }
  .idc-top-wrap { flex-flow: column; gap: 64px; align-items: center; }
  .idc-top-wrap::after { content: ''; display: block; width: 64px; height: 2px; left: 50%; top: 64px; transform: translateX(-50%); }
  .idc-top-wrap .logo-img img { max-width: 148px; }
  .idc-top-wrap .txt { font-size: 14px; padding: 0; }
  .idc-wrap .img-wrap { flex-flow: wrap; }
  .idc-wrap .img-wrap img { width: 100%; }
}

/* 카탈로그 */
.catalog-wrap { position: fixed; right: 0; z-index: 99; top: 50%; transform: translateY(-50%); width: 140px; }
.catalog-list { background-color: #fff; border-top-left-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 0 0 6px 0 rgba(0, 47, 133, 0.16); padding: 0 8px; width: 100%; }
.catalog-item { padding: 40px 16px; text-align: center; font-size: 16px; font-weight: 600; line-height: 1.5; }
.catalog-item:not(:last-child) { border-bottom: 1px solid #e4e4e4; }
.catalog-item .icon { color: #0031b8; }
.catalog-btn { display: none; }

@media screen and (max-width: 1280px) {
  .catalog-wrap { width: 96px; top: unset; transform: none; bottom: 120px; }
  .catalog-list { display: none; }
  .catalog-wrap.active .catalog-list { display: block; }
  .catalog-item { padding: 24px 0; font-size: 12px; }
  .catalog-btn { display: block; position: absolute; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; text-align: center; font-size: 16px; color: #fff; cursor: pointer; box-shadow: 0 0 6px 0 rgba(0, 47, 133, 0.16); }
  .catalog-btn.close { background-color: #aeaeae; left: 50%; transform: translateX(-50%); top: -40px; display: none; }
  .catalog-wrap.active .catalog-btn.close { display: block; }
  .catalog-btn.open { background-color: #002f85; right: 16px; bottom: -40px; }
  .catalog-wrap.active .catalog-btn.open { display: none; }
}