/* 컨텐츠 공통 */
.col-group {display:flex;}
.row-group {display:flex; flex-flow: column;}
.container { width: 100%; margin: 0 auto; }
.container.w1680 { max-width: 1680px; }
.container.w1440 { max-width: 1440px; }
.container.w1360 { max-width: 1360px; }
.container.w1200 { max-width: 1200px; }
.lf { font-family: "LeferiPointWhite", sans-serif; }
.bs { font-family: "BelgianoSerif", sans-serif; }
.blue { color: #3171ef; }
.red { color: #ff0000; }
.green { color: #2bb27c; }
.img-container { width: 100%; position: relative; }
.img-container img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; object-position: center; }
.video-container { width: 100%; padding-top: 56.25%; position: relative; }
.video-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #e4e4e4; }
::-webkit-scrollbar-thumb { background: #484848; border-radius: 4px;}
.null-txt { font-size: 20px; font-weight: 300; text-align: center; color: #9f9b9b; padding: 96px 0; }
.pc { display: block; }
.mb { display: none; }

@media screen and (max-width: 1680px) {
    .container.w1680 { padding: 0 24px; }
}
@media screen and (max-width: 1440px) {
    .container.w1440 { padding: 0 24px; }
}
@media screen and (max-width: 1360px) {
    .container.w1360 { padding: 0 24px; }
}
@media screen and (max-width: 1200px) {
    .container.w1200 { padding: 0 24px; }
}
@media screen and (max-width: 1024px) {
    .null-txt { font-size: 14px; padding: 64px; }
    .pc { display: none; }
    .mb { display: block; }
}

/* 팝업 */
.pop-parent {
    position: fixed;
    top: 200px;
    right: 0;
    z-index: 99;
    transition: all .2s;
}

.pop-parent .m-ratioBox-wrap {width:100%; padding-top:100%; 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;}
/*
.m-ratioBox-wrap .m-ratioBox:after {content:""; width:83px; height:28px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url("../img/logo.png") no-repeat; background-size:100%; opacity:0.4;}
 */
.pop-parent .m-ratioBox-wrap img {display:block; width:100%; 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:400px; position:relative;}
.pop-parent .pop .btn-toggle {width:40px; height:40px; position:relative; background-color:black;
    cursor:pointer;
}
.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:80px; left:-120px; background-color:#3c3c3c; opacity:1;
    transform:rotate(90deg);
}
.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:before {content:""; display:inline-block; width:12px; height:12px; margin-right:10px;  border:1px solid #fff;}
.pop-parent .pop-btns #oneday_check:checked + label .icon {position:absolute; left:7px; top:7px; display:inline-block; width:20px; height:20px; background:url('/img/check_checked.png') no-repeat center center}

.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: none; width:40px; height:40px; position:relative; background-color:black; }

@media screen and (max-width:1200px) {
    .pop-parent .pop {width:310px;}
    .pop-parent.active {
        right:-310px;
    }
}

@media screen and (max-width:768px) {
    .pop-parent { top: 50%; right: unset; left: 50%; transform: translate(-50%, -50%); }
    .pop-parent .pop-btns { transform: translateY(100%); top: unset; bottom: 0; left: 0; width: 100%; justify-content: space-between; }
    .pop-parent .pop .btn-toggle { display: none; }
    .pop-parent .pop .btn-close { display: block; }
}

/* index */
.index-wrap .section { padding: 120px 0; }
.index-wrap .section .container { height: 100%; justify-content: center; }
.sec-title-wrap { gap: 32px; }
.sec-title-wrap .sub-title { font-size: 20px; line-height: 1.3; color: #2bb27c; font-weight: bold; word-break: keep-all; }
.sec-title-wrap .title { font-size: 56px; line-height: 1.25; font-weight: 800; word-break: keep-all; }
.sec-title-wrap .txt { font-size: 20px; font-weight: 500; line-height: 1.4; word-break: keep-all; }

@media screen and (max-width: 1024px) {
    .index-wrap .section { padding: 80px 0; }
    .sec-title-wrap { gap: 16px; }
    .sec-title-wrap .sub-title { font-size: 16px; }
    .sec-title-wrap .title { font-size: 24px; }
    .sec-title-wrap .txt { font-size: 14px; }
}

/* index-intro */
.index-video { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; }
.index-video.pc { display: block; }
.index-video.mb { display: none; }
.index-wrap .index-intro { height: 100vh; padding-bottom: 180px; position: relative; }
.index-wrap .index-intro .container { justify-content: flex-end; }
.index-intro .sec-title-wrap { gap: 40px; text-align: center; }
.index-intro .sec-title-wrap .title { font-size: 80px; color: #fff; }
.index-intro .sec-title-wrap .txt { font-size: 18px; font-weight: 300; margin-bottom: 24px; color: #fff; }
.index-intro .more-btn { position: relative; font-size: 22px; font-weight: 600; width: fit-content; margin: 0 auto; color: #fff; }
.index-intro .more-btn::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background: #fff; bottom: -14px; }
.index-intro .more-btn i { font-size: 24px; position: absolute; bottom: -64px; left: 50%; transform: translateX(-50%); color: #fff; }

@media screen and (max-width: 1024px) {
    .index-video.mb { display: block; }
    .index-video.pc { display: none; }
    .index-wrap .index-intro { padding-bottom: 80px; }
    .index-intro .sec-title-wrap { gap: 24px; }
    .index-intro .sec-title-wrap .title { font-size: 40px; }
    .index-intro .sec-title-wrap .txt { font-size: 14px; margin-bottom: 16px; }
    .index-intro .more-btn { font-size: 18px; }
    .index-intro .more-btn::after { height: 1px; bottom: -4px; }
    .index-intro .more-btn i { font-size: 20px; bottom: -32px; }
}

/* section-1 */
.index-different .container { gap: 96px; }
.index-different .sec-title-wrap { text-align: center; }
.different-list { position: relative; }
.different-list::after { content: ''; display: block; position: absolute; width: calc( ( 100% / 3 ) * 2 ); height: 0; border-bottom: 2px dashed #c1c1c1; left: 50%; transform: translateX(-50%); top: 28px; z-index: -1; }
.different-item { width: 100%; text-align: center; }
.different-item .label { width: fit-content; padding: 0 36px; height: 56px; border-radius: 28px; border: 2px solid #b4e3d0; background: #fff; line-height: 52px; font-size: 22px; font-weight: bold; color: #2bb27c; margin: 0 auto; box-shadow: 0 3px 36px 0 rgba(43, 178, 124, 0.24); margin-bottom: 48px; }
.different-item .title { font-size: 26px; font-weight: bold; margin-bottom: 32px; }
.different-item .txt { font-size: 16px; font-weight: 300; line-height: 1.5; }
.index-different .more-btn { width: 280px; height: 72px; border-radius: 36px; background: #2bb27c; text-align: center; margin: 0 auto; font-size: 24px; font-weight: bold; color: #fff; line-height: 72px; }

@media screen and (max-width: 1024px) {
    .index-different .container { gap: 40px; }
    .different-list { flex-flow: wrap; gap: 40px; }
    .different-list::after { display: none; }
    .different-item .label { width: 140px; padding: 0; height: 40px; border-radius: 20px; line-height: 36px; font-size: 15px;margin-bottom: 24px; }
    .different-item .title { font-size: 16px; margin-bottom: 12px; }
    .different-item .txt { font-size: 14px; }
    .index-different .more-btn { width: 210px; height: 48px; border-radius: 24px; font-size: 14px; line-height: 48px; }
}

/* section-2 */
.index-spray { background: url(../images/spray_bg.png) no-repeat; background-size: cover; }
.index-spray .sec-title-wrap { margin-bottom: 126px; text-align: center; }
.spray-list { gap: 32px; }
.spray-item { width: 100%; position: relative; cursor: pointer; }
.spray-item .title { width: 278px; height: 56px; line-height: 56px; text-align: center; border-radius: 28px; background: #e4e4e4;font-size: 22px; font-weight: bold; position: absolute; left: 50%; top: -28px; transform: translateX(-50%); z-index: 1; transition: .3s;}
.spray-item .img-container { padding-top: 75%; border-radius: 32px; overflow: hidden; border: 2px solid transparent; transition: .3s; }
.spray-item .img-container .animated { display: none; }
.spray-item:hover .title { background: #2bb27c; color: #fff; }
.spray-item:hover .img-container { border: 2px solid #2bb27c; }
.spray-item:hover .img-container .animated { display: block; }
.index-spray .notice-txt { padding: 16px 40px; border-radius: 28px; background: #e4e4e4e4; text-align: center; width: fit-content; margin: 36px auto 0; font-size: 20px; font-weight: 500; line-height: 1.25; }

@media screen and (max-width: 1024px) {
    .index-spray .sec-title-wrap { margin-bottom: 64px; }
    .spray-list { flex-flow: wrap; }
    .spray-item .title { width: 140px; height: 40px; line-height: 40px; border-radius: 20px; font-size: 15px; top: -20px; }
    .spray-item .img-container { border-radius: 16px; }
    .index-spray .notice-txt { padding: 8px 24px; border-radius: 36px; margin: 16px auto 0; font-size: 14px; }
}

/* section-3 */
.index-design { background: url(../images/design_bg.png) no-repeat; background-size: contain; background-position: bottom; }
.index-design .sec-title-wrap { margin-bottom: 64px; }
.index-design .img-list { gap: 32px; }
.index-design .img-box { width: calc( ( 100% - 32px * 2 ) / 3 ); border-radius: 32px; overflow: hidden; }
.index-design .img-box img { display: block; height: 100%; object-fit: cover; object-position: center; }

@media screen and (max-width: 1024px) {
    .index-design .container { padding: 0; }
    .index-design .sec-title-wrap { margin-bottom: 40px; padding-left: 24px; }
    .index-design .img-wrap { width: 100%; overflow: auto; padding: 0 24px; }
    .index-design .img-wrap::-webkit-scrollbar { display: none; }
    .index-design .img-list { width: calc( ( 210px * 3 ) + ( 16px * 2 ) ); gap: 16px; }
    .index-design .img-box { width: 210px; border-radius: 16px; }
}

/* section-4 */
.index-percent .sec-title-wrap { margin-bottom: 56px; text-align: center; }
.percent-wrap { background: #eee; border-radius: 16px; align-items: center; justify-content: center; text-align: center; padding-bottom: 48px; }
.percent-num-box { position: relative; padding: 120px 0; z-index: 0; }
.percent-num-box .bg-icon { font-size: 320px; color: #2bb27c; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; }
.percent-num { font-size: 80px; font-weight: 800; }
.percent-num span { font-size: 64px; }
.percent-item .txt { font-size: 20px; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.percent-wrap .plus-icon { font-size: 64px; color: #d2d2d2; padding: 0 40px; }

@media screen and (max-width: 1024px) {
    .index-wrap .index-percent { padding-bottom: 0; }
    .index-percent .sec-title-wrap { margin-bottom: 40px; }
    .percent-wrap { padding: 32px 16px; }
    .percent-num-box { padding: 32px 0; }
    .percent-num-box .bg-icon { font-size: 120px; }
    .percent-num { font-size: 40px; }
    .percent-num span { font-size: 24px; }
    .percent-item .txt { font-size: 14px; }
    .percent-wrap .plus-icon { font-size: 36px; padding: 0; }
}

/* section-5 */
.index-step .container { gap: 80px; }
.index-step .sec-title-wrap { text-align: center; }
.index-step .label { padding: 0 48px; height: 64px; border-radius: 32px; line-height: 62px; border: 1px solid #e4e4e4; font-size: 18px; font-weight: 500; color: #b4b4b4; width: fit-content; margin: 0 auto; }

@media screen and (max-width: 1024px) {
    .index-step .container { gap: 40px; }
    .index-step .label { padding: 0 24px; line-height: 1.5; display: flex; flex-flow: column; justify-content: center; font-size: 14px; text-align: center; }
}

/* section-6 */
.index-partner { background: #e4eceb; }
.index-partner .sec-title-wrap { text-align: center; margin-bottom: 48px; }
.partner-slide-wrap { padding: 0 120px; position: relative; }
.partner-slide { width: 100%; }
/* .partner-slide-group { gap: 32px; flex-flow: wrap; }
.partner-slide-item { width: calc( ( 100% - 32px * 2 ) / 3 ); }
.partner-slide-group .img-container { padding-top: calc( 100% / 3 ); border-radius: 24px; overflow: hidden; } */

.partner-slide { width: 100%; padding-top: 48%; }
.partner-slide .swiper-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.partner-slide .swiper-slide { height: calc( ( 100% - 32px * 3 ) / 4 ); }
.partner-slide .swiper-slide .img-box { width: 100%; height: 100%; border-radius: 24px; overflow: hidden; }

.partner-slide-btn { position: absolute; display: block; width: 84px; height: 84px; border-radius: 50%; background: #2bb27c; text-align: center; line-height: 84px; color: #fff; font-size: 40px; opacity: 0.2; top: 50%; transform: translateY(-50%); cursor: pointer; transition: .2s; }
.partner-slide-btn:hover { opacity: 0.6; }
.partner-prev-btn { left: 0; }
.partner-next-btn { right: 0; }

@media screen and (max-width: 1024px) {
    .index-partner .sec-title-wrap { margin-bottom: 40px; }
    .partner-slide-wrap { padding: 0; }
    .partner-slide { padding-top: 70%; }
    .partner-slide .swiper-slide { height: calc( ( 100% - 16px * 3 ) / 4 ); }
    .partner-slide .swiper-slide .img-box { border-radius: 16px; }
    .partner-slide-btn { display: none; }

}
@media screen and (max-width: 480px) {
    .partner-slide { padding-top: 64%; }
    .partner-slide .swiper-slide { height: calc( ( 100% - 8px * 3 ) / 4 ); }
    .partner-slide .swiper-slide .img-box { border-radius: 8px; }

}

/* section-7 */
.index-inquiry { background: url(../images/index_inquiry.jpg) no-repeat; background-size: cover; padding: 164px 0; }
.index-inquiry .sec-title-wrap { text-align: center; margin-bottom: 88px; gap: 24px; }
.index-inquiry .sec-title-wrap .title { color: #fff; font-size: 40px; font-weight: bold; }
.index-inquiry .sec-title-wrap .sub-title { font-size: 16px; font-weight: 500; color: #fff; }
.index-inquiry .more-btn { width: 280px; height: 72px; border-radius: 36px; background: #2bb27c; text-align: center; margin: 0 auto; font-size: 24px; font-weight: bold; color: #fff; line-height: 72px; }

@media screen and (max-width: 1024px) {
    .index-inquiry { padding: 140px 0; }
    .index-inquiry .sec-title-wrap { margin-bottom: 40px; gap: 16px; }
    .index-inquiry .sec-title-wrap .title { font-size: 24px; }
    .index-inquiry .sec-title-wrap .sub-title { font-size: 14px; }
    .index-inquiry .more-btn { width: 210px; height: 48px; border-radius: 24px; font-size: 14px; line-height: 48px; }
}

/* subpage */
.subpage .main-title-wrap { gap: 40px; margin-bottom: 72px; }
.subpage .main-title-wrap .main-title { font-size: 80px; font-weight: 800; }
.subpage .main-title-wrap .main-txt { font-size: 24px; font-weight: 300; }
.subpage .main-title-wrap .nav-list { align-items: center; gap: 12px; }
.subpage .main-title-wrap .nav-item { font-size: 18px; font-weight: bold; }
.subpage .main-title-wrap .nav-item.active { color: #2bb27c; }
.subpage .main-title-wrap .nav-list i { font-size: 18px; }
.subpage .main-title-wrap .tab-list { gap: 24px; }
.subpage .main-title-wrap .tab { padding: 0 32px; text-align: center; display: flex; align-items: center; white-space: nowrap; height: 44px; justify-content: center; font-size: 20px; font-weight: 500; color: #777; transition: .3s; border-radius: 22px; }
.subpage .main-title-wrap .tab:hover { background: rgba(43, 178, 124, 0.2); }
.subpage .main-title-wrap .tab.active { background: #2bb27c; color: #fff; font-weight: bold; }

.subpage .sec-title-wrap { gap: 24px; }
.subpage .sec-title-wrap .sub-title { font-size: 24px; }
.subpage .sec-title-wrap .txt { font-size: 18px; }

@media screen and (max-width: 1024px) {
    .subpage .main-title-wrap { gap: 32px; margin-bottom: 32px; }
    .subpage .main-title-wrap .main-title { font-size: 40px; }
    .subpage .main-title-wrap .main-txt { font-size: 24px; font-weight: 300; }
    .subpage .main-title-wrap .nav-list { gap: 8px; }
    .subpage .main-title-wrap .nav-item { font-size: 14px; }
    .subpage .main-title-wrap .nav-list i { font-size: 14px; }
    .subpage .main-title-wrap .tab-wrap { position: relative; z-index: 9; border-radius: 24px; }
    .subpage .main-title-wrap .tab-default { display: flex; width: 100%; max-width: 480px; height: 48px; justify-content: space-between; align-items: center; background: #2bb27c; color: #fff; border-radius: 24px; font-size: 14px; font-weight: bold; padding: 0 24px; }
    .subpage .main-title-wrap .tab-default i { color: #fff; }
    .subpage .main-title-wrap .tab-list { flex-flow: column; gap: 0; position: absolute; top: 0; left: 0; background: #fff; width: 100%; padding-top: 48px; z-index: -1; border-radius: 24px; height: 0; transition: .3s; overflow: hidden; visibility: hidden; }
    .subpage .main-title-wrap .tab { padding: 0 24px; text-align: left; height: 40px; justify-content: flex-start; font-size: 14px; font-weight: 500; color: #777; transition: .3s; border-radius: 0; }
    .subpage .main-title-wrap .tab:hover { background: none; }
    .subpage .main-title-wrap .tab.active { background: none; color: #777; font-weight: 500; }

    .subpage .main-title-wrap .tab-wrap.active {  }
    .subpage .main-title-wrap .tab-wrap.active .tab-list { height: 174px; visibility: visible; box-shadow: 0 3px 36px 0 rgba(43, 178, 124, 0.24); padding-bottom: 8px;}
    
    .subpage .sec-title-wrap { gap: 16px; }
    .subpage .sec-title-wrap .sub-title { font-size: 16px; }
    .subpage .sec-title-wrap .txt { font-size: 14px; }
}

/* 회사 소개 */
.about { padding: 176px 0; }
.about .main-title-wrap .nav-list { margin-bottom: 24px; }
.about .sec-title-wrap { margin-bottom: 80px; }
.about .sec-title-wrap .txt { margin-top: 24px; }

.about-green { padding-bottom: 80px; }
.about-green-list { gap: 40px; }
.about-green-item { width: 100%; position: relative; }
.about-green-item .txt-box { position: absolute; width: 100%; height: 100%; bottom: 0; right: 0; justify-content: flex-end; gap: 24px; padding: 64px 56px; }
.about-green-item .label { font-size: 20px; font-weight: bold; color: #fff; }
.about-green-item .title { font-size: 40px; font-weight: 800; color: #fff; line-height: 1.4; }
.about-green-item .txt { font-size: 18px; font-weight: 500; color: #fff; line-height: 1.75; word-break: keep-all; }

.core-value { padding: 80px 0; }
.core-value-list { position: relative; justify-content: space-between; gap: 5%; }
.core-value-list .bg-img { position: absolute; width: 30%; top: 0; }
.core-value-list .bg-img-1 { left: 17.5%; }
.core-value-list .bg-img-2 { right: 17.5%; }
.core-value-item { width: 30%; }
.core-value-item .img-box { position: relative; margin-bottom: 32px; border-radius: 50%; box-shadow: 0 3px 24px 0 rgba(14, 81, 54, 0.16);}
.core-value-item .img-box img { display: block; }
.core-value-item .img-box .txt { position: absolute; font-size: 36px; font-weight: bold; color: #fff; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }
.core-value-item .title { text-align: center; font-size: 18px; font-weight: 500; word-break: keep-all; line-height: 1.5;}

.direction .map-wrap { width: 100%; padding-top: 53.333%; position: relative; border-radius: 32px; overflow: hidden; }
.direction .map-wrap .root_daum_roughmap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.direction .map-wrap .root_daum_roughmap .wrap_map { height: 100%; }
.direction .txt { font-size: 18px; font-weight: 500; text-align: center; margin-top: 24px; }

@media screen and (max-width: 1024px) {
    .about { padding: 80px 0; }
    .about .main-title-wrap .nav-list { margin-bottom: 0; flex-flow: wrap; }
    .about .sec-title-wrap { margin-bottom: 24px; }
    .about .sec-title-wrap .txt { margin-top: 0; }
    
    .about-green { padding-bottom: 40px; }
    .about-green-list { flex-flow: wrap; gap: 24px; }
    .about-green-item .txt-box { gap: 16px; padding: 24px; }
    .about-green-item .label { font-size: 14px; }
    .about-green-item .title { font-size: 20px; }
    .about-green-item .txt { font-size: 14px; }
    
    .core-value { padding: 40px 0; }
    .core-value-list { flex-flow: column; position: relative; justify-content: space-between; gap: 40px; }
    .core-value-list .bg-img { width: 120px; top: unset; left: 0; right: unset; }
    .core-value-list .bg-img-1 { top: 80px; }
    .core-value-list .bg-img-2 { top: 240px; }
    .core-value-item { width: 100%; display: flex; align-items: center; gap: 32px; }
    .core-value-item .img-box { width: 120px; margin-bottom: 0;}
    .core-value-item .img-box .txt { font-size: 16px; }
    .core-value-item .title { width: calc( 100% - 120px - 32px ); text-align: left; font-size:20px; }
    
    .direction .map-wrap { padding-top: 400px; border-radius: 16px; }
    .direction .txt { font-size: 14px; margin-top: 16px; }
}

/* 기술 소개 */
.about-tech .main-title-wrap { margin-bottom: 96px; }
.why-list { gap: 48px; }
.why-item { width: 100%; border-radius: 24px; overflow: hidden; box-shadow: 0 3px 24px 0 rgba(0, 0, 0, 0.08); position: relative; border: 3px solid #e4e4e4 }
.why-item .icon { font-size: 72px; color: #fff; position: absolute; top: 16px; right: 16px; z-index: 1; }
.why-item .img-container { padding-top: 75%; background: #e4e4e4; }
.why-item .txt-wrap { padding: 40px 40px 48px; gap: 32px; }
.why-item .title { font-size: 40px; font-weight: 800; }
.about-tech .detail-list { gap: 16px; }
.about-tech .detail-item { gap: 8px; }
.about-tech .detail-item .item-title { font-size: 16px; font-weight: bold; color: #b4b4b4; }
.about-tech .detail-item .item-txt { font-size: 20px; font-weight: 600; line-height: 1.25; }

.why-item.active { border: 3px solid #2bb27c; }
.why-item.active .img-container { background: #2bb27c; }
.why-item.active .title { color: #2bb27c; }
.why-item.active .detail-item .item-txt { color: #2bb27c; }

.solution { padding-top: 80px; }
.solution-wrap { gap: 48px; }
.solution-item { width: 100%; gap: 24px; }
.solution-title { font-size: 32px; font-weight: 800; }
.solution-detail-list { gap: 16px; flex: 1; }
.solution-detail-item { width: 100%; height: 100%; border: 3px solid #e4e4e4; border-radius: 24px; overflow: hidden; }
.solution-detail-item .title-box { padding: 0 40px; height: 108px; padding-bottom: 18px; justify-content: flex-end; }
.solution-detail-item .sub-title { font-size: 16px; font-weight: 500; line-height: 1.25; }
.solution-detail-item .title { font-size: 32px; font-weight: 800; line-height: 1.25; }
.solution-detail-item .detail-list { padding: 18px 40px 40px; }

.solution-detail-item.active { border: 3px solid #2bb27c; }
.solution-detail-item.active .title-box { background: #2bb27c; }
.solution-detail-item.active .title-box * { color: #fff; } 
.solution-detail-item.active .detail-item .item-txt { color: #2bb27c; }

.core-tech-list { flex-flow: wrap; gap: 24px; }
.core-tech-item { width: calc( ( 100% - 24px ) / 2 ); border: 3px solid #e4e4e4; border-radius: 24px; overflow: hidden; }
.core-tech-item .img-box { width: 48%; background: #efefef; border-top-right-radius: 24px; border-bottom-right-radius: 24px; }
.core-tech-item .txt-wrap { width: 52%; padding: 40px; }
.core-tech-item .title-box { gap: 8px; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 2px solid #e4e4e4; }
.core-tech-item .sub-title { font-size: 16px; font-weight: 600; }
.core-tech-item .title { font-size: 32px; font-weight: 800; line-height: 1.25; }
.core-tech-item .detail-item { width: 100%; }
.about-tech .core-tech-item .detail-item .item-txt { font-weight: bold; }

.difference-list { gap: 48px; }
.difference-item { width: 100%; text-align: center; }
.difference-item .img-container { padding-top: 130%; border-radius: 24px; overflow: hidden; margin-bottom: 40px; }
.difference-item .img-container img { display: block; }
.difference-item .label { font-size: 22px; font-weight: bold; padding: 0 32px; min-width: 196px; background: #fff; height: 56px; border-radius: 28px; width: fit-content; position: absolute; left: 50%; bottom: 32px; transform: translateX(-50%); white-space: nowrap; line-height: 56px; color: #2bb27c; }
.difference-item .title { font-size: 26px; font-weight: bold; margin-bottom: 32px; }
.difference-item .txt { font-size: 16px; font-weight: 300; line-height: 1.5; }

@media screen and (max-width: 1024px) {
    .about-tech .main-title-wrap { margin-bottom: 40px; }
    .why-list { gap: 16px; flex-flow: wrap; }
    .why-item { width: calc( ( 100% - 16px ) / 2 ); border-radius: 16px; border: 2px solid #e4e4e4 }
    .why-item .icon { font-size: 36px; }
    .why-item .img-container { padding-top: 120px; }
    .why-item .txt-wrap { padding: 24px 16px; gap: 16px; }
    .why-item .title { font-size: 20px; }
    .about-tech .detail-list { gap: 12px; }
    .about-tech .detail-item { gap: 4px; }
    .about-tech .detail-item .item-title { font-size: 12px; }
    .about-tech .detail-item .item-txt { font-size: 14px; }
    
    .why-item.active { border: 2px solid #2bb27c; width: 100%; }
    
    .solution { padding-top: 40px; }
    .solution-wrap { gap: 32px; flex-flow: wrap; }
    .solution-item { gap: 12px; }
    .solution-title { font-size: 18px; }
    .solution-detail-list { gap: 16px; flex: 1; }
    .solution-detail-item { border: 2px solid #e4e4e4; border-radius: 16px; }
    .solution-detail-item .title-box { padding: 0 16px; height: 64px; padding-bottom: 8px; }
    .solution-detail-item .sub-title { font-size: 12px; }
    .solution-detail-item .title { font-size: 20px; }
    .solution-detail-item .detail-list { padding: 8px 16px 24px; }
    
    .solution-detail-item.active { border: 2px solid #2bb27c; }
    
    .core-tech-list { gap: 16px; }
    .core-tech-item { width: calc( ( 100% - 16px ) / 2 ); border: 2px solid #e4e4e4; border-radius: 16px; flex-flow: column; }
    .core-tech-item .img-box { width: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; }
    .core-tech-item .txt-wrap { width: 100%; padding: 24px 16px; }
    .core-tech-item .title-box { gap: 4px; padding-bottom: 16px; margin-bottom: 16px; }
    .core-tech-item .sub-title { font-size: 12px; }
    .core-tech-item .title { font-size: 20px; }
    
    .difference-list { gap: 40px; flex-flow: wrap;}
    .difference-item .img-container { padding-top: 65%; border-radius: 16px; margin-bottom: 24px; }
    .difference-item .label { font-size: 15px; padding: 0; min-width: 140px; height: 40px; border-radius: 20px; bottom: 16px;line-height: 36px; border: 2px solid #b4e3d0; }
    .difference-item .title { font-size: 16px; margin-bottom: 12px; }
    .difference-item .txt { font-size: 14px; }
}

/* 상품 소개 */
.product .main-title-wrap .nav-list { width: 100%; }
.prod-slide { padding: 0 120px; }
.prod-item { gap: 40px; height: auto !important; cursor: pointer; background: #fff; }
.prod-item .left, .prod-item .right { width: calc( 50% - 20px ); }
.prod-item .left { justify-content: space-between; position: relative; padding: 0 20px; z-index: 0; }
.prod-item .more-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; color: #fff; font-size: 24px; line-height: 36px; text-align: center; }
.prod-item .more-btn::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 36px; height: 36px; border-radius: 50%; background: rgba(43, 178, 124, 0.6); transition: .3s; z-index: -1; }
.prod-item:hover .more-btn::after { width: 48px; height: 48px; background: #2bb27c; }
.prod-item .bg-img { position: absolute; height: 100%; object-fit: cover; object-position: bottom right; z-index: -1; }
.prod-item .title-box { gap: 4px; }
.prod-item .title-box .title { font-size: 48px; font-weight: 800; line-height: 1.25; text-transform: uppercase; }
.prod-item .title-box .txt { font-size: 24px; font-weight: 500; line-height: 1.25; }
.prod-item .detail-txt-box { gap: 12px; }
.prod-item .detail-title { font-size: 20px; font-weight: bold; }
.prod-item .detail-txt { font-size: 16px; line-height: 1.5; padding-left: 16px; position: relative; }
.prod-item .detail-txt::after { content: ''; display: block; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: #202020; left: 0; top: 10px; }

.prod-item .right { gap: 24px; }
.prod-item .img-container { padding-top: 73.8%; border-radius: 24px; overflow: hidden; }
.prod-item .sub-title { font-size: 24px; font-weight: 600; line-height: 1.25; }
.prod-item .sub-txt { font-size: 16px; font-weight: 500; line-height: 1.25; }

/* .prod-slide .swiper-pagination { display: flex; flex-flow: column; gap: 24px; }
.prod-slide .swiper-pagination-bullet { margin: 0 !important; width: 24px; height: 6px; border-radius: 3px; background: #777878; opacity: 1; }
.prod-slide .swiper-pagination-bullet-active { background: #2bb27c; } */
#fp-nav.right { right: calc( ( 100vw - 1440px ) / 2 ); }
#fp-nav ul { display: flex; flex-flow: column; gap: 24px; width: 24px; }
#fp-nav ul li { margin: 0 !important; width: 100%; height: 6px; }
#fp-nav ul li a { width: 100%; }
#fp-nav ul li a span { width: 100%; height: 100%; border-radius: 3px; background: #777878; margin: 0; position: static;  display: block;}
#fp-nav ul li a.active span { width: 24px; height: 6px; border-radius: 3px; background: #2bb27c; margin: 0; }

@media screen and (max-width: 1440px) {
    #fp-nav.right { right: 24px; }
}
@media screen and (max-width: 1200px) {
    .product .main-title-wrap { padding: 0; }
    .prod-slide { padding: 0; }
}
@media screen and (max-width: 1024px) {
    .product { padding: 80px 0; }
    .product .fp-section.fp-table, .product .fp-slide.fp-table, .product .fp-tableCell { height: auto !important; }
    .prod-slide .swiper-wrapper { height: auto !important; flex-flow: wrap; }
    .product-section:not(:last-child) .prod-item { padding-bottom: 24px; border-bottom: 1px solid #e4e4e4; margin-bottom: 24px; }
    .product-section:not(:first-child) .main-title-wrap { display: none; }
    .prod-item { flex-flow: wrap; gap: 24px; }
    .prod-item .left, .prod-item .right { width: 100%; }
    .prod-item .left { padding: 0; gap: 120px; z-index: 1; }
    .prod-item .title-box { gap: 4px; }
    .prod-item .title-box .title { font-size: 24px; }
    .prod-item .title-box .txt { font-size: 16px; }
    .prod-item .detail-title { font-size: 16px;}
    .prod-item .detail-txt { font-size: 14px; padding-left: 12px; }
    .prod-item .detail-txt::after { top: 8px; }
    
    .prod-item .right { gap: 16px; }
    .prod-item .img-container { border-radius: 16px; }
    .prod-item .sub-title { font-size: 16px; }
    .prod-item .sub-txt { font-size: 14px; }
}

/* 제품 상세 이미지 모달 */
.modal-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; background: rgba(0, 0, 0, 0.3); }
.modal-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 3px 36px 0 rgba(0, 0, 0, 0.1); background: #fff; max-width: 960px; width: 100%; border-radius: 16px; }
.modal-wrap .close-btn { position: absolute; top: 16px; right: 0; width: 56px; height: 48px; background: #202020; border-top-right-radius: 24px; border-bottom-right-radius: 24px; transform: translateX(100%); cursor: pointer; }
.modal-wrap .close-btn i { font-size: 18px; color: #fff; line-height: 48px; padding-left: 22px; }
.prod-detail-slide { border-radius: 16px; }
.prod-detail-slide .img-container { padding-top: 66.667%; }
.prod-detail-slide .swiper-pagination { display: flex; gap: 12px; bottom: 32px; justify-content: center; }
.prod-detail-slide .swiper-pagination-bullet { margin: 0 !important; width: 4px; height: 16px; border-radius: 2px; background: #777878; opacity: 1; }
.prod-detail-slide .swiper-pagination-bullet-active { background: #2bb27c; }

@media screen and (max-width: 1024px) {
    .modal-wrap { width: calc( 100% - 48px ); background: none; box-shadow: none; }
    .modal-wrap .close-btn { position: absolute; top: unset; right: unset; width: unset; height: unset; background: none; border-radius: 0; transform: translateX(-50%) translateY(100%); font-size: 40px; color: #fff; bottom: -8px; left: 50%; }
    .modal-wrap .close-btn i { font-size: 32px; line-height: 1; padding-left: 0; }
    .prod-detail-slide { border-radius: 16px; }
    .prod-detail-slide .img-container { padding-top: 70vh; }
    .prod-detail-slide .swiper-pagination { gap: 8px; bottom: 16px; }
    .prod-detail-slide .swiper-pagination-bullet { height: 12px; }
}

/* 쇼룸 */
.showroom-section { padding: 176px 0 80px; }
.showroom-item { width: calc( ( 100% - 24px * 3 ) / 4 ); margin-bottom: 32px; cursor: pointer; }
.showroom-item .img-box { border-radius: 24px; overflow: hidden; }
.showroom-item .img-box img { display: block; }
.showroom-item .txt-box { padding: 0 16px; padding-top: 12px; }
.showroom-item .txt-box .brand { font-size: 14px; color: #777; line-height: 1.25; }
.showroom-item .txt-box .title { font-size: 16px; font-weight: 600; line-height: 1.25; }

@media screen and (max-width: 1024px) {
    .showroom-section { padding: 80px 0; }
    .showroom-item { width: calc( ( 100% - 24px ) / 2 ); margin-bottom: 24px; }
    .showroom-item .img-box { border-radius: 16px; }
    .showroom-item .txt-box { padding: 0 8px; padding-top: 8px; }
    .showroom-item .txt-box .brand { font-size: 12px; }
    .showroom-item .txt-box .title { font-size: 14px; }
}

/* 쇼룸 상세 모달 */
.showroom-popup .modal-wrap { max-width: 840px; }
.showroom-popup .img-box { width: 50%; }
.showroom-popup .img-box img { height: 100%; object-fit: cover; display: block; }
.showroom-popup .detail-wrap { width: 50%; padding: 48px; }
.showroom-popup .title-wrap {  padding-bottom: 24px; border-bottom: 1px solid #e4e4e4; gap: 24px; }
.showroom-popup .title-box .sub-title { font-size: 20px; font-weight: 500; line-height: 1.25; color: #777; }
.showroom-popup .title-box .title { font-size: 32px; font-weight: 800; line-height: 1.25; }
.showroom-popup .sub-txt-box { gap: 12px; }
.showroom-popup .sub-txt { font-size: 14px; font-weight: 600; color: #b4b4b4; }
.showroom-popup .more-btn { padding: 0 16px; height: 32px; border-radius: 16px; border: 1px solid #2bb27c; background: #fff; gap: 4px; align-items: center; width: fit-content; font-size: 16px; font-weight: bold; color: #2bb27c; }
.showroom-popup .more-btn i { font-size: 18px; color: #2bb27c; }
.showroom-popup .txt-box { max-height: 380px; overflow: auto; padding: 16px 0; }
.showroom-popup .txt-box .txt { font-size: 16px; font-weight: 300; line-height: 1.5; }

@media screen and (max-width: 1024px) {
    .showroom-popup .showroom-detail-wrap { flex-flow: wrap; max-height: 70vh; overflow: auto; border-radius: 16px; }
    .showroom-popup .showroom-detail-wrap::-webkit-scrollbar { display: none; }
    .showroom-popup .img-box { width: 100%; }
    .showroom-popup .detail-wrap { width: 100%; padding: 24px 16px; background: #fff; }
    .showroom-popup .title-wrap { padding-bottom: 16px; gap: 16px; }
    .showroom-popup .title-box .sub-title { font-size: 16px; }
    .showroom-popup .title-box .title { font-size: 20px; }
    .showroom-popup .sub-txt-box { gap: 8px; }
    .showroom-popup .sub-txt { font-size: 12px; }
    .showroom-popup .more-btn { font-size: 14px; }
    .showroom-popup .more-btn i { font-size: 14px; }
    .showroom-popup .txt-box { max-height: unset; }
    .showroom-popup .txt-box .txt { font-size: 14px; }
}

/* 공지 및 뉴스 */
.notice { padding: 176px 0; }
.notice-item { padding: 32px 0; border-bottom: 1px solid #828282; gap: 40px; flex-flow: wrap; }
.notice-item:first-child { padding-top: 0; }
.notice-item .img-box { flex: 1; height: 320px; border-radius: 24px; overflow: hidden; }
.notice-item .img-box img { height: 100%; object-fit: cover; }
.notice-item .txt-wrap { flex: 1; gap: 32px; justify-content: space-between; }
.notice-item .txt-wrap .title { width: 100%; font-size: 24px; font-weight: bold; line-height: 1.35; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.notice-item .txt-wrap .txt { font-size: 20px; font-weight: 500; line-height: 1.5; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:calc( ( 20px * 1.5 ) * 7 ); }
.notice-item .txt-wrap .date { font-size: 16px; color: #828282; }

.notice-detail { padding: 180px 0 80px; }
.notice-detail .container { max-width: 860px; }
.notice-detail .title-wrap { padding: 56px 0 40px; text-align: center; gap: 24px; position: relative; }
.notice-detail .title-wrap::after { content: ''; display: block; width: 48px; height: 4px; background: #e4e4e4; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.notice-detail .title-wrap .title { font-size: 40px; line-height: 1.4; font-weight: bold; }
.notice-detail .title-wrap .date { font-size: 20px; font-weight: normal; color: #828282; }
.notice-detail .con-wrap { padding: 40px 0; white-space: pre-line; line-height: 1.5; }
.notice-detail .btm-wrap { padding-top: 16px; justify-content: space-between; align-items: center; border-top: 2px solid #e4e4e4; }
.notice-detail .btn-wrap { gap: 12px; }
.notice-detail .btm-wrap .btn { width: 40px; height: 48px; background: #fcfcfd; text-align: center; line-height: 44px; border-radius: 4px; border: 2px solid #e4e4e4; font-size: 16px; transition: .2s; color: #777; }
.notice-detail .btm-wrap .btn i { font-size: 20px; color: #777; line-height: 44px; }
.notice-detail .btm-wrap .btn:hover { background: #efefef; }
.notice-detail .btm-wrap .list-btn { width: 76px; }

@media screen and (max-width: 1024px) {
    .notice { padding: 80px 0; }
    .notice-item { padding: 24px 0; gap: 16px; }
    .notice-item .img-box { flex: unset; width: 100%; height: 180px; border-radius: 16px; }
    .notice-item .txt-wrap { flex: unset; width: 100%; gap: 16px; }
    .notice-item .txt-wrap .title { font-size: 16px; }
    .notice-item .txt-wrap .txt { font-size: 14px; height: auto; max-height:calc( ( 14px * 1.5 ) * 7 ); }
    .notice-item .txt-wrap .date { font-size: 12px; }
    
    .notice-detail { padding: 80px 0; }
    .notice-detail .title-wrap { padding: 0; padding-top: 24px; gap: 12px; }
    .notice-detail .title-wrap::after { display: none; }
    .notice-detail .title-wrap .title { font-size: 18px; }
    .notice-detail .title-wrap .date { font-size: 14px; }
    .notice-detail .con-wrap { padding: 24px 0; }
    .notice-detail .btm-wrap { border-top: 1px solid #e4e4e4; }
    .notice-detail .btn-wrap { gap: 8px; }
    .notice-detail .btm-wrap .btn { width: 32px; height: 32px; line-height: 30px; border: 1px solid #e4e4e4; font-size: 14px; }
    .notice-detail .btm-wrap .btn i { font-size: 16px; line-height: 30px; }
    .notice-detail .btm-wrap .list-btn { width: 64px; }
}

/* 온라인 문의 */
.inquiry { padding: 176px 0; }
.inquiry .container { max-width: 860px; }
.inquiry .main-title-wrap { text-align: center; gap: 24px; margin-bottom: 56px; }
.inquiry .main-title-wrap .main-title { font-size: 40px; font-weight: bold; }
.inquiry .main-title-wrap .main-txt { font-size: 16px; font-weight: 500; line-height: 1.5; word-break: keep-all; }
.inquiry .form-wrap { gap: 24px; }
.inquiry .form-list { gap: 24px; }
.inquiry .form-item { flex: 1; position: relative; }
.inquiry .form-item .item-default { position: absolute; width: 120px; padding-left: 24px; font-size: 16px; font-weight: 600; color: #777; top: 17px; left: 0; }
.inquiry .form-item .item-default::after { content: ''; display: block; position: absolute; width: 2px; height: 20px; background: #e4e4e4; right: 0; top: 50%; transform: translateY(-50%);}
.inquiry .form-input { width: 100%; height: 48px; border: 1px solid #e4e4e4; border-radius: 24px; padding-left: 141px; padding-right: 24px; font-size: 16px; }
.inquiry .form-input::placeholder { color: #c1c1c1; }
.inquiry .form-input:focus { outline: 2px solid #2bb27c; }
.inquiry .form-input:focus + .item-default { color: #2bb27c; }
.inquiry .form-input:focus + .item-default::after { background: #2bb27c; }
.inquiry .form-item-textarea .item-default { width: calc( 100% - 48px ); left: 50%; top: 0; transform: translateX(-50%); padding: 0; padding-top: 24px; padding-bottom: 16px; border-bottom: 1px solid #e4e4e4; }
.inquiry .form-item-textarea .item-default::after { display: none; }
.inquiry .form-textarea { width: 100%; height: 400px; border-radius: 24px; border: 1px solid #e4e4e4; padding: 24px; padding-top: 80px; font-size: 16px; line-height: 1.5; }
.inquiry .form-footer { margin-top: 24px; justify-content: space-between; }
.inquiry-agree { padding-left: 24px; }
.inquiry-agree .check-item { font-size: 18px; font-weight: 600; color: #777; gap: 12px; }
.inquiry-agree .check-item .check-icon { display: block; width: 20px; height: 20px; border-radius: 2px; border: 1px solid #777; font-size: 17px; text-align: center; color: #fff; background: #fff; }
.inquiry-agree .check-item .link i { font-size: 20px; font-weight: bold; color: #777; }
.inquiry-agree input:checked + .check-item { color: #2bb27c; }
.inquiry-agree input:checked + .check-item .check-icon { background: #2bb27c; border: 1px solid #2bb27c; }
.inquiry .submit-btn { width: 280px; height: 48px; border-radius: 24px; background: #2bb27c; font-size: 18px; font-weight: bold; color: #fff; }

@media screen and (max-width: 1024px) {
    .inquiry { padding: 80px 0; }
    .inquiry .container { padding: 0 24px; }
    .inquiry .main-title-wrap { margin-bottom: 40px; }
    .inquiry .main-title-wrap .main-title { font-size: 24px; }
    .inquiry .main-title-wrap .main-txt { font-size: 14px; }
    .inquiry .form-wrap { gap: 16px; }
    .inquiry .form-list { gap: 16px; flex-flow: wrap; }
    .inquiry .form-item { flex: unset; width: 100%; }
    .inquiry .form-item .item-default { width: 96px; padding-left: 16px; font-size: 14px; top: 13px; }
    .inquiry .form-item .item-default::after { width: 1px; height: 14px; }
    .inquiry .form-input { height: 40px; border-radius: 20px; padding-left: 110px; padding-right: 16px; font-size: 14px; }
    .inquiry .form-input:focus { outline: 1px solid #2bb27c; }
    .inquiry .form-item-textarea .item-default { width: calc( 100% - 32px ); left: 50%; top: 0; transform: translateX(-50%); padding: 0; padding-top: 16px; padding-bottom: 8px; }
    .inquiry .form-textarea { height: 400px; border-radius: 20px; padding: 16px; padding-top: 56px; font-size: 14px; }
    .inquiry .form-footer { margin-top: 16px; flex-flow: wrap; gap: 64px 0; }
    .inquiry-agree { padding-left: 0; }
    .inquiry-agree .check-item { font-size: 14px; gap: 8px; }
    .inquiry-agree .check-item .check-icon { width: 16px; height: 16px; font-size: 14px; }
    .inquiry-agree .check-item .link i { font-size: 14px; }
    .inquiry .submit-btn { width: 210px; font-size: 14px; margin: 0 auto; }
}

/* 개인정보처리방침 */
.policy-wrap { padding: 176px 0; }
.policy-wrap * { font-size: 14px; font-weight: 300; line-height: 1.5; }
.policy-item { padding-bottom: 40px; }
.policy-item:last-child { padding-bottom: 0; }
.policy-top-title { text-align: center; font-weight: bold; font-size: 24px; margin-bottom: 40px; }
.policy-title { font-size: 16px; font-weight: bold; margin-bottom: 8px; }
.policy-subtitle { font-weight: bold; margin-top: 8px; }
.policy-subcontent { padding-left: 8px; margin-top: 4px; }

@media screen and (max-width: 1024px) {
    .policy-wrap { padding: 80px 0; }
    .policy-wrap * { font-size: 12px; }
    .policy-item { padding-bottom: 24px; }
    .policy-top-title { font-size: 16px; margin-bottom: 24px; }
    .policy-title { font-size: 14px; margin-bottom: 4px; }
    .policy-subtitle { margin-top: 4px; }
    .policy-subcontent { padding-left: 0; margin-top: 0; }
}