@media (prefers-color-scheme: dark) {
    img.force-invert {
        filter: brightness(10);
    }
  }

/* sub1-1 */
.sub_1_1 .sub_top { position: relative; width: 100%;height: 90vh; background-color: #fff;}
.sub_1_1 .sub_top .sub_top_slider { width: 100%; height: 100%;}
.sub_1_1 .sub_top .swiper-slide { width: 100%; height: 100%; background: no-repeat 50% 50% /cover;}
.sub_1_1 .sub_top .swiper-slide.slide1 { background-image: url(../img/sub1/s11_top_slide1.png); background-position: left bottom; background-size: 100%;}
.sub_1_1 .sub_top .swiper-slide .slide2 {}
.sub_1_1 .sub_top .swiper-slide .slide1 .sub_top_img {}
.sub_1_1 .sub_top .txtbox { position: absolute; left: 52%; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 45%; z-index: 5; font-size: 1.25rem;}
.sub_1_1 .sub_top .txtbox .tit {font-size: 2.2rem;  font-weight: 400; line-height: 1.6; color: #000000; margin: 0.8rem 0 1.9rem;}
.sub_1_1 .txtbox .desc2{ font-size: 1.1rem; padding-top: 1rem; }
.sub_1_1 .txtbox .linkbox { display: flex;  align-items: center; gap: 0 2rem; padding:4rem 0 0;}
.sub_1_1 .txtbox .linkbox .link { display: flex;  align-items: center; gap: 0 0.5rem; font-size: 1.15rem;  color: #252525;}
.sub_1_1 .txtbox .linkbox .link > img {max-width: 18px;}

.sub_1_1 .s_1_1 .bg_txt { position: absolute; right: 0; top:6rem; text-align: right; font-size: 12.5rem; line-height: 1; color: #877d7d; font-weight: bold; opacity: 0.1;}
.sub_1_1 .s_1_1 .inner{max-width: 1380px; margin-left:auto; margin-right:10.4rem;}
.sub_1_1 .s_1_1 .inner .txtbox {width:58%; margin-bottom:-4rem;}
.sub_1_1 .s_1_1 .ceo_history{margin-top:2rem; padding-top:2.5rem; border-top:1px solid #bababa;}
.sub_1_1 .s_1_1 .ceo_history .ceo_name {font-size: 1.875rem; color: #000000; font-weight: 400; display: flex; justify-content:flex-start; align-items: flex-end; gap: 0 1rem;}
.sub_1_1 .s_1_1 .ceo_history .ceo_name span { font-size: 1.063rem; }
.sub_1_1 .s_1_1 .ceo_history .history_box { display:flex; align-items:flex-start; margin-top:2rem; gap: 0 5%; }
.sub_1_1 .s_1_1 .ceo_history .history_list { position:relative; }
.sub_1_1 .s_1_1 .ceo_history .history_list > li { font-size:1rem; color: #000000; }
.sub_1_1 .s_1_1 .ceo_history .history_list > li + li { margin-top:0.5rem; }
@media (max-width:1280px) {
    .sub_1_1 .s_1_1 .bg_txt{top:10rem;}
    .sub_1_1 .s_1_1 .inner{max-width:86%; margin-right:auto;}
    .sub_1_1 .s_1_1 .inner .txtbox{width:auto;}
}
@media (max-width:1024px) {
    .sub_topbox.s_1_1 {background: url(../img/s_1_1_subtop.png) no-repeat 55% center /cover;}
    .sub_1_1 .s_1_1 .inner{padding: 0 0 0 35%;}
    .sub_1_1 .s_1_1 .ceo_history{padding-top:2rem;}
    .sub_1_1 .txtbox .linkbox{padding:2.5rem 0 0;}
}
@media (max-width:960px) {
    .sub_topbox.s_1_1 {height:100vh; background: url(../img/s_1_1_subtop.png) no-repeat 45% center /cover;}
}
@media (max-width:800px) {
    .sub_topbox.s_1_1 {background: url(../img/s_1_1_subtop.png) no-repeat 40% center /cover;}
    .sub_1_1 .s_1_1 .bg_txt{display:none;}
    .sub_1_1 .s_1_1 .inner{max-width:82%;}
    .sub_1_1 .s_1_1 .ceo_history .ceo_name{justify-content: flex-end;}
}


.sub_1_1 .S1 { position: relative;  background-color: #fff;  padding: 12.5rem 0 6rem; overflow: hidden;}
.sub_1_1 .S1 .bg_txt { position: absolute; right: 0;  top: 10rem;  text-align: right;  font-size: 12.5rem; line-height: 1;  color: #877d7d; font-weight: bold; opacity: 0.1;}
.sub_1_1 .S1 .inner { width: 90%; max-width: 1200px; margin: auto;}
.sub_1_1 .S1 .top_txtbox { margin-bottom: 5rem;}
.sub_1_1 .S1 .top_txtbox .tit { font-size: 1.9rem; font-weight: 500;  margin-bottom: 1.3rem}
.sub_1_1 .S1 .top_txtbox .sub {font-size: 1.07rem; color: #6b6b6b; letter-spacing: -0.25px;}
.sub_1_1 .S1 .ceo_history .ceo_name {font-size: 2.5rem; color: #000000; font-weight: 400; display: flex; align-items: center;  gap: 0 1rem;}
.sub_1_1 .S1 .ceo_history .ceo_name span { font-size: 1.25rem;}
.sub_1_1 .S1 .ceo_history .history_box { display: flex;  align-items: flex-start; margin-top: 1.5rem;  gap: 0 8%;}
.sub_1_1 .S1 .ceo_history .history_list {position: relative;}
.sub_1_1 .S1 .ceo_history .history_list > li { font-size: 1.07rem;  color: #000000;}
.sub_1_1 .S1 .ceo_history .history_list > li + li { margin-top: 1rem;}

.sub_1_1 .sliderWrap {position: relative; margin: 10.5rem 0;}
.sub_1_1 .sliderWrap .inner { width: 75%; margin-left: 25%;  display: flex; justify-content: space-between; align-items: flex-start;}
.sub_1_1 .sliderWrap .txtbox { width: 30%;}
.sub_1_1 .sliderWrap .txtbox .ani_box > .sub {font-size: 1rem; color: #455e56; font-weight: 400; margin-bottom: 1.25rem;}
.sub_1_1 .sliderWrap .txtbox .ani_box > .tit {font-size: 2.2rem;  letter-spacing: -0.5px;color: #000000; font-weight: 400;}
.sub_1_1 .sliderWrap .slidebox {width: 65%;}
.sub_1_1 .sliderWrap .swiper-slide .imgbox img {width: 100%;}
.sub_1_1 .sliderWrap .swiper-slide .txtbox { width: 100%; padding: 1.5rem 1rem;}
.sub_1_1 .sliderWrap .swiper-slide .txtbox p {font-size: 0.95rem;  color: #000000; font-weight: 400;}
.sub_1_1 .sliderWrap .scrollbar { position: relative;  left: auto;  bottom: auto; top: auto; margin-top: 4rem;  width: 40%;}
.sub_1_1 .sliderWrap .scrollbar .swiper-scrollbar-drag{ background-color: #455e56;}

.sub_1_1 .S3.sliderWrap .swiper-wrapper { height: 450px;}
.sub_1_1 .S3.sliderWrap .swiper-slide {height: calc(50% - 20px);}
.sub_1_1 .S3.sliderWrap .swiper-slide .txtbox {padding: 0.5rem 0;  text-align: center;}
.sub_1_1 .S3.sliderWrap .swiper-slide .txtbox p.sub {font-size: 0.8em; line-height: 1.6;color: #545454; margin-top: 0.25rem;  margin-bottom: 0;}

.sub_1_1 .S4.sliderWrap .swiper-slide .txtbox {text-align: center;}

.sub_1_1 .S5.sliderWrap .swiper-slide .txtbox span.small {font-size: 0.8em; display: block;}

.sub_1_1 .S6 {margin: 18rem 0 10rem;}
.sub_1_1 .S6 .title {margin-bottom: 5rem;}
.sub_1_1 .S6 .title p { font-size: 2.2rem;  font-weight: 400;  color: #000000; text-align: center;}
.sub_1_1 .S6 .imgbox {display: flex; gap: 0 2px;}
.sub_1_1 .S6 .imgbox .img_item {position: relative; background-color: #2a2a2a;}
.sub_1_1 .S6 .imgbox .img_item > img { width: 100%; filter: grayscale(0.6); opacity: 0.6;  transition: all 0.4s ease-in;}
.sub_1_1 .S6 .imgbox .img_item .txtbox {position: absolute; left: 50%;bottom: 12%; width: auto; min-width: 255px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); text-align: center;}
.sub_1_1 .S6 .imgbox .img_item .txtbox .tit {font-size: 2.2rem;  font-weight: 400; color: #fff; padding-bottom: 0.75rem;     margin-bottom: 2rem;  border-bottom: 1px solid #fff; transition: all 0.4s 0.2s ease-in;}
.sub_1_1 .S6 .imgbox .img_item .txtbox .contents { font-size: 1.25rem; font-weight: 400; color: #fff; transition: all 0.4s 0.2s ease-in;}
 
.sub_1_1 .S6 .imgbox .img_item:hover > img{ filter: grayscale(0); opacity: 1;}
.sub_1_1 .S6 .imgbox .img_item:hover .txtbox .tit{border-color: #415951;}
.sub_1_1 .S6 .imgbox .img_item:hover .txtbox .contents{color:
#000000}

/* 230727 - 추가 - S */
.sub_1_1 .item_wrap {position: relative; margin: 12rem 0;}
.sub_1_1 .S3.item_wrap {position: relative; margin: 12rem 0;}
.sub_1_1 .item_wrap .inner { width: 100%; display: flex; justify-content:flex-start; align-items:center; flex-direction:column;}
.sub_1_1 .item_wrap .txtbox { width: 30%; text-align:center;}
.sub_1_1 .item_wrap .txtbox .ani_box > .sub {font-size: 1rem; color: #455e56; font-weight: 400; margin-bottom: 4rem;}
.sub_1_1 .item_wrap .txtbox .ani_box > .tit {font-size: 2.2rem;  letter-spacing: -0.5px;color: #000000; font-weight: 400;}
.sub_1_1 .item_box {position:relative; width:100%; max-width:60%; justify-content:center; gap:0 3rem; font-size: 2.2rem;  letter-spacing: -0.5px; color: #000000; font-weight: 400; display: flex; justify-content:center; align-items:flex-start;}
.sub_1_1 .S2.item_wrap .item_box {gap:0 4rem;}
.sub_1_1 .S3.item_wrap .item_box {gap:1.5rem 4rem;}
.sub_1_1 .S3.item_wrap .item_box.item_box1 {flex-wrap:wrap;}
.sub_1_1 .S4.item_wrap .item_box {gap:0 4rem;}
.sub_1_1 .S5.item_wrap .item_box {max-width:60%; gap:0 4rem;}
.sub_1_1 .item_box .item{width:calc(25% - 2rem); margin-right:0rem;}
.sub_1_1 .item_box .item .imgbox{position:relative; width:100%;}
.sub_1_1 .S5.item_wrap .item_box.item_box_book2{max-width:60%; margin:2rem 0 0; flex-wrap:wrap; justify-content:center; gap:2rem 4rem;}
.sub_1_1 .item_box_book .item{width:auto;}
.sub_1_1 .item_box_book.item_box_book2 .item.book_item{/*width:calc(50% - 2rem);*/ width:auto; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; /*flex:1 1 40%;*/}
.sub_1_1 .S3.item_wrap .item_box.item_box1 .item{width:calc(25% - 3rem);}
.sub_1_1 .S3.item_wrap .item_box.item_box1 .item:nth-child(4){margin-bottom:0;}
.sub_1_1 .S5.item_wrap .item_box .item .imgbox{  }
.sub_1_1 .S5.item_wrap .item_box .item .imgbox > img{ max-height: 10.625rem; }
.sub_1_1 .S5.item_wrap .item_box.item_box_book2 .item .imgbox > img{ max-height:100%; }
.sub_1_1 .item_box .item:last-child{margin-right:0;}
.sub_1_1 .item_box .item .txtbox{width:100%; text-align:center; padding-top:1.5rem;}
.sub_1_1 .S3.item_wrap .item_box .item .txtbox{padding:1rem 0.5rem;}
.sub_1_1 .S3.item_wrap .item_box .item .imgbox{text-align:center;}
.sub_1_1 .item_box .item .txtbox p{font-size: 0.95rem;  color: #000000; font-weight: 400;}
.sub_1_1 .item_box .item .txtbox p > br{display:none;}
.sub_1_1 .item_box .item .txtbox p.tit{font-size: 0.95rem;  color: #000000; font-weight: 400;}
.sub_1_1 .item_box .item .txtbox p.sub{font-size: 0.8rem; line-height: 1.6;color: #545454; margin-top: 0.25rem;  margin-bottom: 0;}
.sub_1_1 .S5.item_wrap .item_box .item .txtbox{padding:1rem 0.5rem; text-align:left;}
.sub_1_1 .S5.item_wrap .item_box .item .txtbox span.small {font-size: 0.8rem; display: block;}

.s_1_3_txt03{margin:2rem 0 3rem;}
.s_1_3_link_txt{display:flex; justify-content:flex-start; align-items:center;}
.s_1_3_link_txt > img{margin-left:5px;}
#sub1_3_S1{position:relative;}
#sub1_3_S1_id{position:absolute; top:-6rem; left:0; width:0; }
@media (max-width:1024px) {
    .sub_1_1 .item_box{max-width:80%;}
}
@media (max-width:480px) {
    .sub_1_1 .s_1_1 .inner{max-width:85%; padding:4rem 0 0;}
    .sub_1_1 .s_1_1 .inner .txtbox{width:100%; min-width:auto; max-width:75%; padding:0;}
    .sub_1_1 .s_1_1 .ceo_history{padding-top:1.5rem; margin-top:1.5rem;}
    .sub_1_1 .s_1_1 .ceo_history .ceo_name{justify-content:flex-start; font-size:2.2rem;}
    .sub_1_1 .s_1_1 .ceo_history .ceo_name span{font-size:1.25rem;}
    .sub_1_1 .s_1_1 .ceo_history .history_box{flex-direction:column;}
    .sub_1_1 .s_1_1 .ceo_history .history_list.list2{margin-top: 0.6rem;}
    .sub_1_1 .s_1_1 .ceo_history .history_list > li{font-size:1.125rem; font-weight:400; letter-spacing: -0.02em;}
    .sub_1_1 .s_1_1 .ceo_history .history_list > li + li{margin-top: 0.6rem;}
    .sub_1_1 .txtbox .linkbox .link{padding-bottom:4px;}
    .sub_1_1 .txtbox .linkbox .link > img{max-width:1.25rem;}
    .sub_1_1 .item_wrap .txtbox .ani_box > .sub{font-size:1.25rem;}
    .sub_1_1 .item_box .item .txtbox p{font-size:1.063rem;}
}
@media screen and (max-width:434px) {
    .s_1_3_link_txt > img{width:1.125rem;}
}
/* 230727 - 추가 - E */




/* sub1-2 */
.sub_1_2 .S1 { height:78vh; padding: 7rem 12% 8rem; display: flex; align-items: center;  gap: 0 5rem; }
.sub_1_2 .S1 .videobox { position: relative; width: 48%;}
.sub_1_2 .S1 .videobox .video{position:relative; width:100%; padding:56.25% 0 0; border-top-right-radius: 3rem; overflow: hidden;}
.sub_1_2 .S1 .videobox .video > video{position:absolute; top:0; left:0; width:100%; height:100%;}
.sub_1_2 .S1 .videobox .video > img{width: 100%;}
.sub_1_2 .S1 .videobox .play_img { position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); cursor: pointer;  max-width: 8.5%;}
.sub_1_2 .S1 .videobox .play_img.play{display:none;}
.sub_1_2 .S1 .txtbox { flex: 1; margin-bottom: 2rem;}
.sub_1_2 .S1 .txtbox .tit {font-size: 1.75rem;  font-weight: 400; line-height: 1.6; margin-bottom: 2rem;color: #000000;}
.sub_1_2 .S1 .txtbox .play_btn { display: inline-flex; align-items: center; gap: 0 0.5rem; font-size: 1.15rem; color: #455e56; letter-spacing: 1px; cursor: pointer; padding-top: 2rem; padding-bottom:5px;}
.sub_1_2 .S1 .txtbox .link>img {max-width: 18px;}

/* 0613수정 */
.sub_1_2 .inner { width: 90%; max-width: 1250px; margin: auto;}
.sub_1_2.right .inner { display: flex; justify-content: flex-end;}
.sub_1_2 .txtbox { margin-bottom: 5rem;}
.sub_1_2.right .inner .txtbox { min-width: 440px;}
.sub_1_2 .txtbox .sub { font-size: 1.25rem; color: #000000; margin-bottom: 1rem;}
.sub_1_2 .txtbox .sub.upper {text-transform: uppercase;}
.sub_1_2 .txtbox .tit {font-size: 2.3rem; color: #000000; font-weight: 400; margin-bottom: 1.05rem;}
.sub_1_2 .txtbox .desc { font-size: 1rem; color: #616161; font-weight: 400;}
.sub_1_2 .txtbox .desc + .desc {margin-top: 2rem;}
.sub_1_2 .txtbox .desc2 { font-size: 1rem; line-height: 1.7; letter-spacing: -0.25px; color: #616161; font-weight: 400;}
.sub_1_2 .txtbox .desc2 + .desc2 {margin-top: 2rem;}

.sub_1_2 .contbox { width: 82%; margin-left: 18%; margin-bottom: 8rem; display: flex; align-items: center; gap: 0 2rem;}
.sub_1_2 .contbox .txtbox { flex: 1;}
.sub_1_2 .contbox .txtbox .tit { font-size: 1.5rem; font-weight: 500;  color: #000000; margin-bottom: 2.75rem;}
.sub_1_2 .contbox .txtbox .sub {font-size: 1.15rem; font-weight: 500;  margin-bottom: 1.25rem; letter-spacing: -0.5px;}
.sub_1_2 .contbox .txtbox .link_list { display: flex;  flex-direction: column;  gap: 1rem 0;}
.sub_1_2 .contbox .txtbox .link_list .link{font-size: 1.05rem;  font-weight: 400;  color: #455e56;}
.sub_1_2 .contbox .txtbox .link_list .link i {font-size: 0.85em; margin-left: 0.5rem;}
.sub_1_2 .contbox > img { width: 76%;}

.sub_1_2 .S2 { position: relative; margin: 8rem 0 14rem;}
.sub_1_2 .S2 .s2_imgbox {position: relative; height: 105vh;}
.sub_1_2 .S2 .s2_imgbox #trigger1 {position: absolute; left: 0; top:10%; transform: translateY(-50%);}
.sub_1_2 .S2 .s2_img {position: absolute; z-index: 0; transition: all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.sub_1_2 .S2 .s2_img.aos-animate {transform: translateY(0px) translateX(0px); transition-delay: 0.2s;}
.sub_1_2 .S2 .s2_img2 {top: 0%;left: 8%; transform: translateY(100px) translateX(100%); width: 32%;}
.sub_1_2 .S2 .s2_img2.aos-animate {transform: translateY(0px) translateX(0px); transition-delay: 0.2s;}
.sub_1_2 .S2 .s2_img2 .imgbox {position: relative;}
.sub_1_2 .S2 .s2_img2 .plus_icon {position: absolute; max-width: 22px; left: 60%; top: 32%;}
.sub_1_2 .S2 .s2_img2 .txtbox {display: flex; flex-wrap: wrap;  gap: 0.5rem 1rem;align-items: center;  justify-content: space-between; padding: 1rem 0.5rem;}
.sub_1_2 .S2 .s2_img2 .txtbox .txt {font-size: 1.15rem; letter-spacing: -0.5px;color: #000000;}
.sub_1_2 .S2 .s2_img2 .txtbox .link {font-size: 1.05rem;  font-weight: 400;  color: #455e56;}
.sub_1_2 .S2 .s2_img2 .txtbox .link i {font-size: 0.85em;}
.sub_1_2 .S2 .s2_img3 {bottom: 0%; left:15%; transform: translateY(-100px) translateX(100%); width: 34%;}
.sub_1_2 .S2 .s2_img4 { right: 3%; bottom: 0; width: 32%; transform: translateY(100px) translateX(-100%);}
.sub_1_2 .S2 .s2_img4 .plus_icon {position: absolute; max-width: 22px; left: 42%; top: 44%;}

.sub_1_2 .S3 .contbox .imgbox {position: relative; width: 75%;}
.sub_1_2 .S3 .contbox .plus_icon {position: absolute; max-width: 22px; left: 65%; top: 44%;}
.sub_1_2 .S3 .s3_img2 { width: 40%; margin-left: 8%; margin-bottom: 10rem;}

.sub_1_2 .s12_s2{position:relative; padding:10rem 0 3rem;}
.s12_s2_swiper_wrap{position:relative; width:100%; margin-left:auto; margin-right:auto; overflow:hidden;}
.s12_s2_swiper_wrap::before{
    content:''; position:absolute; top:0; left:0; width:calc(100% - 102rem); height:100%; 
    background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 90%); 
    z-index:2;
}
.s12_s2_swiper_wrap::after{
    content:''; position:absolute; top:0; right:0; width:calc(100% - 102rem); height:100%; 
    background: linear-gradient(270deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0.8) 40%, rgba(255,255,255,0) 90%);
    z-index:2;
}
.s12_s2_swiper{z-index:1;}
.s12_s2_swiper .s12_s2_slide{
    position:relative; width:74% !important; max-width:1339px; margin:0 0.25rem; opacity:0.6;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -ms-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
}
.s12_s2_swiper .s12_s2_slide.swiper-slide-active{opacity:1;}
.swiper-pagination-fraction.s12_s2_pagination{top:auto; bottom:0.5rem; left:82.5%; right:auto; width:auto !important;}
.swiper-button-next.s12_s2_swiper_next{
    top:50%; right:16%; width:2.0625rem; height:3.9375rem; opacity:1; background: url(../img/sub1/s12_S2_slide_next.png) 50% 50%/100% no-repeat; border-radius:100%; z-index:2;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0); 
    -moz-transform: translateY(-50%) translateZ(0); 
    -ms-transform: translateY(-50%) translateZ(0); 
    -o-transform: translateY(-50%) translateZ(0);
}
.swiper-button-prev.s12_s2_swiper_prev{
    top:50%; left:16%; width:2.0625rem; height:3.9375rem; opacity:1; background: url(../img/sub1/s12_S2_slide_prev.png) 50% 50%/100% no-repeat; border-radius:100%; z-index:2;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0); 
    -moz-transform: translateY(-50%) translateZ(0); 
    -ms-transform: translateY(-50%) translateZ(0); 
    -o-transform: translateY(-50%) translateZ(0);
}
.swiper-button-next.s12_s2_swiper_next::after,
.swiper-button-prev.s12_s2_swiper_prev::after {
    display: none;
}

.sub_1_2 .s12_s3{position:relative; padding:3rem 0 10rem;}
.s12_s3_imgbox_wrap{position:relative; width:calc(100% - 20rem); margin:0 auto;}
.s12_s3_swiper{position:relative; width:100%;}
.s12_s3_slide{
    position:relative; width:auto !important; max-width:160px; margin:0 1px; cursor:pointer; 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: filter 0.5s ease;
    -webkit-transition: filter 0.5s ease;
    -moz-transition: filter 0.5s ease;
    -ms-transition: filter 0.5s ease;
    -o-transition: filter 0.5s ease;
}
.s12_s3_slide.swiper-slide-active{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}
.s12_s3_slide:hover{
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}

.sub_1_2 .S4 .contbox .imgbox {position: relative; width:75%;}
.sub_1_2 .S4 .contbox .plus_icon {position: absolute; max-width: 22px; left: 32%; top: 40%;}
.sub_1_2 .S4 .s4_imgbox {margin: 12rem 0; position: relative; height: 135vh;}
.sub_1_2 .S4 .s4_imgbox #trigger2 {position: absolute; left: 0; top:25%; transform: translateY(-50%)}
.sub_1_2 .S4 .s4_img {position: absolute; z-index: 0; transition: all 1.8s cubic-bezier(0.25, 0.47, 0.12, 0.99);}
.sub_1_2 .S4 .s4_img.aos-animate {transform: translateY(0px) translateX(0px); transition-delay: 0.2s;}
.sub_1_2 .S4 .s4_img2 {top: 0%;left: 8%; transform: translateY(100px) translateX(100%); width: 40%;}
.sub_1_2 .S4 .s4_img3 {bottom: 0%; left:3%; transform: translateY(-100px) translateX(100%); width: 45%;}
.sub_1_2 .S4 .s4_img4 { right: 3%; top: 0; width: 29%; transform: translateY(100px) translateX(-100%);}



/* sub1-3 */
.sub_topbox.s_1_3{height:85vh;}
.sub_1_3 .inner{max-width:58%;}
.sub_1_3 .txtbox{position:relative; width:auto; display:inline-block; margin:3rem 0 0;}
.sub_1_3 .txtbox .time_info{position:relative; overflow:hidden; margin-bottom:2rem;}
.sub_1_3 .txtbox .time_info .tit{overflow:hidden; position:relative; font-size:1.125rem; font-weight:600; letter-spacing:-0.03em; line-height:1.6; color:#254633;}
.sub_1_3 .txtbox .time_info .tit::after{content:''; position:absolute; top:50%; right:0; width:70%; height:1px; background-color:#646464; transform:translateY(-50%) translateZ(0); -webkit-transform:translateY(-50%) translateZ(0); -moz-transform:translateY(-50%) translateZ(0); -ms-transform:translateY(-50%) translateZ(0); -o-transform:translateY(-50%) translateZ(0);}
.sub_1_3 .txtbox .time_info .listbox { margin-bottom: 0.8rem; font-size: 1.063rem; font-weight:400; color: #000;}
.sub_1_3 .txtbox .time_info .listbox .list { margin-bottom: 0.7rem;}
.sub_1_3 .txtbox .time_info .listbox .list span {
    margin-right: 0.8rem;
    /* letter-spacing: 0.25em; */
    /* letter-spacing: -0.09em; */
    letter-spacing: 0.35em;
    display: inline-block;
    min-width: 6rem;
}
.sub_1_3 .txtbox .time_info .listbox .list:nth-of-type(2) span{letter-spacing: 0.35em;}
.sub_1_3 .txtbox .time_info .listbox .list:last-child span{letter-spacing: 0.35em;}
.sub_1_3 .txtbox .time_info .notice{ font-size: 1.063rem; font-weight:400; color: #000;}
.sub_1_3 .txtbox .contact_info{position:relative; overflow:hidden;}
.sub_1_3 .txtbox .contact_info .infobox { display: flex; flex-direction:column; align-items:flex-start; gap:0.5rem 0;}
.sub_1_3 .txtbox .contact_info .infobox .tit{overflow:hidden; position:relative; width:100%; font-size: 1.125rem; font-weight: bold; color: #445b54; margin-bottom: 0;}
.sub_1_3 .txtbox .contact_info .infobox .tit::after{content:''; position:absolute; top:50%; right:0; width:62%; height:1px; background-color:#646464; transform:translateY(-50%) translateZ(0); -webkit-transform:translateY(-50%) translateZ(0); -moz-transform:translateY(-50%) translateZ(0); -ms-transform:translateY(-50%) translateZ(0); -o-transform:translateY(-50%) translateZ(0);}
.sub_1_3 .txtbox .contact_info .infobox .desc { font-size: 1.063rem; color: #000000; font-weight:400;}
.sub_1_3 .txtbox .contact_info .numinfo {font-size: 1.8rem;  font-weight: 400; letter-spacing: 2px;  color: #3a3a3a; padding-top: 3%;}
.sub_1_3 .txtbox .contact_info .numinfo .call{ width: 1.5rem; height: 1.375rem; display: inline-block; background: url(../img/sub1/icon-call.png) no-repeat center bottom /cover; }
.sub_1_3 .S1 { margin:8rem 0;}
.sub_1_3 .S1 .inner{ width: 90%; max-width: 1100px; margin: auto;}
.sub_1_3 .S1 .top_img { background: url(../img/sub1/s13_S1_top.png) no-repeat center/cover; width: 100%; height: 33vh;}
.sub_1_3 .S1 .conbox { display: flex; align-items: flex-start;  margin-top: -5rem; }
.sub_1_3 .S1 .leftbox {width: 35%; padding-left: 7%;}
.sub_1_3 .S1 .leftbox .colorbox { width: 90%; max-width: 250px;  min-height: 280px; background-color: #445b54; padding: 2rem 1.5rem;}
.sub_1_3 .S1 .leftbox .tit {font-size: 2.2rem; color: #fff;  font-weight: 400; margin-bottom: 0.75rem;}
.sub_1_3 .S1 .leftbox .sub { font-size: 1.15rem; line-height: 1.5; text-transform: uppercase; color: #fff;}
.sub_1_3 .S1 .rightbox { width: 63%; margin-top: 10rem; padding-left: 3%;}
.sub_1_3 .S1 .rightbox .tit { font-size: 1.6rem;  font-weight: bold; color: #445b54; margin-bottom: 1.5rem;}
.sub_1_3 .S1 .rightbox .time_info { margin-bottom: 4rem;}
.sub_1_3 .S1 .rightbox .listbox { margin-bottom: 1.5rem; font-size: 1.15rem; font-weight:400; color: #000000;}
.sub_1_3 .S1 .rightbox .listbox .list { margin-bottom: 0.5rem;}
.sub_1_3 .S1 .rightbox .listbox .list span { margin-right: 1.25rem; letter-spacing: 0.25em; display: inline-block; min-width: 6rem;}
.sub_1_3 .S1 .rightbox .listbox .list:last-child span{letter-spacing: 0.35em;}
.sub_1_3 .S1 .rightbox .notice{ font-size: 1.15rem; font-weight:400; color: #000000;}
.sub_1_3 .S1 .rightbox .contact_info .infobox { display: flex; align-items: center; gap: 0 1rem;}
.sub_1_3 .S1 .rightbox .contact_info .infobox .tit{margin-bottom: 0;}
.sub_1_3 .S1 .rightbox .contact_info .infobox .desc { font-size: 1.15rem; color: #000000;}
.sub_1_3 .S1 .rightbox .contact_info .numinfo {font-size: 2.3rem;  font-weight: 400; letter-spacing: 2px;  color: #3a3a3a; padding-top: 3%;}
.sub_1_3 .S1 .rightbox .contact_info .numinfo .call{ width: 1.688rem; height: 1.563rem; display: inline-block; background: url(../img/sub1/icon-call.png) no-repeat center bottom /cover; }

.sub_1_3 .S2 { margin:6rem 0 12rem;}
.sub_1_3 .S2 .inner{ width: 90%; max-width: 1100px; margin: auto;}
.sub_1_3 .S2 .mapbox { margin-bottom: 3.5rem;}
.sub_1_3 .S2 .mapbox .map{width: 100%; position: relative;}
.sub_1_3 .S2 .mapbox .map_info {position:relative; width: 100%; margin-top:-5px; background-color: #f6f6f6;  text-align: center; padding: 0.75rem 1rem; z-index: 1;}
.sub_1_3 .S2 .mapbox .map_info p { font-size: 1.25rem;  font-weight: 300; color: #000000; letter-spacing: -0.25px; display: flex; justify-content: center; align-items: center;}
.sub_1_3 .S2 .mapbox .map_info p br { display: none; }
.sub_1_3 .S2 .mapbox .map_info .map-link{ width: 1.313rem; height: 1.313rem; display: inline-block; background: url(../img/sub1/icon-map-link.png) no-repeat center bottom /cover; margin-left: 1%; cursor: pointer;}

/* 0615추가 */
.sub_1_3 .S2 .buildingBox { display: flex; justify-content: space-between; border: 1px solid #ccc; padding: 2%;}
.sub_1_3 .S2 .buildingBox .bImg { padding-right: 2%; }
.sub_1_3 .S2 .buildingImg { display: flex; flex-direction: column; align-items: center;}
.sub_1_3 .S2 .buildingImg .btxt { text-align: center; font-size: 1.125rem; font-weight: 300; padding-top: 10%;}
.sub_1_3 .S2 .buildingImg .btxt em{ font-size: 2.188rem; font-weight: 500; display: block; padding: 5% 0; }

.sub_1_3 .S2 .location_info { display: flex;  align-items: flex-start;  gap: 0 2%; padding-top: 6%;}
.sub_1_3 .S2 .location_info + .location_info{padding-top:2rem;}
.sub_1_3 .S2 .location_info .info_box { width: 49%; padding: 0 0.75rem;}
.sub_1_3 .S2 .location_info .info_box .badge { margin-bottom: 1rem;}
.sub_1_3 .S2 .location_info .info_box .badge span {  display: inline-block;  background-color: #445b54; padding: 0.4rem 1rem;  border-radius: 20px; font-size: 1.25rem;  font-weight: 400;   color: #fff;}
.sub_1_3 .S2 .location_info .info_box .txtbox{margin:1.5rem 0 0;}
.sub_1_3 .S2 .location_info .info_box .txtbox .txt { font-size: 1.1rem; letter-spacing: -0.25px; color: #000000; line-height: 1.8;}
.sub_1_3 .S2 .location_info .info_box .txtbox .txt + .txt {  margin-top: 1rem;}
.sub_1_3 .S2 .location_info .info_box .txtbox .txt .bold { font-weight: bold; color: #37524e;}
.sub_1_3 .S2 .location_info .info_box .txtbox .txt > p { display:flex; justify-content:space-between; align-items:center; gap:0 2rem; }
.sub_1_3 .S2 .location_info .info_box .txtbox .txt > p > span{display:inline-block;}
.sub_1_3 .S2 .location_info .info_box .txtbox .txt > p > span.txt01{}
.sub_1_3 .S2 .location_info .info_box .txtbox .txt > p > span.txt02{width:5rem;}

/* 맵 연동 */
#map > div:nth-child(2){z-index:1 !important;}
#map > div > div{
    transform: translateX(15%) translateY(-15%) translateZ(0);
    -webkit-transform: translateX(15%) translateY(-15%) translateZ(0);
    -moz-transform: translateX(15%) translateY(-15%) translateZ(0);
    -ms-transform: translateX(15%) translateY(-15%) translateZ(0);
    -o-transform: translateX(15%) translateY(-15%) translateZ(0);
}
.map_marker{width:auto; padding:5px 1rem 5px 5px; border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px;}
.map_active.map_marker{border:1px solid transparent; background-color:#0475f4;}
.map_normal.map_marker{border:1px solid #0475f4; background-color:#0475f4;}
.map_marker:after{ content:''; position: absolute; width:7px; height:7px; bottom:-3px; left:18px; transform:rotate(45deg) ; -webkit-transform:rotate(45deg) ; -moz-transform:rotate(45deg) ; -ms-transform:rotate(45deg) ; -o-transform:rotate(45deg) ; }
.map_normal.map_marker:after{background: #0475f4; border-right:1px solid #0475f4; border-bottom:1px solid #0475f4}
.map_active.map_marker:after{background: #0475f4;}

.map_link_icon,
.map_link_txt{vertical-align: middle; display: inline-block;}
.map_link_txt{font-weight: 500; margin:0 5px}
.map_normal .map_link_txt{font-size:13px; color: #fff;}
.map_normal .map_link_txt:hover{color: #0475f4;}
.map_active .map_link_txt{font-size:15px; color: #fff;}
.map_active .map_link_txt:hover{color: #fff;}

@media (max-width:1280px) {
    .sub_1_3 .inner{max-width:80%;}
}
@media (max-width:1024px) {
    .s_1_3_txt03{margin:0 0 3rem;}
}
@media (max-width:480px) {
    .sub_topbox.s_1_3{height:90vh;}
    .sub_1_3 .inner{margin:10rem auto auto}
    .s_1_3_txt03{margin:0 0 2rem;}
    
    .sub_1_3 .txtbox{margin:0 0;}
    .sub_1_3 .txtbox .time_info .tit{font-size:1.3rem;}
    .sub_1_3 .txtbox .time_info .listbox{font-size:1.125rem;}
    .sub_1_3 .txtbox .time_info .notice{font-size:1.125rem;}
    
    .sub_1_3 .txtbox .contact_info .infobox{gap:0.8rem 0;}
    .sub_1_3 .txtbox .contact_info .infobox .tit{font-size:1.3rem;}
    .sub_1_3 .txtbox .contact_info .infobox .desc{font-size:1.125rem;}
    .sub_1_3 .txtbox .contact_info .numinfo{font-size:1.85rem;}
    .sub_1_3 .txtbox .contact_info .numinfo > a{display:flex; justify-content:flex-start; align-items:center;}
    .sub_1_3 .txtbox .contact_info .numinfo .call{width: 2rem; height: 2rem; margin-right:1rem; background: url(../img/sub1/icon-call-m.png) no-repeat center center/100%}
    
    .sub_1_3 .S1 .conbox{position:relative; z-index:1;}
}







/* sub2-1 */
.sub_2_1 .S3 {position: relative; margin:14rem 0 10rem; padding-bottom: 6rem;}
.sub_2_1 .S3::before { content: ""; position: absolute; left: 0;  bottom: 0; width: 100%; height: 32%; opacity: 0.5; background: linear-gradient(to top, #f0f0f0, #fff); z-index: 0;}
.sub_2_1 .S3 .titlebox .info_txt { display: flex;  justify-content: center;  align-items: center;  gap: 0 0.5rem;}
.sub_2_1 .S3 .titlebox .info_txt > img{max-width: 22px;}
.sub_2_1 .S3 .facebox {position: relative; width: 90%;  max-width: 730px; margin: auto;}
.sub_2_1 .S3 .facebox .face_defalut {position: relative; width: 100%;}
.sub_2_1 .S3 .facebox .face_img { position: absolute;  left: 0;  top: 0; opacity: 0; transition: all 0.8s ; width: 100%;}
.sub_2_1 .S3 .facebox .face_img.on{opacity: 1;}

.sub_2_1 .S3 .Sub_inner { width:100%; max-width:100%; padding:0 2rem;}
.sub_2_1 .S3 .prd_list { display: flex; flex-wrap: wrap; justify-content: center; margin:2rem auto; gap: 2rem 2.5rem; width:100%; max-width:100%;}
.sub_2_1 .S3 .prd_list .prd_item { display: flex; align-items: flex-end; transition: all 0.8s; opacity: 0.6; cursor: pointer;}
.sub_2_1 .S3 .prd_list .prd_item.on { opacity: 1;}
.sub_2_1 .S3 .prd_list .prd_item .img {max-width: 94px;}
.sub_2_1 .S3 .prd_list .prd_item .txt {font-size: 1.375rem; color: #42544f; font-weight: 400; margin-left: -20px; margin-bottom: 14px;}

.sub_2_1 .S4 .Sub_inner{max-width:1100px;}
.sub_2_1 .S4 {margin-bottom: 16rem;}
.sub_2_1 .S4 .infobox { display: flex;  justify-content: space-between; align-items: center; gap: 0 1.25rem; margin-top: 5rem;}
.sub_2_1 .S4 .infobox .info { width: 33.333%;  border: 5px solid #eeeeee; text-align: center; border-radius: 20px;  font-size: 1.25rem; font-weight: 400; color: #000000;  padding: 1rem 0.5rem;}
.sub_2_1 .S4 .imgbox > img{width:auto !important;}


.sub_2_1 .S7 { margin:18rem 0 12rem;}
.sub_2_1 .S7 .contbox { display: flex; align-items: center;}
.sub_2_1 .S7 .contbox .slidebox {width: 60%;}
.sub_2_1 .S7 .s21_slider {width: 100%;}
.sub_2_1 .S7 .s21_slider .swiper-slide { width: auto;  box-shadow: 2px 2px 5px 2px rgba(85,85,85,0.2);}
.sub_2_1 .S7 .s21_slider .scrollbar { position: relative; left: auto;  bottom: auto; top: auto; margin-top: 4rem; width: 85%;  margin-left: 15%;}
.sub_2_1 .S7 .s21_slider .scrollbar .swiper-scrollbar-drag{ background-color: #455e56;}
.sub_2_1 .S7 .contbox .txtbox {/*width: 40%; padding-left: 5rem;*/}
.sub_2_1 .S7 .contbox .txtbox .sub_txt4{margin-bottom:1.5rem;}
.sub_2_1 .S7 .contbox .txtbox .descbox p + p { margin-top: 2rem;}
.sub_2_1 .S7 .contbox .contbox_item{ align-items:flex-end; margin-top:3rem;}
.sub_2_1 .S7 .contbox .contbox_item li{position:relative;}
.sub_2_1 .S7 .contbox .contbox_item li + li { margin-left: 2rem;}
.sub_2_1 .S7 .contbox .contbox_item > li > .imgbox{position:relative; box-shadow:3px 3px 6px 2px rgba(0, 0, 0, 0.2); z-index:1;} 
.sub_2_1 .S7 .contbox .contbox_item > li > .txtbox{margin-top:1.5rem;} 
.sub_2_1 .S7 .contbox .contbox_item > li > .add_img{
    position: absolute; left: -3.5rem; top: -3rem; max-width: 54%;
    transform: rotate(-90deg) translateZ(0);
    -webkit-transform: rotate(-90deg) translateZ(0);
    -moz-transform: rotate(-90deg) translateZ(0);
    -ms-transform: rotate(-90deg) translateZ(0);
    -o-transform: rotate(-90deg) translateZ(0);
    z-index:0;
} 
.contbox_item_pc{display:flex !important;}
.contbox_item_m{display:none !important;}



.sub_2_1 .S8{padding:8rem 0 !important; margin:8rem 0;}




/* sub2-2 */
/* .sub_2_2 .S1 {margin-top: 15rem;} */
.sub_2_2 .S1 .contbox .txtbox{width:62%}
.sub_2_2 .S1 .contbox .imgbox{width:34%}

.sub_2_2 .S3 { margin: 20rem 0; position: relative;}
.sub_2_2 .S3 .s3_bg { position: absolute; left: 0;  top: -18%;  width: 26%;}
.sub_2_2 .S3 .contbox { display: flex; justify-content: space-between; align-items: flex-start;}
.sub_2_2 .S3 .contbox .txtbox { width: 35%; margin-left: 2%;  margin-top: 1.5rem;}
.sub_2_2 .S3 .contbox .txtbox .button_box{ margin-top: 2rem;}
.sub_2_2 .S3 .contbox .imgbox { width: 60%;}
.sub_2_2 .S3 .bottom_imgbox { position: relative; display: flex;  justify-content: flex-end; gap: 0 1rem; padding-right: 6%;  margin-top: -3%;}
.sub_2_2 .S3 .bottom_imgbox .img_item:nth-child(1) { padding-left: 52px;}
.sub_2_2 .S3 .bottom_imgbox .img_item .imgbox{position: relative;}
.sub_2_2 .S3 .bottom_imgbox .img_item .imgbox .deco { position: absolute; left: -52px; bottom: -2px; width: 42px;}
.sub_2_2 .S3 .bottom_imgbox .img_item > p { text-align: center;  font-size: 0.95rem; font-weight: 400; color: #676767;  margin-top: 1.25rem;}


/* 2025-05-07 */
.sub_2_2 .sub_topbox .txtbox .ani_box:nth-child(1) { overflow: visible; }
.sub_2_2 .sub_topbox .txtbox .sub {
    display: inline-block;
    position: relative;
    font-size: 30px;
    line-height: 1;
}
.sub_2_2 .sub_topbox .txtbox .sub span {
    position: relative;
    z-index: 5;
}
.sub_2_2 .sub_topbox .txtbox .sub::before {
    content: '';
    position: absolute;
    top: .15em;
    left: -1%;
    width: 102%;
    height: .7em;
    background: #fff799;
}
.sub_2_2 .sub_topbox .txtbox .sub::after {
    content: 'NEW';
    
    font-size: 0.8em;
    font-family: 'Marcellus','Noto Sans KR', sans-serif;
    color: #f87b1f;

    position: absolute;
    bottom: 100%;
    left: 98%;

    /* width: 100px; */
    /* height: 60px; */
    /* background: url(/theme/koclinic/sub/img/sub2/sub_2_2/icon-NEW.png) center / contain no-repeat; */
}

/* S14 */
.sub_2_2 .S14 .sub_txt17 strong { color: #000; }
.sub_2_2 .S14 .imgbox { position: relative; }

.sub_2_2 .S14 .imgbox .img-full.--gif {
    position: absolute;
    top: 14.6%;
    left: 25.2%;
    width: 49.4%;
}


/* S2 */
.sub_2_2 .S2 { margin: 5rem 0; position: relative; overflow: hidden;}
.sub_2_2 .S2::before { content: ""; position: absolute; left: 0;  bottom: 0; width: 100%; height: 32%; opacity: 0.5; background: linear-gradient(to top, #f0f0f0, #fff); z-index: 0;}
.sub_2_2 .S2 .imgbox { width: 45%;  margin: 4rem auto 0; position: relative; }



/* S4 */
.sub_2_2 .S4 .sub_txt2 > em.see { color: #254633; }





/* S13 */
.sub_2_2 .S13 { margin-top: 110px; }
.sub_2_2 .S13 .sub_txt1 {
    width: fit-content;
    margin: 0 auto;
    position: relative;
}
.sub_2_2 .S13 .sub_txt1 strong {
    position: relative;
    z-index: 5;
    font-weight: 900;
}
.sub_2_2 .S13 .sub_txt1::before {
    content: '';
    position: absolute;
    top: .7em;
    left: -2%;
    z-index: 0;
    width: 104%;
    height: .7em;
    background: #fff799;
}
.sub_2_2 .S13 .contbox {
    display: flex;
    justify-content: center;
    margin: 3em 0 0 0;

    position: relative;
    left: 1em;
}
.sub_2_2 .S13 dl { margin: 0 6.5em 0 0; }
.sub_2_2 .S13 dt { font-weight: bold; }
.sub_2_2 .S13 dd + dt { margin-top: 1em; }
.sub_2_2 .S13 dd { color: #676767; }


/* S7 */
.sub_2_2.sub_common .S7.CS2 .contbox .txtbox { width: 40%; }
.sub_2_2.sub_common .S7.CS2 .contbox .imgbox { width: 60%; }
.sub_2_2.sub_common .S7.--1.CS2 .contbox {
    background: url(/theme/koclinic/sub/img/sub2/sub_2_2/s22_S7_img1-1a.png) right top / auto 100% no-repeat;
}
.sub_2_2.sub_common .S7.--1.CS2 .contbox .txtbox {
    width: 40%;
    padding: 0 0 12em 0;
}
.sub_2_2.sub_common .S7.--1.CS2 .contbox .imgbox { width: 60%; }

.sub_2_2.sub_common .S7.--1.CS2 { margin-bottom: 0; }

.sub_2_2.sub_common .S7.--2.CS2 { margin-top: 8rem; }
.sub_2_2.sub_common .S7.--2.CS2 .contbox { align-items: flex-start; }
.sub_2_2.sub_common .S7.--2.CS2 .contbox .sub_txt4 { margin-top: 1em; }
.sub_2_2.sub_common .sub2_2_s7_imgbox > img { width: 100%; }

@media (max-width:1280px) {
    .sub_2_2 .sub_topbox .txtbox .sub { font-size: 1.5rem; }
    /* .sub_2_2 .sub_topbox .txtbox .sub::after { width: 3em; height: 2em; } */
}
@media (max-width:1024px) {
    .sub_2_2 .S13 .imgbox { width: 50%; }
}
@media (max-width:768px) {
}
@media (max-width:640px) {
    .sub_2_2 .S13 .contbox {
        flex-direction: column-reverse;
        align-items: center;
        left: 0;
        text-align: center;
    }
    .sub_2_2 .S13 .imgbox { width: 80%; }
    .sub_2_2 .S13 dl { width: 80%; margin: 3em 0 0 0; }
    .sub_2_2 .S13 dd + dt { margin-top: 1.5em; }
}
@media (max-width:599px) {
    .sub_2_2.sub_common .S2.CS2 .contbox { gap: 0rem 0; } 
    .sub_2_2.sub_common .S2.CS2 .contbox .imgbox { margin-top: 0; }
    .sub_2_2.sub_common .S7.--2.CS2 { margin: 0 0 8rem; }
}
@media (max-width:480px) {
}
    
/* .sub_2_2 .S6 { margin: 17rem 0;} */

/* .sub_2_2 .S7 { margin: 17rem 0;} */
/* .sub2_2_s7_imgbox > img{width:auto !important;} */


/* sub2-3 */
.sub_2_3 .S1 {margin-top: 15rem;}
.sub_2_3 .S1 .imgbox { width: 90%;  max-width: 1000px;  margin: 2rem auto 0;}

.sub_2_3 .S2 .button_box { margin-top: 3rem;}

.sub_2_3 .S3 { position:relative; margin: 2rem 0; background: url(../img/sub2/s21_S11_bg.png) no-repeat center bottom /cover;  padding-bottom: 7rem;}
.sub_2_3 .S3 .contbox .imgbox {width: 30%;}
.sub_2_3 .S3 .contbox .txtbox {width: 55%;}
.sub_2_3 .S3 .contbox .txtbox .infobx { display: flex;  gap: 0 10px;  align-items: flex-start; margin-top: 3rem;}
.sub_2_3 .S3 .contbox .txtbox .infobx li { width: 120px;  border: 1px solid #dfdfdf;  border-radius: 10px;  padding: 1.5rem 0.5rem;  text-align: center;}
.sub_2_3 .S3 .contbox .txtbox .infobx li > img { width: 58%;  max-width: 60px;  margin-bottom: 0.75rem;}
.sub_2_3 .S3 .contbox .txtbox .infobx li > p { line-height: 1.5;}
.sub_2_3 .S3 .tipbox { margin-top: 5rem;}
.sub_2_3 .S3 .tipbox .tit {  font-size: 1.6rem; color: #000000;  text-align: center;  font-weight: 500;}
.sub_2_3 .S3 .tipbox .tip_ul { display: flex;  justify-content: center;  align-items: flex-start;  gap: 0 5rem;  margin: 3rem 0;}
.sub_2_3 .S3 .tipbox .tip_ul > li { width: 30%;  max-width: 200px;}
.sub_2_3 .S3 .tipbox .tip_ul > li > img { max-width: 132px;  width: 66%;  display: block; margin: 0 auto;}
.sub_2_3 .S3 .tipbox .tip_ul > li > p { font-size: 1.3rem;  font-weight: 400;  color: #fff;  letter-spacing: -0.25px; text-align: center;}
.sub_2_3 .S3 .tipbox .tip_ul > li > p span{ padding: 0.1rem 0.25rem 0.3rem; }
.sub_2_3 .S3 .tipbox .tip_ul > li > p.color1 span{ background-color: #1774c4;}
.sub_2_3 .S3 .tipbox .tip_ul > li > p.color2 span{ background-color: #86b58a;}
.sub_2_3 .S3 .tipbox .tip_ul > li > p.color3 span{ background-color: #f6a23d;}
.sub_2_3 .S3 .tipbox .desc { text-align: center; font-size: 1.2rem; color: #676767; line-height: 1.7;}
.sub_2_3 .S3 .s23_S3_btn_icon{position:absolute; bottom:-2%; left:70%; z-index:1;}
.sub_2_3 .S3 .s23_S3_btn_icon > a{display:inline-block; width:100%; height:100%; border-radius:100%; overflow:hidden; box-shadow:0 0 5px 4px rgba(0, 0, 0, 0.1);}
@media (max-width:1280px) {
    .sub_2_3 .S3 .s23_S3_btn_icon{bottom:-3%; left:75%;}
}
@media (max-width:1024px) {
    .sub_2_3 .S3 .s23_S3_btn_icon{bottom:-3%; left:75%;}
}
@media (max-width:640px) {
    .sub_2_3 .S3 .s23_S3_btn_icon{bottom:-6%; left:70%; width:8.5rem;}
}
@media (max-width:480px) {
    .sub_2_3 .S3 .s23_S3_btn_icon{bottom:-4%; left:68%;}
}


.sub_2_3 .S4 { margin: 14rem 0 16rem;}
.sub_2_3 .S4 .slidebox { display: flex;  align-items: flex-start;  margin-top: 4rem;  background-color: #fff; justify-content: center;}
.sub_2_3 .S4 .s23_slider { width: 100%;}
.sub_2_3 .S4 .s23_slider .swiper-wrapper { width: 100%;}
.sub_2_3 .S4 .s23_slider .img_item > img{ opacity: 0.5;}
.sub_2_3 .S4 .s23_slider .img_item.on > img{ opacity: 1;}
.sub_2_3 .S4 .s23_slider .img_item > p { font-size: 1.2rem; line-height: 1.5;  font-weight: 400; color: #676767; text-align: center; margin-top: 1rem; opacity:0; visibility:hidden;}
.sub_2_3 .S4 .s23_slider .img_item.on > p {opacity:1; visibility:visible;}

.sub_2_3 .S6 .contbox .imgbox {padding: 0; text-align: center}

.sub_2_3 .S8 .Sub_inner{max-width:1300px;}
.sub_2_3 .S8 .contbox .txtbox { width: 50%; padding:0 4rem;}
.sub_2_3 .S8 .contbox .imgbox { width: 50%;}
.sub_2_3 .S8 .contbox .s23_S8_img1 > img { width:auto !important;}
/* S::0524 수정 추가 */
.c-95228f{color: #95228f;}
.c-c9c9c9 {color: #c9c9c9;}
.sub2_3_S14 .contbox {display: flex; justify-content: center; gap: 0 4rem;}
.sub2_3_S14 .contbox .txtbox {margin-top: 4rem;}
.sub2_3_S14 .contbox .txtbox .infobx { display: flex;  gap: 0 10px;  align-items: flex-start; justify-content: center; margin-top: 3rem;}
.sub2_3_S14 .contbox .txtbox .infobx li { width: 120px;  border: 1px solid #dfdfdf;  border-radius: 10px;  padding: 1.5rem 0.5rem;  text-align: center;}
.sub2_3_S14 .contbox .txtbox .infobx li > img { width: 58%;  max-width: 60px;  margin-bottom: 0.75rem;}
.sub2_3_S14 .contbox .txtbox .infobx li > p { line-height: 1.5;}
/* E::0524 수정 추가 */

/* sub2-4 */
/* .sub_2_4 .S1 {margin-top: 15rem;} */
.sub_2_4 .S1 .Sub_inner{max-width:1280px;}
.sub_2_4 .S1 .contbox .imgbox { width: 50%; padding-right:3%; }
.sub_2_4 .S2 .contbox .txtbox{width: 55%;}
.sub_2_4 .S1 .contbox .img_item .img_img{}
.sub_2_4 .S1 .contbox .imgbox .button_box { margin: 1rem 0 4rem 6rem;  display: flex;  justify-content: center;  gap: 0 1.5rem;}
.sub_2_4 .S1 .contbox .imgbox .button_box .button { padding: 0.4rem 2.55rem 0.6rem 2.8rem;}
.sub_2_4 .S1 .contbox .imgbox .button_box .button.on { background-color: #254633;  color: #fff;}
.sub_2_4 .S1 .contbox .img_items {  position: relative;  width: 100%; max-width: 588px; height:27rem; margin: 0 auto; }
.sub_2_4 .S1 .contbox .img_item { transition: all 0.75s cubic-bezier(0.19,1,0.22,1); -webkit-transition: all 0.75s cubic-bezier(0.19,1,0.22,1);  -moz-transition: all 0.75s cubic-bezier(0.19,1,0.22,1);  -ms-transition: all 0.75s cubic-bezier(0.19,1,0.22,1);  -o-transition: all 0.75s cubic-bezier(0.19,1,0.22,1); opacity: 0; position: relative; margin: auto;}
.sub_2_4 .S1 .contbox .img_item.on { opacity: 1;  z-index: 10;}
.sub_2_4 .S1 .contbox .img_item { position: absolute;  left: 50%;  top: 0;  width: 100%; transform: translateX(-50%)}
.sub_2_4 .S1 .contbox .img_item .img_img{position: relative; width: 100%;}
.sub_2_4 .S1 .contbox .imgbox .scalImg2 { position: absolute; top: 0; left: 0;}
.sub_2_4 .S1 .contbox .imgbox .scalImg3 { position: absolute; top: 0; left: 0; opacity: 0; animation: blink 1s infinite;}
.sub_2_4 .S1 .contbox .imgbox .scalImg4 { position: absolute; top: 2%; left: 0; opacity: 0; animation: blink 1s infinite, up 1s infinite; }
@keyframes blink {
    0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes up {
    0% {top: 3%;}
  100% {top: 0%;}
}
   

.sub_2_4 .S2 {position: relative;}
.sub_2_4 .S2 .s2_bg { position: absolute; left: 48%;  top: 6%;  transform: translateX(-50%); width: 80%;  max-width: 390px;}
.sub_2_4 .S2 .contbox {align-items: flex-end;}
.sub_2_4 .S2 .contbox .imgbox { width: 40%;}
.sub_2_4 .S2 .contbox .imgbox > img{width:auto !important;}
.sub_2_4 .S2 .contbox .txtbox{width: 55%; margin-bottom: 2.5rem;}


.sub_2_4 .S3 { margin: 15rem 0;}
.sub_2_4 .S3 .title_box .logo { width:50%; max-width:244px; margin:0 0 1rem;}
.sub_2_4 .S3 .contbox { display: flex;  justify-content: center;  align-items: flex-start;  gap:0;  margin: 5rem 0 2.5rem;}
.sub_2_4 .S3 .contbox + .contbox{margin: 3rem 0 2.5rem;}
.sub_2_4 .S3 .contbox > li { text-align: center;}
.sub_2_4 .S3 .contbox > li p {  margin-top: 1.75rem; line-height: 1.5; font-size: 1.15rem;  color: #000000;  font-weight: 400;  letter-spacing: -0.2px;}
.sub_2_4 .S3 .contbox > li p .small {font-size: 0.9rem;}
.sub_2_4 .S3 .contbox{align-items:flex-start;}
.sub_2_4 .S3 .contbox .title_box{ width:50%; padding-top:1rem; padding-right:3.5rem; padding-left:0; }
.sub_2_4 .S3 .contbox .title_box .sub_txt1{font-size:2rem; margin:0.5rem 0 2rem;}
.sub_2_4 .S3 .contbox .imgbox{ width:50%; }
.sub_2_4 .S3 .contbox .imgbox img{ width:auto; }
.sub_2_4 .S3 .contbox .imgbox .tit{ font-size:1rem; color:#000; font-weight:500; line-height:1.5; letter-spacing: -0.2px; margin-top:0.5rem; margin-left:0.5rem;}
.sub_2_4 .S3 .contbox_ul { display: flex; justify-content: flex-start;  align-items: flex-start;  margin-top:3rem;  gap: 0 1.8rem;}
.sub_2_4 .S3 .contbox_ul li .imgbox{margin-bottom:1rem;}
.sub_2_4 .S3 .contbox_ul li .imgbox img{width: 1000%;}
.sub_2_4 .S3 .contbox_ul li .tit { font-size: 1.0625rem;  color: #000000;  font-weight: 500;  letter-spacing: -0.2px;  margin-bottom: 0.5rem;  text-align: center; line-height: 1.5;}
.sub_2_4 .S3 .contbox_ul li .desc {  font-size: 0.875rem;  color: #000000;  letter-spacing: -0.2px;  font-weight: 500;  text-align: center;  line-height: 1.5;}

.sub_2_4 .S4 { margin: 15rem 0;}
.sub_2_4 .S4 .s4_img {width: 90%; max-width: 910px; margin: 4rem auto;  display: block;}
.sub_2_4 .S4 .contbox {  display: flex;  justify-content: center;  align-items: flex-start;  gap: 0 2rem;  margin: 4rem 0 4rem;}
.sub_2_4 .S4 .contbox > li { text-align: center;}
.sub_2_4 .S4 .contbox > li .sub_badge { position: relative;  margin-top: -1.3em;}
.sub_2_4 .S4 .contbox > li .sub_badge span { min-width: 200px;}
.sub_2_4 .S4 .contbox > li .desc_list p { font-size: 0.95rem;  color: #676767; font-weight: 400;  letter-spacing: -0.25px;}
.sub_2_4 .S4 .contbox > li .desc_list p.storzTxt { font-size: 0.95rem; font-weight: 600; color: #254633; padding-top: 0%; line-height: 1.7; }
.sub_2_4 .S4 .contbox > li .desc_list p + p { margin-top: 0.5rem;}
/* 0615 추가 */
.sub_2_4 .S4 .storzTxt { font-size: 1.1rem; font-weight: 600; color: #254633; padding-top: 3%; line-height: 1.7; }

.sub_2_4 .S5 { position: relative; overflow: hidden;}
.sub_2_4 .S5::before { content: ""; position: absolute; left: 0;  bottom: 0; width: 100%; height: 32%; opacity: 0.5; background: linear-gradient(to top, #f0f0f0, #fff); z-index: 0;}
.sub_2_4 .S5 .s5_img { position:relative; width: 90%; max-width: 614px;  margin: 4rem auto 0;}
.sub_2_4 .S5 .s5_img .s24_S5_img_arrow{position:absolute; top:0; left:0; width:100%;}


/* sub2-5 */
/* .sub_2_5 .S1 {margin-top: 15rem;} */

.sub_2_5 .S1.S1-1.CS2.reverse .contbox .txtbox { padding-left: 3.5rem; }

.sub_2_5 .S2 .contbox .txtbox { width: 40%;}
.sub_2_5 .S2 .contbox .imgbox { width: 60%;}

.sub_2_5 .S3 .contbox .imgbox { width: 45%; margin: 0 2.5%;}

.sub_2_5 .S4 .contbox {  align-items: flex-start;}
.sub_2_5 .S4 .contbox .txtbox { width: 40%;  margin-top: 2rem;  padding-left: 2rem;}
.sub_2_5 .S4 .contbox .imgbox { width: 60%;}
.sub_2_5 .S4 .bottom_imgbox { position: relative;  width: 90%;  max-width: 1280px;  display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 3rem 1rem;  margin-top: -5%;}
.sub_2_5 .S4 .bottom_imgbox .img_item {max-width: 19%;}
.sub_2_5 .S4 .bottom_imgbox .img_item.img_item2 {max-width: 25%;}
/* .sub_2_5 .S4 .bottom_imgbox .img_item:last-child { max-width: 12.8%;} */
.sub_2_5 .S4 .bottom_imgbox .img_item .imgbox{position: relative;}
.sub_2_5 .S4 .bottom_imgbox .img_item .imgbox .deco { position: absolute; left: -52px; bottom: -2px; width: 42px;}
.sub_2_5 .S4 .bottom_imgbox .img_item > p { text-align: center;  font-size: 0.938rem; font-weight: 400; color: #676767;  margin-top: 1.25rem;}

.sub_2_5 .S5 .contbox { display: flex; justify-content: center;  align-items: flex-start;  margin-top: 3rem;}
.sub_2_5 .S5 .contbox > li { position: relative;  width: 20%; text-align: center;  padding: 2rem 0;}
.sub_2_5 .S5 .contbox > li + li::after { content: "";  position: absolute;  left: 0;  top: 0;  width: 1px;  height: 100%; background-color: #ddd;}
.sub_2_5 .S5 .contbox > li .icon { width: 90%; max-width: 90px;  display: block;  margin: 0 auto 1.25rem;}
.sub_2_5 .S5 .contbox > li .icon.pain { max-width: 125px; padding: 10% 0 14%; }
.sub_2_5 .S5 .contbox > li .tit { font-size: 1.45rem;  font-weight: 500;  color: #000000;  letter-spacing: -0.2px;  margin-bottom: 1rem;}
.sub_2_5 .S5 .contbox > li .desc { font-size: 1.25rem;  line-height: 1.5;    color: #676767;  letter-spacing: -0.25px;}

.sub_2_5 .S9 .lifting__point { width: 100%; }
.sub_2_5 .S9 .lifting__point li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.sub_2_5 .S9 .lifting__point li > p {
    position: absolute;
    top: 50%;
    left: 0;
    translate: 0 -50%;
    margin-bottom: 0;
}
.sub_2_5 .S9 .lifting__point li:nth-child(odd) { flex-direction: row-reverse; }
.sub_2_5 .S9 .lifting__point li .point__img { width: 50%; position: relative; }
.sub_2_5 .S9 .lifting__point li .point__img img { width: 100%; }
.sub_2_5 .S9 .lifting__point li .point__img p {
    position: absolute;
    bottom: 1em;
    left: 1em;
    height: 1em;

    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1;
    text-shadow: 
    -1px -1px 0 #fee2dd,
     1px -1px 0 #fee2dd,
    -1px  1px 0 #fee2dd,
     1px  1px 0 #fee2dd,
     0px  0px 3px #fee2dd;
}
.sub_2_5 .S9 .lifting__point li .point__img dl {
    position: absolute;
    top: 0;
    left: 0;
    
    width: 100%;
    height: 100%;

    color: #fff;
    background: #00000044;

    display: flex;
    flex-direction: column;
    justify-content: center;
    
    padding-left: 10%;

    opacity: 0;
    transition: 1s;
}
.sub_2_5 .S9 .lifting__point li .point__img.--hover dl,
.sub_2_5 .S9 .lifting__point li .point__img.--active dl { opacity: 1; }
.sub_2_5 .S9 .lifting__point li .point__img dl dt {
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 0.5em;
}
.sub_2_5 .S9 .lifting__point li .point__img dl dd + dd { margin-top: 0.3em; }

.sub_2_5 .S9 .lifting__point li .point__img.--1 dl { background: url(../../sub/img/sub2/sub_2_5/point/1-over.png) center / cover; }
.sub_2_5 .S9 .lifting__point li .point__img.--2 dl { background: url(../../sub/img/sub2/sub_2_5/point/2-over.png) center / cover; }
.sub_2_5 .S9 .lifting__point li .point__img.--3 dl { background: url(../../sub/img/sub2/sub_2_5/point/3-over.png) center / cover; }
.sub_2_5 .S9 .lifting__point li .point__img.--4 dl { background: url(../../sub/img/sub2/sub_2_5/point/4-over.png) center / cover; }



/* sub2-5 */
.sub_2_6 .S1 {margin-top: 15rem;}
.sub_2_6 .S1 .imgbox { display: flex; justify-content: center;  align-items: flex-start;  gap: 0 1.25rem;  margin-top: 5rem;}
.sub_2_6 .S1 .imgbox img:nth-child(1) { width: 54%;}
.sub_2_6 .S1 .imgbox img:nth-child(2) { width: 27%;}

.sub_2_6 .S2 .contbox .imgbox { display: flex; justify-content: center;  gap: 0 1rem;}
.sub_2_6 .S2 .contbox .imgbox .img_item .sub_txt2 { text-align: center;  margin-top: 0.75rem;}

.sub_2_6 .S2 .imgbox { margin-top: 5rem;}

.sub_2_6 .S3 {background: url(../img/sub2/s26_S3_bg.png) no-repeat center top /cover; padding-top: 7rem; margin:15rem 0}
.sub_2_6 .S3 .sub_txt1 {margin-bottom:1.5rem;}
.sub_2_6 .S3 .imgbox {margin: 2.5rem auto 0; width: 90%; max-width: 994px;}

.sub_2_6 .S4 .contbox {width: 90%;  max-width: 1080px; margin:5rem auto 0}
.sub_2_6 .S4 .imgbox {  display: flex;  justify-content: center;  align-items: flex-end;  gap: 0 1rem;  margin-bottom: 2rem;  }
.sub_2_6 .S4 .imgbox > li { text-align: center; width: 20%;}
.sub_2_6 .S4 .imgbox > li .desc { font-size: 1rem;  color: #676767;  font-weight: bold; margin-bottom: 0.5rem;}
.sub_2_6 .S4 .imgbox > li img { width: 100%;}
.sub_2_6 .S4 .arrow {width: 100%;}
.sub_2_6 .S4 .arrow_txt { text-align: center; font-size: 1.25rem;  color: #000000;  margin-top: 0.75rem;}

.sub_2_6 .S5 { position: relative; padding-top: 15rem; margin-bottom: 15rem;}
.sub_2_6 .S5 .s5_bg { position: absolute;  right: 0;  top: 0; width: 46%;  max-width: 890px;}
.sub_2_6 .S5 .contbox .txtbox {width: 60%; padding-left: 0;}
.sub_2_6 .S5 .contbox .imgbox {width: 35%; }
.sub_2_6 .S5 .contbox .txtbox .button_box {margin-top: 3rem;}

.sub_2_6 .S2.S6_1 .imgbox { margin-top:0rem;}

.sub_2_6 .S6 {margin: 15rem 0;}
.sub_2_6 .S6 .imgbox { display: flex; justify-content: center;  gap: 0 1rem; margin-top: 5rem;}
.sub_2_6 .S6 .imgbox img {max-width: 50%; }

.sub_2_6 .S7 {margin: 15rem 0;}
.sub_2_6 .S7 .imgbox { width: 90%; max-width: 834px;  margin: auto;}


/* sub_3_1 */
.sub_3_1 .S1 {margin-bottom: 0;}
.sub_3_1 .S1 .contbox { align-items: flex-start;}
.sub_3_1 .S1.reverse .contbox .txtbox { margin-top: 1rem;  padding-left: 3rem;}
.sub_3_1 .S1 .contbox .txtbox .sub_txt4 { font-size: 1.15rem;}
.sub_3_1 .S1 .contbox .txtbox .sub_txt1 { margin-bottom: 1.75rem;}
.sub_3_1 .S1 .contbox .imgbox .img_txt { font-size: 0.9rem;  line-height: 1.7; color: #676767;  margin-top: 1.25rem; padding-left: 6%;}
.sub_3_1 .S1 .bottom_imgbox {position: relative; display: flex;  justify-content: flex-end; gap: 0 0.5rem; margin-top: -18.7%;}
.sub_3_1 .S1 .bottom_imgbox .img_item .imgbox { position: relative;}
.sub_3_1 .S1 .bottom_imgbox .img_item .imgbox img {max-height: 132px;}
.sub_3_1 .S1 .bottom_imgbox .img_item > p { text-align: center;  font-size: 0.7rem;  font-weight: 400;  line-height: 1.7;  color: #676767;  margin-top: 1rem;  letter-spacing: -0.25px;}

.sub_3_1 .S2 .contbox { align-items: center;}
.sub_3_1 .S2 .contbox .txtbox{width: 53%; margin-top: 0;}
.sub_3_1 .S2 .contbox .imgbox{ width: 47%; text-align: center; position: relative;}

.sub_3_1 .S3 .contbox .txtbox { width: 45%;}
.sub_3_1 .S3 .contbox .imgbox { width: 55%;}
.sub_3_1 .S3 .contbox .imgbox > img{width:auto !important;}

.sub_3_1 .S4 {position: relative; margin:16rem 0 10rem;}
.sub_3_1 .S4 .bg_txt { position: absolute;  left: 70%;  top: -16%;  display: flex;  align-items: flex-start;}
.sub_3_1 .S4 .bg_txt .img1 { padding-top: 45%; width: 43%; max-width: 137px;}
.sub_3_1 .S4 .bg_txt .img2 { width: 58%; max-width: 185px;}
.sub_3_1 .S4 .contbox { align-items: flex-start;}
.sub_3_1 .S4 .contbox .txtbox { margin-top: 4rem; width: 40%; padding-right: 0;}
.sub_3_1 .S4 .contbox .imgbox { width: 58%; margin-right: 5%; margin-left: -5%; position: relative;}
.sub_3_1 .S4 .contbox .imgbox .img1 { margin-top:4rem; }
.sub_3_1 .S4 .contbox .imgbox .img2 { position: absolute; right: 10%; bottom: 34%; width:auto;}
.sub_3_1 .S5 { margin: 15rem 0;}
.sub_3_1 .S5 .imgbox { margin-top: 4rem;}
.sub_3_1 .S5 .imgbox.imgbox2{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px;}

.sub_3_1 .S6 { margin: 15rem 0;}
.sub_3_1 .S6 .contbox { display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 3rem 0;  margin-top: 5rem}
.sub_3_1 .S6 .contbox > li { width: 33.333%;  display: flex;  justify-content: center;  align-items: flex-end; gap: 0 1rem;}
.sub_3_1 .S6 .contbox > li .imgbox { width: 40%; max-width: 163px;}
.sub_3_1 .S6 .contbox > li .imgbox img{width: 100%;}
.sub_3_1 .S6 .contbox > li .txtbox { flex: 1;  margin-bottom: 1rem;}
.sub_3_1 .S6 .contbox > li .txtbox .desclist > p {font-size: 1.2rem;  color: #000000;  letter-spacing: -0.2px;}
.sub_3_1 .S6 .contbox > li .txtbox .desclist > p + p { margin-top: 0.25rem;}

.sub_3_1 .S8 { margin: 15rem 0 10rem;}
.sub_3_1 .S8 .contbox { display: flex;  justify-content: center;  flex-wrap: wrap;  gap: 2rem 1rem;  margin: 5rem auto 0; max-width: 940px;}
.sub_3_1 .S8 .contbox > li { width: calc(33.333% - 1rem);}
.sub_3_1 .S8 .contbox .txtbox { background-color: #254633;  padding: 1rem 0.5rem;  text-align: center;  color: #fff;  font-size: 1.15rem;   font-weight: 400;}

.sub_3_1 .S9 { padding:8rem 0 !important; margin:8rem 0;}

.sub_3_1 .S10 { margin:10rem 0 15rem !important;}


/* sub3-2 */
.sub_3_2 .S2 .link_btn{ margin-top:3rem}

.sub_3_2 .S2 .contbox{justify-content:flex-start !important;}
.sub_3_2 .S2 .contbox .txtbox { width: 45%; padding:8rem 0 7rem 1rem;  margin-right: -5%; position: relative; z-index: 5;}
.sub_3_2 .S2 .contbox .txtbox .button_box{margin-top:3rem;}
.sub_3_2 .S2 .contbox .imgbox { position:absolute; top:0; right:0; width: auto; max-width:90%;}
.sub_3_2 .S2 .s32_s2_list_wrap{position:relative; width:80%; margin-left:20%; padding:0 10% 0 1rem;}
.sub_3_2 .S2 .s32_s2_list_wrap .imgbox.imgbox2{position:relative; width:100%; margin:0 auto; display: flex; justify-content: center; align-items: flex-start; gap:1rem 0.8rem;}
.sub_3_2 .S2 .s32_s2_list_wrap .imgbox.imgbox2 + .imgbox.imgbox2{margin:1.5rem 0 0;}
.sub_3_2 .S2 .s32_s2_list_wrap .imgbox.imgbox2 > li{position:relative; width:calc(20% - 0.4rem); text-align:center;}
.sub_3_2 .S2 .s32_s2_list_wrap .imgbox.imgbox2 > li.s32_S2_img8_li{width:calc(13.6% - 0.4rem);}
.sub_3_2 .S2 .s32_s2_list_wrap .imgbox.imgbox2 > li > .s32_s2_list_icon{position:absolute; bottom:1.8rem; left:-22%; width:20%; z-index:1;}
.sub_3_2 .S2 .s32_s2_list_wrap .imgbox.imgbox2 > li > p{font-size:0.875rem; font-weight:400; color:#676767; margin-top:10px;}

.sub_3_2 .S3 .tab_contents {margin-top: 5rem; position: relative;}
.sub_3_2 .S3 .tab_btnbox { display:flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dfdfdf; margin-bottom: 3rem;}
.sub_3_2 .S3 .tab_btnbox.fixd_active { position: fixed; top:6%; left:auto; width:90%; max-width:1200px; padding:2rem 0 0rem; background-color: #fff; border-bottom:0; z-index: 1;}
.sub_3_2 .S3 .tab_btnbox.fixd_active::before{content:''; position:absolute; top:0; left:-25rem; width:125vw; height:100%; background-color: #fff; border-bottom: 1px solid #dfdfdf;}
.sub_3_2 .S3 .tab_btnbox .tab_item { width: 14.285%; text-align: center;}
.sub_3_2 .S3 .tab_btnbox .tab_item .tab_link { position: relative;  display: block;  font-size: 1.25rem;  color: #000000;  font-weight: 400;  padding: 1rem 0;  transition: all 0.4s ease;}
/* .sub_3_2 .S3 .tab_btnbox.fixd_active .tab_item .tab_link {font-size: 1rem;  padding: 0.8rem 0 0.5rem;} */
.sub_3_2 .S3 .tab_btnbox .tab_item .tab_link.active { color: #254633;}
.sub_3_2 .S3 .tab_btnbox .tab_item .tab_link::before { content: "";  width: 5px;  height: 5px; background-color: #254633;  border-radius: 50%; position: absolute;  left: 50%;  top: 3px;  opacity: 0;  transition: all 0.4s ease;}
.sub_3_2 .S3 .tab_btnbox .tab_item .tab_link.active::before { opacity: 1;}
.sub_3_2 .S3 .tab_contbox.fixd_active{margin-top:10rem;}
.sub_3_2 .S3 .tab_contbox .tab_cont { display: flex; align-items: center; height: 100%; position: relative;}
.sub_3_2 .S3 .tab_contbox .tab_cont + .tab_cont { margin-top: 2rem;}
.sub_3_2 .S3 .tab_contbox .tab_cont .imgbox{width: 48%;}
.sub_3_2 .S3 .tab_contbox .tab_cont .txtbox { width: 48%; margin-left: 4%;}
.sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .tit { font-size: 1.4rem; font-weight: 500; color: #254633; margin-bottom: 1.25rem;}
.sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list { display: flex; flex-direction: column;  gap: 0.5rem 0; margin-bottom: 2rem;}
.sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list li { position: relative; font-size: 1.15rem; color: #000000; letter-spacing: -0.25px; padding-left: 30px;}
.sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .check_list li::before { content: ""; background: url(../img/sub3/s32_S3_check.png) no-repeat center/100%; position: absolute; left: 0; top: 0.15em; width: 18px;  height: 18px;}
.sub_3_2 .S3 .tab_btnbox .tab_item .tab_link::after { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 30%; background-color: #dfdfdf; transform: translateY(-50%);}
.sub_3_2 .S3 .tab_btnbox .tab_item:last-child .tab_link::after {display: none;}
.sub_3_2 .S3 .tab_contbox .tab_cont .txtbox .desc { font-size: 0.95rem; color: #676767; line-height: 1.5;}

/* 0622 수정 */
.sub_3_2 .S3 .tab_contbox .tab_cont .tabcont_area{ width: 100%; height: 100%; position: absolute; top: -75%; left: 0; z-index: -1;}

.sub_3_2 .S4 .contbox {align-items: flex-start;}
.sub_3_2 .S4 .contbox .txtbox { margin-top: 4rem;}
.sub_3_2 .S4 .contbox .txtbox .add_info { border: 5px solid #eeeeee; text-align: center;  padding: 2rem 0.5rem;  margin-top: 3rem;}
.sub_3_2 .S4 .contbox .txtbox .add_info .add_img { width: 70%;  max-width: 340px;  margin-bottom: 1.5rem;}
.sub_3_2 .S4 .contbox .txtbox .add_info .tit { font-size: 1.2rem;  font-weight: 400; letter-spacing: -0.25px;  color: #000000;  margin-bottom: 1.5rem;}
.sub_3_2 .S4 .contbox .txtbox .add_info .desc { font-size: 1rem;  color: #676767;  letter-spacing: -0.25px;  line-height: 1.6;}
.sub_3_2 .S4 .contbox .s32_slider2{position:relative; width:50%; max-width:568px; padding:0 0 5rem;}
.sub_3_2 .S4 .contbox .s32_slider2 .swiper-slide{opacity:0 !important;}
.sub_3_2 .S4 .contbox .s32_slider2 .swiper-slide.swiper-slide-active{opacity:1 !important;}
.swiper-pagination.S32_Swiper2_pagination{position:absolute; bottom:0; top:auto; left:1rem; width:100%; height:auto; background:none; border-radius:0; display:flex; justify-content:center; align-items:center;}
.swiper-pagination.S32_Swiper2_pagination .swiper-pagination-bullet{position:relative; width:40px; height:40px; line-height:1; font-size:0.9rem; border-radius:100%; margin:0 6px; padding:0; box-sizing:border-box; color:#7f7f7f; background:#fff; border:1px solid #d4d4d4; opacity:1; vertical-align: middle; font-weight:400; text-align:center; display:flex; justify-content:center; align-items:center;}
.swiper-pagination.S32_Swiper2_pagination .swiper-pagination-bullet-active{color:#fff; background:#254633; border:1px solid #254633;}

.sub_3_2 .S6.CS4 .contbox{margin:3rem auto 0; gap:2rem 10px;}
.sub_3_2 .S6.CS4 .contbox .item .txtbox .desc{line-height:1.3;}



/* panel */
.panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:block; }
.panel-header.button { padding: 0.4rem 2.75rem 0.6rem 2rem; }  
.panel-wrap .panel .icon-panel { position:absolute; right:5%; top:50%; width:16px; height:16px; transform:translate(0, -50%); }
.panel-wrap .panel .icon-panel:before, .panel-wrap .panel .icon-panel:after { content:""; position:absolute; background-color:#fff; transition:transform 0.25s ease-out; }
.panel-wrap .panel .icon-panel:before { top:0; left:50%; width:2px; height:100%; margin-left:-1px; transform:rotate(90deg); }
.panel-wrap .panel .icon-panel:after { top:50%; left:0; width:100%; height:2px; margin-top:-1px; }
.panel-wrap .panel .icon-panel.open:before { transform:rotate(90deg); }
.panel-wrap .panel .icon-panel.open:after { transform:rotate(90deg); }


/* sub3-3 */
.sub_3_3 .S1 {margin:12rem 0;}
.sub_3_3 .S1 .Sub_inner{max-width:1000px;}
.sub_3_3 .S1 .contbox { display: flex; align-items: flex-start;  justify-content: center; margin-top:3rem; gap:0 0.4rem;}
.sub_3_3 .S1 .contbox > li {position: relative; display:flex; flex-direction:column; justify-content:flex-start;}
.sub_3_3 .S1 .contbox > li:nth-child(1) {/*padding-left: 9%; margin-right:2px;*/ align-items:flex-end;}
.sub_3_3 .S1 .contbox > li:nth-child(2) {/*padding-right: 9%; margin-left:2px;*/ align-items:flex-start;}
.sub_3_3 .S1 .contbox > li .add_img { position:absolute; top:17%;}
.sub_3_3 .S1 .contbox > li .add_img.img1 { left:0; top:17%; width:35%; max-width:200px;}
.sub_3_3 .S1 .contbox > li .add_img.img2 { right:0; width:40%; max-width:185px;}
.sub_3_3 .S1 .contbox > li:nth-child(1) .imgbox{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-end;}
.sub_3_3 .S1 .contbox > li:nth-child(2) .imgbox{display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.sub_3_3 .S1 .contbox > li .imgbox .txt { width:79.2%; font-size:1.25rem; text-align:center; color:#fff; font-weight:400; letter-spacing:-0.25px; padding:0.75rem 0.5rem;}
.sub_3_3 .S1 .contbox > li:nth-child(1) .imgbox .txt { background-color:#254633; }
.sub_3_3 .S1 .contbox > li:nth-child(2) .imgbox .txt { background-color:#254633; }
.sub_3_3 .S1 .contbox > li .txtbox { width:79.2%; border:1px solid #dfdfdf; padding:1rem 0.5rem; text-align:center;}
.sub_3_3 .S1 .contbox > li .txtbox p { font-size:1rem;  color:#676767; letter-spacing:-0.25px; line-height:1.7;}

.sub_3_3 .S2 {position: relative;}
.sub_3_3 .S2 .s2_txtbg { position: absolute;  right: 4%;  top: 1rem;  width: 30%;  max-width: 800%;}
.sub_3_3 .S2 .contbox { display: flex;  align-items: flex-end;    justify-content: center;}
.sub_3_3 .S2 .contbox .txtbox { width: 46%;}
.sub_3_3 .S2 .contbox .txtbox .txt_img { border-top-left-radius: 200px; overflow: hidden; margin-bottom: 2rem;}
.sub_3_3 .S2 .contbox .txtbox .sub_txt3 { margin-bottom: 1rem;}
.sub_3_3 .S2 .contbox .txtbox .sub_txt1 { margin-bottom: 1.5rem;}
.sub_3_3 .S2 .contbox .infobox { width: 50%; padding-left: 5rem;}
.sub_3_3 .S2 .contbox .infobox > li { display: flex;  align-items: center;  justify-content: center; gap: 0 2rem; padding: 1rem 1rem;}
.sub_3_3 .S2 .contbox .infobox > li + li { border-top: 1px solid #dfdfdf;}
.sub_3_3 .S2 .contbox .infobox > li .img { width: 40%; max-width: 210px;}
.sub_3_3 .S2 .contbox .infobox > li .txt{flex: 1; }
.sub_3_3 .S2 .contbox .infobox > li .txt .tit { color: #fff;  border-radius: 0;}
.sub_3_3 .S2 .contbox .infobox > li .txt .tit span {color: #fff;  border-radius: 0;}
.sub_3_3 .S2 .contbox .infobox > li .txt .listbox { display: flex; flex-direction: column; gap: 0.5rem 0;}
.sub_3_3 .S2 .contbox .infobox > li .txt .listbox .list { font-size: 1.1rem;  color: #676767;  padding-left: 30px; box-sizing: border-box; position: relative;}
.sub_3_3 .S2 .contbox .infobox > li .txt .listbox .list::before {  content: "";  position: absolute;  left: 0;  top: 0.3em;  background: url(../img/sub3/s33_check_icon.png) no-repeat center/100%; width: 17px;  height: 14px;}

.sub_3_3 .S3{margin:12rem 0;}
.sub_3_3 .S3 .contbox { align-items:center;}
.sub_3_3 .S3 .contbox .txtbox {width: 45%;margin-left: 0%; padding-left: 0;}
.sub_3_3 .S3 .contbox .imgbox {width: 52%; max-width:622px; margin-top: 0%; text-align:center;}
.sub_3_3 .S3 .contbox .imgbox > img{width:auto;}
.sub_3_3 .S3 .contbox .imgbox.imgbox2 {width: 100%; max-width:448px; margin-top:4rem;}

.sub_3_3 .S4 {background: url(../img/sub2/s26_S3_bg.png) no-repeat center top /cover; padding-top: 7rem; margin:12rem 0}
.sub_3_3 .s33_slider .swiper-slide{ text-align: center;}
.sub_3_3 .s33_slider .swiper-slide .imgbox { width: 90%;  max-width: 320px; margin: 0 auto 2rem; transition: all 0.4s ease; opacity: 0.2;}
.sub_3_3 .s33_slider .swiper-slide .tit { font-size: 1.4rem;  color: #000000;  letter-spacing: -0.25px;  font-weight: 400;   margin-bottom: 1rem; transition: all 0.4s ease; opacity: 0;}
.sub_3_3 .s33_slider .swiper-slide .desc {  font-size: 1.25rem;  color: #676767;  letter-spacing: -0.25px;  line-height: 1.7; transition: all 0.4s ease; opacity: 0;}
.sub_3_3 .s33_slider .swiper-slide.swiper-slide-active .imgbox {opacity: 1;}
.sub_3_3 .s33_slider .swiper-slide.swiper-slide-active .tit {opacity: 1;}
.sub_3_3 .s33_slider .swiper-slide.swiper-slide-active .desc {opacity: 1;}
.sub_3_3 .s33_slider .swiper-button-next {right:0}
.sub_3_3 .s33_slider .swiper-button-prev {left:0}
.sub_3_3 .s33_slider .swiper-button-next, 
.sub_3_3 .s33_slider .swiper-button-prev { font-size: 4rem; color: #676767; top: 30%;}

.sub_3_3 .S5 .Sub_inner2.left{width:100%; margin:0;}
.sub_3_3 .S5 .contbox {justify-content:flex-start; align-items: flex-start;}
.sub_3_3 .S5 .contbox .txtbox { width: 50%; padding-top:1rem; padding-left:4rem; padding-right: 0%;}
.sub_3_3 .S5 .contbox .txtbox .sub_txt3 { margin-bottom: 0.5rem;}
.sub_3_3 .S5 .contbox .txtbox .sub_txt1 { margin-bottom: 1.5rem;}
.sub_3_3 .S5 .contbox .txtbox .button_box { margin-top: 1.5rem;}
.sub_3_3 .S5 .contbox .imgbox { width: 50%; filter: grayscale(1);}
.sub_3_3 .S5 .contbox .imgbox img{width:auto;}
.sub_3_3 .S5 .bottom_imgbox { position: relative; display: flex; flex-wrap:wrap; justify-content:center; gap: 0 1rem; margin-top:2rem;}
.sub_3_3 .S5 .bottom_imgbox > li { width:auto;}
.sub_3_3 .S5 .bottom_imgbox > li > .imgbox > img{width:auto;}
.sub_3_3 .S5 .bottom_imgbox > li p { font-size: 1rem;  font-weight:400; color:#000; text-align: center;  margin-top: 0.75rem;  line-height: 1.5;}



/* sub3-4 */
.sub_3_4 .S1 .contbox .txtbox { width: 55%;}
.sub_3_4 .S1 .contbox .imgbox {width: 45%;}

.sub_3_4 .S2 .contbox { display: flex;  justify-content: center;  align-items: center;  gap: 0 1rem;  margin-top: 2rem;}
.text_bottom{position:relative; width:100%; padding:1rem 0 0; margin:3rem 0 0; text-align:center;}
.text_bottom::after{content:''; position:absolute; top:0; left:50%; width:24px; height:3px; background-color:#254633; transform:translateX(-50%) translateZ(0); -webkit-transform:translateX(-50%) translateZ(0); -moz-transform:translateX(-50%) translateZ(0); -ms-transform:translateX(-50%) translateZ(0); -o-transform:translateX(-50%) translateZ(0);}

.sub_3_4 .S3 .contbox .txtbox { width: 60%; padding: 0;}
.sub_3_4 .S3 .contbox .slidebox {width: 40%;}
.sub_3_4 .S3 .s34_slider_thum {margin-top: 3rem;}
.sub_3_4 .S3 .s34_slider_thum .swiper-slide {  width: 100%;  max-width: 87px;  cursor: pointer;}
/*.sub_3_4 .S3 .s34_slider_thum .swiper-slide.swiper-slide-thumb-active {  display: none;}*/
.sub_3_4 .S3 .s34_slider_thum .swiper-slide .s34_S2_thum_txt { text-align:center; margin-top:1rem; color:#9b9b9b;}
.sub_3_4 .S3 .s34_slider .swiper-slide img { width: 90%;  max-width: 225px;  margin: auto;  display: block;}
.sub_3_4 .S3 .s34_slider .swiper-slide .txt { margin-top: 2.5rem;}
.sub_3_4 .S3 .s34_slider .swiper-slide .txt p { font-size: 1.15rem;  color: #676767;  line-height: 2;  text-align: center;  font-weight: 400;}
.sub_3_4 .S3 .s34_slider .swiper-slide .txt p span { margin-right: 10px;}
.sub_3_4 .s34_slider .swiper-button-next, 
.sub_3_4 .s34_slider .swiper-button-prev { font-size: 4rem; color: #676767; top: 40%;}

.sub_3_4 .S4 {position: relative;  padding: 12rem 0 10rem;}
.sub_3_4 .S4 .bg_img { position: absolute;  left: 0;  top: -5%;  width: 90%;  max-width: 1020px;}
.sub_3_4 .S4::before { content: ""; position: absolute; left: 0;  bottom: 0; width: 100%; height: 32%; opacity: 0.5; background: linear-gradient(to top, #f0f0f0, #fff); z-index: 0;}



/* sub3-5 */
.sub_3_5 .S1 { position: relative; margin: 15rem 0;}
.sub_3_5 .S1 .s1_txtbg { position: absolute;  right: 0;  top: 23%;  width: 37%;  max-width: 710px;}
.sub_3_5 .S1 .contbox { display: flex;  margin-top: 7rem;  flex-wrap: wrap; gap: 6rem 9%;}
.sub_3_5 .S1 .contbox > li { width: 45%;  display: flex;  align-items: flex-end;  gap: 0 2.5rem; cursor: default;}
.sub_3_5 .S1 .contbox > li:nth-child(3) .txtbox {  margin-bottom: 2rem;}
.sub_3_5 .S1 .contbox > li .imgbox{width: 41%;}
.sub_3_5 .S1 .contbox > li .txtbox{flex: 1;}
.sub_3_5 .S1 .contbox > li .txtbox .tit { font-size: 1.55rem;  color: #000000;  letter-spacing: 0.2px;  font-weight: 400;   margin-bottom: 0.75rem;}
.sub_3_5 .S1 .contbox > li .txtbox .desc{ font-size: 1.2rem;  color: #676767;  letter-spacing: 0.25px;  line-height: 1.5;}


.sub_3_5 .S2 { margin: 15rem 0;}
.sub_3_5 .S2 .contbox {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 3rem 2.75%;  margin-top: 6rem;}
.sub_3_5 .S2 .contbox li { width: 30%;  border: 1px solid #dddddd;  border-radius: 15px;  padding: 2rem 0.5rem;  text-align: center;  transition: all 1.4s ease;}
/*.sub_3_5 .S2 .contbox li:hover { background-color: #254633;  border-color: #254633;  box-shadow: 4px 4px 14px rgba(0,0,0,0.3); cursor: default;}*/
.sub_3_5 .S2 .contbox li .tit { font-size: 1.35rem;  font-weight: 500;  color: #000000;  letter-spacing: -0.2px;  margin-bottom: 1rem;  transition: all 0.4s ease;}
.sub_3_5 .S2 .contbox li .desc { font-size: 1.15rem;  color: #676767;  letter-spacing: 0.25px;  line-height: 1.5; transition: all 0.4s ease;}
/*.sub_3_5 .S2 .contbox li:hover .tit,
.sub_3_5 .S2 .contbox li:hover .desc {color: #fff;}*/

.sub_3_5 .S3 { margin: 15rem 0;}
.sub_3_5 .S3 { padding: 8rem 0; background: url(../img/sub3/s35_S3_bg.png) no-repeat right top/cover;}
.sub_3_5 .S3 .contbox {justify-content: flex-start;}

.sub_3_5 .S4 .slidebox { margin-top: 5rem;}
.sub_3_5 .S4 .slidebox .s35_slider_txt {border-bottom: 1px solid #dfdfdf; margin-bottom: 3rem;}
.sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide { text-align: center; position: relative; display: block; font-size: 1.25rem;  color: #000000; font-weight: 400; padding: 1rem 0;  transition: all 0.4s ease; cursor: pointer;}
.sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide.swiper-slide-thumb-ctive { color: #254633;}
.sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide::before {  content: "";  width: 5px;  height: 5px;  background-color: #254633;  border-radius: 50%;  position: absolute;  left: 50%;  top: 3px;  opacity: 0;  transition: all 0.4s ease;}
.sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide.swiper-slide-thumb-active::before {  opacity: 1;}
.sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide::after {  content: "";  position: absolute;  right: 0;  top: 50%;  width: 1px;  height: 30%;  background-color: #dfdfdf; transform: translateY(-50%);}
.sub_3_5 .S4 .slidebox .s35_slider_txt .swiper-slide:last-child::after {display: none;}
.sub_3_5 .S4 .slidebox .s35_slider { margin-top: 5rem;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox {  display: flex;  flex-wrap: wrap;  justify-content: space-between; align-items: flex-start; gap: 7rem 0;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox > li { width: 48%; display: flex; justify-content: center; align-items: flex-start;  gap: 0 3rem;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .imgbox {width: 23%;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .imgbox img{width: 100%;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox { flex: 1;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .sub_badge.ver2 span {  border-radius: 50px;  padding: 0.4rem 2rem;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .desc {  font-size: 1.25rem;  color: #676767;  letter-spacing: -0.2px; line-height: 1.5;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .check_list { display: flex;  flex-direction: column;  gap: 0.75rem 0; ;  margin-top: 1.5rem}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .check_list .list {   position: relative;  font-size: 1.15rem; color: #000000;  letter-spacing: -0.25px; padding-left: 30px;}
.sub_3_5 .S4 .slidebox .s35_slider .contbox .txtbox .check_list .list::before { content: "";  background: url(../img/sub3/s32_S3_check.png) no-repeat center/100%; position: absolute;  left: 0;  top: 0.15em; width: 18px;  height: 18px;}

.sub_3_5 .S5 { position: relative;  padding-top: 3rem;}
.sub_3_5 .S5 .s5_txtbg { position: absolute; right:0;  top: 0;  width: 57%;  max-width: 1080px;}
.sub_3_5 .S5 .contbox { align-items: flex-end;}
.sub_3_5 .S5 .contbox .txtbox { margin-bottom: 4rem; }
.sub_3_5 .S5 .contbox .imgbox {border-top-left-radius: 280px;  border-top-right-radius: 280px;  overflow: hidden; width: 47%;}

.sub_3_5 .S6 {margin-top: 17rem;}
.sub_3_5 .S6 .contbox .imgbox {width: 47%;}
.sub_3_5 .S6 .contbox .imgbox .txt { font-size: 0.9rem; text-align: center;  margin-top: 1rem; color: #676767; }

.sub_3_5 .S7 {position: relative;  background: url(../img/sub2/s21_S11_bg.png) no-repeat center bottom /cover; padding: 5rem 0 12rem;}
.sub_3_5 .S7 .slidbox {margin-top: 3rem;}
.sub_3_5 .S7 .s35_slider2 .swiper-slide .img {  display: block;  margin: 0 auto;  width: 70%;  max-width: 720px;}
.sub_3_5 .S7 .s35_slider2 .swiper-slide .txt { text-align: center;  margin-top: 3rem;}
.sub_3_5 .S7 .s35_slider2 .swiper-slide .txt .tit { font-size: 1.4rem; font-weight: 400; color: #000000; margin-bottom: 1.25rem; letter-spacing: -0.2px;}
.sub_3_5 .S7 .s35_slider2 .swiper-slide .txt .desc {  font-size: 1.2rem;  line-height: 1.5;  color: #676767;  letter-spacing: -0.2px;}
.sub_3_5 .S7 .s35_slider2 .swiper-button-prev,
.sub_3_5 .S7 .s35_slider2 .swiper-button-next { font-size: 4rem; color: #676767; top:33%}
.sub_3_5 .S7 .s35_slider2 .swiper-pagination { position: relative;  left: auto;  bottom: auto;  top: auto;  margin-top: 3rem;}
.sub_3_5 .S7 .s35_slider2 .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: #d9d9d9; margin: 0 0.75rem; width: 7px; height: 7px;}
.sub_3_5 .S7 .s35_slider2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #254633; }

.sub_3_5 .S8 { position:relative; padding-top:3rem;}
.sub_3_5 .S8 .s8_txtbg { position:absolute; top:-5%; left:56%; width:30%; max-width:553px;}
.sub_3_5 .S8 .contbox{flex-wrap:wrap;}
.sub_3_5 .S8 .contbox .txtbox { width: 100%; padding-right: 2rem;  padding-left: 0;}
.sub_3_5 .S8 .contbox .txtbox .listbox {  border: 1px solid #dfdfdf; border-radius: 20px; padding: 1.4rem; display: flex; flex-wrap: wrap; gap: 0.4rem 0; max-width: 470px; margin-top:1.5rem;}
.sub_3_5 .S8 .contbox .txtbox .listbox .list { font-size: 0.9rem;  color: #676767;  font-weight: 400;  letter-spacing: -0.2px;}
.sub_3_5 .S8 .contbox .txtbox .listbox .list:nth-child(2n-1) { width: 60%;}
.sub_3_5 .S8 .contbox .txtbox .listbox .list:nth-child(2n) { width: 40%;}
.sub_3_5 .S8 .contbox .imgbox { width: 100%; margin:3rem 0 0; }
.sub_3_5 .S8 .contbox .imgbox > ul{position:relative; width:100%; gap:1.5rem 1rem; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.sub_3_5 .S8 .contbox .imgbox > ul > li{position:relative; width:49%; display:flex; justify-content:flex-start; align-items:flex-end;}
.sub_3_5 .S8 .contbox .imgbox > ul > li > p{padding-left:1rem;}



/* sub4-1 */
.sub_4_1 .S1 .contbox .slidebox { width: 50%; max-width:488px; margin:0 auto; text-align:center;}
.sub_4_1 .S1 .contbox .imgbox{position:relative; width:100%;}
.swiper-button-next.s41_slider3_next{
    top:52%; right: -2.5rem; width:14px; height:25px; opacity:1; background: url(../img/sub4/s41_slider3_next.png) 50% 50%/100% no-repeat; border-radius:100%; z-index:1;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0); 
    -moz-transform: translateY(-50%) translateZ(0); 
    -ms-transform: translateY(-50%) translateZ(0); 
    -o-transform: translateY(-50%) translateZ(0);
}
.swiper-button-prev.s41_slider3_prev{
    top:52%; left: -2.5rem; width:14px; height:25px; opacity:1; background: url(../img/sub4/s41_slider3_prev.png) 50% 50%/100% no-repeat; border-radius:100%; z-index:1;
    transform: translateY(-50%) translateZ(0);
    -webkit-transform: translateY(-50%) translateZ(0); 
    -moz-transform: translateY(-50%) translateZ(0); 
    -ms-transform: translateY(-50%) translateZ(0); 
    -o-transform: translateY(-50%) translateZ(0);
}
.swiper-button-next.s41_slider3_next::after,
.swiper-button-prev.s41_slider3_prev::after {
    display: none;
}



/* ==================== 마이너스핏 ==================== */
.sub_4_1 .S2 .contbox .slidebox { width: 50%;  max-width: 450px;  margin-left: 8%;}
.sub_4_1 .S2 .contbox .s41_slider {cursor: default; }
.sub_4_1 .S2 .contbox .s41_slider .circlebox { width: 450px;  height: 400px;  position: relative;}
.sub_4_1 .S2 .contbox .s41_slider .circle { width: 27%; height: 0;  padding-bottom: calc(27% - 10px);  border: 5px solid #eeeeee;  border-radius: 50%;  position: absolute; transition: all 0.8s ease; background-color: #fff;} 
.sub_4_1 .S2 .contbox .s41_slider .circle span {  position: absolute;  left: 50%;  top: 50%;  font-family: 'NanumSquare','Noto Sans KR', sans-serif;  transform: rotate(0.04deg) translate(-50%,-50%);  font-size: 1.15rem;  color: #000000;  font-weight: 400; transition: all 0.8s ease;}
.sub_4_1 .S2 .contbox .s41_slider .circle.on {border-color: #254633;}
.sub_4_1 .S2 .contbox .s41_slider .circle.on span {color: #254633;}
.sub_4_1 .S2 .contbox .s41_slider .circle.cir1 { left: 50%; top: 0;  transform: translateX(-50%);}
.sub_4_1 .S2 .contbox .s41_slider .circle.cir2 { right: 0;  bottom: 0;}
.sub_4_1 .S2 .contbox .s41_slider .circle.cir3 { left: 0;  bottom: 0;}
.sub_4_1 .S2 .contbox .s41_slider .linebox { position: absolute;  left: 0;    top: 0;  width: 450px;  height: 400px;}
.sub_4_1 .S2 .contbox .s41_slider .linebox .line {  content: "";  position: absolute;  width: 300px;  height: 2px; background-color: #eeeeee; transition: all 0.8s ease;}
.sub_4_1 .S2 .contbox .s41_slider .linebox .line.line1 { left: 39%;
    top: 200px;  transform: rotate(60deg);}
.sub_4_1 .S2 .contbox .s41_slider .linebox .line.line2 { left: 0;  bottom: 15%;  width: 100%;}
.sub_4_1 .S2 .contbox .s41_slider .linebox .line.line3 { left: -4%;  top: 200px;  transform: rotate(-60deg);}
.sub_4_1 .S2 .contbox .s41_slider .linebox .line.on {background-color: #254633;}
.sub_4_1 .S2 .contbox .s41_slider .center { font-size: 0.9rem;  color: #676767;  font-weight: 400;  line-height: 1.7;  position: absolute;  left: 50%;  top: 60%;  transform: translate(-50%,-50%);  text-align: center;}

.sub_4_1 .S3 .sub_txt6 span {color: #42544f; border-bottom: 1px solid #42544f;}
.sub_4_1 .S3.CS2 .contbox{align-items:flex-start;}
.sub_4_1 .S3.CS2 .contbox .txtbox{ padding-top:1rem; padding-right:3.5rem; padding-left:0; }
.sub_4_1 .S3.CS2 .contbox .txtbox .sub_txt6{font-size:1.063rem; margin-bottom:2rem;}
.sub_4_1 .S3.CS2 .contbox .txtbox .sub_txt1{font-size:2rem; margin-bottom:3rem;}
.sub_4_1 .S3.CS2 .contbox .imgbox img{ width:auto; }
.sub_4_1 .S3.CS2 .contbox .imgbox .tit{ font-size:1rem; color:#000; font-weight:500; line-height:1.5; letter-spacing: -0.2px; margin-top:0.5rem; margin-left:0.5rem;}
.sub_4_1 .S3 .contbox_ul { display: flex; justify-content: center;  align-items: flex-start;  margin-top:3rem;  gap:0 1.8rem;}
.sub_4_1 .S3 .contbox_ul .item .imgbox{margin-bottom:1rem;}
.sub_4_1 .S3 .contbox_ul .item .imgbox img{width: 1000%;}
.sub_4_1 .S3 .contbox_ul .item .tit { font-size: 1.0625rem;  color: #000000;  font-weight: 500;  letter-spacing: -0.2px;  margin-bottom: 0.5rem;  text-align: center; line-height: 1.5;}
.sub_4_1 .S3 .contbox_ul .item .desc {  font-size: 0.875rem;  color: #000000;  letter-spacing: -0.2px;  font-weight: 500;  text-align: center;  line-height: 1.5;}

.sub_4_1 .S4 {position: relative;}
.sub_4_1 .S4 .s4_txtbg { position: absolute;  left: 5%; bottom: 20%;  width: 36%; max-width: 685px;}
.sub_4_1 .S4 .contbox { align-items: flex-start;}
.sub_4_1 .S4 .contbox .txtbox { width: 45%;  margin-top: 3rem;  padding-left: 8%;  padding-right: 0;}
.sub_4_1 .S4 .contbox .slidebox { display: flex;  flex-direction: column;  justify-content: center;  width: 60%; margin-left: -5%;}
.sub_4_1 .S4 .contbox .imgbox { width: 100%;}
.sub_4_1 .S4 .contbox .img_item { background: no-repeat center/cover;  width: 85%;}
.sub_4_1 .S4 .contbox .img_item.left { margin-right: 15%;}
.sub_4_1 .S4 .contbox .img_item.right { margin-left: 15%;}
.sub_4_1 .S4 .contbox .img_item:nth-child(1) {background-image: url(../img/sub4/s41_S4_img1.png);}
.sub_4_1 .S4 .contbox .img_item:nth-child(2) {background-image: url(../img/sub4/s41_S4_img2.png);}
.sub_4_1 .S4 .contbox .img_item:nth-child(3) {background-image: url(../img/sub4/s41_S4_img3.png);}
.sub_4_1 .S4 .contbox .img_item .img_txt {  border: 10px solid transparent;
transition: all 0.6s ease;  padding: 2rem;  min-height: 30vh;  display: flex;  flex-direction: column;  justify-content: flex-end; opacity: 0;}
.sub_4_1 .S4 .contbox .img_item:hover .img_txt { background-color: rgba(0,0,0,0.6);  border-color: #254633; opacity: 1; cursor: default;}
.sub_4_1 .S4 .contbox .img_item.on .img_txt { background-color: rgba(0,0,0,0.6);  border-color: #254633; opacity: 1;}
.sub_4_1 .S4 .contbox .img_item .img_txt .small { font-size: 0.95rem;  color: #fff;  letter-spacing: -0.2px;  margin-bottom: 0.5rem;}
.sub_4_1 .S4 .contbox .img_item .img_txt .tit { font-size: 1.3rem;  color: #fff; font-weight: 400; margin-bottom: 1rem;  letter-spacing: -0.2px;}
.sub_4_1 .S4 .contbox .img_item .img_txt .desc { font-size: 1.15rem;  line-height: 1.5;  color: #fff;  letter-spacing: -0.25px;}



.sub_4_1 .S5 .contbox .infobox { margin-top: 3rem;}
.sub_4_1 .S5 .contbox .infobox .item { display: flex;  align-items: center;  gap: 0 2rem;}
.sub_4_1 .S5 .contbox .infobox .item:nth-child(1) { border-bottom: 1px solid #ddd; margin-bottom: 2rem;  padding-bottom: 1rem;}
.sub_4_1 .S5 .contbox .infobox .item .img { width: 38%;}
.sub_4_1 .S5 .contbox .infobox .item .txt { flex: 1;}
.sub_4_1 .S5 .contbox .infobox .item .txt .sub_badge span {  border-radius: 0;  padding-bottom: 0.2rem;}
.sub_4_1 .S5 .contbox .infobox .item .txt .listbox { display: flex;  flex-direction: column;  gap: 0.5rem 0;}
.sub_4_1 .S5 .contbox .infobox .item .txt .listbox .list {  position: relative;  font-size: 1.2rem;  color: #676767;  letter-spacing: -0.25px;  padding-left: 30px;}
.sub_4_1 .S5 .contbox .infobox .item .txt .listbox .list::before {  content: "";  position: absolute;  left: 0;  top: 0.35em;  width: 16px;  height: 13px;  background: url(../img/sub4/s41_S6_check.png) no-repeat center/100%;}

.sub_4_1 .S5.CS2 .contbox.--col { flex-direction: column-reverse; }
.sub_4_1 .S5.CS2 .contbox.--col .txtbox { width: 100%; padding-left: 0; }
.sub_4_1 .S5.CS2 .contbox.--col .imgbox { width: 100%; margin-bottom: 2em; }
.sub_4_1 .S5.CS2 .contbox.--col .infobox { display: flex; justify-content: center; }
.sub_4_1 .S5.CS2 .contbox.--col .infobox .item { width: 50%; align-items: flex-start; }
.sub_4_1 .S5.CS2 .contbox.--col .infobox .item:nth-child(1) { border-bottom: 0; }


.sub_4_1 .S6 .contbox .imgbox { position: relative; padding-bottom: 6%;}
.sub_4_1 .S6 .contbox .imgbox .add_img { position: absolute;  left: 6%;  bottom: 0;  width: 26%;  max-width: 156px;}
.sub_common.sub_4_1 .S6 .contbox .imgbox .add_img.minus-fit { left: auto; right: 6%; }

.sub_4_1 .S7 { background: url(../img/sub2/s26_S3_bg.png) no-repeat center top /cover; padding-top:9rem;}
.sub_4_1 .S7 .facebox { max-width: 900px;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn1 { left: 37.3%; top: 42.5%;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn2 { left: 57.5%; top: 51.9%;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn3 { left: 43.9%; top: 63%;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn4 { left: 53.3%; top: 28.2%;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn5 { left: 48.4%; top: 52.4%;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn6 { left: 54.6%; top: 71%;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn7 { left: 48.5%; top: 75.2%;}
.sub_4_1 .S7 .facebox .btnbox .btn.btn8 { left: 39.3%; top: 51.9%;}
.sub_4_1 .S7 .bodybox { max-width: 702px; }
.sub_4_1 .S7 .bodybox .btnbox .btn.btn1 { left: 42.7%; top: 34.6%;}
.sub_4_1 .S7 .bodybox .btnbox .btn.btn2 { left: 44.2%; top: 51.3%;}
.sub_4_1 .S7 .bodybox .btnbox .btn.btn3 { left: 35.3%; top: 71.8%;}
.sub_4_1 .S7 .bodybox .btnbox .btn.btn4 { left: 53.9%; top: 38.7%;}
.sub_4_1 .S7 .bodybox .btnbox .btn.btn5 { left: 63.8%; top: 31.1%;}
.sub_4_1 .S7 .bodybox .btnbox .btn.btn6 { left: 48.58%; top: 56.7%;}
.sub_4_1 .S7 .bodybox .btnbox .btn.btn7 { left: 60.35%; top: 83.4%;}


@media (max-width:800px) {
    .sub_4_1 .S5.CS2 .contbox.--col .infobox { flex-direction: column; }
    .sub_4_1 .S5.CS2 .contbox.--col .infobox .item { width: 100%; align-items: center; }
    .sub_4_1 .S5.CS2 .contbox.--col .infobox .item:nth-child(1) { border-bottom: 1px solid #ddd; }
}


/* sub4-2 */
.sub_4_2 .S1 .contbox .txtbox { width: 55%;}
.sub_4_2 .S1 .contbox .txtbox .add_infobox { display: flex;  align-items: center;  justify-content: space-between;  margin-top: 2rem;}
.sub_4_2 .S1 .contbox .txtbox .add_infobox .item{  position: relative;  width: 30%;  padding-bottom: calc(30% - 10px);  border: 5px solid #254633; border-radius: 50%;}
.sub_4_2 .S1 .add_infobox .item p {  position: absolute;  left: 50%;  top: 50%;  width: 85%;  transform: translate(-50%,-50%);  text-align: center;  font-size: 1rem;  line-height: 1.5; color: #000000;}
.sub_4_2 .S1 .contbox .imgbox { width: 35%; margin-left: 5%;}


.sub_4_2 .S2 .contbox .imgbox { width: 40%; }
.sub_4_2 .S2 .contbox .imgbox img { max-width: 477px; }
.sub_4_2 .S2.S2-2 .contbox .imgbox { width: 40%; }


.sub_4_2 .S3 .slidebox { width: 100%;  max-width:960px; margin:3rem auto 0; box-shadow: 3px 3px 12px rgba(0,0,0,0.15);}
.sub_4_2 .S3 .slidebox .s42_slider .swiper-button-prev,
.sub_4_2 .S3 .slidebox .s42_slider .swiper-button-next{font-size: 4rem; color: #fff;}
.sub_4_2 .S3 .slidebox .s42_slider .swiper-button-prev {right: 3%;}
.sub_4_2 .S3 .slidebox .s42_slider .swiper-button-next {right: 3%;}
.sub_4_2 .S3 .slidebox .s42_slider_txt .swiper-slide {  display: flex; justify-content: center; align-items: center; text-align: center; padding: 0.76rem 0.5rem; height: 100%; font-size: 1.063rem;
color: #4e4e4e; letter-spacing: -0.25px; line-height: 1.3; border-right: 1px solid #4e4e4e4e; min-height:75px; transition: all 0.8s ease; cursor: pointer; width: 16.666%;}
.sub_4_2 .S3 .slidebox .s42_slider_txt .swiper-slide:last-child {border-right: 0;}
.sub_4_2 .S3 .slidebox .s42_slider_txt .swiper-slide.swiper-slide-thumb-active {background-color: #254633;  border-color: #254633; color: #fff;}

.sub_4_2 .S4 { background: url(../img/sub4/s42_S4_bg_231123.png) no-repeat center center /cover; padding: 10rem 0 12rem; margin: 15rem 0 37rem;}
.sub_4_2 .S4 .Sub_inner .top_txtbox{/*max-width:1100px; margin:0 auto;*/}
.sub_4_2 .S4 .top_txtbox .link {margin-top: 4rem;}
.sub_4_2 .S4 .contbox {flex-direction:row !important;}
.sub_4_2 .S4 .contbox .txtbox{padding-left: 0rem  !important; padding-right: 4rem  !important;}
.sub_4_2 .S4 .contbox .txtbox .link {margin-top: 4rem;}
.sub_4_2 .S4 .contbox .imgbox .tit{font-size: 1rem; color: #000; font-weight: 500; line-height: 1.5; letter-spacing: -0.2px; margin-top: 0.5rem; margin-left: 0.5rem;}
.sub_4_2 .S4 .s4_bottom { position: absolute;  left: 50%;  top: 126%;  transform: translateX(-50%); display: flex;  flex-wrap: wrap;  width: 100%;  max-width: 1100px;  justify-content: center;  gap:3.5rem 1.25rem;}
.sub_4_2 .S4 .s4_bottom li{max-width:calc(25% - 1rem);}
.sub_4_2 .S4 .s4_bottom li .imgbox{height:10.438rem;}
.sub_4_2 .S4 .s4_bottom li .imgbox img{height:100%;}
.sub_4_2 .S4 .s4_bottom li.s4_bottom_li08{max-width:calc(16.8% - 1rem);}
.sub_4_2 .S4 .s4_bottom li.s4_bottom_li08 .imgbox{height:auto;}
.sub_4_2 .S4 .s4_bottom li.s4_bottom_li08 .imgbox img{height:100%;}
.sub_4_2 .S4 .s4_bottom li .txt { font-size: 0.9rem; font-weight:400; margin-top: 0.75rem; color: #000000; letter-spacing: -0.5px; text-align: center;}
.sub_4_2 .S4 .s4_bottom li .txt .smallTxt { font-size: 0.8rem; padding-top: 0.5rem; display: inline-block;}
/* 0621 추가 */
.sub_common .CS4.typeB.mt { margin-top: 54rem; }


.sub_4_2 .S8 .title_box .sub_txt1 { margin-bottom: 0.5em; }
.sub_4_2 .S8 .imgbox { margin-top: 3em; }


@media (max-width:599px) {
.sub_4_2 .S2.S2-2 .contbox .imgbox { width: 100%; }
}


/* sub4-3 */
.sub_4_3 .S2 {position: relative;}
.sub_4_3 .S2 .s2_txtbg { position: absolute; right: 16%; top: 3%; width: 12%; max-width: 216px;}
.sub_4_3 .S2 .imgbox { max-width: 834px;  margin: -12% auto 0;}

.sub_4_3 .S3 .CS9_slider { margin-top: 6rem;}
.sub_4_3 .S3 .CS9_slider .swiper-slide {  display: flex;   align-items: center;  margin-left: 1%;}
.sub_4_3 .S3 .CS9_slider .swiper-slide .imgbox { width: 42%;  margin-bottom: 0;}
.sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox { width: 58%;  padding-left: 6%;}
.sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox .tit { text-align: left;}
.sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox .check_list { display: flex;  flex-direction: column;  gap: 0.75rem 0; ;  margin-top: 1.5rem}
.sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox .check_list .list {  position: relative;  font-size: 1.15rem; color: #000000;  letter-spacing: -0.25px; padding-left: 30px;}
.sub_4_3 .S3 .CS9_slider .swiper-slide .txtbox .check_list .list::before { content: "";  background: url(../img/sub3/s32_S3_check.png) no-repeat center/100%; position: absolute;  left: 0;  top: 0.15em; width: 18px;  height: 18px;}
.sub_4_3 .S3 .CS9_slider .swiper-button-prev { left: 24%;} 
.sub_4_3 .S3 .CS9_slider .swiper-button-next { right: 24%;} 
.sub_4_3 .S3 .CS9_slider .swiper-button-prev, 
.sub_4_3 .S3 .CS9_slider .swiper-button-next { top: 37%;}
.sub_4_3 .S3 .CS9_slider .swiper-scrollbar { margin-top: 6.5rem;}

.sub_4_3 .S4 { /*background: url(../img/sub4/s43_S4_bg.png) no-repeat left top/cover; */padding: 8rem 0 15rem; position: relative;  margin-bottom: 27rem;}
.sub_4_3 .S4 .contbox .txtbox{}
.sub_4_3 .S4 .contbox .imgbox .tit{font-size: 1rem; color: #000; font-weight: 500; line-height: 1.5; letter-spacing: -0.2px; margin-top: 0.5rem; margin-left: 0.5rem;}
.sub_4_3 .S4 .s4_bottom { display: flex;  justify-content: center;  align-items: flex-start;  gap: 0 1rem;  width: 90%;  position: absolute; left: 50%;  top: 78%; transform: translateX(-50%);}
.sub_4_3 .S4 .s4_bottom > li .imgbox { margin-bottom: 1rem;}
.sub_4_3 .S4 .s4_bottom > li .tit { font-size: 1rem;  color: #000000;  font-weight: 400;  letter-spacing: -0.25px;  text-align: center;  line-height: 1.5;}
.sub_4_3 .S4 .s4_bottom > li .desc { text-align: center;  margin-top: 0.5rem; font-size: 0.8rem; line-height: 1.5; color: #000000; font-weight: 400;}

.sub_4_3 .S5 .facebox { max-width: 980px;}
.sub_4_3 .S5 .facebox .btnbox .btn { width: 100%; padding-bottom: 0; border-radius: 0; background: none; opacity: 1;}
.sub_4_3 .S5 .facebox .btnbox .btn img { width: 100%; opacity:0.9; }
.sub_4_3 .S5 .facebox .btnbox .btn.btn1 { width: 8.2%; max-width: 72px; left: 41.1%; top: 37.3%; }
.sub_4_3 .S5 .facebox .btnbox .btn.btn1-2 { width: 8.2%; max-width: 72px; left: 51.8%; top: 37.3%; }
.sub_4_3 .S5 .facebox .btnbox .btn.btn2 { width: 9.3%; max-width: 85px; left: 39.4%; top: 45.5%; }
.sub_4_3 .S5 .facebox .btnbox .btn.btn2-2 { width: 11.9%; max-width: 75px; left: 52.6%; top: 47.5%; }
.sub_4_3 .S5 .facebox .btnbox .btn.btn3 { width: 16%; max-width: 150px; left: 43%; top: 16.5%; }
.sub_4_3 .S5 .facebox .btnbox .btn.btn4 { width: 7%; max-width: 34px; left: 48.4%; top: 42%; }
.sub_4_3 .S5 .facebox .btnbox .btn.btn5 { width: 12.89%; max-width: 88px; left: 50.3%; top: 63%; }
.sub_4_3 .S5 .facebox .btnbox .btn::after{
    content:''; position: absolute; opacity:0.9; width:1rem; height:1rem; padding:0; border-radius:100%; cursor:pointer;
    background: #42544f url(../img/sub2/plus_icon.png) 50% 50%/ 100% no-repeat;
}
.sub_4_3 .S5 .facebox .btnbox .btn.btn1::after{left: 6%; top: 0%;}
.sub_4_3 .S5 .facebox .btnbox .btn.btn1-2::after{display:none;}
.sub_4_3 .S5 .facebox .btnbox .btn.btn2::after{left: 32%; top: 95%;}
.sub_4_3 .S5 .facebox .btnbox .btn.btn2-2::after{left: 55%; top: 160%;}
.sub_4_3 .S5 .facebox .btnbox .btn.btn3::after{left: 65%; top: 2%;}
.sub_4_3 .S5 .facebox .btnbox .btn.btn4::after{left: 26%; top: 62%;}
.sub_4_3 .S5 .facebox .btnbox .btn.btn5::after{left: 50%; top: 74%;}
.sub_4_3 .S5 .bodybox { max-width: 800px; }
.sub_4_3 .S5 .bodybox .btnbox .btn { width: 100%;  padding-bottom: 0; border-radius: 0; background: none; opacity: 1;}
.sub_4_3 .S5 .bodybox .btnbox .btn img{opacity:0;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn1 { width: 6%; max-width: 45px;  left: 40.7%; top: 21.9%;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn2 { width: 6.7%; max-width: 54px; left: 47.6%; top: 35.7%;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn3 { width: 2.4%; max-width: 21px; left: 42.5%; top: 76.5%; height: 4.38rem;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn4 { width: 6.5%; max-width: 55px; left: 56.2%; top: 24%; height: 4rem;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn5 { width: 3.8%; max-width: 34px; left: 53.4%; top: 57.9%;}
.sub_4_3 .S5 .bodybox .btnbox .btn::after{
    content:''; position: absolute; opacity:0.9; width:1rem; height:1rem; padding:0; border-radius:100%; cursor:pointer;
    background: #42544f url(../img/sub2/plus_icon.png) 50% 50%/ 100% no-repeat;
}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn1::after{left: 10%; top: 28%;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn2::after{left: 30%; top: 64%;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn3::after{left: 2%; top: 42%;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn4::after{left: 58%; top: 54%;}
.sub_4_3 .S5 .bodybox .btnbox .btn.btn5::after{left: 50.3%; top: 62.4%;}


/* sub5-1 */
.sub_5_1 .sub6_petit { position:absolute; top:-15rem; left:0; width:0px; height:0px; opacity:0; visibility:hidden; pointer-events:none;}
.sub_5_1 .S1 .contbox .imgbox { position: relative;  padding-bottom: 3.75rem;}
.sub_5_1 .S1 .contbox .imgbox .add_img { position: absolute;  left: 8%;  bottom: 0; width: 24%; max-width: 144px;}

.sub_5_1 .S2 .contbox .txtbox .button_box { margin-top: 4rem;  display: flex;  flex-wrap: wrap;  gap: 1.5rem 1rem;}
.sub_5_1 .S2 .contbox .txtbox .button_box .button {  padding-top: 0.5rem;  min-width: 165px;  justify-content: center;}
.sub_5_1 .S2 .contbox .txtbox .button_box .button i { font-size: 0.5em;}
.sub_5_1 .S2 .contbox .imgbox { width: 40%; margin-left: 5%;}

.sub_5_1 .S3 {background-color: #f7f7f7; overflow: hidden;}
.sub_5_1 .S3 .Sub_inner2.right { width:85%; margin-left:15%;}
.sub_5_1 .S3 .contbox .txtbox { padding: 0; width: 27%;}
.sub_5_1 .S3 .contbox .txtbox .top_txtbox { background-color: #fff;padding: 3rem 3rem 6rem;}
.sub_5_1 .S3 .contbox .txtbox .top_txtbox .sub_txt1 {  margin-bottom: 0;}
.sub_5_1 .S3 .contbox .txtbox .sub_txt5 { font-size: 1.4rem;  letter-spacing: 0.2px; font-weight: 400;}
.sub_5_1 .S3 .contbox .txtbox .tabbox { display: flex;  flex-direction: column;  gap: 0.25rem 0;}
.sub_5_1 .S3 .contbox .txtbox .tabbox .btn {  background-color: #efefef;  padding: 3rem 3rem;  font-size: 1.25rem;  color: #000000;  font-weight: 400;  letter-spacing: -0.25px;  transition: all 0.6s ease; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.sub_5_1 .S3 .contbox .txtbox .tabbox .btn.on {  background-color: #445b54; color: #fff;}
.sub_5_1 .S3 .contbox .tab_contbox { position: relative; width: 73%; align-self: normal;}
.sub_5_1 .S3 .contbox .tab_contbox .cont { position: absolute;  left: 0; top: 0;  width: 100%;  height: 100%;  padding: 0 7%;  opacity: 0;  z-index: 0; transition: all 0.6s ease;  display: flex; flex-direction: column; justify-content: center;}
.sub_5_1 .S3 .contbox .tab_contbox .cont .sub_txt1 { border-left: 7px solid #445b54; padding-left: 1.75rem; line-height: 1.1;}
.sub_5_1 .S3 .contbox .tab_contbox .cont.on { opacity: 1;  z-index: 5;}
.sub_5_1 .S3 .contbox .tab_contbox .cont1 { position: relative;  left: auto;  top: auto;  background: url(../img/sub5/s51_S3_img1.png) no-repeat right bottom / cover;}
.sub_5_1 .S3 .contbox .tab_contbox .cont1 .sub_txt1 {margin-bottom: 4rem;}
.sub_5_1 .S3 .contbox .tab_contbox .cont2 .cont2_ul { display: flex;  margin-top: 2.5rem; align-items: flex-start; gap: 0 0.75rem;}
.sub_5_1 .S3 .contbox .tab_contbox .cont2 .cont2_ul > li img {  max-height: 104px;}
.sub_5_1 .S3 .contbox .tab_contbox .cont2 .cont2_ul > li p {  text-align: center;  margin-top: 1rem;  font-size: 0.75rem;  color: #676767; line-height: 1.7; letter-spacing: -0.2px; font-weight: 400;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3{}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul {  display: flex;  flex-direction: column;  gap: 2rem 0;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li {  display: flex;  align-items: center;  gap: 0 1.75rem;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li > img {  max-width: 203px;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li .titbox {  display: flex; align-items: center;  gap: 0 1.25rem;  margin-bottom: 1rem;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li .titbox .sub_badge { margin-bottom: 0;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li .titbox .sub_badge span { font-size: 0.95rem; padding: 0.2rem 0.75rem; background-color: #445b54;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li .titbox .tit { font-size: 1.15rem; color: #000000;  font-weight: 500;}
.sub_5_1 .S3 .contbox .tab_contbox .cont3 .cont3_ul > li .desc {  font-size: 1rem; color: #676767;  font-weight: 400;  line-height: 1.6;}

.sub_5_1 .S9.CS5{margin:5rem 0 8rem; padding:5rem 0;}

.sub_5_1 .S6 .contbox .imgbox {display: flex;}
.sub_5_1 .S6 .contbox .imgbox li img{}
.sub_5_1 .S6 .contbox .imgbox li .txt{font-size: 1.25rem; text-align: center; color: #fff; font-weight: 400; letter-spacing: -0.25px; padding: 0.75rem 0.5rem;}
.sub_5_1 .S6 .contbox .imgbox li:nth-child(1) .txt { background-color: #383838;}
.sub_5_1 .S6 .contbox .imgbox li:nth-child(2) .txt { background-color: #254633;}
.sub_5_1 .S6 .contbox .imgbox .desc{padding: 1rem 0.5rem; text-align: center; font-size: 1rem; color: #676767; letter-spacing: -0.25px; line-height: 1.7;}

.sub_5_1 .S8.CS4 .contbox{margin:3rem auto 0; gap:2.5rem 10px;}

/* sub5-2 */
.sub_5_2 .sub6_petit { position:absolute; top:-10rem; left:0; width:0px; height:0px; opacity:0; visibility:hidden; pointer-events:none;}
.sub_5_2 .S1 .contbox .txtbox {padding-right: 3rem; padding-left: 0;}
.sub_5_2 .S1 .contbox .imgbox {text-align:center;}
.sub_5_2 .S1 .contbox .imgbox > img {width:auto;}

.sub_5_2 .S2.CS2 .contbox .imgbox > img{width:auto;}

.sub_5_2 .S3 .contbox .imgbox {width: 40%; margin-left: 5%;}
.sub_5_2 .S3 .contbox .imgbox > img{width:auto;}

.sub_5_2 .S4 .contbox .txtbox {width: 55%;}
.sub_5_2 .S4 .contbox .txtbox .button_box { margin-top: 4rem;  display: flex;  flex-wrap: wrap;  gap: 1.5rem 1rem;}
.sub_5_2 .S4 .contbox .txtbox .button_box .button {  padding-top: 0.5rem;  min-width: 165px;  justify-content: center;}
.sub_5_2 .S4 .contbox .txtbox .button_box .button i { font-size: 0.5em;}
.sub_5_2 .S4 .contbox .imgbox { width: 40%; margin-right: 5%;}

.sub_5_2 .S5 { position: relative; padding-top: 10rem;  margin-bottom: 18rem;}
.sub_5_2 .S5::before { content: ""; position: absolute; left: 0;  top: 0; width: 100%;  height: 32%; opacity: 0.5;  background: linear-gradient(to bottom, #f0f0f0, #fff); z-index: 0;}
.sub_5_2 .S5 .contbox {  display: flex; justify-content: space-between; align-items: flex-start;  gap: 0 5%;  max-width: 700px; margin: 7rem auto 0;}
.sub_5_2 .S5 .contbox > li { width: 30%; text-align: center;}
.sub_5_2 .S5 .contbox > li img { width: 100%;  max-width: 183px;  display: block; margin: 0 auto 1.5rem;}
.sub_5_2 .S5 .contbox > li p { font-size: 0.95rem; color: #373737;}

.sub_5_2 .S6.CS2 .contbox .imgbox > img{width:auto;}

.sub_5_2 .S7.CS2 .contbox .imgbox{width:51%;}
.sub_5_2 .S7.CS2 .contbox .imgbox > img{width:auto;}

.sub_5_2 .S8 .img_items {width: 90%; max-width: 1200px; margin:5rem auto 0; position: relative; z-index:1;}
.sub_5_2 .S8 .img_items .img_item{ position: absolute; left: 0; top: 0; width: 100%;}
.sub_5_2 .S8 .img_items .img_item:nth-child(2){position: relative; left: auto; top: auto; }
.sub_5_2 .S8 .img_items .tab_cont { display: flex;  justify-content: center; align-items: flex-start; gap: 0 0.5rem;}
.sub_5_2 .S8 .img_items .tab_cont > li { text-align: center;    width: 20%;}
.sub_5_2 .S8 .img_items .tab_cont > li .sub_badge { margin-top: -1.3em;}
.sub_5_2 .S8 .img_items .tab_cont > li .sub_badge span { min-width: 70%;}
.sub_5_2 .S8 .img_items .tab_cont > li .desc { font-size: 1rem;  font-weight: 400;  color: #676767;  line-height: 1.5;}
.sub_5_2 .S8 .img_items .tab_cont.cont2 { gap: 0 1.25rem;}
.sub_5_2 .S8 .img_items .tab_cont.cont2 > li { width: 25%;}
.sub_5_2 .S8 .img_items .tab_cont.cont3 { gap: 0 1.25rem;}
.sub_5_2 .S8 .img_items .tab_cont.cont3 > li { width: 25%;}


/* sub5-3 */
.sub_5_3 .S2 .Sub_inner2.left { width: 85%; margin-right: 15%;} 
.sub_5_3 .S2 .contbox {align-items: flex-start;} 
.sub_5_3 .S2 .contbox .imgbox {width: 61%;} 
.sub_5_3 .S2 .contbox .imgbox .sub_txt2 { margin-left: 10%;  margin-top: 1.25rem;}
.sub_5_3 .S2 .contbox .txtbox {width: 39%; padding-left: 3rem;   padding-top: 2rem;} 
.sub_5_3 .S2 .contbox .txtbox .sub_txt3 { margin-bottom: 0.75rem;}
.sub_5_3 .S2 .contbox .txtbox .sub_txt1 {  margin-bottom: 1.5rem;}
.sub_5_3 .S2 .s2_bottom { display: flex;  justify-content: flex-end;  align-items: flex-start;  gap: 0 1rem;  margin-top: -8.5%;}
.sub_5_3 .S2 .s2_bottom > li {width: 15%;}
.sub_5_3 .S2 .s2_bottom > li .imgbox { width: 100%;  margin-bottom: 1rem;}
.sub_5_3 .S2 .s2_bottom > li p {  font-size: 1.15rem;  color: #676767;  text-align: center;  font-weight: 400;  letter-spacing: -0.25px;  line-height: 1.5;}

.sub_5_3 .S3.CS2{background: url(../img/sub5/s53_S3_bg.png) no-repeat center center /cover;}
.sub_5_3 .S3 .contbox .imgbox{text-align:center;}
.sub_5_3 .S3 .contbox .imgbox > img{width:auto;}

.sub_5_3 .S4 {}
.sub_5_3 .S4 .contbox { display: flex; align-items: flex-start;  justify-content: center;}
.sub_5_3 .S4 .contbox > li {position: relative;}
.sub_5_3 .S4 .contbox > li:nth-child(1) {padding-left: 9%;}
.sub_5_3 .S4 .contbox > li:nth-child(2) {padding-right: 9%;}
.sub_5_3 .S4 .contbox > li .imgbox .txt { font-size: 1.25rem;  text-align: center;  color: #fff;  font-weight: 400;  letter-spacing: -0.25px; padding: 0.75rem 0.5rem;}
.sub_5_3 .S4 .contbox > li:nth-child(1) .imgbox .txt { background-color: #254633;}
.sub_5_3 .S4 .contbox > li:nth-child(2) .imgbox .txt { background-color: #383838;}
.sub_5_3 .S4 .contbox > li .txtbox { border: 1px solid #dfdfdf;  padding: 2rem 0.5rem; text-align: center;}
.sub_5_3 .S4 .contbox > li .txtbox p { font-size: 1rem;  color: #676767; letter-spacing: -0.25px;  line-height: 1.7;}

.sub_5_3 .S6 .txtbox .sub_txt1 {margin-bottom:1rem;}
.sub_5_3 .S6 .contbox { display: flex;  flex-wrap: wrap;  gap: 1rem 2%; margin-top: 2rem; border-top: 1px solid #eeeeee;  padding-top: 2rem;}
.sub_5_3 .S6 .contbox > li { display: flex;  width: 49%;  align-items: center;  gap: 0 1.5rem;}
.sub_5_3 .S6 .contbox > li .circle { position: relative;  width: 18%;  height: 0; padding-bottom: calc(18% - 10px);  border: 4px solid #eeeeee;  border-radius: 50%;}
.sub_5_3 .S6 .contbox > li.color .circle { border-color: #445b54;}
.sub_5_3 .S6 .contbox > li .circle p { font-size: 0.938rem;  color: #000000; text-align: center; position: absolute; left: 50%;   top: 50%;  transform: translate(-50%,-50%);  width: 100%;}
.sub_5_3 .S6 .contbox > li .check_list { flex: 1;  display: flex;  flex-wrap: wrap;  gap: 0.6rem 0;}
.sub_5_3 .S6 .contbox > li .check_list .list { padding-left: 30px;  position: relative;  font-size: 1rem;  color: #676767;  letter-spacing: -0.25px;}
.sub_5_3 .S6 .contbox > li .check_list .list::before{ content: "";  background: url(../img/sub3/s32_S3_check.png) no-repeat center/100%;  position: absolute;  left: 0;  top: 0.15em;  width: 18px;  height: 18px;}
.sub_5_3 .S6 .contbox > li .check_list.one .list{width: 100%;}
.sub_5_3 .S6 .contbox > li .check_list.two .list { width: 50%;}

.sub_5_3 .S9 { position: relative;  margin: 10rem 0 12rem;  background: url(../img/sub2/s21_S11_bg.png) no-repeat center bottom /cover;  padding-bottom: 7rem;}
.sub_5_3 .S9 .contbox {display: flex;}
.sub_5_3 .S9 .contbox .cont_box {  width: 42.5%;  padding-bottom: 4%;  display: flex;  flex-direction: column;  justify-content: space-between;  align-self: stretch;}
.sub_5_3 .S9 .contbox .cont_box .box { width: 95%; height: 30%;  display: flex; align-items: center;}
.sub_5_3 .S9 .contbox .cont_box .box .txt {  width: 60%;  height: 100%;  background-color: #fff;  border: 1px solid #dfdfdf;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  text-align: center;}
.sub_5_3 .S9 .contbox .cont_box .box .txt .tit { font-size: 1.3rem;  color: #000000;  margin-bottom: 1rem; letter-spacing: 0.2px; font-weight: 400;}
.sub_5_3 .S9 .contbox .cont_box .box .txt .desc { font-size: 1.2rem; color: #676767; line-height: 1.5; letter-spacing: -0.25px;}
.sub_5_3 .S9 .contbox .cont_box .box .line {  position: relative;  flex: 1;  width: 100%;  height: 1px;  background-color: #dfdfdf;}
.sub_5_3 .S9 .contbox .cont_box .box .line::after { content: "";  width: 8px;  height: 8px;  position: absolute;  right: 0;  top: calc(50% - 4px);  background-color: #fff;  border: 1px solid #bbbbbb;  border-radius: 50%;}
.sub_5_3 .S9 .contbox .cont_box.right .box {  flex-direction: row-reverse;  margin-left: 5%;}
.sub_5_3 .S9 .contbox .cont_box.right .box .line::after {  right: auto;  left: 0;}
.sub_5_3 .S9 .contbox .cont_center { width: 15%;  max-width: 175px;  padding-top: 6%;}

.sub_5_3 .S8 .contbox .imgbox { width: 45%;}
.sub_5_3 .S8 .contbox .txtbox { width: 55%;}

.sub_5_3 .S10 .contbox .imgbox { display: flex;  justify-content: space-between; align-items: flex-start;}
.sub_5_3 .S10 .contbox .imgbox > li{width: 32%;}
.sub_5_3 .S10 .contbox .imgbox > li img{margin-bottom: 1.5rem;}
.sub_5_3 .S10 .contbox .imgbox > li p{ font-size: 0.9rem;  text-align: center; color: #676767; font-weight: 400;}

.sub_5_3 .S11 .contbox { display: flex; align-items: flex-start;  justify-content: center; margin-top: 5rem;}
.sub_5_3 .S11 .contbox > li .img .txt { font-size: 1.25rem;  text-align: center;  color: #fff;  font-weight: 400;  letter-spacing: -0.25px; padding: 0.75rem 0.5rem;}
.sub_5_3 .S11 .contbox > li:nth-child(1) .img .txt { background-color: #254633;}
.sub_5_3 .S11 .contbox > li:nth-child(2) .img .txt { background-color: #383838;}
.sub_5_3 .S11 .contbox > li .check_list { border: 1px solid #dfdfdf;padding: 2rem 1.75rem;  display: flex;  flex-direction: column;  gap: 0.5rem 0;}
.sub_5_3 .S11 .contbox > li .check_list p { font-size: 1rem;  color: #676767; letter-spacing: -0.25px;  line-height: 1.7; padding-left: 30px; position: relative;}
.sub_5_3 .S11 .contbox > li .check_list p::before { content: "";  background: url(../img/sub3/s32_S3_check.png) no-repeat center/100%;  position: absolute;  left: 0;  top: 0.15em;  width: 18px;  height: 18px;}



/* sub5-4 */
.sub_5_4 .S2 .contbox .imgbox { width: 50%; text-align:center;}
.sub_5_4 .S2 .contbox .imgbox > img{width:auto;}
.sub_5_4 .S2 .contbox .txtbox { width: 50%;}
.sub_5_4 .S2 .contbox .txtbox .check_list { display: flex;  flex-direction: column;  gap: 0.75rem 0;}
.sub_5_4 .S2 .contbox .txtbox .check_list p { font-size: 1rem;  color: #676767; letter-spacing: -0.25px;  line-height: 1.7; padding-left: 30px; position: relative;}
.sub_5_4 .S2 .contbox .txtbox .check_list p::before { content: "";  background: url(../img/sub3/s32_S3_check.png) no-repeat center/100%;  position: absolute;  left: 0;  top: 0.15em;  width: 18px;  height: 18px;}

.sub_5_4 .S4 {position: relative; margin:14rem 0 10rem;}
.sub_5_4 .S4 .s4_txtbg { position: absolute; top:-5rem; left: 31%; width: 22%; max-width: 408px;}
.sub_5_4 .S4 .contbox .imgbox { text-align:center;}
.sub_5_4 .S4 .contbox .imgbox > img{width:auto;}

.sub_5_4 .S5{margin:0; padding:10rem 0; background: url(../img/sub5/s54_S5_bg_231031.png) center center/cover no-repeat;}
.sub_5_4 .S5 .contbox .txtbox {width: 48%;}
.sub_5_4 .S5 .contbox .imgbox {width: 52%; text-align:center;}
.sub_5_4 .S5 .contbox .imgbox > img{width:auto;}

.sub_5_4 .S6 {position: relative; margin:10rem 0 14rem; overflow: hidden; }
.sub_5_4 .S6::before { content: ""; position: absolute; left: 0;  bottom: 0; width: 100%; height: 32%; opacity: 0.5; background: linear-gradient(to top, #f0f0f0, #fff); z-index: 0;}
.sub_5_4 .S6 .facebox { max-width: 835px; position: relative;  left: auto; top: auto; transform: none;}
.sub_5_4 .S6 .facebox .btnbox .btn { width: 100%;  padding-bottom: 0; border-radius: 0; padding:0; background: none; opacity: 1;}
.sub_5_4 .S6 .facebox .btnbox .btn.btn1 { width: 1.8%;  max-width: 15px; left: 49.5%; top: 51%;}
.sub_5_4 .S6 .facebox .btnbox .btn.btn2 { width: 4%;  max-width: 32px; left: 43%; top: 54%;}
.sub_5_4 .S6 .facebox .btnbox .btn.btn3 { width: 8.3%;  max-width: 69px; left: 39.8%; top: 59%;}
.sub_5_4 .S6 .facebox .btnbox .btn.btn4 { width: 4.8%;  max-width: 40px;  left: 56.5%;  top: 48%;}
.sub_5_4 .S6 .facebox .btnbox .btn.btn5 { width: 4.2%;  max-width: 35px; left: 48.5%;  top: 65.2%; z-index: 5;}
.sub_5_4 .S6 .facebox .btnbox .btn.btn6 { width: 14.1%; max-width: 117px; left: 43%; top: 69.5%;}

.sub_5_4 .S7 .contbox {position:relative; max-width: 1080px; margin: 3rem auto 0;}
.sub_5_4 .S7 .contbox::after{content: ''; position: absolute; top: -5px; right: -5px; width: calc(44% - 12px); height: calc(100% + 10px); border: 7px solid #445b54; border-radius: 18px;}
.sub_5_4 .S7 .contbox .txt { padding: 0.85rem 0; width: 44%; letter-spacing: -0.25px; line-height: 1.6; }
.sub_5_4 .S7 .contbox .center { font-size: 1.125rem; font-weight: 400; line-height: 1.6; color: #676767; background-color: #f8f8f8; width: 18%; max-width: 170px; padding: 0.85rem 0;}
.sub_5_4 .S7 .contbox .tit { display: flex;  width: 100%; text-align: center; border-bottom: 2px solid #fff;}
.sub_5_4 .S7 .contbox .tit:first-child{border-top: 2px solid #a8b2af;}
.sub_5_4 .S7 .contbox .tit .center { font-size:1.4rem; font-weight:600; padding: 1rem 0; }
.sub_5_4 .S7 .contbox .tit .txt { font-size: 1.5rem; color: #fff; font-weight: 600; padding: 1rem 0;}
.sub_5_4 .S7 .contbox .tit .txt:nth-child(2) { color:#2d3e39; background-color: #c7cdcb; border-left: 2px solid #fff;}
.sub_5_4 .S7 .contbox .tit .txt:nth-child(3) { background-color: #445b54;}
.sub_5_4 .S7 .contbox .cont { display: flex;  width: 100%;   text-align: center; }
.sub_5_4 .S7 .contbox .cont:last-child{border-bottom: 2px solid #a8b2af;}
.sub_5_4 .S7 .contbox .cont .txt { font-size: 1.25rem;  color: #676767;  background-color: #f8f8f8; border-bottom: 2px solid #f4f4f4; padding: 0.85rem 0;}
.sub_5_4 .S7 .contbox .cont .center { border-bottom: 2px solid #fff; }
.sub_5_4 .S7 .contbox .cont .txt:nth-child(2) { background-color: #fff;}
.sub_5_4 .S7 .contbox .cont .txt:nth-child(3) { color:#434343; font-weight:600; background-color: #fff;}
@media (max-width:800px) {
    .sub_5_4 .S7 .contbox::after{top: -5px; right: -5px; width: calc(44% - 8px); border-radius:15px;}
}


.sub_5_4 .S8.CS4.typeB .contbox .item.item1 .imgbox > img{max-width:100%;}