.white{color:#fff;}

#sub_con { font-family: "Pretendard Variable", sans-serif; }

#sub_v{height:700px;position:relative;font-family: "Inter", sans-serif;}
#sub_v .tit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#sub_v .tit h2{}


#sub_v.spine{background:url('/page/department/img/spine_v.png') no-repeat center/cover;}
#sub_v.joint{background:url('/page/department/img/joint_v.png') no-repeat center/cover;}
#sub_v.foot{background:url('/page/department/img/foot_v.png') no-repeat center/cover;}
#sub_v.therapy{background:url('/page/department/img/therapy_v.png') no-repeat center/cover;}



.department_con1 .department_con1_item .item_in h3{display:flex;align-items:center;}
.department_con1 .department_con1_item .item_in h3:before{content:'';display:block;clear:both;background-color:#A3273A;width:7px;height:37px;margin-right:var(--space-24);}
.department_con1 .department_con1_item .item_in1 ul{display:flex;text-align:center;}
.department_con1 .department_con1_item .item_in2 ul li{display:flex;align-items:center;gap:var(--space-32);margin-bottom:var(--space-32);}
.department_con1 .department_con1_item .item_in2 ul li .gray_box{display:flex;align-items:center;padding:30px 0 30px 40px;width:745px;border-radius:100px;background-color:#F6F6F6;}


@media screen and (max-width: 2000px) {
    .slide_wrap .swiper-container{width: 120%; margin-left: -10%;}

}



/* 슬라이드*/
.department_con2{background-color: #F8F8F8}

.department2_slide .swiper-container,.department2_slide .swiper {width: 100%;overflow: visible;}
.department2_slide{overflow: hidden;}
.department2_slide .swiper-container {padding-bottom: var(--space-64);width: 110%;margin-left: -5%;}
.department2_slide .item {overflow: hidden;transition: transform 1s;}

.department2_slide .item.swiper-slide[class$=-prev], .department2_slide .item.swiper-slide[class$=-active] + .item, .department2_slide .item.swiper-slide[class$=-active] + .item + .item + .item {transform: translateY(var(--space-64));}
.department2_slide .swiper-slide {opacity: 0.5; transform: scale(0.92);transition: opacity 0.4s ease, transform 0.4s ease;}
.department2_slide .swiper-slide-active {opacity: 1;transform: scale(1);}
.department2_slide .item .img_box {position: relative;width: 100%;padding-top: 39%;}
.department2_slide .item .img_box img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.department2_slide .item .txt_wrap {background-color: #fff;height:440px;}
.department2_slide .item .txt_wrap .info_box{position: relative;}
.department2_slide .item .txt_wrap .info_box h3{display:flex;align-items:center;}
.department2_slide .item .txt_wrap .info_box span.num{color:#AD765F;background-color:#F7DCD4;}
.department2_slide .item .txt_wrap .info_box .txt {}

.department2_slide .item .txt_wrap .cause_box {display: flex;background-color:#F7F7F6;}
.department2_slide .item .txt_wrap .cause_box > div{width:50%;}
.department2_slide .item .txt_wrap .cause_box .tit {display: flex;align-items: center;}
.department2_slide .item .txt_wrap .cause_box .tit span{color:#AD765F;}
.department2_slide .item .txt_wrap .cause_box .tit .ico {display: inline-block;}
.department2_slide .item .txt_wrap .cause_box .list li {position: relative;word-break: keep-all;padding-left: var(--space-12)}
.department2_slide .item .txt_wrap .cause_box .list li:before { content: '·';font-size:var(--font-16);margin: 0 var(--space-4);position: absolute;left: 0;top: 0;}



.department_con3{}
.department_con3 .department3_slide .swiper{overflow:visible;}
.department_con3 .department3_slide .swiper-slide{display:flex;gap:var(--space-48);}

.department_con3 .department3_slide .swiper-slide .txt_box h3{display:flex;align-items:center;}
.department_con3 .department3_slide .swiper-slide .txt_box h3 span{background-color:#A3273A;}

.department_con3 .department3_slide .swiper-slide .txt_box ul{display: flex;flex-wrap:wrap;}
.department_con3 .department3_slide .swiper-slide .txt_box ul li{background-color:#A3273A;}

.department_con3.therapy_con2 .therapy_con2_item{display:flex;gap:var(--space-48);flex-wrap:wrap;}
.department_con3.therapy_con2 .item{display: flex;gap:var(--space-48);}
.department_con3.therapy_con2 .item .txt_box h3{display:flex;align-items:center;}
.department_con3.therapy_con2 .item .txt_box h3 span{background-color:#A3273A;}
.department_con3.therapy_con2 .item .txt_box ul{display: flex;flex-wrap:wrap;}
.department_con3.therapy_con2 .item .txt_box ul li{background-color:#A3273A;}


.department_con4{background-color:#F8F8F8;}
.department_con4 .department4_item ul{display:flex;flex-wrap:wrap;cursor:pointer;-webkit-tap-highlight-color: transparent;}
.department_con4 .department4_item ul li{background-color:#fff;width:100%;border: 1px solid #E2E5E9;transition: border-color 0.4s;overflow: hidden;}
.department_con4 .department4_item ul li .q{display:flex;justify-content: space-between;}
.department_con4 .q .arrow_box {transition: transform 0.4s;}
.department_con4 .department4_item ul li .q h4{display:flex;align-items:center;}
.department_con4 .department4_item ul li .q h4 span{margin-right:2px;}
.department_con4 .department4_item ul li .a{display:none;color:#909090;}

/* active */
.department_con4 .department4_item ul li.item.active{}
.department_con4 .department4_item ul li.item.active .q .arrow_box {transform: rotate(-180deg);}
.department_con4 .department4_item ul li.active .a{border-top:1px solid #ECEEF1;}


/* ==========================================================================
    Responsive 1600px(Desktop)
========================================================================== */
@media (max-width: 1600px){

.department_con1 .department_con1_item .item_in1 ul li img{width:100%;}

.department_con2 .department_con2_item .img_box img{width:100%;}
.department2_slide .swiper-container{width:140%;margin-left:-20%;}



}/*1600px*/


/* ==========================================================================
    Responsive 1440px(Laptop)
========================================================================== */
@media (max-width: 1440px){

.department_con1 .department_con1_item .item_in2 ul li .gray_box{width:430px;}
.department2_slide .swiper-container{width:190%;margin-left:-45%;}
.department2_slide .swiper-slide {
        width: 460px;
    }

/* .department_con3 .department3_slide .swiper{overflow: hidden;} */
.department_con3 .department3_slide .swiper-slide .img_box{width:50%;}
.department_con3 .department3_slide .swiper-slide .img_box img{width:100%;}
.department_con3 .department3_slide .swiper-slide .txt_box{width:50%;}



}/*1440px*/


/* ==========================================================================
    Responsive 1024px(Tablet)
========================================================================== */
@media all and (max-width:1024px){

#sub_v{text-align:center;}
.sub_tit{text-align:center;}

.department_con1 .department_con1_item .item_in2 ul li{flex-direction:column;gap:var(--space-14);margin-bottom:var(--space-40);}
.department_con1 .department_con1_item .item_in2 ul li .gray_box{width:auto;padding:30px 60px;justify-content:center;}
.department_con1 .department_con1_item .item_in2 ul li p.right_p{padding-left:0;text-align:center;}

.department2_slide .item .txt_wrap{height:auto;}
.department2_slide .item .txt_wrap .cause_box{flex-direction:column;gap:var(--space-24)}
.department2_slide .item .txt_wrap .cause_box > div{width:100%;}
.department2_slide .item .txt_wrap .info_box .txt{word-break:keep-all;}


.department_con3 .department3_slide .swiper-slide{flex-direction: column;}
.department_con3 .department3_slide .swiper-slide .img_box{width:100%;}
.department_con3 .department3_slide .swiper-slide .txt_box{width:100%;}
.department_con3 .department3_slide .swiper-slide .txt_box p{word-break:keep-all;}

.department_con3.therapy_con2 .therapy_con2_item{justify-content: center;}
.department_con3.therapy_con2 .item{flex-direction: column;text-align:center;}
.department_con3.therapy_con2 .item img{width:100%;}
.department_con3.therapy_con2 .item .txt_box h3{justify-content: center;}
.department_con3.therapy_con2 .item .txt_box ul{justify-content: center;}




}/*1024px*/


/* ==========================================================================
    Responsive 640px(Mobile)
========================================================================== */
@media all and (max-width:640px){


#sub_v{height:125vw;}
#sub_v .tit {width:80%;}

.department_con1 .department_con1_item .item_in h3{justify-content: center;}
.department_con1 .department_con1_item .item_in h3:before{width:1vw;height:5vw;}
.department_con1 .department_con1_item .item_in1 ul{flex-wrap:wrap;justify-content: center;}
.department_con1 .department_con1_item .item_in1 ul li{width:46%;}
.department_con1 .department_con1_item .item_in2 ul li .gray_box{padding:4vw 8vw;border-radius:10vw;}
.department_con1 .department_con1_item .item_in2 ul li .gray_box img{width:4vw;}

.department2_slide .item .txt_wrap .info_box .txt{margin-left:0;}
.department2_slide .item .txt_wrap .cause_box .tit img{width:3vw;height:3vw;}
.department2_slide .item .txt_wrap .cause_box .tit span{font-size:3vw;}
/* .department2_slide .item .txt_wrap .cause_box .list li{font-size:2vw;} */

.department2_slide .swiper-slide .txt_wrap .cause_box .list li,
.department2_slide .swiper-slide-duplicate .txt_wrap .cause_box .list li {
    font-size: 11px !important; /* 혹은 모바일 미디어쿼리 안에서 적용 */
}
/* .department2_slide .swiper-slide,
.department2_slide .swiper-slide-duplicate {
    font-size: 12px !important;
} */

.department2_slide .item .txt_wrap .cause_box .list li:before{font-size:3vw;}


.department_con4 .department4_item ul li .q{align-items: center;}
.department_con4 .q .arrow_box{width:3vw;margin-left: 2vw;}
.department_con4 .q .arrow_box img{width:100%;}
.department_con4 .department4_item ul li .q h4{align-items:start;width:85%;}



}/*640px*/