@charset "utf-8";

/*간병비지원사업*/
.senior_care{margin-bottom:60px;padding-top: 30px;text-align:center;font-size:3.5rem;font-weight:200;color:#666;}
.senior_care ul{position:relative;display: inline-block;}
.senior_care ul:before,
.senior_care ul:after{content:'';position:absolute;width:47px;height:40px;background:url(/nanum/site/builder/dir/senior/img/menu7493/qu_gray.png)no-repeat;}
.senior_care ul:after{top:-20px;left:-60px;}
.senior_care ul:before{bottom:20px;right:-60px;transform:rotate(-180deg);}
.senior_care ul li{padding-left:150px;text-align: right;line-height:1.3;}
.senior_care ul li:first-child{padding:0;padding-right:150px;text-align: left;}
.senior_care strong{position:relative;}
.senior_care strong:before{z-index:-1;content:'';position:absolute;bottom:0;width:100%;height:15px;background:rgba(82,180,89,.15);}
.senior_care strong.green{color:#52b459;}

.promise{display:flex;flex-wrap:wrap;gap:20px;padding:30px;background:#f3f3f3;border-radius:20px;box-sizing:border-box;}
.promise p{position:relative;flex-grow:1;width:calc(33.3333% - 20px);padding:30px;padding-top:70px;background:#fff;border-radius:20px;box-sizing:border-box;}
.promise p span{position:absolute;left:30px;top:30px;color:#ccc;font-weight:700;font-size:2rem;}

.line_txt{display:flex;flex-wrap:wrap;gap:20px;}
.line_txt p{flex-grow:1;display: flex;align-items: center;justify-content: center;width:calc(25% - 20px);padding:15px;border-radius:10px;border:1px solid #ccc;text-align:center;line-height: 1.3;box-sizing:border-box;}

/*간병서비스*/
/*.careing_wrap{position:relative;height:430px;border-radius:20px;background:url(/nanum/site/builder/dir/senior/img/menu7493/carebg.jpg)no-repeat center center / cover;}
.careing_wrap .poas{position:absolute;bottom: 0;}
.careing_wrap .poas .tit{margin:0 0 15px 30px;font-size:2.8rem;font-weight:700;color:#fff;}
.careing_wrap .poas .infotxt{display:flex;gap:50px;}
.careing_wrap .poas .infotxt ul{position:relative;padding:10px 30px;padding-right:90px;background:#fff;border-radius: 0 20px 0 0;}
.careing_wrap .poas .infotxt ul:before,
.careing_wrap .poas .infotxt ul:after{content:'';position:absolute;width:29px;height:29px;background:url(/nanum/site/builder/dir/senior/img/menu7493/care_corner.png)no-repeat;}
.careing_wrap .poas .infotxt ul:after{top:-29px;left:0;}
.careing_wrap .poas .infotxt ul:before{bottom:0;right:-29px;}
.careing_wrap .poas .infotxt ul li{position:relative;padding:10px 0;font-size:2rem;font-weight:700;cursor:pointer;}
.careing_wrap .poas .infotxt ul li:before{content:'';position:absolute;bottom: 0;width:0;height:2px;background:#52b459;transition:.2s;}
.careing_wrap .poas .infotxt ul li.on{color:#52b459;}
.careing_wrap .poas .infotxt ul li.on:before{width:185px;}
.careing_wrap .caretxt{padding: 30px;padding-left:0;color:#fff;}*/

.careing_wrap{position:relative;height:430px;border-radius:20px;background:url(/nanum/site/builder/dir/senior/img/menu7493/carebg.jpg)no-repeat center center / cover;}
.careing_wrap .poas{position:absolute;bottom: 0;}
.careing_wrap .poas .tit{margin:0 0 15px 30px;font-size:2.8rem;font-weight:700;color:#fff;}
.careing_wrap .poas .infotxt{display:flex;gap:50px;}
.careing_wrap .poas .infotxt > ul{position:relative;border-radius: 0 20px 0 0;}
.careing_wrap .poas .infotxt > ul > li{position:relative;display:flex;}
.careing_wrap .poas .infotxt > ul > li > p{position:relative;padding:15px 30px;padding-right:90px;background:#fff;font-size:2rem;font-weight:700;cursor:pointer;}
.careing_wrap .poas .infotxt > ul > li > p:after{content:'';position:absolute;left: 30px;bottom: 0;width:0;height:2px;background:#52b459;transition:.2s;}
.careing_wrap .poas .infotxt > ul > li:first-child > p{border-radius: 0 20px 0 0;}
.careing_wrap .poas .infotxt > ul > li:first-child > p:before{content:'';position:absolute;top:-29px;left:0;width:29px;height:29px;background:url(/nanum/site/builder/dir/senior/img/menu7493/care_corner.png)no-repeat;}
.careing_wrap .poas .infotxt > ul > li:last-child > p:before{content:'';position:absolute;bottom:0;right:-29px;width:29px;height:29px;background:url(/nanum/site/builder/dir/senior/img/menu7493/care_corner.png)no-repeat;}
.careing_wrap .poas .infotxt > ul > li .caretxt{padding:0 50px;}
.careing_wrap .poas .infotxt > ul > li.on > p{color:#52b459;}
.careing_wrap .poas .infotxt > ul > li.on > p:after{width:185px;}
.careing_wrap .poas .infotxt > ul > li.on .caretxt{color:#fff;}

.caretwologo{display:flex;gap:50px;}
.caretwologo dl{flex-grow:1;width:50%;}
.caretwologo dl dd div{display:flex;align-items:center;justify-content:center;width:100%;height:110px;margin-bottom:15px;border:1px solid #ddd;border-radius:20px;box-sizing:border-box;}






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

/*간병비지원사업*/
.senior_care ul:before, 
.senior_care ul:after{width: 35px;height: 30px;background-size:cover;}
.senior_care ul:before{bottom: 15px;right: -50px;}
.senior_care ul:after{top: -15px;left: -50px;}
.senior_care ul li{padding-left:7vw;}
.senior_care ul li:first-child{padding-right:7vw;}

.promise{gap: 15px;border-radius:15px;}
.promise p{width: calc(50% - 15px);padding: 60px 20px 20px 20px;border-radius: 15px;}
.promise p span{top:25px;left:20px;font-size: 1.8rem;}

.line_txt{gap: 15px;}
.line_txt p{width: calc(50% - 15px);}

/*간병서비스*/
.careing_wrap{height: 330px;border-radius:15px;}
.careing_wrap .poas .infotxt > ul > li > p{padding: 10px 15px;padding-right: 60px;font-size: 1.8rem;}
.careing_wrap .poas .infotxt > ul > li:first-child > p{border-radius: 0 15px 0 0;}
.careing_wrap .poas .infotxt > ul > li:first-child > p:before,
.careing_wrap .poas .infotxt > ul > li:last-child > p:before{width: 20px;height: 20px;background-size:cover;}
.careing_wrap .poas .infotxt > ul > li:first-child > p:before{top:-20px;}
.careing_wrap .poas .infotxt > ul > li:last-child > p:before{right:-20px;}
.careing_wrap .poas .infotxt > ul > li > p:after{left:0;}
.careing_wrap .poas .infotxt > ul > li.on > p:after{width:160px;}
.careing_wrap .poas .infotxt > ul > li .caretxt{padding:0 35px;}

.caretwologo{flex-wrap:wrap;gap: 0;}
.caretwologo dl{width:100%;}
.caretwologo dl dd div{border-radius: 15px;}

}

/********************모바일********************/
@media all and (max-width:767px){
	
/*간병비지원사업*/
.senior_care{margin-bottom: 35px;padding-top: 20px;font-size: 2.8rem;}
.senior_care ul:before, 
.senior_care ul:after{width: 20px;height: 15px;}
.senior_care ul:before{right: -25px;}
.senior_care ul:after{left: -25px;}

.promise{padding:20px;}
.promise p{padding: 50px 20px 20px 20px;}
.promise p span{top:20px;}

/*간병서비스*/
.careing_wrap{height: auto;}
.careing_wrap .poas{position:static;}
.careing_wrap .poas .tit{margin: 0;padding: 15px;font-size: 2.3rem;}
.careing_wrap .poas .infotxt > ul{width:100%;}
.careing_wrap .poas .infotxt > ul > li{width:100%;}
.careing_wrap .poas .infotxt > ul > li:first-child > p:before,
.careing_wrap .poas .infotxt > ul > li:last-child > p:before{width: 15px;height: 15px;}
.careing_wrap .poas .infotxt > ul > li:first-child > p:before{top:-15px;}
.careing_wrap .poas .infotxt > ul > li:last-child > p:before{right:-15px;}
.careing_wrap .poas .infotxt > ul > li > p{padding: 10px 15px;}
.careing_wrap .poas .infotxt > ul > li.on > p:after{width:100%;}
.careing_wrap .poas .infotxt > ul > li .caretxt{position: absolute;top: 0;left: 100px;width: 75%;padding:0;font-size: 1.6rem;}

}

/********************모바일********************/
@media all and (max-width:400px){
	
/*간병비지원사업*/
.senior_care{font-size: 2.5rem;}
.senior_care ul:before, 
.senior_care ul:after{width: 15px;height: 13px;}
.senior_care ul:before{right: -20px;}
.senior_care ul:after{left: -20px;}
.senior_care ul li,
.senior_care ul li:first-child{text-align:center;padding:0;}

.caretwologo dl dd div{height:auto;padding:20px;}
.caretwologo dl dd div img{width:100%;}

/*간병서비스*/
.careing_wrap .poas .infotxt > ul > li > p {padding: 10px 5px;}
.careing_wrap .poas .infotxt > ul > li .caretxt{position: relative; left: auto; top:auto; width:100%; margin-left:10px;}
}

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


	
}