@charset "utf-8";

/**********************************************************************************
	한센정보
**********************************************************************************/

/* 한센사업 */
.hs_projectSub {margin-top:8px; }
.hs_projectSub > ul { width:100%;}
.hs_projectSub > ul > li { width:100%;  border-bottom:1px solid #ddd}
.hs_projectSub > ul > li > div { margin-top:10px; padding:15px 0}
.hs_projectSub .subname { position:relative; font-size:14px; font-weight:600; color:#333; text-align:center;}
.hs_projectSub .subinfo {  font-size:14px; color:#666; text-align:left;}
.hs_projectSub .subname::after { content:""; position:absolute;  display:block; width:131px; height:128px;  left:50%; top:36px; margin-left:-65px; background-image:url(../image/content/hs/ico_projectimg.png); background-repeat:no-repeat; }
.hs_projectSub .typ1 .subname::after  {background-position:0 0;}
.hs_projectSub .typ2 .subname::after  {background-position:-131px 0;}
.hs_projectSub .typ3 .subname::after  {background-position:-262px 0;}
.hs_projectSub .typ4 .subname::after  {background-position:-393px 0;}
.hs_projectSub .typ5 .subname::after  {background-position:-524px 0;}
.hs_projectSub .subinfo .info_tit { display:inline-block; margin-top:10px; font-weight:500; line-height:1.5em; color:#333}
.hs_projectSub .subinfo .info_tit + .s_list_dot { margin-top:0; }
.hs_projectSub .subinfo > .info_tit:first-child { margin-top:0; }
.hs_projectSub .h_auto { height :auto}

@media (min-width:1180px) {
	.hs_projectSub > ul > li { display:table;}
	.hs_projectSub > ul > li > div { display:table-cell; height:190px; vertical-align:top}
	.hs_projectSub .subname { width:30%;}
	.hs_projectSub .subinfo { width:70%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.hs_projectSub > ul > li { display:table;}
	.hs_projectSub > ul > li > div { display:table-cell; height:190px; vertical-align:top}
	.hs_projectSub .subname { width:35%;}
	.hs_projectSub .subinfo { width:65%;}
}
@media (max-width:767px) {
	.hs_projectSub .subname { width:100%; height:120px;}
	.hs_projectSub .subinfo { width:100%;}
	.hs_projectSub .subname::after { width:102px; height:98px; top:40px; margin-left:-53px; background-size:500px auto}
	.hs_projectSub .typ1 .subname::after  {background-position:0 0;}
	.hs_projectSub .typ2 .subname::after  {background-position:-105px 0;}
	.hs_projectSub .typ3 .subname::after  {background-position:-205px 0;}
	.hs_projectSub .typ4 .subname::after  {background-position:-298px 0;}
	.hs_projectSub .typ5 .subname::after  {background-position:-399px 0;}
}


/**********************************************************************************
	진료 · 지원
**********************************************************************************/

/* 부서소개 이미지 + 타이틀 공통*/
.topinfo_img { position:relative; width:100%; padding:40px;}
.topinfo_img::before { content:""; position:absolute; bottom:0; background-position:0 0; background-repeat:no-repeat; z-index:2;}
.topinfo_img .info_tit { display:inline-block; position:relative; padding:0 7px; font-size:23px; line-height:30px; font-weight:500;  z-index:2}
.topinfo_img .info_tit::after { content:""; display:block; position:absolute; left:0; bottom:4px; width:100%; height:7px; background-color:#b4d5fb; opacity:0.7; z-index:1}
.topinfo_img .info_tit > span {  position:relative;  display:inline-block; width:auto; left:0; top:0; z-index:3;}
.topinfo_img .info_txt {  position:relative;  padding-top:15px; font-size:16px; line-height:24px; color:#333;word-wrap: break-word; word-break:keep-all;  z-index:3}
.topinfo_img .info_txt strong { font-weight:600; }
@media (max-width:767px) {
	.topinfo_img { padding:20px;}
	.topinfo_img::before { width:100%; background-position:center 0;}
	.topinfo_img .info_tit { font-size:18px; line-height:20px}
	.topinfo_img .info_tit::after { height:4px; bottom:2px;}
	.topinfo_img .info_txt { font-size:14px; line-height:22px; }
}

/* 간호과 소개*/
.topinfo_img.nurse { margin-top:50px; min-height:260px; background-color:#ebf1f8; }
.topinfo_img.nurse::before { right:0; width:465px; height:281px; background-image:url(../image/content/ms/infoback_nurse.png)}
.topinfo_img.nurse .info_tit > span { color:#002856; }
.topinfo_img.nurse .info_txt { width:60%; }
@media (max-width:767px) {
	.topinfo_img.nurse { margin-top:24px; min-height:0; padding-bottom:200px; }
	.topinfo_img.nurse::before { width:100%; height:200px; background-position:center 0; background-size: auto 200px;}
	.topinfo_img.nurse .info_txt {width:100%; }
}

/* 간호과 조직도*/
.organize_nurse { position:relative; margin-top:24px; background:url(../image/content/ms/nurse_organize_line_p.png) no-repeat center 50px; } 
.organize_nurse *[class^="box"] { position:absolute; display:inline-block; padding:10px 20px; text-align:center;}
.organize_nurse .box_chief { margin-top:0; background-color:#4a699e; color:#fff; font-weight:600; }
.organize_nurse .box_subchief { color:#293b4f;  background-color:#e5ebf5;  border:1px solid #d1dbec;}
.organize_nurse .box_subchief2 { display:block; padding:0; } 
.organize_nurse .box_subchief2 > li { float:left; width:50%; color:#293b4f; text-align:center; border-right:1px solid #d1dbec; border-bottom:1px solid #d1dbec; background-color:#e5ebf5; }
.organize_nurse .box_subchief2 > li:nth-child(1) { border-left:1px solid #d1dbec; border-top:1px solid #d1dbec; }
.organize_nurse .box_subchief2 > li:nth-child(2) { border-top:1px solid #d1dbec; }
.organize_nurse .box_subchief2 > li:nth-child(3) {border-left:1px solid #d1dbec;}
.organize_nurse .box_subchief2::after { content:""; display:block; clear:both; }
.organize_nurse .sublevel { display:block; width:100%;}
.organize_nurse .sublevel > * { padding:0 5px; background-color:#f7fffc}
.organize_nurse .sublevel .tit { display:block; width:100%; text-align:center; color:#fff; background-color:#1f8b61; }
.organize_nurse .sublevel .subtit { display:block; width:100%; padding:5px 7px; text-align:center; color:#1f8b61; border-bottom:1px solid #cedfe9} 
.organize_nurse .sublevel .worklist { padding:5px;}
.organize_nurse .sublevel .worklist > li { padding:2px 0 4px 8px; font-size:13px; line-height:18px; color:#555; }
.organize_nurse .sublevel .worklist > li::before { content:""; display:inline-block; margin-left:-6px; width:5px; height:1px; line-height:20px; background-color:#cdd5da; }
.organize_nurse .sublevel > *:nth-child(-n+4) { background-color:#f7fcff; }
.organize_nurse .sublevel > *:nth-child(-n+4) .tit { background-color:#0e81b0; }
.organize_nurse .sublevel > *:nth-child(-n+4) .subtit { color:#0e81b0}

@media (min-width:1180px) {
	.organize_nurse { min-height:300px; height:auto; overflow:hidden; }
	.organize_nurse .box_chief { top:0; left:50%; margin-left:-140px; width:280px; font-size:20px; line-height:28px;}
	.organize_nurse .box_subchief { top:90px; left:150px; padding:10px 30px; width:250px; font-size:16px; line-height:40px; }
	.organize_nurse .box_subchief2 { top:90px; right:0; width:45%;}
	.organize_nurse .box_subchief2 > li {padding:7px; font-size:14px; line-height:20px; }
	.organize_nurse .sublevel { padding-top:230px; display:table;}
	.organize_nurse .sublevel > * { display:table-cell; width:16.6666%;}
	.organize_nurse .sublevel .tit { padding:5px; font-size:14px; line-height:22px; font-weight:600; }
	.organize_nurse .sublevel .subtit { font-size:13px; line-height:22px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.organize_nurse { min-height:300px; height:auto; overflow:hidden; }
	.organize_nurse .box_chief { top:0; left:50%; margin-left:-140px; width:280px; font-size:20px; line-height:28px;}
	.organize_nurse .box_subchief { top:90px; left:15%; padding:10px 30px; width:30%; font-size:16px; line-height:40px;}
	.organize_nurse .box_subchief2 { top:90px; left:55%; width:30%; min-width:260px;}
	.organize_nurse .box_subchief2 > li {padding:7px; font-size:14px; line-height:20px; }
	.organize_nurse .sublevel { padding-top:230px; display:table;}
	.organize_nurse .sublevel > * { display:table-cell; width:16.6666%;}
	.organize_nurse .sublevel .tit { padding:5px; font-size:14px; line-height:22px; font-weight:600; }
	.organize_nurse .sublevel .subtit { font-size:13px; line-height:22px; }
}
@media (max-width:767px) {
	.organize_nurse { height:auto; overflow:hidden; background:none }
	.organize_nurse .box_chief { position:relative; display:block; width:80%; margin:6px auto; font-size:16px; line-height:28px; }
	.organize_nurse .box_subchief {position:relative; display:block; padding:14px; width:80%; margin:6px auto; font-size:14px; line-height:24px;}
	.organize_nurse .box_subchief2 { position:relative; display:block; width:80%; margin:6px auto; }
	.organize_nurse .box_subchief2 > li { float:none; width:100%; padding:7px; font-size:14px; line-height:20px;   border-left:1px solid #d1dbec;  border-right:1px solid #d1dbec; border-bottom:1px solid #d1dbec;}
	.organize_nurse .box_subchief2 > li:nth-child(1) { border-top:1px solid #d1dbec; }
	.organize_nurse .box_subchief2 > li:nth-child(2) { border-top:0 none; }
	.organize_nurse .sublevel { display:block; margin-top:20px; }
	.organize_nurse .sublevel > * { float:left; width:50%;}
	.organize_nurse .sublevel .tit { padding:5px; font-size:14px; line-height:22px; font-weight:600; }
	.organize_nurse .sublevel .subtit { font-size:13px; line-height:22px; }
	.organize_nurse .sublevel::after { content:""; display:block; clear:both; }
}

/* 생활지원 소개*/
.topinfo_img.welfare { padding-left:300px; margin-top:50px; min-height:180px; background-color:#ebf1f8; }
.topinfo_img.welfare::before {left:30px; width:267px; height:204px; background-image:url(../image/content/ms/infoback_welfare.png)}
.topinfo_img.welfare .info_tit > span { color:#002856; }
.topinfo_img.welfare .info_tit::after { background-color:#a9dbdb; }
@media (max-width:767px) {
	.topinfo_img.welfare { padding-left:40px; margin-top:24px; min-height:0; padding-bottom:200px; }
	.topinfo_img.welfare::before { left:0; width:100%; height:200px; background-position:center 0; background-size: auto 200px;}
	.topinfo_img.welfare .info_txt {width:100%; }
}

/* 한센인자치회 소개*/
.topinfo_img.self { padding-right:260px; margin-top:50px; min-height:180px; background-color:#e9f9fb; }
.topinfo_img.self::before {right:30px; bottom:-20px; width:170px; height:227px; background-image:url(../image/content/ms/infoback_self.png)}
.topinfo_img.self .info_tit > span { color:#002856; }
.topinfo_img.self .info_tit::after { background-color:#a6dff5; }

@media (max-width:767px) {
	.topinfo_img.self { padding-right:40px; margin-top:24px; min-height:0; padding-bottom:200px; }
	.topinfo_img.self::before { left:0; width:100%; height:200px; background-position:center 0; background-size: auto 200px;}
	.topinfo_img.self .info_txt {width:100%; }
}

/* 한센인자치회 조직도*/
.organize_self { position:relative; margin-top:24px; } 
.organize_self *[class^="box"] { position:absolute; margin-top:0; text-align:center;}
.organize_self .box_chief {  display:inline-block; padding:10px 20px; background-color:#4a699e; color:#fff; font-weight:600; }
.organize_self .box_subchief { display:block;}
.organize_self .box_subchief > li { float:right; font-size:16px; line-height:40px; color:#fff; background-color:#0ea86c; text-align:center;}
.organize_self .box_subchief::after { content:""; display:block; clear:both; }
.organize_self .sublevel { display:block; width:100%;}
.organize_self .sublevel .type1 { float:left; color:#333; text-align:center;}
.organize_self .sublevel .type2 { float:left; color:#333; text-align:center;}
.organize_self .sublevel .type1 > * { padding:10px; background-color:#e6f1ea; }
.organize_self .sublevel .type2 > * { padding:10px; background-color:#ecf3ff; }
.organize_self .sublevel::after { content:""; display:block; clear:both; }

@media (min-width:1180px) {
	.organize_self { min-height:230px; height:auto; overflow:hidden;background:url(../image/content/ms/self_organize_line_p.png) no-repeat center 35px;  }
	.organize_self .box_chief { top:0; left:50%; margin-left:-140px; width:280px; font-size:20px; line-height:28px;}
	.organize_self .box_subchief { top:40px; left:50%; width:450px; margin-left:-225px;}
	.organize_self .box_subchief > li { width:40%; margin:7px 5%;}
	.organize_self .box_subchief > li:nth-child(odd) { margin:5px 0 5px 10%; }
	.organize_self .sublevel { padding-top:150px;}
	.organize_self .sublevel > * { display:table;  border-collapse:separate; border-spacing:5px;}
	.organize_self .sublevel > * > * { display:table-cell; height:60px; vertical-align:middle; font-size:14px;}
	.organize_self .sublevel .type1 { width:100%; padding-right:20px;}
	.organize_self .sublevel .type2 { width:35%;}
	.organize_self .sublevel .type1 > * { width:10%;}
	.organize_self .sublevel .type2 > * { width:33.3333%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.organize_self { min-height:300px; height:auto; overflow:hidden;background:url(../image/content/ms/self_organize_line_t.png) no-repeat center 35px; }
	.organize_self .box_chief { top:0; left:50%; margin-left:-140px; width:280px; font-size:20px; line-height:28px;}
	.organize_self .box_subchief { top:40px; left:50%; width:450px; margin-left:-225px;}
	.organize_self .box_subchief > li { width:40%; margin:7px 5%;}
	.organize_self .sublevel { margin-top:127px; width:100%; padding:20px; background-color:#f9f9f9; border:1px solid #b2b2b2}
	.organize_self .sublevel > * { display:block;}
	.organize_self .sublevel > * > * { float:left; height:40px; font-size:14px; line-height:20px;}
	.organize_self .sublevel .type1 { width:100%;}
	.organize_self .sublevel .type2 { width:100%; margin-top:20px;}
	.organize_self .sublevel .type1 > * { width:23%; margin:1%}
	.organize_self .sublevel .type2 > * { width:31.3333%; margin:1%}
}
@media (max-width:767px) {
	.organize_self { height:auto; overflow:hidden; background:none }
	.organize_self .box_chief { position:relative; display:block; width:100%; margin:6px auto; font-size:16px; line-height:28px; }
	.organize_self .box_subchief { position:relative; display:block; width:100%; padding:0; margin-top:14px; }
	.organize_self .box_subchief > li {width:48%; margin:1%;}
	.organize_self .sublevel { display:block; margin-top:12px;}
	.organize_self .sublevel > * { display:block;}
	.organize_self .sublevel > * > * { float:left; font-size:13px; line-height:22px; }
	.organize_self .sublevel .type1 { width:100%;}
	.organize_self .sublevel .type2 { width:100%; margin-top:20px;}
	.organize_self .sublevel .type1 > * { width:48%; margin:1%}
	.organize_self .sublevel .type2 > * { width:48%; margin:1%}
}

/* 금송마리안느 성금기탁 안내*/
.topinfo_img.gold { margin-top:24px; min-height:260px; background-color:#e9f9fb; }
.topinfo_img.gold::before { left:0; width:239px; height:153px; background-image:url(../image/content/ms/infoback_gold.png)}
.topinfo_img.gold .info_tit { font-size:21px; line-height:24px; }
.topinfo_img.gold .info_tit > span { color:#002856; }
.topinfo_img.gold .info_txt { width:100%; font-size:14px; line-height:24px; }
.topinfo_img.gold .account { display:block; padding:14px; margin:30px 0 10px 15%; border:3px solid #b2dadf; background-color:#fff; text-align:center;}
.topinfo_img.gold .account .num { font-size:19px; line-height:30px; color:#0f44a4; font-weight:500; }
@media (max-width:767px) {
	.topinfo_img.gold { margin-top:24px; min-height:0; padding-bottom:120px;}
	.topinfo_img.gold::before { width:100%; height:120px; background-position:0 0; background-size: auto 120px;}
	.topinfo_img.gold .info_txt {width:100%; }
	.topinfo_img.gold .account { width:100%; margin:20px 0 }
	.topinfo_img.gold .account .num { font-size:16px; line-height:20px;}
}

/**********************************************************************************
	소식알림
**********************************************************************************/


/**********************************************************************************
	고객참여
**********************************************************************************/
/*  자원봉사 안내 */
.volunteer_tit { position:relative; padding:50px; margin-top:36px; margin-bottom:70px;  width:100%; min-height:150px; background-image:url(../image/content/cp/volunteer_bg.png); background-repeat:no-repeat; background-position:20px 110%; background-color:#f3faff; z-index:1;}  
.volunteer_tit::before { content:""; position:absolute; display:block; left:60px; top:20px; width:147px; height:228px; background:url(../image/content/cp/volunteer_img1.png) no-repeat 0 0; z-index:2;}
.volunteer_tit::after { content:""; position:absolute; display:block;  right:110px; top:-15px; width:99px; height:257px; background:url(../image/content/cp/volunteer_img2.png) no-repeat 0 0; z-index:2;}
.volunteer_tit .subtit { position:relative; display:block; width:100%; text-align:center; z-index:3;}
.volunteer_tit .subinfo { position:relative; display:block; width:65%; margin:0 auto; padding-top:15px; font-size:14px; line-height:20px; color:#00525e; text-align:center; word-wrap: break-word; word-break:keep-all; z-index:3;}
@media (max-width:767px) {
	.volunteer_tit { padding:30px; min-height:200px; background-position:0 110%; background-size:600px auto}
	.volunteer_tit::before { left:40px; top:100px; width:100px; height:155px; background-size:100px auto}
	.volunteer_tit::after { right:30px; top:80px;  width:58px; height:150px; background-size:58px auto}
	.volunteer_tit .subtit img { max-width:100%;}
	.volunteer_tit .subinfo { width:80%; }
}
@media (max-width:425px) {
	.volunteer_tit { padding:20px; min-height:260px; background-position:160px 103%;}
	.volunteer_tit::before { left:20px; top:140px; }
	.volunteer_tit::after { display:none;}
	.volunteer_tit .subinfo { width:100%; }
}

/* 자원봉사 필요성*/
.topinfo_img.volunteer { padding-left:280px; margin-top:24px; min-height:220px; background-color:#eff8f5; }
.topinfo_img.volunteer::before { left:20px; width:269px; height:142px; background-image:url(../image/content/cp/infoback_volunteer.png)}
.topinfo_img.volunteer .info_tit { font-size:21px; line-height:24px; }
.topinfo_img.volunteer .info_tit::after { background-color:#b7edda;}
.topinfo_img.volunteer .info_tit > span { color:#002856; }
.topinfo_img.volunteer .info_txt { width:100%; font-size:14px; line-height:24px; }
@media (max-width:767px) {
	.topinfo_img.volunteer { padding-left:20px;  margin-top:24px; min-height:0; padding-bottom:100px;}
	.topinfo_img.volunteer::before { width:100%; height:100px; background-position:center 0; background-size: auto 100px;}
	.topinfo_img.volunteer .info_txt {width:100%; }
}

/* 주요봉사활동 */
.kind_volunteer { margin-top:24px; }
.kind_volunteer > ul {}
.kind_volunteer > ul > li { clear:both; width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #dadada; background-repeat:no-repeat; background-position:0 10px;}
.kind_volunteer .tit { display:block; }
.kind_volunteer .subtit { display:block; margin-top:8px; color:#298091; }
.kind_volunteer .info { font-size:14px; line-height:22px; }
.kind_volunteer .kind_type1 { background-image:url(../image/content/cp/volunteer_kind_type1.png); }
.kind_volunteer .kind_type2 { background-image:url(../image/content/cp/volunteer_kind_type2.png); }
.kind_volunteer .kind_type3 { background-image:url(../image/content/cp/volunteer_kind_type3.png); }
.kind_volunteer .kind_type4 { background-image:url(../image/content/cp/volunteer_kind_type4.png); }
.kind_volunteer .kind_type5 { background-image:url(../image/content/cp/volunteer_kind_type5.png); }
.kind_volunteer .kind_type6 { background-image:url(../image/content/cp/volunteer_kind_type6.png); }
.kind_volunteer .kind_type7 { background-image:url(../image/content/cp/volunteer_kind_type7.png); }
@media (min-width:1180px) {
	.kind_volunteer .tit { font-size:18px; line-height:26px; color:#222; font-weight:600}
	.kind_volunteer .subtit { font-size:14px; line-height:22px;}
	.kind_volunteer > ul > li { padding-left:150px; min-height:180px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.kind_volunteer .tit { font-size:18px; line-height:26px; color:#222; font-weight:600}
	.kind_volunteer .subtit { font-size:14px; line-height:22px;}
	.kind_volunteer > ul > li { padding-left:100px; min-height:180px; background-size:auto 90px}
}
@media (max-width:767px) {
	.kind_volunteer .tit { display:block; width:100%; font-size:16px; line-height:24px; color:#222; font-weight:600; text-align:center;}
	.kind_volunteer .subtit { display:block; width:100%; margin-top:3px; font-size:13px; line-height:22px;text-align:center;}
	.kind_volunteer > ul > li { padding-top:110px; min-height:140px; background-position:center 0; background-size:auto 100px}
}

/**********************************************************************************
	병원소개
**********************************************************************************/
/*  인사말 */
.greetings_msg { position:relative; width:100%; margin-top:24px; }
.greetings_msg .textarea { position:absolute; right:50px; top:120px; width:40%; z-index:3;}
.greetings_msg .textarea .subtit { position:relative; display:block;}
.greetings_msg .textarea .subtit::before { content:""; position:absolute; left:-90px; top:26px; display:block; width:80px; height:4px; background-color:#0f4fbd; opacity:0.7;}
.greetings_msg .textarea .submsg { padding-left:18px; padding-top:12px; font-size:16px; line-height:24px; font-weight:500; color:#14346c; word-wrap: break-word; word-break:keep-all; }
.greetings_msg::before { content:""; display:block; margin-left:60px; width:512px; height:304px; /* background-image:url(../image/content/hi/greetings_photo.png); background-repeat:no-repeat; */ background-position:0 0; z-index:2;} 
.greetings_txt { position:relative; padding:30px; }
.greetings_txt > p { margin-top:30px; font-size:15px; line-height:25px; word-wrap: break-word; word-break:keep-all; }
.greetings_txt > p.sign {font-size:14px; color:#333; text-align:right;}
.greetings_txt > p.sign > span { display:inline-block; margin-left:6px; font-size:17px; font-weight:500}
.greetings_txt  strong  { font-weight:600; font-size:16px; line-height:26px; color:#0f4fbd }
@media (max-width:767px) {
	.greetings_msg::before { margin-left:20px; width:300px; height:178px; background-size:300px auto; } 
	.greetings_msg .textarea { top:50px; width:50%; right:20px;}
	.greetings_msg .textarea .subtit img { max-width:100%; }
	.greetings_msg .textarea .subtit::before { top:16px; width:50px; left:-50px;}
	.greetings_msg .textarea .submsg { font-size:14px; }
	.greetings_txt  { padding:20px; }
	.greetings_txt > p { margin-top:20px; font-size:14px; line-height:24px;} 
}
@media (max-width:425px) {
	.greetings_msg { height:300px; }
	.greetings_msg::before { margin-left:0; width:280px; height:166px; background-size:280px auto;} 
	.greetings_msg .textarea { top:200px; right:0; width:100%; text-align:center}
	.greetings_msg .textarea .subtit::before { display:none }
	.greetings_msg .textarea .submsg { padding-left:0; }
	.greetings_txt { padding-top:20px; }
	.greetings_txt > p { margin-top:10px; line-height:22px;} 
	.greetings_txt  strong  {font-size:15px; line-height:22px; }
}

/*  역대병원장 */
.chief_box { margin-top:32px;}
.chief_box > ol > li { float:left; padding:6px;}
.chief_box .chief { width:100%; height:100%; border:1px solid #d0ddeb; }
.chief_box .chief .c_tit { display:block; width:100%; padding:10px 8px; color:#002856; font-weight:500;  background-color:#f7fbff; border-bottom:1px solid #d0ddeb; text-align:center; }
.chief_box .chief .c_tit > * { display:inline-block;  vertical-align:bottom;}
.chief_box .chief .c_tit .num { margin-right:10px; padding-right:10px; border-right:1px solid #d0ddeb; }
.chief_box .chief .c_tit .eng { font-family:'Lato'; letter-spacing:-0.05em}
.chief_box .chief .c_info { padding:12px 20px; }
.chief_box .chief .c_info  * { font-size:14px; line-height:22px; }
.chief_box .chief .c_info .subtit { display:inline-block; vertical-align:middle; color:#0e5bb0; }
.chief_box .chief .c_info .subtit::before { content:""; display:inline-block; width:4px; height:1px; margin-top:10px; margin-right:7px; background-color:#80aee1; vertical-align:top;}

@media (min-width:1180px) {
	.chief_box > ol > li { height:170px;}
	.chief_box .chief .c_tit { font-size:16px; line-height:20px; }
	.chief_box .chief .c_tit > * { line-height:20px; }
	.chief_box .chief .c_tit .num { line-height:16px; }
	.chief_box .chief .c_tit .eng { font-size:14px; line-height:18px;}
	.chief_box .chief .c_info { padding:12px 20px; }
	.chief_box .chief .c_info .subtit { width:35%; }
}
@media (min-width:768px) and (max-width:1179px) {
	.chief_box > ol > li { height:170px;}
	.chief_box .chief .c_tit .eng { font-size:14px; line-height:18px;}
	.chief_box .chief .c_info { padding:12px 20px 12px 40px; }
	.chief_box .chief .c_info .subtit { width:35%; }
}
@media (max-width:767px) {
	.chief_box > ol > li { height:auto; padding:6px;}
	.chief_box .chief .c_tit { font-size:14px; line-height:20px; font-weight:600}
	.chief_box .chief .c_tit > * { line-height:20px; }
	.chief_box .chief .c_tit .num { line-height:16px; }
	.chief_box .chief .c_tit .eng { font-size:14px; line-height:18px;}
	.chief_box .chief .c_info { padding:12px 20px; }
	.chief_box .chief .c_info .subtit { font-size:13px; width:35%; }
}

/* 미션 및 비전*/
.mission_list { margin-top:24px;}
.mission_list > div {}
.mission_list .m_msg { position:relative; display:block; background-color:#fff;}
.mission_list .m_msg::after { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; opacity:0.25; z-index:2}
.mission_list .m_msg p { position:relative; color:#000; font-weight:500; text-align:center;  word-wrap: break-word; word-break:keep-all; z-index:3} 
.mission_list .mis1 .m_msg { border-top:6px solid #0546bf; }
.mission_list .mis2 .m_msg { border-top:6px solid #0ea86c; }
.mission_list .mis3 .m_msg { border-top:6px solid #00bce0; }
.mission_list .mis1 .m_msg::after { background-image:url(../image/content/hi/mission_back1.jpg); }
.mission_list .mis2 .m_msg::after { background-image:url(../image/content/hi/mission_back2.jpg); }
.mission_list .mis3 .m_msg::after { background-image:url(../image/content/hi/mission_back3.jpg); }
@media (min-width:1180px) {
	.mission_list { display:table; width:100%;}
	.mission_list > div { display:table-cell; width:33.333%; padding:0 12px; vertical-align:middle;}
	.mission_list .m_msg { width:100%; height:160px; vertical-align:middle; }
	.mission_list .m_msg p { padding:50px 30px 0 30px; font-size:19px; line-height:28px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.mission_list { display:table; width:100%;}
	.mission_list > div { display:table-cell; width:33.333%; padding:0 12px; vertical-align:middle;}
	.mission_list .m_msg { width:100%; height:160px; }
	.mission_list .m_msg p { padding:50px 30px 0 30px; font-size:17px; line-height:28px; }
}
@media (max-width:767px) {
	.mission_list { width:100%;}
	.mission_list > div {  width:100%; padding:0 12px; margin-top:15px; }
	.mission_list .m_msg { width:100%;  padding:40px 30px}
	.mission_list .m_msg::after { background-size:cover; }
	.mission_list .mis1 { margin-top:0; }
	.mission_list .m_msg p { font-size:16px; line-height:28px; }
}

.vision_top { margin-top:24px; width:100%; text-align:center; }
.vision_top .vision_tit { display:inline-block; position:relative; padding:0 7px; font-size:24px; line-height:30px; font-weight:500;  z-index:2}
.vision_top .vision_tit::after { content:""; display:block; position:absolute; left:0; bottom:4px; width:100%; height:7px; background-color:#b4d5fb; opacity:0.7; z-index:1}
.vision_top .vision_tit > span {  position:relative;  display:inline-block; width:auto; left:0; top:0; color:#293b4f; z-index:3;}
.vision_top::after { content:""; display:block; width:1px; height:30px; margin:20px auto; background-color:#87919c; }

@media (max-width:767px) {
	.vision_top { }
	.vision_top .vision_tit { font-size:17px; line-height:20px}
	.vision_top .vision_tit::after { height:4px; bottom:2px;}
	.vision_top::after { height:20px; margin:20px auto 10px auto;}
}

.vision_list {width:100%;}
.vision_list > * { position:relative; float:left;  padding:90px 20px 10px 20px; z-index:1;} 
.vision_list > *::after {content:""; display:block; position:absolute; top:0; left:50%; margin-left:-57px; width:114px; height:114px; background-image:url(../image/content/hi/ico_vision.png); background-repeat:no-repeat; background-color:#e8f6ff; border-radius:100%; z-index:2;}
.vision_list .vis1::after { background-position:0 0; box-shadow:7px 7px 0px #bde4ff}
.vision_list .vis2::after { background-position:0 -114px;box-shadow:7px 7px 0px #b8efed}
.vision_list .vis3::after { background-position:0 -228px;box-shadow:7px 7px 0px #c2e5fc}
.vision_list .vis4::after { background-position:0 -342px;;box-shadow:7px 7px 0px #ced1f3}
.vision_list .vis5::after { background-position:0 -456px;box-shadow:7px 7px 0px #c4e6b8}
.vision_list .v_msg { position:relative; text-align:center; z-index:3;}
.vision_list .v_msg .tit { font-family:'Lato'; font-weight:600; font-size:16px; line-height:20px; color:#002856; word-wrap: break-word; word-break:keep-all;}
.vision_list .v_msg .info { display:inline-block; margin-top:8px;  font-size:15px; line-height:20px;  color:#666; word-wrap: break-word; word-break:keep-all;}
.vision_list::after { content:""; display:block; clear:both; }
@media (min-width:1180px) {
	.vision_list > * { width:20%; }
}
@media (min-width:768px) and (max-width:1179px) {
	.vision_list > * { width:33.3333%; height:180px; }
}
@media (max-width:767px) {
	.vision_list > * { width:50%; height:200px; padding:70px 20px 10px 20px; }
	.vision_list > *::after {  margin-left:-40px; width:80px; height:80px; background-size:80px auto}
	.vision_list .vis1::after { background-position:0 0;}
	.vision_list .vis2::after { background-position:0 -80px;}
	.vision_list .vis3::after { background-position:0 -160px;}
	.vision_list .vis4::after { background-position:0 -240px;}
	.vision_list .vis5::after { background-position:0 -320px;}
	.vision_list .v_msg .tit { font-size:14px; line-height:18px; }
	.vision_list .v_msg .info { margin-top:0; font-size:13px; line-height:20px; }
}

/* 병원 조직도*/
.organize_hospital { position:relative; margin-top:24px; } 
.organize_hospital *[class^="box"] { position:absolute; margin-top:0; text-align:center;}
.organize_hospital .box_chief {  display:inline-block; padding:10px 20px; background-color:#4a699e; color:#fff; font-weight:500; }
.organize_hospital .sublevel { display:block;}
.organize_hospital .sublevel .type1 { float:left;}
.organize_hospital .sublevel .type2 { float:left;}
.organize_hospital .sublevel .title { display:inline-block; width:100%; padding:10px 20px; color:#fff; text-align:center;}
.organize_hospital .sublevel .sublist { width:100%;}
.organize_hospital .sublevel .sublist > li > * { display:block; width:100%; padding:7px; color:#000; text-align:center;}
.organize_hospital .sublevel .sublist > li > a:hover,
.organize_hospital .sublevel .sublist > li > a:focus { text-decoration:underline; }
.organize_hospital .sublevel .type1 .title { background-color:#1f8b61; }
.organize_hospital .sublevel .type1 .sublist > li > * {background-color:#f2f8f4; border:1px solid #d8e6dc;}
.organize_hospital .sublevel .type2 .title { background-color:#0e5bb0; }
.organize_hospital .sublevel .type2 .sublist > li > * {background-color:#f7faff; border:1px solid #dbe6f8; }
.organize_hospital .sublevel::after { content:""; display:block; clear:both; }
.organize_hospital a:hover,
.organize_hospital a:focus { text-decoration:underline; }
@media (min-width:1180px) {
	.organize_hospital { min-height:300px; height:auto; overflow:hidden;background:url(../image/content/hi/organize_line_p.png) no-repeat center 40px;  }
	.organize_hospital .box_chief { top:0; left:50%; margin-left:-140px; width:280px; font-size:20px; line-height:28px;}
	.organize_hospital .sublevel { padding-top:100px;  width:640px; margin:0 auto}
	.organize_hospital .sublevel .type1 {width:50%; padding:20px;}
	.organize_hospital .sublevel .type2{width:50%;padding:20px;}
	.organize_hospital .sublevel .title { font-size:16px; line-height:24px; font-weight:500;}
	.organize_hospital .sublevel .sublist { margin-top:10px;}
	.organize_hospital .sublevel .sublist > li { margin:6px 0; }
	.organize_hospital .sublevel .sublist > li > * { font-size:14px; line-height:20px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.organize_hospital { min-height:300px; height:auto; overflow:hidden;background:url(../image/content/hi/organize_line_p.png) no-repeat center 40px;  }
	.organize_hospital .box_chief { top:0; left:50%; margin-left:-140px; width:280px; font-size:20px; line-height:28px;}
	.organize_hospital .sublevel { padding-top:100px;  width:640px; margin:0 auto}
	.organize_hospital .sublevel .type1 {width:50%; padding:20px;}
	.organize_hospital .sublevel .type2{width:50%;padding:20px;}
	.organize_hospital .sublevel .title { font-size:16px; line-height:24px; font-weight:500;}
	.organize_hospital .sublevel .sublist { margin-top:10px;}
	.organize_hospital .sublevel .sublist > li { margin:6px 0; }
	.organize_hospital .sublevel .sublist > li > * { font-size:14px; line-height:20px;}
}
@media (max-width:767px) {
	.organize_hospital { height:auto; overflow:hidden;background:url(../image/content/hi/organize_line_m.png) no-repeat center 20px;  }
	.organize_hospital .box_chief { position:relative; display:block; width:80%; margin:0 auto; font-size:16px; line-height:28px; }
	.organize_hospital .sublevel { width:100%; padding-top:20px;}
	.organize_hospital .sublevel .type1 {width:50%; padding:20px 5px;}
	.organize_hospital .sublevel .type2{width:50%;padding:20px 5px;}
	.organize_hospital .sublevel .title { font-size:14px; line-height:24px; font-weight:500;}
	.organize_hospital .sublevel .sublist { margin-top:10px;}
	.organize_hospital .sublevel .sublist > li { margin:6px 0; }
	.organize_hospital .sublevel .sublist > li > * { font-size:14px; line-height:20px;}
}

/*  전화번호안내 */
.tel_info { margin-top:24px; padding:0 20px 20px 20px; border-bottom:1px solid #e6e6e6}
.tel_info > div { float:left; margin-top:10px;}
.tel_info > div *[class^="txt_clr_"] { font-weight:500; }
.tel_info::before { content:""; display:block; float:left; margin:0 20px; width:96px; height:96px; background:url(../image/content/hi/ico_tel.png) no-repeat center center #f7faff; border-radius:100%; }
.tel_info .tit { font-size:16px; line-height:24px; color:#333; font-weight:500}
.tel_info::after { content:""; clear:both; display:block; }
@media (max-width:767px) {
	.tel_info { padding:16px;}
	.tel_info > div { float:none; width:100%; }
	.tel_info::before { float:none; width:60px; height:60px; margin:0 auto; background-size:36px auto;}
	.tel_info .tit { display:block; margin-top:20px; }
}

/* 소록도안내 */
.sr_centenary {margin-top:32px;}
.sr_centenary > ul > li > div {position:relative; border-bottom:1px solid rgba(0,0,0,0.16);}
.sr_centenary > ul > li > div::after {display:block; content:''; clear:both;}
.sr_centenary .sr_img {overflow:hidden;}
.sr_centenary .sr_img img {display:block; width:100%; height:100%; margin:0 auto; border:1px solid rgba(0,0,0,0.16);}

@media (min-width:1180px) {
	.sr_centenary > ul > li > div {padding:26px 0;}
	.sr_centenary > ul > li:first-child > div { padding-top:0;}
	.sr_centenary .sr_img, .sr_centenary .sr_descript {float:left;}
	.sr_centenary .sr_img {width:33.3333%}
	.sr_centenary .sr_descript {width:66.6666%; padding-left:32px;}
	.sr_centenary .sr_ttl { font-size:16px; line-height:24px; font-weight:600; color:#222;}
}
@media (min-width:768px) and (max-width:1179px) {
	.sr_centenary > ul > li > div  {padding:20px 0;}
	.sr_centenary > ul > li:first-child > div { padding-top:0;}
	.sr_centenary .sr_img, .sr_centenary .sr_descript {float:left;}
	.sr_centenary .sr_img {width:33.3333%}
	.sr_centenary .sr_descript {width:66.6666%; padding-left:28px;}
	.sr_centenary .sr_ttl { font-size:16px; line-height:24px; font-weight:600; color:#222;}
}
@media (max-width:767px) {	
	.sr_centenary .sr_descript {padding:18px 0;}
	.sr_centenary .sr_ttl { font-size:14px; line-height:24px; font-weight:600; color:#222;}
}

/* 중앙공원안내 */
.centerypark_list {clear:both; margin-top:32px;}
.centerypark_list > ul::after {display:block; content:''; clear:both;}
.centerypark_list > ul > li {float:left;}
.centerypark_list > ul > li > div {padding-bottom:12px;}
.centerypark_list > ul > li:only-child { float:none; width:100%; text-align:center; }
.centerypark_list .cp_img {display:block; overflow:hidden; position:relative;}
.centerypark_list .cp_img img {display:block; width:100%;}
.centerypark_list .cp_img::after {position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.04); content:'';}
.centerypark_list .cp_descript {padding-top:12px;}
.centerypark_list .cp_ttl {display:block; font-size:14px; line-height:22px; color:#333; font-weight:600; text-align:left;}
.centerypark_list .cp_ttl .num { display:inline-block; width:22px; height:22px; margin-right:5px; font-size:14px; font-family:'Lato';  font-weight:500; line-height:20px; color:#fff; text-align:center; vertical-align:middle;  background-color:#3c60bc; border-radius:100%;}

@media (min-width:1180px) {	
	.centerypark_list > ul {margin:-8px;}
	.centerypark_list > ul > li {padding:8px;}
	.centerypark_list .cp_img img { width:auto; max-width:100%; margin:10px auto} /* pc 이미지크기 늘림 없음*/
	.centerypark_list .cp_img::after {background:rgba(0,0,0,0.0);}
	.centerypark_list.cnt4-3-2 > ul > li:nth-child(4n+1) {clear:both;}
	.centerypark_list.cnt3-3-2 > ul > li:nth-child(3n+1) {clear:both;}
	.centerypark_list.cnt2-2-2 > ul > li:nth-child(2n+1) {clear:both;}
}
@media (min-width:768px) and (max-width:1179px) {
	.centerypark_list > ul {margin:-8px;}
	.centerypark_list > ul > li {padding:8px;}
	.centerypark_list.cnt4-3-2 > ul > li:nth-child(3n+1) {clear:both;}
	.centerypark_list.cnt3-3-2 > ul > li:nth-child(3n+1) {clear:both;}
	.centerypark_list.cnt2-2-2 > ul > li:nth-child(2n+1) {clear:both;}
}
@media (max-width:767px) {
	.centerypark_list > ul {margin:-8px -4px;}
	.centerypark_list > ul > li {padding:8px 4px;}
	.centerypark_list.cnt4-3-2 > ul > li:nth-child(2n+1) {clear:both;}
	.centerypark_list.cnt3-3-2 > ul > li:nth-child(2n+1) {clear:both;}
	.centerypark_list.cnt2-2-2 > ul > li:nth-child(2n+1) {clear:both;}
}

/* 서비스헌장 */
.service_charter { position:relative; margin-top:24px; background-color:#f7fcff;  overflow:hidden; z-index:1;}
.service_charter::before { content:""; display:block; position:absolute; background:url(../image/content/hi/service_back_img01.png) no-repeat 0 0; z-index:1; }
.service_charter::after { content:""; display:block; position:absolute; background:url(../image/content/hi/service_back_img02.png) no-repeat 0 0; z-index:1; }
.service_charter > div { position:relative;width:100%;text-align:center;z-index:3;}
.service_charter p {color:#0f44a4; text-align:center; word-wrap: break-word; word-break:keep-all; }
@media (min-width:1180px) {	
	.service_charter { height:200px;}
	.service_charter::before { left:-100px; top:-100px; width:352px; height:264px;}
	.service_charter::after {  right:-200px; bottom:-100px; width:692px; height:271px;}
	.service_charter > div { padding:25px 40px; }
	.service_charter p { margin-top:16px; font-size:16px; line-height:24px; }
}
@media (min-width:768px) and (max-width:1179px) {
	.service_charter { height:200px; }
	.service_charter::before { left:-100px; top:-100px; width:352px; height:264px;}
	.service_charter::after {  right:-100px; bottom:-100px; width:692px; height:271px;}
	.service_charter > div { padding:25px 40px; }
	.service_charter p { margin-top:16px; font-size:16px; line-height:24px; }
}
@media (max-width:767px) {
	.service_charter { height:auto; min-height:160px;}
	.service_charter::before { left:-50px; top:-60px; width:200px; height:150px; background-size:200px auto}
	.service_charter::after {  right:0; bottom:-40px; width:300px; height:117px; background-size:300px auto}
	.service_charter > div { padding:20px}
	.service_charter p { margin-top:8px; font-size:14px; line-height:22px; }
	.service_charter p br { display:none; }
}


/*  오시는 길 */
.address_tit { width:100%; font-size:20px; line-height:30px; color:#222; font-weight:500; text-align:center; word-wrap: break-word; word-break:keep-all; }
.address_info { margin-top:24px; padding:0 40px; }
.address_distance { display:inline-block; vertical-align:middle; }
.address_distance::before { content:""; display:inline-block; margin-right:6px; margin-left:6px; margin-bottom:5px; width:17px; height:7px;  background:url(../image/sub_cmn/ico_arrow.gif) no-repeat 0 0; vertical-align:middle}
*[class^="traffic_ico"] { position:relative; display:block; margin-top:32px; padding:10px 15px 10px 110px; min-height:100px; }
*[class^="traffic_ico"]::before { content:""; position:absolute; left:0; top:10px; display:block; width:80px; height:80px; margin-right:10px; background-image:url(../image/sub_cmn/sub_traffic_icon.png); background-repeat:no-repeat; background-color:#f3f9ff; border-radius:100%;}
*[class^="traffic_ico"] .tit { font-size:16px; line-height:24px; font-weight:500; color:#222; }
*[class^="traffic_ico"] .tit > a { display:inline-block; margin-left:4px; font-size:13px; line-height:18px; color:#002856; font-weight:400;}
.traffic_ico_1 { padding-top:0;}
.traffic_ico_1::before { background-position:0 0;}
.traffic_ico_2::before { background-position:0 -90px;}
.traffic_ico_3::before { background-position:0 -180px;}
.parking_tit {width:100%; font-size:18px; line-height:30px; color:#222; font-weight:600; text-align:center; word-wrap: break-word; word-break:keep-all; }
.parking_tit > strong { color:#d62727}
@media (min-width:768px) and (max-width:1179px) {
	.address_tit { font-size:16px; line-height:28px;}
	.address_info { padding:0 30px}
	.parking_tit {font-size:16px; line-height:28px;}
}
@media (max-width:767px) {
	.address_tit { font-size:15px; line-height:20px;}
	.address_info { margin-top:18px; padding:0 20px}
	.parking_tit {font-size:15px; line-height:20px;}
	*[class*="traffic_ico"] { margin-top:20px; padding:60px 0 10px 0; min-height:0;}
	*[class*="traffic_ico"]::before { left:50%; top:0; margin-left:-20px; width:60px; height:60px; margin-right:0; background-size:60px auto}
	*[class*="traffic_ico"] .tit { font-size:14px;}
	.traffic_ico_1::before { background-position:0 0;}
	.traffic_ico_2::before { background-position:0 -68px;}
	.traffic_ico_3::before { background-position:0 -135px;}
}



/**************************************************/

@media (min-width:1180px) {
}
@media (min-width:768px) and (max-width:1179px) {
}
@media (max-width:767px) {

}