@charset "utf-8";

/* 사랑의실천-원목 */
.gray_box.line_r > div{position:relative;}
.gray_box.line_r dl{padding-top:30px;}
.gray_box.line_r dl dt{padding:50px 0 20px;margin-bottom:0;background:no-repeat left top;}
.gray_box.line_r dl dt.kakao{background-image:url(/nanum/site/builder/dir/main/img/menu5463/qr_kakao.png);}
.gray_box.line_r dl dt.naver{background-image:url(/nanum/site/builder/dir/main/img/menu5463/qr_naver.png);}
.gray_box.line_r dl dd{min-height:85px;}
.gray_box.line_r img{position:absolute;top:20px;right:0;}
.gray_box.line_r .btn_w{padding-top:35px;display:inline-block;}

/* 사랑의실천-사회사업 */
.ltxt_txtw{display:flex;gap:2%;flex-wrap:wrap;}
.ltxt_txtw > li{width:49%;margin-bottom:2%;padding:35px;border:1px solid #e0e0e0;border-radius:15px;box-sizing:border-box;}
.ltxt_txtw.w100{display:block;}
.ltxt_txtw.w100 > li{width:100%;}

.ltxt_rimgw > li{display:flex;gap:35px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #f2f2f2;}
.ltxt_rimgw li img{width:600px;border-radius:20px;object-fit:cover;pointer-events:none;}
.ltxt_rimgw li .txtw{margin-top:30px;}
.ltxt_rimgw li p,
.ltxt_txtw li p{margin-bottom:30px;font-weight:400;font-size:1.6rem;line-height:1.5;color:#555;}

.org_wrap.ltxt_org{margin-top:50px;}
.org_wrap.ltxt_org::before{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background: #f2f2f2;z-index: -1;}
.org_wrap.ltxt_org div.org01 dl{padding:0;display:flex;flex-direction:column;justify-content: center;width:250px;height:250px;line-height:1.4}
.org_wrap.ltxt_org div.org01 dl dt{margin-bottom: 20px;}
.org_wrap.ltxt_org div.org01 dl dd{display:block;height: auto}
.org_wrap.ltxt_org div.org01 dl dd p{display:block;font-size: 2.2rem;}
.org_wrap.ltxt_org .ltxt_bw{position:relative;display:flex;gap:2%;}
.org_wrap.ltxt_org .ltxt_bw:before{content: '';position: absolute;top:-40px;left:0;width:100%;height:1px;background: #f2f2f2;z-index: -1;}
.org_wrap.ltxt_org .ltxt_bw li{position:relative;display:table;flex-grow:1;width:0;}
.org_wrap.ltxt_org .ltxt_bw li:before{content: '';position: absolute;top:-40px;left: 50%;width: 1px;height:40px;background: #f2f2f2;z-index: -1;}
.org_wrap.ltxt_org .ltxt_bw li:first-child:after,
.org_wrap.ltxt_org .ltxt_bw li:last-child:after{position:absolute;top:-100%;content:'';width:49%;height:100%;background:#fff;}
.org_wrap.ltxt_org .ltxt_bw li:first-child:after{left:0;}
.org_wrap.ltxt_org .ltxt_bw li:last-child:after{right:0;}
.org_wrap.ltxt_org .ltxt_bw li p{display: table-cell;width: 100%;vertical-align: middle;padding: 10px 4px;font-size: 1.6rem;line-height: 1.4;color: #333;background: #fff;border: 2px solid #d4d4d4;border-radius: 15px;box-sizing: border-box;z-index: 1;}

.round_box{display:flex;gap:2%;margin-top:30px;text-align:center;}
.round_box li{display:flex;justify-content: center;align-items: center;flex-grow:1;width:0;font-size: 1.6rem;line-height: 1.5;border: 1px solid #e0e0e0;border-radius:15px;box-sizing:border-box;overflow:hidden;}
.round_box li.link{border-color:#997865;}
.round_box li p{padding: 20px;width:100%;}
.round_box li a{display:flex;justify-content: center;align-items: center;width: 100%; height: 100%;font-weight:700;color:#fff;background:#997865;transition:all 0.3s;}


/* 사랑의실천-호스피스-소개 */
.hos_credo{padding-top:60px;border-top:2px solid #000;}
.hos_credo .tit{padding:85px 0;font-size:3rem;font-weight:700;line-height:1.5;color:#000;background:url(/nanum/site/builder/dir/main/img/menu5463/hos_ticon.gif) no-repeat center top;text-align:center;}
.hos_credo .tit span{color:#987865;}
.hos_credo ul{display:flex;flex-wrap:wrap;width:100%;gap:2%;}
.hos_credo ul li{display:table;padding-bottom:15px;margin-bottom:15px;width:49%;min-height:80px;font-size:1.6rem;line-height:1.5;color:#444;border-bottom:1px solid #f2f2f2;box-sizing:border-box;}
.hos_credo ul li p{padding:0 15px 0 80px;display:table-cell;vertical-align:middle;background:no-repeat left top;box-sizing:border-box;}
.hos_credo ul li.icon1 p{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_ticon1.gif);}
.hos_credo ul li.icon2 p{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_ticon2.gif);}
.hos_credo ul li.icon3 p{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_ticon3.gif);}
.hos_credo ul li.icon4 p{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_ticon4.gif);}
.hos_credo ul li.icon5 p{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_ticon5.gif);}

/* 사랑의실천-호스피스-서비스 */
/*.txt_linew{display:flex;flex-wrap:wrap;border-top:2px solid #000;border-bottom:1px solid #f2f2f2;}
.txt_linew dl{display:flex;flex-wrap:wrap;align-items:center;gap:3%;margin-bottom:-1px;padding:25px 30px;width:50%;font-size:1.6rem;line-height:1.5;border-bottom:1px solid #f2f2f2;box-sizing:border-box;}
.txt_linew dl dt{width:22%;font-weight:700;color:#000;}
.txt_linew dl dd{width:75%;font-weight:400;color:#555;}*/

.circle_twr dl.icon4 dt span{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_icon1.png);}
.circle_twr dl.icon5 dt span{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_icon2.png);}
.circle_twr dl.icon6 dt span{background-image:url(/nanum/site/builder/dir/main/img/menu5463/hos_icon3.png);}

.treat_wrap dl.icon11{background-image:url(/nanum/site/builder/dir/main/img/menu5463/treat_icon11.gif);}
.treat_wrap dl.icon12{background-image:url(/nanum/site/builder/dir/main/img/menu5463/treat_icon12.gif);}
.treat_wrap dl.icon13{background-image:url(/nanum/site/builder/dir/main/img/menu5463/treat_icon13.gif);}


/* 사랑의실천-기부후원 */
.labor_notiw dl.icon3 dt{background-image:url(/nanum/site/builder/dir/main/img/menu5463/donate_icon1.gif);}
.labor_notiw dl.icon4 dt{background-image:url(/nanum/site/builder/dir/main/img/menu5463/donate_icon2.gif);}

/* 사랑의실천-자원봉사 */
.titbg_volun{position:relative;overflow:hidden;}
.titbg_volun > img{position:absolute;top:0;right:-20px;width:auto;height:calc(100% - 90px);}
.titbg_volun .pc_no{display:none;}

.titbg_w.volunteer_t{padding:0;margin-bottom:30px;}
.titbg_w.volunteer_t .txtw{padding:0 0 30px;max-width:none;}
.titbg_w.volunteer_t .txtw .tit{background-image:url(/nanum/site/builder/dir/main/img/menu5463/ticon_volunteer.gif);}
.titbg_w.volunteer_t .gbox{top:0;right:0;}

.volun_timg{padding:0 50px;box-sizing:border-box;}

.volunteer_img{display:flex;flex-wrap:wrap;gap:50px 20px;}
.volunteer_img > li{width:calc(50% - 10px);}
.volunteer_img .tit{font-size:2.2rem;font-weight: 700;margin: 7px 0 10px;}
.volunteer_img img{max-width:100%;flex-shrink:0;}


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

.ltxt_rimgw li img{width:500px;}

.donation_w dl dd{height:85px;}
.donation_w dl dd.btn_w{height:auto;}
.donation_w dl dd.btn_w a{width:100%;}

}

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

.gray_box.line_r dl dd{line-height:1.5;}
.gray_box.line_r .btn_w a{min-width:auto;}


.ltxt_rimgw li img{width:50%;}
.ltxt_rimgw li .txtw{width:48%;}
.ltxt_rimgw li .txtw h3,
.ltxt_txtw li .txtw h3{margin-bottom: 20px;font-size: 2.6rem;line-height: 1.4;font-weight: 700;color: #000;}

.org_wrap.ltxt_org div.org01 dl{width: 230px;height: 230px;}


.hos_credo .tit{padding: 60px 0 50px;font-size:2.5rem;}

.donation_w dl dt{font-size:2.4rem;}

}

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

.gray_box.line_r dl{padding-top:20px;}
.gray_box.line_r dl dt{padding: 35px 0 10px;font-size:1.8rem;}
.gray_box.line_r dl dd{min-height:auto;}
.gray_box.line_r img{width:88px;}
.gray_box.line_r > div:first-child img{top:0;}
.gray_box.line_r .btn_w{padding:30px 0 0;}

/*.txt_linew{display:block;}
.txt_linew dl{padding:15px 10px;width:100%;font-size:1.5rem;line-height: 1.4;}
.txt_linew dl dt{width:32%}
.txt_linew dl dd{width:65%;}*/

.ltxt_txtw{display:block;}
.ltxt_txtw > li{margin-bottom: 10px;padding: 20px;width:auto;}

.ltxt_rimgw > li{display:block;margin-bottom:25px;padding-bottom:20px;}
.ltxt_rimgw > li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.ltxt_rimgw li img{width:100%;max-height:250px;}
.ltxt_rimgw li p{margin-bottom:15px;font-size:1.5rem;}
.ltxt_rimgw li .txtw{margin-top: 15px;width:auto;}
.ltxt_rimgw li .txtw h3,
.ltxt_txtw li .txtw h3{margin-bottom: 10px;font-size: 2.2rem;}

.org_wrap.ltxt_org{margin-top:25px;}
.org_wrap.ltxt_org::before{height:210px;}
.org_wrap.ltxt_org > div{margin-bottom:20px;}
.org_wrap.ltxt_org div.org01 dl{width:190px;height:190px;}
.org_wrap.ltxt_org div.org01 dl dd p{font-size:2rem;}
.org_wrap.ltxt_org .ltxt_bw{flex-wrap:wrap;}
.org_wrap.ltxt_org .ltxt_bw:before{top:0;}
.org_wrap.ltxt_org .ltxt_bw li{flex-grow:0;margin-top:5px;width:48%;}
.org_wrap.ltxt_org .ltxt_bw li:first-child,
.org_wrap.ltxt_org .ltxt_bw li:nth-child(2){margin-top:20px;}
.org_wrap.ltxt_org .ltxt_bw li:first-child:after, 
.org_wrap.ltxt_org .ltxt_bw li:last-child:after,
.org_wrap.ltxt_org .ltxt_bw li:before{display:none;}
.org_wrap.ltxt_org .ltxt_bw li p{padding: 8px 4px;font-size:1.5rem}

.round_box{margin-top:20px}
.round_box li{font-size: 1.5rem;}
.round_box li p{padding:10px;}

.hos_credo{padding-top:30px;}
.hos_credo .tit{padding:45px 0 40px;font-size:1.8rem;background-size:auto 30px;}
.hos_credo .tit br{display:none;}
.hos_credo ul li{min-height:60px;font-size:1.5rem;}
.hos_credo ul li p{padding-bottom: 10px;margin-bottom: 10px;padding: 0 10px 0 60px;background-size:45px;}

.titbg_volun > img{position:static;max-width:100%;}
.titbg_volun img.mobile_no{display:none;}
.titbg_volun img.pc_no{display:block;}
.titbg_volun .titbg_w.bg9{background:#dfdfdf;}

.titbg_w.volunteer_t .txtw{padding-bottom:0;} 

.volun_timg{padding:0;}

.volunteer_img{gap:25px 10px}
.volunteer_img > li{width: calc(50% - 5px);}
.volunteer_img .tit{font-size:1.9rem;margin: 5px 0 8px;}

}

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

.hos_credo .tit{padding:40px 0 25px;}
.hos_credo ul{display:block;}
.hos_credo ul li{padding-bottom:10px;margin-bottom:10px;width:100%;min-height:55px;}
.hos_credo ul li p{padding: 0 0 0 55px;background-size:40px;}

.round_box{display:block;padding-top:5px;margin-top:15px;border-top:1px dashed #ddd}
.round_box li{margin-top:10px;width:auto;border-radius:8px;}
.round_box li a{padding:10px;}

}


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

.round_box li a:hover{color:#997865;background:#fff;}


}