@charset "utf-8";

/**********************************************************************************
	진료안내  
**********************************************************************************/

/* 진료예약 - 예약안내 */
.booking_information {border-bottom:1px solid #ddd;}
.booking_information > div {position:relative;}
.booking_information [class^="bi_ico_"] {display:block; width:100px; height:100px;}
.booking_information .bi_title_1 {display:block;}
.booking_information .bi_title_1 > span {display:inline-block; font-size:24px; line-height:32px; padding-right:8px; vertical-align:top;}
.booking_information .bi_title_1 > strong {display:inline-block; font-size:24px; line-height:30px; padding-top:2px; vertical-align:top;}
.booking_information .bi_title_2 {display:block; font-size:16px; line-height:24px;}
.booking_information [class^="bi_descript_"] {position:relative; display:block; font-size:15px; line-height:23px; padding-left:21px; margin-top:16px;}
.booking_information [class^="bi_descript_"]::before {display:block; content:''; width:15px; height:15px; position:absolute; left:0; top:4px; background:red;}
.booking_information .bi_ico_1 {background:url(../image/content/booking_information/bi_ico_01.png) no-repeat center center;}
.booking_information .bi_ico_2 {background:url(../image/content/booking_information/bi_ico_02.png) no-repeat center center;}
.booking_information .bi_ico_3 {background:url(../image/content/booking_information/bi_ico_03.png) no-repeat center center;}
.booking_information .bi_descript_clock::before {background:url(../image/content/booking_information/bi_blt_ico_clock.png) no-repeat center center;}
.booking_information .bi_descript_guide::before {background:url(../image/content/booking_information/bi_blt_ico_guide.png) no-repeat center center;}
.booking_information .bi_descript_doc::before {background:url(../image/content/booking_information/bi_blt_ico_doc.png) no-repeat center center;}

@media (min-width:1180px) {
	.booking_information {padding:20px 0; padding-bottom:32px;}
	.booking_information > div {min-height:100px; padding-left:132px;}
	.booking_information [class^="bi_ico_"] {position:absolute; left:0; top:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.booking_information {padding:20px 24px; padding-bottom:32px;}
	.booking_information > div {min-height:100px; padding-left:132px;}
	.booking_information [class^="bi_ico_"] {position:absolute; left:0; top:0;}
}
@media (max-width:767px) {
	.booking_information {padding:20px 0; padding-bottom:32px;}
	.booking_information [class^="bi_title_"] {margin-top:24px;}
}

/**********************************************************************************
	진료안내
**********************************************************************************/

/* 전체과 안내 */
.department_guide {background:#fdfcff; margin-top:16px;}
.department_guide > ul {margin:-8px;}
.department_guide > ul::after {display:block; content:''; clear:both;}
.department_guide > ul > li {float:left; padding:8px;}
.department_guide > ul > li > div {background:#fff; border:1px solid #e2d8f7;}
.department_guide .dg_name {font-size:0; line-height:0; text-align:center; padding:28px 0; border-bottom:1px solid #e2d8f7;}
.department_guide .dg_name::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.department_guide .dg_name p {display:inline-block;}
.department_guide .dg_name p::before {display:inline-block; content:''; width:64px; height:64px; background:url(../image/content/department_guide/dg_ico_bg.png) no-repeat 0 0;}
.department_guide .dg_name p span {display:block; font-size:18px; line-height:26px; margin-top:6px;}
.department_guide .dg_link > ul {display:table; width:100%;}
.department_guide .dg_link > ul > li {display:table-cell; text-align:center; padding:6px 0; border-left:1px solid #e2d8f7;}
.department_guide .dg_link > ul > li:first-child {border-left:0;}
.department_guide .dg_link > ul > li > a {display:block; color:#5e51ae}
.department_guide .dg_link > ul > li > a > span {display:inline-block; font-size:13px; line-height:21px; vertical-align:middle; margin-right:4px;}
.department_guide .dg_link > ul > li > a::after {display:inline-block; content:''; width:11px; height:11px; vertical-align:middle; background:url(../image/content/department_guide/dg_arrow_right.png) no-repeat center center;}

.department_guide > ul > li:nth-child(1) .dg_name p::before {background-position:0 -4px;}
.department_guide > ul > li:nth-child(2) .dg_name p::before {background-position:0 -74px;}
.department_guide > ul > li:nth-child(3) .dg_name p::before {background-position:0 -138px;}
.department_guide > ul > li:nth-child(4) .dg_name p::before {background-position:0 -204px;}
.department_guide > ul > li:nth-child(5) .dg_name p::before {background-position:0 -267px;}
.department_guide > ul > li:nth-child(6) .dg_name p::before {background-position:0 -330px;}
.department_guide > ul > li:nth-child(7) .dg_name p::before {background-position:0 -395px;}
.department_guide > ul > li:nth-child(8) .dg_name p::before {background-position:0 -459px;}
.department_guide > ul > li:nth-child(9) .dg_name p::before {background-position:0 -523px;}
.department_guide > ul > li:nth-child(10) .dg_name p::before {background-position:0 -587px;}

@media (min-width:1180px) {
	.department_guide {padding:24px;}
	.department_guide > ul > li {width:33.3333%;}
}
@media (min-width:768px) and (max-width:1179px) {
	.department_guide {padding:16px;}
	.department_guide > ul > li {width:50%;}
}
@media (max-width:767px) {
	.department_guide {padding:8px;}
	.department_guide > ul > li {width:100%;}
}

/* 진료시간표 (각종 안내)*/
.ico_sp {display:inline-block; width:auto; height:auto; font-size:0px; line-height:0; color:transparent; background-image:url(../image/sub_cmn/sub_content_icon.png); background-repeat: no-repeat}
.ico_back {background-image:url(../image/sub_cmn/sub_content_icon.png); background-repeat: no-repeat}
.readylist {position:relative;}
.readylist [class^="tit_"] {position:relative; padding-left:21px; display:block; font-size:15px; line-height:23px; font-weight:500; color:#333;}
.readylist [class^="tit_"]::before {display:block; content:''; width:15px; height:15px; position:absolute; left:0; top:4px; background:red;}
.readylist .tit_time::before {background:url(../image/content/booking_information/bi_blt_ico_clock.png) no-repeat center center;}
.readylist .tit_file::before {background:url(../image/content/booking_information/bi_blt_ico_doc.png) no-repeat center center;}
.readylist .n_descript { font-size:13px}
.readylist .n_descript > span { font-weight:500}
.box_telinfo { border:1px solid #e1d8f7}
.box_telinfo > dl { display:block; width:100%; text-align:center;}
.box_telinfo > dl * { display:inline-block; font-size:16px; line-height:20px;}
.box_telinfo .teltitle { color:#35249c; font-weight:500;}
.box_telinfo .teltitle::before { content:"-"; display:inline-block; width:25px; height:20px; line-height:20px; }
.box_telinfo .telnum { margin-right:15px; color:#333; }

@media (min-width:1180px) {
	.readylist {padding-left:120px;}
	.readylist [class^="tit_"] {position:absolute; left:0; top:2px;}
	.readylist .s_list {margin-top:0;}
	.readylist .tit_file + div .s_list > li { float:left; width:50%;}
	.readylist .tit_file + div .s_list::after {display:block; content:''; clear:both;}
}
@media (min-width:768px) and (max-width:1179px) {
	.readylist {padding-left:120px;}
	.readylist [class^="tit_"] {position:absolute; left:0; top:2px;}
	.readylist .s_list {margin-top:0;}
}
@media (max-width:767px) {

}

/* 간호과 소개 */
.nursing_department {font-size:0; line-height:0; margin-top:16px;}
.nursing_department > ul > li {padding-top:48px; background:url(../image/content/nursing_department/nursing_department_arrow.png) no-repeat center 11px;}
.nursing_department > ul > li > div {position:relative;}
.nursing_department > ul > li:first-child {padding-top:0; background:none;}
.nursing_department .nd_title {padding:28px 32px; z-index:0;}
.nursing_department .nd_title .ndt_eng {font-family:'Lato'; font-size:16px; line-height:1; color:#fff; vertical-align:middle;}
.nursing_department .nd_title .ndt_kor {font-size:32px; line-height:1; letter-spacing:-0.048em; color:#fff; vertical-align:middle;}
.nursing_department .nd_descript {position:relative; z-index:5;}
.nursing_department > ul > li > div::before,
.nursing_department .nd_descript::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.nursing_department .nd_descript .p_descript,
.nursing_department .nd_descript .s_list {display:inline-block; vertical-align:middle;}
.nursing_department > ul > li:nth-child(1) .nd_title {background:url(../image/content/nursing_department/nursing_department_mission_bg.png) no-repeat #6748c0 0 0;}
.nursing_department > ul > li:nth-child(2) .nd_title {background:url(../image/content/nursing_department/nursing_department_vision_bg.png) no-repeat #d85030 0 0;}

.nursing_department_list {margin-top:16px;}
.nursing_department_list > ul {margin:-8px;}
.nursing_department_list > ul::after {display:block; content:''; clear:both;}
.nursing_department_list > ul > li {float:left; padding:8px;}
.nursing_department_list .box_nh {margin-top:0;}
.nursing_department_list .box_nh .bn_b {height:110px;}

@media (min-width:1180px) {
	.nursing_department > ul > li > div {height:160px; padding-left:264px;}
	.nursing_department .nd_title {position:absolute; left:0; top:0; width:320px; height:160px;}
	.nursing_department > ul > li:nth-child(1) .nd_title {background-position:118px bottom;}
	.nursing_department > ul > li:nth-child(2) .nd_title {background-position:left bottom;}
	.nursing_department .nd_title .ndt_eng,
	.nursing_department .nd_title .ndt_kor {display:block;}
	.nursing_department .nd_title .ndt_kor {margin-left:-2px; margin-top:4px;}
	.nursing_department .nd_descript {display:inline-block; width:100%; height:112px; background:#fff; padding:0 72px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.nursing_department .nd_title .ndt_eng,
	.nursing_department .nd_title .ndt_kor {display:inline-block;}
	.nursing_department > ul > li:nth-child(1) .nd_title {background-position:right 48px bottom -48px;}
	.nursing_department > ul > li:nth-child(2) .nd_title {background-position:right 8px bottom -16px;}
	.nursing_department .nd_descript {padding:20px 24px; border:1px solid #ddd; border-top:0;}
}
@media (max-width:767px) {
	.nursing_department .nd_title .ndt_eng,
	.nursing_department .nd_title .ndt_kor {display:inline-block;}
	.nursing_department > ul > li:nth-child(1) .nd_title {background-position:right 48px bottom -48px;}
	.nursing_department > ul > li:nth-child(2) .nd_title {background-position:right 8px bottom -16px;}
	.nursing_department .nd_descript {padding:20px 24px; border:1px solid #ddd; border-top:0;}
}

/* 수련교육 소개  */
.organization_traEdu {position:relative;}
.organization_traEdu::before {content:'';position:absolute; top:0; left:50%; width:1px; height:195px;background:#dedede;z-index:-1;}
.organization_traEdu::after {content:'';position:absolute; top:195px; left:50%; margin-left:-235px; width:470px; height:1px;background:#dedede;}
.organization_traEdu > ul::before {content:'';position:absolute; top:195px; left:225px;; width:1px; height:23px;background:#dedede;}
.organization_traEdu > ul::after {content:'';position:absolute; top:195px; right:225px; width:1px; height:23px;background:#dedede;z-index:-1;}	

[class^="organization_"] > ul > li > ul {position:relative;}
[class^="organization_"] > ul > li > ul::after {display:block; content:''; clear:both;}
[class^="organization_"] > ul > li > ul > li {}

[class^="organization_"] p {display:block; border:1px solid transparent; background:#eee;}
[class^="organization_"] p > span {display:block; letter-spacing:-0.048em; text-align:center; height:48px; line-height:48px;}
[class^="organization_"] > ul > li > p {background:#454550;}
[class^="organization_"] > ul > li > p > span {font-family:'Noto Sans KR'; font-weight:500; color:#fff;}
[class^="organization_"] > ul > li > ul > li > p {background:#669c3b; margin:0 auto; width:70%;}
[class^="organization_"] > ul > li > ul > li > p > span {font-family:'Noto Sans KR'; font-weight:500; color:#fff;}
[class^="organization_"] > ul > li > ul > li > ul > li > p {background:#f8f8f8; border-color:#ddd; margin:0 auto; width:70%;}
[class^="organization_"] > ul > li > ul > li > ul > li > p > span {color:#000;}
[class^="organization_"] > ul > li > ul > li > ul > li > ul > li > p {background:none; border-color:#ddd;}
[class^="organization_"] > ul > li > ul > li > ul > li > ul > li > p > span {color:#444;}

@media (min-width:1180px) {
	.organization_traEdu {margin-top:48px;}
	
	[class^="organization_"] > ul > li > ul {margin:0 -16px;}
	[class^="organization_"] > ul > li > ul > li {padding:0 16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li {margin-top:16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:36px; float:left; width:50%; padding:0 16px;}

	.organization_traEdu > ul > li > ul {margin-top:16px;}
	.organization_traEdu > ul > li > ul > li {width:100%;}

	[class^="organization_"] a > span {font-size:15px; line-height:24px; padding:12px;}
	[class^="organization_"] > ul > li > p {width:50%; margin:0 auto;}
	[class^="organization_"] > ul > li > p > span {font-size:19px;}
	[class^="organization_"] > ul > li > ul > li > p > span {font-size:17px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.organization_traEdu::after {margin-left:-260px; width:520px;}
	.organization_traEdu > ul::before {left:100px;}
	.organization_traEdu > ul::after {right:100px;}		
	
	[class^="organization_"] {width:720px; margin:0 auto; margin-top:40px;}
	[class^="organization_"] > ul > li > ul {margin:0 -16px;}
	[class^="organization_"] > ul > li > ul > li {padding:0 16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li {margin-top:16px;}
	[class^="organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:36px; float:left; padding:0 10px; width:50%}

	.organization_traEdu > ul > li > ul {margin-top:15px; }
	.organization_traEdu > ul > li > ul > li {margin:0 auto;}
	
	[class^="organization_"] a > span {font-size:15px; line-height:24px; padding:12px;}
	[class^="organization_"] > ul > li > p {width:50%; margin:0 auto;}
	[class^="organization_"] > ul > li > p > span {font-size:19px;}
	[class^="organization_"] > ul > li > ul > li > p > span {font-size:17px;}
}
@media (max-width:767px) {	
	.organization_traEdu {margin-top:32px;}
	.organization_traEdu::before {display:none;}
	.organization_traEdu::after {display:none;}
	.organization_traEdu > ul::before {display:none;}
	.organization_traEdu > ul::after {display:none;}		
	
	[class^="organization_"] > ul > li > ul {margin:0 -8px;}
	[class^="organization_"] > ul > li > ul > li {width:100%; padding:0 8px;}
	[class^="organization_"] > ul > li > ul > li > ul > li {margin-top:8px;}
	[class^="organization_"] > ul > li > ul > li > ul > li > ul > li {margin-top:2px;}

	.organization_traEdu > ul > li > ul {margin-top:15px;}
	.organization_traEdu > ul > li > ul > li:nth-child(2n+1) {clear:both;}
	.organization_traEdu > ul > li > ul > li:nth-child(n+3) {margin-top:32px;}

	[class^="organization_"] a > span {font-size:13px; line-height:16px; padding:8px;}
	[class^="organization_"] > ul > li > p {width:70%; margin:0 auto;}
	[class^="organization_"] > ul > li > p > span {font-size:17px;}
	[class^="organization_"] > ul > li > ul > li > p > span {font-size:15px;}
	[class^="organization_"] > ul > li > ul > li > ul > li > ul > li > p {margin:0 auto; width:70%;}
}

/* 약제과 소개 */
.medication_department {font-size:0; line-height:0; margin-top:32px;}
.medication_department > ul > li {padding-top:32px; background:url(../image/content/medication_department/medication_department_arrow.png) no-repeat center 11px;}
.medication_department > ul > li > div {position:relative;}
.medication_department > ul > li:first-child {padding-top:0; background:none;}
.medication_department .md_title {padding:28px 32px; z-index:0;}
.medication_department .md_title .mdt_eng {font-family:'Lato'; font-size:16px; line-height:1; color:#fff; vertical-align:middle;}
.medication_department .md_title .mdt_kor {font-size:32px; line-height:1; letter-spacing:-0.048em; color:#fff; vertical-align:middle;}
.medication_department .md_descript {position:relative; z-index:5;}
.medication_department > ul > li > div::before,
.medication_department .md_descript::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
.medication_department .md_descript .p_descript,
.medication_department .md_descript .s_list {display:inline-block; vertical-align:middle;}
.medication_department > ul > li:nth-child(1) .md_title {background:url(../image/content/medication_department/medication_department_vision_bg.png) no-repeat #364bae 0 0;}
.medication_department > ul > li:nth-child(2) .md_title {background:url(../image/content/medication_department/medication_department_mission_bg.png) no-repeat #2175ab 0 0;}

@media (min-width:1180px) {
	.medication_department > ul > li > div {height:160px; padding-left:264px;}
	.medication_department .md_title {position:absolute; left:0; top:0; width:320px; height:160px;}
	.medication_department > ul > li:nth-child(1) .md_title {background-position:right bottom; background-size:auto 100%;}
	.medication_department > ul > li:nth-child(2) .md_title {background-position:right 40px bottom;}
	.medication_department .md_title .mdt_eng,
	.medication_department .md_title .mdt_kor {display:block;}
	.medication_department .md_title .mdt_kor {margin-left:-2px; margin-top:4px;}
	.medication_department .md_descript {display:inline-block; width:100%; height:136px; background:#fff; padding:0 128px;}
	.medication_department .md_descript .p_descript {font-size:20px; line-height:1; text-align:center;}
}
@media (min-width:768px) and (max-width:1179px) {
	.medication_department .md_title .mdt_eng,
	.medication_department .md_title .mdt_kor {display:inline-block;}
	.medication_department > ul > li:nth-child(1) .md_title {background-position:right 56px bottom -32px;}
	.medication_department > ul > li:nth-child(2) .md_title {background-position:right 48px bottom -16px;}
	.medication_department .md_descript {padding:20px 24px; border:1px solid #ddd; border-top:0;}
}
@media (max-width:767px) {
	.medication_department .md_title .mdt_eng,
	.medication_department .md_title .mdt_kor {display:inline-block;}
	.medication_department > ul > li:nth-child(1) .md_title {background-position:right -56px bottom -32px;}
	.medication_department > ul > li:nth-child(2) .md_title {background-position:right -8px bottom -16px;}
	.medication_department .md_descript {padding:20px 24px; border:1px solid #ddd; border-top:0;}
}

/* 물리작업치료과 */
.pwt_top {position:relative; margin-top:64px;}
.pwt_top p,
.pwt_top p strong,
.pwt_top p span,
.pwt_top::before,
.pwt_top::after {display:block;}
.pwt_top::before {z-index:0;}
.pwt_top::after {z-index:5;}
.pwt_top p {position:relative; z-index:10;}
.pwt_top p strong {font-weight:500;}
.pwt_top p span {color:#283763;}

@media (min-width:1180px) {
	.pwt_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/pwt/pwt_bg.png) no-repeat #fbfcff left -48px top -24px;}
	.pwt_top::after {content:''; position:absolute; left:0; top:-32px; width:340px; height:calc(100% + 32px); background:url(../image/content/pwt/pwt_person.png) no-repeat center top;}
	.pwt_top p {padding:32px; padding-left:340px;}
	.pwt_top p strong {font-size:24px; line-height:32px; color:#223777;}
	.pwt_top p span {font-size:14px; line-height:22px; margin-top:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.pwt_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/pwt/pwt_bg.png) no-repeat #fbfcff left -48px top -24px;}
	.pwt_top::after {content:''; position:absolute; left:0; top:-32px; width:300px; height:calc(100% + 32px); background:url(../image/content/pwt/pwt_person.png) no-repeat center top;}
	.pwt_top p {padding:24px; padding-left:300px;}
	.pwt_top p strong {font-size:24px; line-height:32px; color:#223777;}
	.pwt_top p span {font-size:14px; line-height:22px; min-height:66px; margin-top:8px;}
}
@media (max-width:767px) {
	.pwt_top {padding-top:128px;}
	.pwt_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:128px; background:url(../image/content/pwt/pwt_bg.png) no-repeat #fbfcff center top -24px;}
	.pwt_top::after {content:''; position:absolute; left:0; top:-32px; width:100%; height:160px; background:url(../image/content/pwt/pwt_person.png) no-repeat center top;}
	.pwt_top p strong {font-size:18px; line-height:26px; color:#fff; background:#223777; padding:6px 16px;}
	.pwt_top p span {font-size:14px; line-height:22px; padding:12px 8px;}
}

/* 운동재활과 - 상단 */
.er_top {position:relative; margin-top:64px;}
.er_top p,
.er_top p strong,
.er_top p span,
.er_top::before,
.er_top::after {display:block;}
.er_top::before {z-index:0;}
.er_top::after {z-index:5;}
.er_top p {position:relative; z-index:10;}
.er_top p strong {font-weight:500;}
.er_top p span {color:#2b4b24;}

@media (min-width:1180px) {
	.er_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/exercise_rehabilitation/er_bg.png) no-repeat #fefefb left -48px top -24px;}
	.er_top::after {content:''; position:absolute; left:0; top:-32px; width:340px; height:calc(100% + 32px); background:url(../image/content/exercise_rehabilitation/er_person.png) no-repeat center top;}
	.er_top p {padding:32px; padding-left:340px;}
	.er_top p strong {font-size:24px; line-height:32px; color:#238401;}
	.er_top p span {font-size:14px; line-height:22px; margin-top:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.er_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/exercise_rehabilitation/er_bg.png) no-repeat #fefefb left -48px top -24px;}
	.er_top::after {content:''; position:absolute; left:0; top:-32px; width:300px; height:calc(100% + 32px); background:url(../image/content/exercise_rehabilitation/er_person.png) no-repeat center top;}
	.er_top p {padding:24px; padding-left:300px;}
	.er_top p strong {font-size:24px; line-height:32px; color:#238401;}
	.er_top p span {font-size:14px; line-height:22px; margin-top:8px;}
}
@media (max-width:767px) {
	.er_top {padding-top:128px;}
	.er_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:128px; background:url(../image/content/exercise_rehabilitation/er_bg.png) no-repeat #fefefb center top -24px;}
	.er_top::after {content:''; position:absolute; left:0; top:-32px; width:100%; height:160px; background:url(../image/content/exercise_rehabilitation/er_person.png) no-repeat center top;}
	.er_top p strong {font-size:18px; line-height:26px; color:#fff; background:#1f6008; padding:6px 16px;}
	.er_top p span {font-size:14px; line-height:22px; padding:12px 8px;}
}

/* 운동재활과 */
.exercise_rehabilitation {margin:32px auto 0 auto;}

@media (min-width:1180px) {
	.exercise_rehabilitation {width:863px; height:606px; background:url(../image/content/exercise_rehabilitation/er_bg_p.png) no-repeat center top;}
}
@media (min-width:768px) and (max-width:1179px) {
	.exercise_rehabilitation {width:768px; height:606px; background:url(../image/content/exercise_rehabilitation/er_bg_t.png) no-repeat center top;}
}
@media (max-width:767px) {
	.exercise_rehabilitation {width:274px; height:722px; background:url(../image/content/exercise_rehabilitation/er_bg_m.png) no-repeat center top;}
}

/* 감염관리실 */
.icr_top {position:relative; margin-top:64px;}
.icr_top p,
.icr_top p strong,
.icr_top p span,
.icr_top::before,
.icr_top::after {display:block;}
.icr_top::before {z-index:0;}
.icr_top::after {z-index:5;}
.icr_top p {position:relative; z-index:10;}
.icr_top p strong {font-weight:500;}
.icr_top p span {color:#314c4c;}

@media (min-width:1180px) {
	.icr_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/icr/icr_bg.png) no-repeat #f4fdfd left -24px top;}
	.icr_top::after {content:''; position:absolute; left:0; top:-32px; width:340px; height:calc(100% + 32px); background:url(../image/content/icr/icr_person.png) no-repeat center top;}
	.icr_top p {padding:32px; padding-left:340px;}
	.icr_top p strong {font-size:24px; line-height:32px; color:#08849a;}
	.icr_top p span {font-size:14px; line-height:22px; margin-top:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.icr_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/icr/icr_bg.png) no-repeat #f4fdfd left -24px top; background-size:auto 100%;}
	.icr_top::after {content:''; position:absolute; left:0; top:-32px; width:300px; height:calc(100% + 32px); background:url(../image/content/icr/icr_person.png) no-repeat center top;}
	.icr_top p {padding:32px; padding-left:316px;}
	.icr_top p strong {font-size:24px; line-height:32px; color:#08849a;}
	.icr_top p span {font-size:14px; line-height:22px; min-height:66px; margin-top:8px;}
}
@media (max-width:767px) {
	.icr_top {padding-top:128px;}
	.icr_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:128px; background:url(../image/content/icr/icr_bg.png) no-repeat #f4fdfd center top;}
	.icr_top::after {content:''; position:absolute; left:0; top:-32px; width:100%; height:160px; background:url(../image/content/icr/icr_person.png) no-repeat center top;}
	.icr_top p strong {font-size:18px; line-height:26px; color:#fff; background:#0e7486; padding:6px 16px;}
	.icr_top p span {font-size:14px; line-height:22px; padding:12px 8px;}
}

/* 질향상 */
.qi_top {position:relative; margin-top:64px;}
.qi_top p,
.qi_top p strong,
.qi_top p span,
.qi_top::before,
.qi_top::after {display:block;}
.qi_top::before {z-index:0;}
.qi_top::after {z-index:5;}
.qi_top p {position:relative; z-index:10;}
.qi_top p strong {font-weight:500;}
.qi_top p span {color:#382f53;}

@media (min-width:1180px) {
	.qi_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/qi/qi_bg.png) no-repeat #fbfafe left -48px top -24px;}
	.qi_top::after {content:''; position:absolute; left:0; top:-32px; width:340px; height:calc(100% + 32px); background:url(../image/content/qi/qi_person.png) no-repeat center top;}
	.qi_top p {padding:32px; padding-left:340px;}
	.qi_top p strong {font-size:24px; line-height:32px; color:#372795;}
	.qi_top p span {font-size:14px; line-height:22px; margin-top:8px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.qi_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/content/qi/qi_bg.png) no-repeat #fbfafe left -48px top -24px;}
	.qi_top::after {content:''; position:absolute; left:0; top:-32px; width:300px; height:calc(100% + 32px); background:url(../image/content/qi/qi_person.png) no-repeat center top;}
	.qi_top p {padding:24px; padding-left:300px;}
	.qi_top p strong {font-size:24px; line-height:32px; color:#372795;}
	.qi_top p span {font-size:14px; line-height:22px; min-height:66px; margin-top:8px;}
}
@media (max-width:767px) {
	.qi_top {padding-top:128px;}
	.qi_top::before {content:''; position:absolute; left:0; top:0; width:100%; height:128px; background:url(../image/content/qi/qi_bg.png) no-repeat #fbfafe center top -24px;}
	.qi_top::after {content:''; position:absolute; left:0; top:-32px; width:100%; height:160px; background:url(../image/content/qi/qi_person.png) no-repeat center top;}
	.qi_top p strong {font-size:18px; line-height:26px; color:#fff; background:#554399; padding:6px 16px;}
	.qi_top p span {font-size:14px; line-height:22px; padding:12px 8px;}
}

/* 질향상 - 활동*/
.qi_list_top {margin-top:32px; padding:32px; text-align:center; background:url(../image/content/qi/qi_top_bg.png) no-repeat #fbfafe center center; background-size:auto 100%;}
.qi_list_top strong {display:block; font-size:22px; line-height:28px; font-weight:500; color:#372795;}
.qi_list_top p {display:block; font-size:16px; line-height:24px; color:#382f53; margin-top:8px;}

.qi_list {font-size:0; line-height:0; margin-top:16px;}
.qi_list > ul > li {position:relative; padding:20px 24px; border-bottom:1px solid #d5d5ec;}
.qi_list > ul > li:first-child {border-top:1px solid #d5d5ec;}
.qi_list > ul > li::after {display:block; content:''; clear:both;}

.qi_list .qil_title::before {display:inline-block; content:''; width:64px; height:64px; vertical-align:middle; background:red;}
.qi_list .qil_title > span {display:inline-block; font-size:16px; line-height:24px; font-weight:500; color:#222; vertical-align:middle; margin-left:16px;}

.qi_list > ul > li:nth-child(1) .qil_title::before {background:url(../image/content/qi/qi_ico_01.png) no-repeat center center; background-size:100%;}
.qi_list > ul > li:nth-child(2) .qil_title::before {background:url(../image/content/qi/qi_ico_02.png) no-repeat center center; background-size:100%;}
.qi_list > ul > li:nth-child(3) .qil_title::before {background:url(../image/content/qi/qi_ico_03.png) no-repeat center center; background-size:100%;}
.qi_list > ul > li:nth-child(4) .qil_title::before {background:url(../image/content/qi/qi_ico_04.png) no-repeat center center; background-size:100%;}

@media (min-width:1180px) {
	.qi_list > ul > li {padding-left:280px;}
	.qi_list .qil_title {position:absolute; left:24px; top:20px;}
	.qi_list .s_list {margin-top:0;}
}
@media (min-width:768px) and (max-width:1179px) {
	.qi_list > ul > li {padding-left:280px;}
	.qi_list .qil_title {position:absolute; left:24px; top:20px;}
	.qi_list .s_list {margin-top:0;}	
}
@media (max-width:767px) {
	.qi_list .s_list {margin-top:16px;}	
}

/* 임상신경심리 */
.clinic_neuropsycholog {font-size:0; line-height:0; border:1px solid #ddd; margin-top:16px;}
.clinic_neuropsycholog > ul {margin:-8px;}
.clinic_neuropsycholog > ul::after {display:block; content:''; clear:both;}
.clinic_neuropsycholog > ul > li {float:left; padding:8px;}
.clinic_neuropsycholog > ul > li > div {position:relative;}
.clinic_neuropsycholog .cn_img {display:inline-block;}
.clinic_neuropsycholog .cn_descript span {display:block; font-size:15px; line-height:23px; margin-top:8px;}
.clinic_neuropsycholog .cn_descript p {display:block; font-size:11px; line-height:19px; margin-top:2px;}
.clinic_neuropsycholog > ul > li:nth-child(1) .cn_img {background:url(../image/content/clinic_neuropsycholog/cn_img_01.png) no-repeat center center; background-size:100%;}
.clinic_neuropsycholog > ul > li:nth-child(2) .cn_img {background:url(../image/content/clinic_neuropsycholog/cn_img_02.png) no-repeat center center; background-size:100%;}
.clinic_neuropsycholog > ul > li:nth-child(3) .cn_img {background:url(../image/content/clinic_neuropsycholog/cn_img_03.png) no-repeat center center; background-size:100%;}

@media (min-width:1180px) {
	.clinic_neuropsycholog {padding:32px;}
	.clinic_neuropsycholog > ul > li {text-align:center;}
	.clinic_neuropsycholog .cn_img {width:150px; height:150px;}
}
@media (min-width:768px) and (max-width:1179px) {	
	.clinic_neuropsycholog {padding:24px;}
	.clinic_neuropsycholog > ul > li {text-align:center;}
	.clinic_neuropsycholog .cn_img {width:110px; height:110px;}
}
@media (max-width:767px) {		
	.clinic_neuropsycholog {padding:16px;}
	.clinic_neuropsycholog > ul > li > div {height:70px; padding-left:86px;}
	.clinic_neuropsycholog .cn_img {width:70px; height:70px; position:absolute; left:0; top:0;}
	.clinic_neuropsycholog > ul > li > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
	.clinic_neuropsycholog .cn_descript {display:inline-block; vertical-align:middle;}
	.clinic_neuropsycholog .cn_descript span {margin-top:0;}
}

/* 인지재활 */
.cognitive_rehabilitation {margin-top:16px;}
.cognitive_rehabilitation > ul {margin:-12px;}
.cognitive_rehabilitation > ul::after {display:block; content:''; clear:both;}
.cognitive_rehabilitation > ul > li {float:left; padding:12px;}
.cognitive_rehabilitation > ul > li > div {position:relative;}
.cognitive_rehabilitation .cr_img {position:absolute; left:0; top:0;}
.cognitive_rehabilitation .cr_descript .crd_num {display:inline-block; font-family:'Lato'; font-size:12px; line-height:20px; letter-spacing:0; padding:0 12px; border-radius:11px; background:#6870cd; color:#fff;}
.cognitive_rehabilitation .cr_descript .crd_txt {display:block; font-size:14px; line-height:22px; margin-top:6px;}

.cognitive_rehabilitation > ul > li:nth-child(1) .cr_img {background:url(../image/content/cognitive_rehabilitation/cr_img_01.png) no-repeat center center; background-size:100%;}
.cognitive_rehabilitation > ul > li:nth-child(2) .cr_img {background:url(../image/content/cognitive_rehabilitation/cr_img_02.png) no-repeat center center; background-size:100%;}
.cognitive_rehabilitation > ul > li:nth-child(3) .cr_img {background:url(../image/content/cognitive_rehabilitation/cr_img_03.png) no-repeat center center; background-size:100%;}
.cognitive_rehabilitation > ul > li:nth-child(4) .cr_img {background:url(../image/content/cognitive_rehabilitation/cr_img_04.png) no-repeat center center; background-size:100%;}
.cognitive_rehabilitation > ul > li:nth-child(5) .cr_img {background:url(../image/content/cognitive_rehabilitation/cr_img_05.png) no-repeat center center; background-size:100%;}
.cognitive_rehabilitation > ul > li:nth-child(6) .cr_img {background:url(../image/content/cognitive_rehabilitation/cr_img_06.png) no-repeat center center; background-size:100%;}

@media (min-width:1180px) {
	.cognitive_rehabilitation > ul > li > div {height:120px; padding-left:144px; padding-top:24px;}
	.cognitive_rehabilitation .cr_img {width:120px; height:120px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.cognitive_rehabilitation > ul > li > div {height:100px; padding-left:128px; padding-top:14px;}
	.cognitive_rehabilitation .cr_img {width:100px; height:100px;}
}
@media (max-width:767px) {
	.cognitive_rehabilitation > ul > li > div {min-height:80px; padding-left:96px; padding-top:4px;}
	.cognitive_rehabilitation .cr_img {width:80px; height:80px;}
}

/* 입퇴원절차 */
.retirement_procedure {margin-top:32px;}
.retirement_procedure > ul {margin:-8px 0;}
.retirement_procedure > ul > li {padding:8px 0;}
.retirement_procedure > ul > li > div {position:relative; background:#fbfbfe;}
.retirement_procedure .rp_img {display:block; width:64px; height:64px; position:absolute; left:0; top:0; background:url(../image/content/retirement_procedure/rp_bg.png) no-repeat center center;}
.retirement_procedure .rp_num {display:inline-block; width:24px; height:24px; border-radius:12px; font-family:'Lato'; font-size:12px; line-height:24px; letter-spacing:0; font-weight:500; text-align:center; background:#5e51ae; color:#fff; vertical-align:middle; margin-right:4px;}
.retirement_procedure .rp_title {display:inline-block; font-size:16px; line-height:24px; color:#35249c; vertical-align:middle;}

.retirement_procedure > ul > li:nth-child(1) .rp_img {background-position:0 0;}
.retirement_procedure > ul > li:nth-child(2) .rp_img {background-position:0 -64px;}
.retirement_procedure > ul > li:nth-child(3) .rp_img {background-position:0 -128px;}
.retirement_procedure > ul > li:nth-child(4) .rp_img {background-position:0 -192px;}
.retirement_procedure > ul > li:nth-child(5) .rp_img {background-position:0 -256px;}
.retirement_procedure > ul > li:nth-child(6) .rp_img {background-position:0 -320px;}

@media (min-width:1180px) {
	.retirement_procedure > ul > li > div {padding:28px 32px; padding-left:128px; min-height:128px;}
	.retirement_procedure .rp_img {left:32px; top:32px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.retirement_procedure > ul > li > div {padding:20px 24px; padding-left:112px; min-height:112px;}
	.retirement_procedure .rp_img {left:24px; top:24px;}
}
@media (max-width:767px) {
	.retirement_procedure > ul > li > div {padding:12px 16px; padding-left:80px; min-height:80px;}
	.retirement_procedure .rp_img {width:48px; height:48px; left:16px; top:16px; background-size:48px auto;}

	.retirement_procedure > ul > li:nth-child(1) .rp_img {background-position:0 0;}
	.retirement_procedure > ul > li:nth-child(2) .rp_img {background-position:0 -48px;}
	.retirement_procedure > ul > li:nth-child(3) .rp_img {background-position:0 -96px;}
	.retirement_procedure > ul > li:nth-child(4) .rp_img {background-position:0 -144px;}
	.retirement_procedure > ul > li:nth-child(5) .rp_img {background-position:0 -192px;}
	.retirement_procedure > ul > li:nth-child(6) .rp_img {background-position:0 -240px;}
}

/**********************************************************************************
	전문재활
**********************************************************************************/

/* 운동분석치료실 */
.kinetic_analysis {margin-top:16px;}
.kinetic_analysis > ul {margin:-8px 0;}
.kinetic_analysis > ul::after {display:block; content:''; clear:both;}
.kinetic_analysis > ul > li {position:relative; float:left; padding:8px 0; padding-right:48px;}
.kinetic_analysis > ul > li::after {display:block; content:''; width:16px; height:25px; background:url(../image/content/kinetic_analysis/ka_arrow.png) no-repeat center center; position:absolute; right:16px; top:50%; margin-top:-13px;}
.kinetic_analysis > ul > li:last-child::after {display:none;}
.kinetic_analysis > ul > li > div {position:relative; background:#fbfbfe;}
.kinetic_analysis .ka_img {display:block; width:64px; height:64px; position:absolute; left:0; top:0; background:url(../image/content/kinetic_analysis/ka_ico_bg.png) no-repeat center center;}
.kinetic_analysis .ka_num {display:inline-block; width:24px; height:24px; border-radius:12px; font-family:'Lato'; font-size:12px; line-height:24px; letter-spacing:0; font-weight:500; text-align:center; background:#5e51ae; color:#fff; vertical-align:middle; margin-right:4px;}
.kinetic_analysis .ka_title {display:inline-block; font-size:16px; line-height:24px; color:#35249c; vertical-align:middle;}

.kinetic_analysis > ul > li:nth-child(1) .ka_img {background-position:0 0;}
.kinetic_analysis > ul > li:nth-child(2) .ka_img {background-position:0 -64px;}
.kinetic_analysis > ul > li:nth-child(3) .ka_img {background-position:0 -128px;}
.kinetic_analysis > ul > li:nth-child(4) .ka_img {background-position:0 -192px;}
.kinetic_analysis > ul > li:nth-child(5) .ka_img {background-position:0 -256px;}
.kinetic_analysis > ul > li:nth-child(6) .ka_img {background-position:0 -320px;}

@media (min-width:1180px) {
	.kinetic_analysis > ul > li > div {padding:28px 32px; padding-left:128px; min-height:128px;}
	.kinetic_analysis .ka_img {left:32px; top:32px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.kinetic_analysis > ul > li > div {padding:20px 0; padding-left:112px; min-height:112px;}
	.kinetic_analysis .ka_img {left:24px; top:24px;}
}
@media (max-width:767px) {
	.kinetic_analysis > ul > li > div {padding:12px 16px; padding-left:80px; min-height:80px;}
	.kinetic_analysis .ka_img {width:48px; height:48px; left:16px; top:16px; background-size:48px auto;}

	.kinetic_analysis > ul > li:nth-child(1) .ka_img {background-position:0 0;}
	.kinetic_analysis > ul > li:nth-child(2) .ka_img {background-position:0 -48px;}
	.kinetic_analysis > ul > li:nth-child(3) .ka_img {background-position:0 -96px;}
	.kinetic_analysis > ul > li:nth-child(4) .ka_img {background-position:0 -144px;}
	.kinetic_analysis > ul > li:nth-child(5) .ka_img {background-position:0 -192px;}
	.kinetic_analysis > ul > li:nth-child(6) .ka_img {background-position:0 -240px;}
}

/* 장애인 건강증진센터 */
.cpmhd {margin-top:16px;}
.cpmhd > ul {margin:-8px 0;}
.cpmhd > ul::after {display:block; content:''; clear:both;}
.cpmhd > ul > li {position:relative; float:left; padding:8px 0; padding-right:48px;}
.cpmhd > ul > li::after {display:block; content:''; width:16px; height:25px; background:url(../image/content/cpmhd/c_arrow.png) no-repeat center center; position:absolute; right:16px; top:50%; margin-top:-13px;}
.cpmhd > ul > li:last-child::after {display:none;}
.cpmhd > ul > li > div {position:relative; background:#fbfbfe;}
.cpmhd .c_img {display:block; width:64px; height:64px; position:absolute; left:0; top:0; background:url(../image/content/cpmhd/c_ico_bg.png) no-repeat center center;}
.cpmhd .c_num {display:inline-block; width:24px; height:24px; border-radius:12px; font-family:'Lato'; font-size:12px; line-height:24px; letter-spacing:0; font-weight:500; text-align:center; background:#5e51ae; color:#fff; vertical-align:middle; margin-right:4px;}
.cpmhd .c_title {display:inline-block; font-size:16px; line-height:24px; color:#35249c; vertical-align:middle;}

.cpmhd > ul > li:nth-child(1) .c_img {background-position:0 0;}
.cpmhd > ul > li:nth-child(2) .c_img {background-position:0 -64px;}
.cpmhd > ul > li:nth-child(3) .c_img {background-position:0 -128px;}
.cpmhd > ul > li:nth-child(4) .c_img {background-position:0 -192px;}
.cpmhd > ul > li:nth-child(5) .c_img {background-position:0 -256px;}
.cpmhd > ul > li:nth-child(6) .c_img {background-position:0 -320px;}

@media (min-width:1180px) {
	.cpmhd > ul > li > div {padding:28px 32px; padding-left:128px; min-height:128px;}
	.cpmhd .c_img {left:32px; top:32px;}
}
@media (min-width:768px) and (max-width:1179px) {
	.cpmhd > ul > li > div {padding:20px 0; padding-left:112px; min-height:112px;}
	.cpmhd .c_img {left:24px; top:24px;}
}
@media (max-width:767px) {
	.cpmhd > ul > li > div {padding:12px 16px; padding-left:80px; min-height:80px;}
	.cpmhd .c_img {width:48px; height:48px; left:16px; top:16px; background-size:48px auto;}

	.cpmhd > ul > li:nth-child(1) .c_img {background-position:0 0;}
	.cpmhd > ul > li:nth-child(2) .c_img {background-position:0 -48px;}
	.cpmhd > ul > li:nth-child(3) .c_img {background-position:0 -96px;}
	.cpmhd > ul > li:nth-child(4) .c_img {background-position:0 -144px;}
	.cpmhd > ul > li:nth-child(5) .c_img {background-position:0 -192px;}
	.cpmhd > ul > li:nth-child(6) .c_img {background-position:0 -240px;}
}

/* 장애인 체력인증센터 */
.hpcc_process {margin-top:16px;}
.hpcc_process > ul {margin:-8px;}
.hpcc_process > ul::after {display:block; content:''; clear:both;}
.hpcc_process > ul > li {float:left; padding:8px;}
.hpcc_process .box_nh {margin-top:0;}
.hpcc_process .box_nh .bn_b {height:110px;}

/* 사회복귀지원 */
.sr_program {font-size:0; line-height:0; border:1px solid #ddd; margin-top:16px;}
.sr_program > ul {margin:-8px 0; padding-left:16px;}
.sr_program > ul::after {display:block; content:''; clear:both;}
.sr_program > ul > li {position:relative; float:left; padding:8px 0; padding-right:16px;}
.sr_program > ul > li::after {display:block; content:''; width:16px; height:25px; background:url(../image/content/social_return/sr_arrow.png) no-repeat center center; position:absolute; right:0; top:50%; margin-top:-13px;}
.sr_program > ul > li:last-child::after {display:none;}
.sr_program > ul > li > div {position:relative;}
.sr_program .srp_img {display:inline-block;}
.sr_program .srp_descript {display:block; font-size:15px; line-height:23px; margin-top:8px;}
.sr_program > ul > li:nth-child(1) .srp_img {background:url(../image/content/social_return/srp_img_01.png) no-repeat center center; background-size:100%;}
.sr_program > ul > li:nth-child(2) .srp_img {background:url(../image/content/social_return/srp_img_02.png) no-repeat center center; background-size:100%;}
.sr_program > ul > li:nth-child(3) .srp_img {background:url(../image/content/social_return/srp_img_03.png) no-repeat center center; background-size:100%;}

@media (min-width:1180px) {
	.sr_program {padding:32px;}
	.sr_program > ul > li {text-align:center;}
	/* .sr_program > ul > li:first-child {padding-left:16px;} */
	.sr_program .srp_img {width:150px; height:150px;}
}
@media (min-width:768px) and (max-width:1179px) {	
	.sr_program {padding:24px;}
	.sr_program > ul > li {text-align:center;}
	/* .sr_program > ul > li:first-child {padding-left:16px;} */
	.sr_program .srp_img {width:110px; height:110px;}
}
@media (max-width:767px) {		
	.sr_program {padding:16px; padding-left:0;}
	.sr_program > ul > li > div {height:70px; padding-left:86px;}
	.sr_program .srp_img {width:70px; height:70px; position:absolute; left:0; top:0;}
	.sr_program > ul > li > div::before {display:inline-block; content:''; height:100%; vertical-align:middle;}
	.sr_program .srp_descript {display:inline-block; vertical-align:middle; margin-top:0;}
}

/**********************************************************************************
	재활사업
**********************************************************************************/

/* 성상담신청 */
.box_privacy {position:relative; padding:20px 24px; margin-top:32px; border:1px solid #f1f2f8;background:#fcfcff;}
.essential {clear:both; width:100%; margin-top:8px; text-align:center;}
.essential > * { display:inline-block; font-size:14px;  vertical-align:middle;}
.essential span { margin:2px; line-height:1.9em}
.essential label { margin:2px 7px; font-size:16px; font-weight:500;}