@charset "utf-8";

/*치매환자지원프로그램*/
.umc_senior .img_wrap{overflow:hidden;border-radius:30px;font-size:0;}
.umc_senior .img_wrap img{width:100%;height:100%;object-fit:cover;}
.umc_senior ol{margin-top:35px;}
.umc_senior ol > li{display:flex;align-items: flex-start;gap:35px;}
.umc_senior ol > li:first-child{align-items: center;}
.umc_senior ol > li:not(:first-child){margin-top:20px;}
.umc_senior ol > li.w100{flex-direction: column;flex-wrap:wrap;gap:10px;}
.umc_senior ol > li.w100 ul{display:flex;width: 100%;}
.umc_senior ol > li.w100 ul li{flex-grow:1;aspect-ratio: 1;display: flex;align-items: center;justify-content: center;width:25%;padding-top: 45px;border:1px solid #ddd;border-radius:50%;text-align:center;line-height: 1.4;background: no-repeat center top 60px;box-sizing: border-box;}
.umc_senior ol > li.w100 ul li:not(:first-child){margin-left: -30px;}
.umc_senior ol > li.w100 ul li.n1{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/umcs_icon1.jpg);}
.umc_senior ol > li.w100 ul li.n2{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/umcs_icon2.jpg);}
.umc_senior ol > li.w100 ul li.n3{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/umcs_icon3.jpg);}
.umc_senior ol > li.w100 ul li.n4{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/umcs_icon4.jpg);}
.umc_senior ol > li p{flex-shrink:0;min-width:110px;padding:5px 15px;border-radius:50px;background:#52b459;text-align:center;color:#fff;box-sizing:border-box;}
.umc_senior ol > li .dashline{margin:0;}

/*퇴원치매환자 일상생활복귀지원*/
.dementia_wrap{position:relative;margin-bottom: 100px;padding-top:320px;text-align:center;background:no-repeat center top;}
.dementia_wrap:before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom: -65px;width:1px;height: 35px;background: #666;}
.dementia_wrap.n1{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/removeimg01.jpg);}
.dementia_wrap.n2{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/removeimg02.jpg);}
.dementia_wrap.n3{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/removeimg03.jpg);}
.dementia_wrap .tit{font-size:2.2rem;}
.dementia_wrap .txt{display:inline-block;margin-top: 15px;padding:10px 20px;border-radius:50px;background:#f5f2ef;}

/* 비약물치료프로그램 */
.placeinfo{margin-top:40px;border-radius:20px;}
.placeinfo .swiper-slide{font-size:0;}
.placeinfo .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.placeinfo .control{z-index: 1;position: absolute;right: 30px;bottom: 30px;display: flex;justify-content: space-between;align-items: center;width: 200px;height: 45px;padding: 0 20px;background:rgba(0,0,0,.5);border-radius: 50px;box-sizing:border-box;}
.placeinfo .control .control_btn{width: 100%;display: flex;align-items: center;justify-content: space-between;}
.placeinfo .control p{font-size:18px;color:#fff;font-weight:600;letter-spacing: -1px;}
.placeinfo .control .swiper-pagination{flex-shrink: 0;position:relative;bottom:auto;width: auto;z-index:1;font-size:1.6rem;text-align: left;color:#fff;font-weight:400;}
.placeinfo .control .swiper-pagination span{font-weight:600;opacity:0.6;padding:0 5px;}
.placeinfo .control .swiper-pagination span.swiper-pagination-current{font-weight:700;opacity:1;}

.placeinfo .control .popbtn{display: flex;align-items: center;justify-content: space-between;width: 100px;height: 30px;}
.placeinfo .control .popbtn .pbtn{position: static;width: 30px;height: 30px;margin: 0;cursor:pointer;background:url(/nanum/site/builder/dir/senior/img/menu7494/placearrow.png) no-repeat center;}
.placeinfo .control .popbtn .pbtn:after{display:none;}
.placeinfo .control .popbtn .pbtn.swiper-button-prev{transform:rotate(-180deg);}
.placeinfo .control .popbtn p{position: relative;display: inline-block;width:30px;height:30px;font-size: 0;text-indent: -9999px;z-index: 13;cursor: pointer;vertical-align: middle;top: 1px;}
.placeinfo .control .popbtn p.swiper_play1{display:none;}
.placeinfo .control .popbtn p a{display:block;width:30px;height:30px;}
.placeinfo .control .popbtn .swiper_play1 a{background: url(/nanum/site/builder/dir/senior/img/menu7494/play.png) no-repeat center;}
.placeinfo .control .popbtn .swiper_stop1 a{background: url(/nanum/site/builder/dir/senior/img/menu7494/stop.png) no-repeat center;}

/*치매특화사업운영*/
.business_box{display:flex;gap:30px;}
.business_box p{position:relative;flex-grow:1;width:calc(25% - 30px);padding-top:170px;text-align: center;}
.business_box p:after,
.business_box p:before{content:'';position:absolute;top: 0;left:50%;transform:translateX(-50%);}
.business_box p:after{top:35px;width:70px;height:70px;background:no-repeat center top;}
.business_box p:before{width:150px;aspect-ratio: 1;border:1px dashed #bdbdbd;border-radius:50%;box-sizing:border-box;}
.business_box p.n1:after{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/r_business1.png);}
.business_box p.n2:after{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/r_business2.png);}
.business_box p.n3:after{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/r_business3.png);}
.business_box p.n4:after{background-image:url(/nanum/site/builder/dir/senior/img/menu7494/r_business4.png);}
.business_box p span{position:relative;display: block;padding-top:20px;text-align:center;}
.business_box p span:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#bdbdbd;}




/********************태블릿********************/
@media all and (max-width:1024px){

/* 산후조리원시설안내 */
.placeinfo .swiper-slide{height:auto;}
.placeinfo .control{bottom:20px;left:50%;transform:translateX(-50%);width: 190px;height: 40px;padding:0 10px;}

/*치매환자지원프로그램*/
.umc_senior .img_wrap{border-radius:15px;}
.umc_senior ol > li{gap:20px;}
.umc_senior ol > li p{min-width: 90px;}
.umc_senior ol > li.w100 ul li:not(:first-child){margin-left:-15px;}
.umc_senior ol > li.w100 ul li{padding-top: 35px;background-size:50px auto;background-position:center top 28%;}

/*퇴원치매환자 일상생활복귀지원*/
.dementia_wrap{padding-top: 205px;margin-bottom: 35px;background-size: 280px auto;}
.dementia_wrap:before{bottom: -26px;height: 15px;}
.dementia_wrap.n3{padding-top: 160px;}
.dementia_wrap .txt{margin-top:10px;}

.placeinfo{margin-top:10px;}

/*치매특화사업운영*/
.business_box{gap: 15px;}
.business_box p{padding-top:145px;}
.business_box p:before{width:130px;}
.business_box p:after{width:55px;height:55px;background-size:cover;}
.business_box p span{padding:0;}
.business_box p span:before{display:none;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
/* 산후조리원시설안내 */
.placeinfo .control{bottom: 0;width: 100%;height: 40px;border-radius:0;}
.placeinfo .control .control_btn{gap: 20px;justify-content: center;}
.placeinfo .control .popbtn{width:85px;}
.placeinfo .control .popbtn p,
.placeinfo .control .popbtn p a,
.placeinfo .control .popbtn .pbtns{width:25px;height:25px;}

/*치매환자지원프로그램*/
.umc_senior .img_wrap{border-radius:15px;}
.umc_senior ol{margin-top:20px;}
.umc_senior ol > li{flex-direction: column;gap: 10px;}
.umc_senior ol > li:first-child{align-items: flex-start;}
.umc_senior ol > li:not(:first-child){margin-top: 10px;}
.umc_senior ol > li.w100 ul{flex-wrap:wrap;gap:10px;}
.umc_senior ol > li.w100 ul li{width: calc(50% - 10px);aspect-ratio: unset;padding: 70px 15px 15px 15px;background-size:50px auto;background-position:center top 28%;border-radius:15px;}
.umc_senior ol > li.w100 ul li:not(:first-child){margin-left:0;}
.umc_senior ol > li p{min-width: auto;}

/*치매특화사업운영*/
.business_box{flex-wrap:wrap;}
.business_box p{width: calc(50% - 15px);padding-top: 105px;}
.business_box p:before{width:95px;}
.business_box p:after{top:25px;width:45px;height:45px;}


}


/********************웹********************/
@media all and (min-width:1025px) {


	
}