@charset "utf-8"; 


/****** 원목활동, 의료사회사업, 자원봉사 공통 리스트 회색박스******/
.vol_row{display:inline-block;margin-top:-8px;letter-spacing:-0.05em;}
.vol_row .box{float:left;width:349px;height:390px;padding:0 35px 10px 35px;border:1px solid #dfdfdf;margin:-1px 0 0 -1px;background:#fff;}
.vol_row.row2 .box{height:240px;}
.vol_row.row3 .box{height:285px;}
.vol_row .box.icon1{background:#fff url(/img/03share/share04_icon1.gif) no-repeat right bottom;}
.vol_row .box .tit{margin-top:35px;font-size:22px;font-family:'NotoKrB', sans-serif;color:#010101;}
ul.arr_list{margin-bottom:15px;}
ul.arr_list li{margin-bottom:3px;padding-left:15px;font-size:14px;color:#666;line-height:18px;background:url(/img/common/icon_arr_list.gif) no-repeat 0 8px;}

.vol_box2,
.vol_box3,
.vol_box4{height:134px;padding:0 35px;margin-top:-8px;border:1px solid #dfdfdf;background:#fff url(/img/03share/share04_icon2.gif) no-repeat right top;}
.vol_box3{height:350px;padding-bottom:15px;background:none;}
.vol_box4{margin-top:-1px;height:196px;background:#fff url(/img/03share/share01_icon.gif) no-repeat right bottom;}
.vol_box2 .tit,
.vol_box3 .tit,
.vol_box4 .tit{margin-top:35px;font-size:22px;font-family:'NotoKrB', sans-serif;color:#010101;}
.vol_box4 ul{float:left;width:375px;}


/****** 원목실 소개  ******/
/* 원목실 소개 - 교역자 소개 */
.share0102{font-family:'NotoKrM', sans-serif;}
.share0102 .eng{font-weight:600;}
.share0102_t{display:inline-block;width:100%;padding-bottom:40px;letter-spacing:-0.05em;border-bottom:1px solid #dfdfdf;}
.share0102_t .pic{float:left;}
.share0102_t .info{float:right;width:625px;color:#222;}
.share0102_t .info .stxt{margin:10px 0 15px 0;font-size:20px;}
.share0102_t .info .name{display:inline-block;width:100%;}
.share0102_t .info .name .btxt{float:left;font-size:30px;}
.share0102_t .info .name .eng{float:left;width:113px;margin:-3px 0 0 20px;padding-bottom:2px;border-bottom:2px solid #0e4ab7;font-size:16px;font-weight:600;color:#0e4ab7;}
.share0102_t .info .history{display:inline-block;width:100%;margin:25px 0 0 0;}
.share0102_t .info ul{float:left;width:340px;font-size:14px;color:#888;}
.share0102_t .info ul.his2{width:280px;}
.share0102 .box{display:inline-block;width:100%;padding:40px 0;border-bottom:1px solid #dfdfdf;}
.share0102 .box .tit{float:left;width:160px;font-size:25px;color:#0e4ab7;}
.share0102 .box .cont{float:right;width:680px;}
.share0102 .box .cont .sh_list li{margin-bottom:3px;padding-left:15px;font-size:15px;font-family:'NotoKrM', sans-serif;color:#222;background:url(/img/common/dot_list.gif) no-repeat 0 9px;}

.share0102 .box .cont dl dt{padding-left:15px;font-size:17px;font-family:'Lato', sans-serif;font-weight:600;color:#222;letter-spacing:0;background:url(/img/common/dot_list.gif) no-repeat 0 9px;}
.share0102 .box .cont dl dd{padding-left:15px;font-size:14px;color:#666;}
.share0102 .box .cont .row1{display:inline-block;margin-bottom:10px;}
.share0102 .box .cont .row1 dl{float:left;width:340px;}

/* 210419추가 */
.fam_worship{overflow:hidden;}
.fam_worship .pic{position:relative;overflow:hidden;float:left;width:300px;font-size:0;line-height:0;}
.fam_worship .pic img{left:50%;height:380px;margin-left:-150px;}
.fam_worship table{float:right;width:520px;}

/* 원목실 소개 - 원목실 활동 */
.share0102_box{display:inline-block;margin-bottom:50px;width:100%;height:298px;border:1px solid #dfdfdf;-webkit-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);moz-box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.1);}
.share0102_box .img_wrap{float:right;}
.share0102_box .white_box{width:320px;height:298px;padding:0 40px;background:url(/img/03share/share0102_icon.gif) no-repeat top right;}
.share0102_box.bg3 .white_box{width:240px;background-position:200px 0;}
.share0102_box .white_box .btxt{padding-top:95px;font-size:30px;font-family:'NotoKrL', sans-serif;color:#222;line-height:38px;letter-spacing:-0.05em;}
.share0102_box .white_box .btxt span.blue{font-family:'NotoKrB', sans-serif;color:#1c55be;}
.share0102_box .white_box .btxt strong{font-family:'NotoKrB', sans-serif;}
.share0102_box .white_box .stxt{margin-top:20px;font-size:14px;color:#666;line-height:24px;letter-spacing:-0.05em;}

.share0102_box.box1 .white_box{width:239px;background-position:200px 0;}

/****** 사랑나눔 ******/
.medical_social .line_align {display:inline-block; vertical-align:top; padding-left:10px; width:80%;}
.medical_social ul li .tit {width:48px; display:inline-block;}

/* 의료사회사업 */
.medical_social .top_section{padding-top:450px;background-repeat:no-repeat;background-position:50% 0;background-size:auto 400px;text-align:center;}
.medical_social .top_section .box{background-color:#f9f9f9;padding:40px;box-sizing:border-box;}
.medical_social .top_section .box .btxt{margin-bottom:20px;font-family:'NotoKrM';font-size:28px;line-height:1.3;letter-spacing:-0.05em;color:#000;}
.medical_social .top_section .box .stxt{font-size:16px;line-height:1.5;color:#000;}
.medical_social .top_section .box .item_list{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;}
.medical_social .top_section .box .item_list dl{flex:1;padding:20px;background-color:#fff;box-sizing:border-box;}
.medical_social .top_section .box .item_list dl dt{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #e5e5e5;font-family:'NotoKrM';font-size:17px;color:#000;}
.medical_social .top_section .box .item_list dl dd{font-size:14px;line-height:1.4;}
.medical_social .top_section.social1{background-image:url(/img/03share/bg_social_work1.png);}
.medical_social .top_section.social2{background-image:url(/img/03share/bg_social_work2.jpg);}
.medical_social .work_list{display:flex;flex-wrap:wrap;gap:20px;}
.medical_social .work_list .box{flex:1;min-width:calc(33.3333% - 20px);max-width:calc(50% - 10px);padding:20px;border:1px solid #e5e5e5;box-sizing:border-box;}

/****** 자원봉사 ******/
.vol_wrap{margin-top:50px;}
.vol_row.row1 .box{padding:0 35px 35px 35px;}
.vol_row .dot_list > li > span{display:block;margin-bottom:4px;font-family:'NotoKrB', sans-serif;color:#222;}

/****** 호스피스 ******/
.hospice_facility{display:inline-block;width:100%;margin-left:-20px;}
.hospice_facility li{float:left;margin:20px 0 0 20px;width:260px;height:220px;}
.hospice_facility li img{display:block;}
.hospice_facility li .txt{height:50px;line-height:50px;font-size:16px;color:#222;text-align:center;border:1px solid #dfdfdf;}










/******************************1023******************************/
@media all and (max-width:1023px){
/****** 원목실 소개  ******/
/* 원목실 소개 - 교역자 소개 */
.share0102_t .info{float:left;width:640px;margin-left:50px;}
.share0102_t .info .name .btxt{font-size:28px;}
.share0102 .box .cont{float:left;}


/* 원목실 소개 - 원목실 활동 */
.share0102_box .img_wrap{float:right;}
.share0102_box .white_box{float:left;background:none;}
.share0102_box .white_box .btxt{padding-top:60px;}

/* 210419추가 */
.fam_worship .pic{display:none;}
.fam_worship table{float:none;width:100%;}

/****** 자원봉사 ******/
.vol_row{width:100%;}
.vol_row .box{width:50%;box-sizing:border-box;}
.vol_box2{margin:-8px 2px 0 -1px;}
.vol_box .dot_list{width:auto;}

/****** 호스피스 ******/
.hospice_facility{margin-left:0;}
.hospice_facility li{margin:0 0 10px 10px;width:32%;height:auto;}
.hospice_facility li img{width:100%;}
.hospice_facility li .txt{width:auto;}

}



/******************************900******************************/
@media all and (max-width:900px){
/****** 원목활동, 의료사회사업, 자원봉사 공통 리스트 회색박스******/
.vol_box4 ul{width:310px;}
.vol_row .box.icon1{background-size:190px;}
.vol_row.row3 .box{height:310px;}

/****** 원목실 소개  ******/
/* 원목실 소개 - 교역자 소개 */
.share0102_t{padding-bottom:30px;}
.share0102_t .info{width:510px;}
.share0102_t .info ul{float:none;}
.share0102_t .info .stxt{margin:10px 0;font-size:18px;}
.share0102_t .info .name .btxt{font-size:25px;}
.share0102_t .info .history{margin:10px 0 0 0;}
.share0102_t .info .name .eng{font-size:14px;}
.share0102_t .info ul.his2{width:280px;}
.share0102 .box{padding:30px 0;}
.share0102 .box .tit{width:120px;font-size:22px;}
.share0102 .box .cont{float:left;width:590px;}



/* 원목실 소개 - 원목실 활동 */
.share0102_box .white_box{width:200px;height:auto;padding:35px;}
.share0102_box.box1 .white_box{width:130px;}
.share0102_box .white_box .btxt{padding:0;font-size:23px;line-height:30px;}
.share0102_box .white_box .btxt br,
.share0102_box .white_box .stxt br{display:none;}

/****** 호스피스 ******/
.hospice_facility li{width:48%;}






}




/******************************768******************************/
@media all and (max-width:768px){
/****** 원목활동, 의료사회사업, 자원봉사 공통 리스트 회색박스******/
.vol_box,
.vol_row.row1 .box,
.vol_row.row2 .box,
.vol_row.row3 .box,
.vol_box2{height:auto;padding:25px;}
.vol_box .tit,
.vol_box2 .tit,
.vol_row .box .tit{margin:0 0 10px 0;font-size:20px;}
.vol_box .dot_list,
.vol_row .box .dot_list{margin:10px 0 25px 0;}
.vol_box4 ul{float:none;}
.vol_box4{padding-bottom:20px !important;}
.vol_box2 .dot_list,
.vol_box4 .dot_list,
.vol_row .box .dot_list{margin:0;}
/****** 자원봉사 ******/
.vol_row .box{width:100%;height:auto;}
.vol_box2{margin:-9px 1px 0 -1px;background:#fff;}
.vol_row .box.icon1{background-size:120px;}



/****** 원목실 소개  ******/
/* 원목실 소개 - 교역자 소개 */
.share0102_t .pic{float:none;text-align:center;}
.share0102_t .info{float:none;width:auto !important;margin-left:0;}
.share0102_t .info .stxt{text-align:center;}
.share0102_t .info .name{width:100%;text-align:center;}
.share0102_t .info .name .btxt{float:none;}
.share0102_t .info .name .eng{float:none;margin:5px auto 0;}
.share0102_t .info ul{width:auto;margin:0 auto;text-align:center;}
.share0102 .box .tit{float:none;font-size:20px;}
.share0102 .box .cont{float:none;width:100%;margin-top:10px;}
.share0102 .box .cont .row1{margin-bottom:0;}
.share0102 .box .cont .row1 dl{width:auto;float:none;}
.share0102 .box .cont dl{margin-top:15px;}


/* 원목실 소개 - 원목실 활동 */
.share0102_box{height:auto;}
.share0102_box .img_wrap{float:none;width:100%;line-height:0;}
.share0102_box .img_wrap img{width:100%;}
.share0102_box .white_box{float:none;padding:40px;width:auto !important;height:auto;border:1px solid #dfdfdf;text-align:center;}
.share0102_box .white_box .btxt{padding-top:0;font-size:21px;line-height:28px;}
.share0102_box .white_box .stxt{margin-top:10px;}







}



/******************************640******************************/
@media all and (max-width:640px){
/****** 원목활동, 의료사회사업, 자원봉사 공통 리스트 회색박스******/
.vol_box4,
.vol_row .box.icon1{background:none;}



/****** 원목실 소개  ******/
/* 원목실 소개 - 교역자 소개 */
.share0102_t .info .stxt{margin:5px 0;font-size:17px;}
.share0102_t .info .name .btxt{font-size:22px;}
.share0102 .box .tit{font-size:19px;}

/****** 의료사회사업  ******/
.medical_social .mimg img{width:520px;}

.medical_social .top_section{padding-top:260px;background-size:auto 240px;}
.medical_social .top_section .box{padding:30px;}
.medical_social .top_section .box .btxt{font-size:20px;}
.medical_social .top_section .box .stxt{font-size:14px;}
.medical_social .top_section .box .item_list{gap:10px;}
.medical_social .top_section .box .item_list dl{flex:auto;width:100%;}
.medical_social .work_list{gap:10px;}
.medical_social .work_list .box{width:100%;min-width:100%;max-width:100%;}

/* 원목실 소개 - 원목실 활동 */
.share0102_box .white_box{padding:30px;}

/****** 호스피스 ******/
.hospice_wrap .mimg img{width:600px;}
.hospice_facility li{width:100%;margin:0 0 10px;}




}



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

/****** 원목실 소개  ******/
/* 원목실 소개 - 교역자 소개 */
.share0102_t .info .stxt{margin:5px 0;font-size:16px;}
.share0102_t .info .name .btxt{font-size:20px;}
.share0102 .box .tit{font-size:17px;}
.share0102 .box .cont .sh_list li{font-size:14px;}
.share0102 .box .cont dl{margin-top:5px;}
.share0102 .box .cont dl dt{margin-top:5px;font-size:15px;}

/****** 원목활동, 의료사회사업, 자원봉사 공통 리스트 회색박스******/
.vol_box .tit,
.vol_row .box .tit{font-size:18px;}
.vol_row .box,
.vol_box2{padding:15px !important;}

/* 원목실 소개 - 원목실 활동 */
.share0102_box .white_box{padding:20px;}



}



/******************************320******************************/
@media all and (max-width:320px){
/* 원목실 소개 - 원목실 활동 */
.share0102_box,
.share0102_box.bg3{background-size:auto 100% !important;}

}



/***************web***************/
@media all and (min-width:1281px){

}