/* =============================================================================
   공통
   ========================================================================== */

img { display: block; margin: auto; }
.SBtween { display: flex; justify-content: space-between; flex-wrap: wrap; }

.sns_link a { display: block; background: #FFF; }

.con{line-height: 1.7;}
.con h3{font-size:28px; margin-bottom:1rem; color:#172541; line-height: 1.5;}
.con h4 {display:block;position:relative;margin:3.5rem 0 1.5rem;padding-bottom:17px;color:#000;font-size:26px;font-weight:400;letter-spacing:-1px;line-height:1.3; }
.con h4:before {content:'';display:block;position:absolute;left:0;bottom:0;width:40px;height:3px;background:#8FC100;}
.con h4:nth-of-type(1){margin-top:0;}

.con h5.plain{font-size:20px; margin-bottom:10px; font-weight:600; color: black;}

.con h5.tline{font-size:20px; margin-top:2rem; margin-bottom:10px; font-weight:600; padding-left:0.8rem; color:#205B5E; padding-top:2.3rem; position:relative;}
.con h5.tline:before{content : ""; display : block; position : absolute; left :0; top:0; width:100%;  height : 1px; background : #D7D7D7;}
.con h5.tline span{position:relative;}
.con h5.tline span:before {content:'';display:block;position:absolute;left:-0.8rem;top:-10px;width:0.95rem;height:1.1rem;background:url(/images/default/content/bul.png)no-repeat 0 0; background-size:100% 100%;}

.con h5.tline:nth-of-type(1){margin-top:0; padding-top:8px;}
.con h5.tline:nth-of-type(1):before{display:none;}

.con h5.tline:nth-of-type(1).br{ margin-top:2rem; padding-top:2rem; }
.con h5.tline:nth-of-type(1).br:before{display:block;}

.con h6{font-size:17px; margin-top:1.2rem; color:#0E0E0E;}

.txt_menu {display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;}
.txt_menu p{font-size:1.2rem;}
.txt_menu a{background:#0ba848;color:#fff;display:inline-block;padding:0.5rem 0.8rem;}
.txt_menu a i{padding-left:0.8rem;}

.top_txt{margin-bottom:2rem; background:#F6F3EE; color: #676767; padding:1rem;}
.top_txt_in{display:table; margin-right:auto; margin-left:auto;} /*박스안에서 왼쪽정렬글씨 가운데로 보낼때 감싸주세요*/

.point1{color: #428500;}

.ast{position:relative; padding-left:20px; font-size:0.75rem; margin-top:10px; color:#db6807;vertical-align: top;}
.ast:before {content:'※';display:block;position:absolute;left:0;top:0;} 

.message-box{background:#DFF0D8; padding:10px 20px; border-left:5px solid #CAE6BE; font-size:16px; margin:10px 0;}
.message-box p{color:#3C763D; font-weight:600;}
.message-box span{margin:0 5px; color:#9A9A9A;}

.mg1{margin:1rem 0;}

/*새창열기*/
.btnLink a{background:#4C6E00;position:relative;padding:.15rem .55rem; font-size:0.75rem; padding-right:44px;border-radius:.25rem;color:#fff;}
.btnLink a i {position: absolute;    width: 32px;    height: 100%;   right: 0;    top: 0;    background-color: rgba(255,255,255,.15);    font-size: 16px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;}


@media (max-width:1030px){
	.con h3{font-size:1.4rem;}
	
}
@media (max-width:767px){
	.con h4{font-size:1.3rem;}
	.con h5.plain,
	.con h5.tline{font-size:18px; line-height:1.6;}
	
	.con h5.tline:before{left : -20%; width :200%; }
	
	.con h6{font-size:16px;}
	.top_txt{font-size:1rem;}

	.ast{font-size:0.9rem;}
	.btnLink a{font-size:14px; padding:5px 10px; padding-right:44px;}
}

.centerCon { margin: auto; display: block; }

/*테이블*/
.Table { width: 100%; border-spacing: 0; border-collapse : collapse; }
.Table table { width: 100%; }
.Table .textL { text-align: left; }
.Table .textR { text-align: right; }
.Table th { align-content:stretch; background: #FFEDAC; }
.Table td { color: #777; }
.Table th, .Table td { border: 1px solid #ddd; padding: 1rem 2rem; text-align: center; }
.Table th:first-child, .Table td:first-child{ border-left: 0 !important; }
.Table th:last-child, .Table td:last-child{ border-right: 0 !important; }
.Table input,
.Table select{width:100%;}

@media (max-width:767px){
	.Table table { font-size:14px; }
}


/*테이블2*/
.table-scroll{}
.table_con{width:100%;max-width:1122px; border:1px solid #dadada;}
.table_con td,
.table_con th{border-bottom:1px solid #dadada; border-left:1px solid #dadada;padding:0.5rem 1rem;}
.table_con th{font-weight:normal;color:#333;}
.table_con thead th{background:#EEEEEE;}
.table_con tbody th{font-weight:500; color:#000; background:#F5F5F5;}
.table_mg{margin:1rem 0;}





@media (max-width:767px){
	.table_con{font-size:0.9rem;}

}



.lineTop_tb {max-width:none;width:calc(100% - 1px);border-collapse:collapse;table-layout: fixed;}
.lineTop_tb th,
.lineTop_tb td {height: 23px;padding:0 10px;border-right:1px solid #dddfe5;border-bottom:1px solid #dddfe5;text-align:center;word-break:break-all;}
.lineTop_tb thead th {min-height:24px;padding:10px;background:#f1f2f7;color:#000;font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-1px;vertical-align:middle;}
.lineTop_tb td:last-child,
.lineTop_tb th:last-child {border-right:0;}
.lineTop_tb tbody td {padding:15px 10px;color:#000;font-size:16px;font-weight:400;line-height:1.4;text-align:center;letter-spacing:-1px;word-break:break-all;}
.lineTop_tb tfoot td {padding:15px 10px;color:#000;font-size:16px;font-weight:400;line-height:1.4;text-align:center;letter-spacing:-1px;}
.lineTop_tb.txtL tbody td {text-align:left;}
.lineTop_tb th[rowspan],
.lineTop_tb td[rowspan] {border-right:1px solid #dddfe5;border-left:1px solid #dddfe5;}
.lineTop_tb th[rowspan]:first-child,
.lineTop_tb td[rowspan]:first-child {border-right:1px solid #dddfe5;border-left:none;}
.lineTop_tb th[rowspan]:last-child,
.lineTop_tb td[rowspan]:last-child {border-right:none;border-left:1px solid #dddfe5;}

/*다운로드 버튼*/
.btn_down{background:#0aa847;color:#fff;padding:0.5rem 3rem 0.5rem 1.5rem;display:inline-block;margin-top:20px;position:relative;}
.btn_down i{position:absolute;right:1rem;}

/*리스트 도트*/
.listPoint > li{position:relative;padding-left:0.8rem;}
.listPoint > li:after{content : "\ea3e"; display : block; font-size:0.7rem; font-weight:500; color:#787878; position : absolute; font-family:'xeicon'; top:0.2rem; left:0;}
.listPoint > li > ul{margin:0.5rem 0 1rem; color:#787878; font-size:0.8rem;}
.listPoint > li > ul > li{position:relative;padding-left:0.8rem;}
.listPoint > li > ul > li:after{content : ""; display : block; position : absolute; width:8px;height:1px;top:13px; left:0; background-color:#a4a4a4; color:#787878;}


/* =============================================================================
   01. 의료원안내
   ========================================================================== */
/*인사말*/


.dot{}
.dot li{margin-top:5px; position: relative; padding-left:15px; }
.dot li:before{ content : ""; display : block; position : absolute; left :0; top:0.65rem; width : 3px; height : 3px; background : #0BA848; border-radius:50%; }
.dot li:first-child{margin-top:0;}



/* 조직도 */
.organization_box{position:relative; text-align:center;}
.organization_box .contents_box{position:relative; }
.organization_box .contents_box2{margin-top:2rem;}
.organization_box .dep1{position:relative; display:inline-block; margin-bottom:158px; width:200px; border-radius:6px; background-color:#0BA848; font-size:18px; font-weight:500; color:#fff; line-height:60px;}
.organization_box .dep1:before{content : ""; display : block; position:absolute; left:50%; bottom:-140px; width:1px; height:140px; background-color:#c5c9d6;}
.organization_box .under{position:absolute; left:50%; transform:translateX(-50%);  top:70px; width:200px; border:1px solid #58BA76; border-radius:6px; font-size:16px; font-weight:500; color:#0BA848; line-height:48px; background:#fff;}
.organization_box .under2{top:130px;}

.organization_box .dep2{position:absolute; left:calc(50% + 28px);display:inline-block; width:200px; border:1px solid #c5c9d6; border-radius:6px; background-color:#f7f8fa; font-size:16px; font-weight:300; color:#363c5a; line-height:43px;}
.organization_box .dep2:before{content : ""; display : block; position:absolute; left:-28px; bottom:22px; width:28px; height:1px; background-color:#c5c9d6;}
.organization_box .dep2.newCol1{top:73px;}
.organization_box .dep2.newCol2{top:130px;}

.organization_box .list_box{position:relative;}
.organization_box .list_box:before{content : ""; display:inline-block; position:absolute; left:0; right:1px; top:-20px; width:80%; height:1px; margin-left:auto; margin-right:auto; background-color:#c5c9d6;}
.organization_box .list_box li{float:left; width:18%; margin:0 1%;}
.organization_box .list_box .cont_box{position:relative; width:100%; margin:0 auto; z-index:0;}
.organization_box .list_box .cont_box:before{content : ""; display:inline-block; position:absolute; left:50%; top:-20px; width:1px; height:20px; background-color:#c5c9d6; z-index:-1;}
.organization_box .list_box .cont_box .title{width:100%; border:1px solid #58BA76; border-radius:6px; font-size:16px; font-weight:500; color:#0BA848; line-height:48px; background:#fff;}
.organization_box .list_box .cont_box .cont{min-height:140px; margin-top:-3px; padding-top:20px; padding-bottom:20px; border-left:1px solid #c5c9d6; border-bottom:1px solid #c5c9d6; border-right:1px solid #c5c9d6; border-radius:0 0 6px 6px;}
.organization_box .list_box .cont_box .cont li,.organization_box .list_box .cont_box .cont li:first-child{float:none; width:100%;}
.organization_box .list_box.type1 .cont_box .cont li{font-size:0.85rem; color:#636363; line-height:24px; text-align:left; margin-left:30px; position:relative;}
.organization_box .list_box.type1 .cont_box .cont li:before{ content : ""; display : block; position : absolute; left :-10px; top:10px; width : 4px; height : 4px; background : #666; border-radius:50%; }

.organization_box .list_box.type2:before{display:none;}
.organization_box .list_box.type2 li,.organization_box .list_box.type2 li:first-child{float:left; width:48%;}
.organization_box .list_box.type2 .cont_box{width:98%;}
.organization_box .list_box.type2 .cont_box:before{display:none;}
.organization_box .list_box.type2 .cont_box .title,.organization_box .list_box.type2 .cont_box .title span{width:200px; border:0; border-radius:6px; background-color:#58BA76; font-weight:500; color:#fff; line-height:50px; margin:0 auto;}
.organization_box .list_box.type2 .cont_box .cont{position:relative; min-height:auto; margin-top:19px; padding:7px 14px; border-top:1px solid #c5c9d6; border-radius:6px;}
.organization_box .list_box.type2 .cont_box .cont:before{content : "";  position:absolute; left:50%; top:-20px; display:block; width:1px; height:20px; background-color:#c5c9d6;}
.organization_box .list_box.type2 .cont_box .cont li{float:left; width:29.333%; margin:2%; text-align:center;}
.organization_box .list_box.type2 .cont_box .cont li span{display:block; border-radius:6px; background-color:#f4f5f9; font-size:0.85rem; color:#363c5a; line-height:50px;}
.organization_box .list_box.type2 .cont_box .cont li ul{margin-top:10px;}
.organization_box .list_box.type2 .cont_box .cont li ul li{float:none;width:100%; font-size:0.7rem; color:#111; text-align:left; position:relative; margin-left:25px;}
.organization_box .list_box.type2 .cont_box .cont li ul li:before{ content : ""; display : block; position : absolute; left :-10px; top:10px; width : 2px; height : 2px; background : #111; border-radius:50%; }



@media (max-width:767px){
.organization_box .dep1{margin-bottom:0;}
.organization_box .dep2{position:relative; left:auto;top:auto !important; margin-top:10px;}
.organization_box .dep2:before{display:none;}
.organization_box .list_box{margin-top:30px;}
.organization_box .list_box:before{top:-8px; width:67%;}
.organization_box .list_box li{width:31.333%; margin:2% 1%;}
.organization_box .list_box .cont_box .cont{min-height:140px; padding-bottom: 0px;}
.organization_box .list_box .cont_box:before{height:14px; top:-14px;}
.organization_box .list_box.type1 .cont_box .cont li{margin-left:20px;}
.organization_box .list_box.type2 li, .organization_box .list_box.type2 li:first-child{width:100%;}

}
@media (max-width:350px){
.organization_box .list_box.type1 .cont_box .cont li{font-size:0.75rem;margin-left:15px;}
}


/*연혁*/
.his{clear:both;overflow:hidden;margin-top:5rem;}
.his:first-child{margin-top:0;}
.his .his_wrap{margin-top:4rem; display:flex; justify-content: space-between;}
.his .img_zone{padding-top:19.55rem; background:url('/images/default/content/his_img.jpg') no-repeat center center; position:relative;margin-left:2rem;box-shadow: 0px 8px 15px rgb(0 0 0 / 25%);width:19.5rem;background-size:cover;}
.his_wrap:nth-of-type(2) .img_zone{ background:url('/images/default/content/his_img2.jpg') no-repeat center center; background-size:cover;}
.his .img_zone:after{border:2px solid #0ba848;width:100%;height:100%;content:'';display:block;position:absolute;left:-2rem;bottom:-2rem;z-index:-1;}

.his .text_zone{text-align:left;margin-left:3rem;}
.his .text_zone .his_year{font-size:1.4rem;font-weight:600;color:#0ba848;}
.his .text_zone ul{margin-top:1rem;position:relative;padding-left:2rem;}
.his .text_zone ul:after{height:100%;width:2px;content:'';display:block;position:absolute;left:0;top:0;background:#58ba76;}
.his .text_zone ul li{position:relative;padding-left:4rem;margin-bottom:0.5rem;}
.his .text_zone ul li:after{width:10px;height:10px;background:#58ba76;left:-2rem;top:10px;content:'';display:block;position:absolute;
border-radius:100%;transform:translateX(-40%);}
.his .text_zone ul li span{position:absolute;left:0;}
.his .text_zone ul li:first-child:after{width:20px;height:20px;background:#58ba76;left:-2rem;top:0;content:'';display:block;position:absolute;
border-radius:100%;transform:translateX(-50%);}

.his .his_wrap:nth-child(odd){flex-direction:row-reverse; }
.his .his_wrap:nth-child(odd) .text_zone{margin-left:1rem; margin-right:3rem;}
.his .his_wrap:nth-child(odd) .img_zone{margin-right:2rem;margin-bottom:2rem;}
.his .his_wrap:nth-child(odd) .img_zone:after {background:#58ba76;border:2px solid #58ba76; left:auto; right:-2rem;}


@media (max-width:767px){
	.his .img_zone{width:100%;margin-left:0;padding-top:60%;}
	.his .his_wrap{flex-wrap:wrap;margin-top:1rem;}
	.his .img_zone:after{display:none;}
	.his .img_zone{margin:2rem 0 !important;width:100%;}
	.his .text_zone{margin-left:1rem;}
	.his .text_zone ul li {padding-left:0;margin-bottom:1rem;}
	.his .text_zone ul li span{position:relative;color:#0ba848}
}


/*미션&비전*/
.vis h3.vis_tit{font-size:1.5rem;color:#565872;font-weight:500;margin:4rem 0 1.5rem 0;}
.vis h3.vis_tit:first-child{margin-top:0;}
.vis p.vis_img{padding:3rem 1rem;background:url(/images/default/content/vis_img01.jpg)no-repeat center center;background-size:cover;font-size:1.25rem;color:#fff;}
.vis p.vis_img02{background:url(/images/default/content/vis_img02.jpg)no-repeat center center;}
.vis .core_wrap{display:flex;justify-content:space-between;}
.vis .core_wrap .core_bx{display: flex;flex-direction: column;align-items: center;width:31%;}
.vis .core_wrap .core_bx span{border:15px solid #569ed1;display: flex;align-items: center;;width:12.5rem;height:12.5rem;border-radius:100%;padding:2rem 1.5rem 2rem 1.5rem ;}
.vis .core_wrap .core_bx .core_tit{font-size:1.05rem;color:#000;font-weight:500;position:relative;}
/* .vis .core_wrap .core_bx .core_tit:after{width:7.5rem;height:1px;background:#ddd;content:'';display:block;position:absolute;left:0;bottom:0;} */
.vis .core_wrap .core_bx .core_txt{padding-top:1.5rem;}
.vis .core_wrap .core_bx:nth-child(2) span{border:15px solid #11a54d;}
.vis .core_wrap .core_bx:nth-child(3) span{border:15px solid #4C6E00;}
.vis .core_wrap .core_bx .core_list{background:#f9f9f9;border:1px solid #d9d9d9;padding:2rem 1rem; height:48%;  margin-top:3rem;position:relative;width: 100%;}
.vis .core_wrap .core_bx .core_list:after{width:10px;height:10px;content:'';display:block;position:absolute;left:50%;
background:#569ed1;top:0;transform:translate(-50%,-50%);border-radius:100%;}
.vis .core_wrap .core_bx:nth-child(2) .core_list:after{background:#11a54d;}
.vis .core_wrap .core_bx:nth-child(3) .core_list:after{background:#4C6E00;}
.vis .core_wrap .core_bx .core_list:before{width:1px;height:3rem;background:#dddddd;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:-3rem;}
.vis .core_wrap .core_bx .core_list p {font-size:1rem;color:#000;font-weight:600;padding-bottom:1.5rem;} 
.vis .core_wrap .core_bx .core_list ul li{text-align:left;position:relative;padding-left:1rem;margin-bottom:0.5rem;font-size:0.8rem;}
.vis .core_wrap .core_bx .core_list ul li:last-child{margin-bottom:0;}
.vis .core_wrap .core_bx .core_list ul li:after{display:block;position:absolute;content:'';background:url(/images/default/content/core_point.png)no-repeat;background-size:cover;width:7px;height:8px;top:9px;left:0;}

@media (max-width:1030px){
.vis .core_wrap .core_bx span{width:15rem;height:15rem;}
.vis .core_wrap .core_bx .core_tit:after{display:none;}
.vis .core_wrap .core_bx .core_tit{border-bottom:1px solid #ddd;}
.vis .core_wrap .core_bx .core_list p{font-size:1.1rem;}
.vis .core_wrap .core_bx .core_list ul li{margin-bottom:0; font-size:1rem;}
.vis .core_wrap .core_bx .core_list ul li:after{top:6px}
}
@media (max-width:767px){
.vis .core_wrap{flex-wrap:wrap;}
.vis .core_wrap .core_bx{width:100%;margin-bottom:3rem;}
.vis .core_wrap .core_bx:last-child{margin-bottom:0;}
.vis .core_wrap .core_bx .core_list{height:auto;}

}


/*직원헌장*/
.staff h3.staff_tit {background:url(/images/default/content/staff_img.jpg)no-repeat center center;background-size:cover;color:#fff;font-size:1.25rem;font-weight:400;padding:3.5rem 1rem;margin-bottom:0;}
.staff ul{background:#f9f9f9;padding:4rem 1rem;border-bottom:5px solid #0ba848;position:relative;}
.staff ul:after{content:'';display:block;position:absolute;background:url(/images/default/content/staff_point.png)no-repeat;background-size:cover;width:6.6rem;height:9.9rem;right:2rem;bottom:2rem;}
.staff ul li{text-align:left;font-size:1rem;padding-bottom:1.25rem;}
.staff ul li:last-child{padding-bottom:0;}
.staff ul li em{font-size:1.25rem;font-weight:600;color:#0ba848;margin-right:0.5rem;}
@media (max-width:1030px){
.staff ul li em{display:block;margin-right:0;}
}

/*찾아오시는 길*/
.map{width:100%;}
.map .root_daum_roughmap{width:100% !important; height:25rem; margin-bottom:2rem;}
.map .root_daum_roughmap .wrap_map{height:100% !important;}
.map .address{border:1px solid #ddd;padding:0 0.5rem;justify-content:space-around;padding:2rem 1rem;}
.map .address li{text-align:center;position:relative;text-align:left;padding-left:6rem;margin-bottom:1rem;}
.map .address li:last-child{margin-bottom:0;}
.map .address li span{color:#0ba848;font-weight:600;margin-right:1rem;position:absolute;left:0;}
.map .address li span img{margin-right:0.5rem;}
.map .address li p {display:inline-block;padding:0 1rem;position:relative;}
.map .address li p:after{width:1px;height:100%;background:#ddd;content:'';display:block;position:absolute;right:0;top:0;}
.map .address li p.tell{padding-left:0;}
.map .address li p:last-child:after{display:none;}
.map .map_bx li {padding-left:0;}
.map .map_bx li span{display:block;position:relative;}
.map .address li p.tell{padding-left:0;}

@media (max-width:1030px){
.map .address li span{position:relative;display:block;margin-bottom:0.5rem;}
.map .address li {padding-left:0;}
.map .address li p{display:block;padding:0;}
.map .address li p:after{display:none;}		
.map .root_daum_roughmap{height:20rem;}
}

/*협력병원*/
.family{overflow:hidden; margin:-1%;}
.family li{width:23%; margin:1%; float:left;}
.family li a{display:block; border:1px solid #ddd;}
.family li a img{width:100%;}

.family_list ul {display:flex;margin:0 -1.25rem;margin-top:1.5rem;}
.family_list ul li{width: calc(100%/6 - 2.5rem - 1px);margin:0 1.25rem;text-align:center;position:relative}
.family_list ul li:after{width: 21px;height: 23px; content: '';display: block; position: absolute;right:-1.75rem;
    background: url(/images/default/content/clinic_arrow.png)no-repeat;background-size: cover;top: 2.5rem;}
.family_list ul li:last-child:after{display:none;}
.family_list ul li .list_bx{background:#0aa847;width:6rem;height:6rem;display:inline-block;border-radius:100%;display:flex;justify-content:center;
align-items:center;margin:0 auto;}
.family_list ul li .family_list_txt{padding-top:1.5rem;position:relative;}
.family_list ul li .family_list_txt:after{content:'';display:block;width:1px;height:1rem;background:#dddddd;left:50%;transform:translateX(-50%);
top:0;position:absolute;}
.family_list ul li .family_list_txt .tit{color:#0aa847;font-size:1rem;}

@media (max-width:1400px){
	.family_list ul li .list_bx {width:5rem;height:5rem;}
	.family_list ul li .list_bx img{width:3rem;}
	.family_list ul li .family_list_txt {font-size:0.9rem;}
	.family_list ul li:after{width: 21px;height: 23px; content: '';display: block; position: absolute;right:-2.25rem;
    background: url(/images/default/content/clinic_arrow.png)no-repeat;background-size: cover;top: 2rem;}
}
@media (max-width:1030px){
	.family li{width:31.33%;}
	.family_list ul {flex-wrap:wrap;margin-bottom:-1rem;}
	.family_list ul li{width: calc(100%/3 - 2.5rem - 1px);margin-bottom:1rem;}
	.family_list ul li:after{display:none;}
}

@media (max-width:767px){
	.family li{width:48%;}
	.family_list ul li .list_bx {width:4rem;height:4rem;}
	.family_list ul li .list_bx img {width:2.5rem;}
}




/* =============================================================================
   02. 병원이용안내
   ========================================================================== */

/*간호간병통합*/
.nursing{padding:2rem;}
.nursing .nur{margin:1rem 0; width:100%; display:flex; align-items: center; align-content:stretch;position:relative;}
.nursing .nur:before{content : ""; display : block; position : absolute; left : 50%; bottom:-1.8rem;  width :1.3rem; height :2.65rem; background: url("/images/default/content/arr.png") no-repeat 0 0; background-size:100% 100%; }
.nursing .nur:last-child:before{display:none;}
.nursing .nur span{display:block;  background:#fff; border:0.5rem solid #00589e; width:170px; height:170px; display: flex; align-items: center; justify-content: center; flex-direction: column;border-radius:50%; text-align:center; position:relative; z-index:2;}
.nursing .nur div{flex:1; background:#f8f8f8; height:105px; padding-right:1rem; display: flex; align-items: center; }
.nursing .nur span img{margin-bottom:10px; width:2.7rem;}
.nursing .nur p{flex-basis: 20%;flex-shrink:0; height:100%; align-content:stretch; background:#00589e; color:#fff;display: flex; align-items: center; justify-content: center; flex-direction: column; position:relative; z-index:0; text-align:center;}
.nursing .nur p:before{content : ""; display : block; position : absolute; left : -50%; top:0;  width :100%; height :100%; background : #00589e; z-index:-1;}
.nursing .nur ul{font-size:0.8rem; margin-left:1rem;}
.nursing .nur ul li{margin-top:0; padding-left:10px;}

.nursing .nur.n02 span{border-color: #0e6fbe;}
.nursing .nur.n02 p,
.nursing .nur.n02 p:before{background:#0e6fbe;}
.nursing .nur.n03 span{border-color: #b0cbe1;}
.nursing .nur.n03 p,
.nursing .nur.n03 p:before{background:#b0cbe1; color:#222;}

.hos_nursing {padding-top:0;padding-bottom:0;}
.hos_nursing .nur p{background:#00589e;}
.hos_nursing .nur p:before{background:#00589e;}
.hos_nursing .nur span{border-color:#00589e;}

.hos_nursing .nur.n02 p{background:#b0cbe1 !important;color:#222;}
.hos_nursing .nur.n02 p:before{background:#b0cbe1;}
.hos_nursing .nur.n02 span{border-color:#b0cbe1;}

.hos_nursing .nur.n03 p{background:#00589e !important;color:#fff;}
.hos_nursing .nur.n03 p:before{background:#00589e;}
.hos_nursing .nur.n03 span{border-color:#00589e;}
.hos_nursing .nur.n04 p{background:#b0cbe1 !important;color:#222;}
.hos_nursing .nur.n04 p:before{background:#b0cbe1;}
.hos_nursing .nur.n04 span{border-color:#b0cbe1;}


@media (max-width:767px){
	.nursing{padding:10px 0; position:relative; z-index:0;}
	.nursing:before{content : ""; display : block; position : absolute; left : -30%; top:0;  width :150%; height :100%; z-index:-1;}
	.nursing .nur{display:block; padding-bottom:50px;}
	.nursing .nur:before{bottom:0; transform:translateX(-50%);}
	.nursing .nur:last-child{padding-bottom:0;}
	.nursing .nur span{width:130px; height:130px; margin:0 auto;}
	.nursing .nur div{width:100%; padding:0; display:block; height:auto; margin-top:20px;}
	.nursing .nur p{width:100%; padding:10px 0; display:block;}
	.nursing .nur p:before{width :1px; height :20px; left:50%; top:-20px;}
	.nursing .nur ul{padding:20px 5px;}
	.nursing .nur ul li{font-size:0.85rem;}
}





/*시설안내*/
.faci{display:flex; flex-wrap: wrap; justify-content: space-between; margin:-15px 0; width:100%;}
.faci .faci_img{margin:15px 0;}
.faci .faci_img div{margin-top:0.75rem;}
.faci .faci_img div img{width:100%;}

@media (max-width:767px){
	.faci{display:block; }
	.faci .faci_img{margin-top:2rem;}
	.faci .faci_img:first-child{margin-top:0;}
}

/*장비안내*/
.con_tab {margin-bottom:2.5rem; *zoom:1; border:1px solid #ccc;}
.con_tab ul{overflow:hidden; margin-right: -1px;  margin-bottom: -1px;}
.con_tab li {float:left;position:relative;z-index:1; width:16.66%; min-width:160.222px; border: 0 solid #ccc;  border-width: 0 1px 1px 0; vertical-align:middle; }
.con_tab li.on {z-index:2}
.con_tab li a {background:#f9fafb;display:block;position:relative;text-align:center;color:#1D4589; width:100%; height:50px; line-height:50px;}
.con_tab li a:hover {background:#f6f6f6;}
.con_tab li.on a {background:#0ba848;color:#fff;border-bottom:none; font-weight:bold; position:relative;}


.con ol li{position:relative; padding-left:1.5rem; line-height:1.3; margin-top:10px;}
.con ol li:before{content : "1"; display : block; position : absolute; left : 0; top:0;  width :1.1rem; height : 1.1rem; text-align:center; line-height:1.1rem; background : #8A8A8A; color:#fff; border-radius:50%; font-size:0.8rem;}
.con ol li:first-child{margin-top:0;}
.con ol li:nth-of-type(2):before{content : "2";}
.con ol li:nth-of-type(3):before{content : "3";}
.con ol li:nth-of-type(4):before{content : "4";}
.con ol li:nth-of-type(5):before{content : "5";}
.con ol li:nth-of-type(6):before{content : "6";}
.con ol li:nth-of-type(7):before{content : "7";}
.con ol li:nth-of-type(8):before{content : "8";}
.con ol li:nth-of-type(9):before{content : "9";}
.con ol li:nth-of-type(10):before{content : "10";}


.p_img_left{display:flex; margin-top:2rem; border-top:1px solid #ddd; padding-top:2rem;}
.p_img_left:nth-of-type(1){border-top:none; padding-top:0;}
.p_img_left .pro{width:20rem;}
.p_img_left .pro img{max-width:20rem;}
.p_img_left .pro_text{margin-left:3rem; width:calc(100% - 23rem);}

@media (max-width: 1460px){
	.p_img_left .pro{width:15rem;}
	.p_img_left .pro img{width:100%;}
	.p_img_left .pro_text{width:calc(100% - 18rem);}
}

@media (max-width:767px){
	.p_img_left{display:block;} 
	.p_img_left .pro{width:100%;}
	.p_img_left .pro_text{margin:30px 0 0; width:100%;}
	
	.pcon .ac{margin-bottom:30px;}
}


/*전화번호안내*/
.bigTel{font-size:1.2rem; font-weight:600; text-align:center; margin-bottom:2.5rem;}
.bigTel b{font-weight:900; color:#00589E;}
.bigTel b:nth-of-type(2){font-weight:900; color:#0BA848;}
.bigTel img{vertical-align:middle; width:2.9rem;}
.bigTel li{display:inline-block;}
.bigTel li:nth-of-type(2){margin-left:30px; padding-left:30px; position:relative; }
.bigTel li:nth-of-type(2):before{content : ""; display : block; position : absolute; left : 0; top:20%;  width :1px; height : 60%; background : #d4d4d4;}

@media (max-width:767px){
	.bigTel{text-align:left;}
	.bigTel li{display:block; margin:10px 0;}
	.bigTel li:nth-of-type(2){margin-left:0px; padding:0;}
	.bigTel li:nth-of-type(2):before{display:none;}
}

/*층별안내*/
.floor .pcon img{max-width:100%;}
.floor_bg{text-align:center; background:#FBFBFB; padding:1rem;}


/* =============================================================================
   03. 진료안내
   ========================================================================== */

/*진료과 안내*/
.clinic_list{display:flex;flex-wrap:wrap;margin:-1%;}
.clinic_list li{width:18%;text-align:center;margin: 1% ;border:1px solid #ddd;}
.clinic_list li a{display:block;position:relative;padding-top:100%;}
.clinic_list li a:after {content:"";display:block;position:absolute;width:0;height:3px;left:50%;bottom:0;background-image:#00b3b6;background:-moz-linear-gradient(left, #8fc100 0%, #0ba848 100%);background-image:-webkit-linear-gradient(left, #8fc100 0%,#0ba848 100%);background-image:linear-gradient(to right, #8fc100 0%,#0ba848 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc100', endColorstr='#0ba848',GradientType=1);;transition:all .3s ease;}
.clinic_list li a p{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.clinic_list li img{transform: rotate(0); transition: all .3s; -webkit-transition: all .3s;}
.clinic_list li span{display:block;}
.clinic_list li .clinic_img{margin:0 auto;}
.clinic_list li .clinic_txt{margin-top:1rem; color:#212121; font-weight:600; letter-spacing:-0.05em;}
.clinic_list li a:hover:after {width:100%;left:0;}
.clinic_list li a:hover img{transform: rotateY(180deg);}

@media (max-width:1030px){
	.clinic_list li{width:23%;}
	.clinic_list li .clinic_img{width:3rem;}
	.clinic_list li .clinic_txt{font-size:0.9rem;}

}

@media (max-width:767px){
	.clinic_list li{width:31.333333%;}
	.clinic_list li a{padding-top:120%;}
	.clinic_list li .clinic_img{margin-top:1rem;}
	.clinic_list li .clinic_txt{font-size:1rem;}
}


/*진료과소개, 의료진소개*/
.doc_intro{display:flex; justify-content: space-between;  align-items: flex-start; border-bottom:1px solid #ddd; padding-bottom:1.5rem; margin-bottom:1.5rem;}
.doc_intro .pic{flex-basis: 20%;}
.doc_intro .pic span{display:block; padding-top:120%;}
.doc_intro .txt{flex-basis: 35%;}
.doc_intro .txt h4{margin-bottom:0;}
.doc_intro .txt .spec{display:flex; flex-wrap: wrap;}
.doc_intro .txt .spec p{flex-basis: 25%; color:#212121; margin-top:10px;}
.doc_intro .txt ul{font-size:0.75rem; flex-basis: 75%; margin-top:10px;}
.doc_intro .txt ul li{margin-top:0;}
.doc_intro .duty{width:15px; height:15px; border-radius:50%; background:#00a9f7; display:inline-block; vertical-align:middle;}

.doc_intro .tb_part{flex-basis:40%;}
.doc_intro .tb_part table th,
.doc_intro .tb_part table td{padding: 0.5rem 0;}
.doc_intro .tb_part p{text-align:right; font-size:13px; margin-bottom:10px;}
.doc_intro .tb_part p .duty{width:10px; height:10px;}

button.btn-label{position: relative;display: inline-block;  margin-left:10px; line-height: 1.5;    text-align: center;    vertical-align: middle;    cursor: pointer;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    color: #fff;    background-color: #4ba6ef;    border-color: #4ba6ef;    border: 1px solid transparent;    padding: .27rem .55rem;    border-radius: .25rem; padding-left: 44px;}
button.btn-label i{position: absolute;    width: 32px;    height: 100%;    left: 0;    top: 0;    background-color: rgba(255,255,255,.15);    font-size: 16px;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    align-items: center;    -webkit-box-pack: center;    -ms-flex-pack: center;    justify-content: center;}
button.btn-label.down{ padding: .15rem .55rem; padding-left: 44px;  background-color: #44bab9; }

@media (max-width:1030px){
	.doc_intro{display:block;}
	.doc_intro .pic{width:50%;}
	.doc_intro .txt{margin:20px 0;}
}



/*진료절차 안내*/
.ann_list{display:flex; padding:1rem; margin-bottom:2rem;}
.ann_list li{text-align:center;position:relative; flex-basis: 20%;}
.ann_list li:after{width:21px;height:23px;content:'';display:block;position:absolute; right:0; margin-right:-10px; background:url(/images/default/content/clinic_arrow.png)no-repeat;background-size:cover;top:50%; transform:translateY(-50%); }
.ann_list span{display:block; margin-top:10px; color:#000; line-height:1.2; }
.ann_list span em{display:block; font-size:0.8rem;}
.ann_list li:last-child:after{display:none;}
.ann_list li img{width:4rem;}
.ann_list.num3 li{flex-basis: 33.33%;}
.ann_list.num4 li{flex-basis: 25%;}
.ann_list.num6 li{flex-basis:16.667%;}
.ann_list.num7 li{flex-basis:14.28%;}
.ann_list.num8 li{flex-basis: 12.5%;}


@media (max-width:1030px){
	.ann_list{flex-wrap: wrap;}
	.ann_list li{flex-basis: 25% !important; font-size:0.9rem; margin:10px 0;}
	.ann_list li:nth-child(even):after{display:none;}
}


@media (max-width:767px){
	.ann_list li{flex-basis: 50% !important;}
}


/*재활센터 안내*/
.img_bx{display:flex;flex-wrap:wrap;margin:-1%;}
.img_bx > div{margin:1%;width:31.333%;}
.img_bx > div img{width:100%;}
.img_bx > div p{text-align:center;padding:0.5rem 0;}

@media (max-width:767px){
.img_bx img{width:100%;}
.img_bx > div{width:48%;}
}

/*건강검진 항목*/
.health .ast{margin:1rem 0;}
.hea_img{overflow:hidden; margin:-1%;}
.hea_img li{width:23%; float:left; margin:1%;}
.hea_img img{width:100%;}

@media (max-width:767px){
.hea_img li{width:48%;}
}


/*종합건강검진*/
.exam .top_txt{margin-top:2rem;}
.cost{margin-top:1rem; font-weight:600;}

/*학생건강검진*/
@media (max-width:767px){
	.student_table {width:100%;overflow-x:auto;white-space:nowrap;}
	.student_table table{width:auto;}
	.student_table table td img{width:1rem;}
}

/*나의 건강체크 추가 페이지*/
.self_health_txt{width:100%;}
.self_health{width:100%;border-top:1px solid #ddd;}
.self_health_img{margin: 5px 0 24px 0;}
.self_health li{width:50%; float:left;border-bottom: 1px solid #ddd;}
.self_health li p{float:left; width:100%; color:#777;}
.self_health li p span{display:inline-block; background:#FFEDAC;text-align: center; width: 20%; color:#222;height: 3vw; line-height: 3vw;}
.self_health li p a{float: right; display: inline-block; line-height: 2.2vw; background: #bbb; color: #fff; border-radius: 50%; width: 2vw; height: 2vw; margin-top: 0.5vw; text-align: center; font-size: 31px; font-weight: 300; margin-right: 17px;transition:0.3s;}
.self_health li p a:hover{background:#FFEDAC;color:#222;}
.self_health + p{clear:both; text-align:center;padding: 31px 0 0px 0;}
.self_health + p a{display:inline-block;padding: 5px 15px; background: #e8342f;margin-top: 4px; border-radius:20px; color:#fff;}
@media (max-width:767px){
	.self_health{border-top:0;}
	.self_health li{width:100%; float:none;border-bottom:0;}
	.self_health li:first-child p{border-top:1px solid #eee;}
	.self_health li p{border-bottom: 1px solid #eee;}
	.self_health li p span{height: 8vw; line-height: 9vw; font-size: 13px;}
	.self_health li p a{line-height: 7.2vw; width: 6vw; height: 6vw; margin-top: 1vw; font-size: 19px; margin-right: 17px;}
	.self_health + p{font-size:13px;}
}


/*진료예약*/
.step_join{display:flex;margin:0 0 2rem 0;}
.step_join > li{position:relative; width:33.3333333%; text-align:center; }
.step_join > li:before,
.step_join > li:after{position:absolute; top:26%; margin-top:-1px; left:0; width:0; height:2px; background:#00589E; content:''; }
.step_join > li:before{width:100%; /* background:#EBEEF5; */ background:#00589E;}
.step_join > li:after{background:#00589E;}
/* .step_join > li.active:after{width:50%; } */
.step_join > li.step_line:after{width:100%; background:#00589E;}
.step_join > li > span{display:block; /* color:#3b3b3b; */ color: #00589E; font-size:1rem; font-weight:700; }
.step_join > li > span > em{position:relative; display:block; width:2.6rem; height:2.6rem; margin:0 auto .5rem ; line-height:2.6rem; /* background:#EBEEF5; */background:#00589E; border-radius:50%; /* color:#3b3b3b; */ color:#fff; z-index:1; }
/* .step_join > li.active > span{color:#00589E; }
.step_join > li.active > span > em{background:#00589E; color:#fff;} */

.required{text-align:right; margin-bottom:10px;}
.required em{color: #F44336; margin-right: 5px;}

h4 .required{font-size:0.7rem; color:#111; margin-left:5px;}
h4 .required.nore em{color:#111; }

.chk_box .chks{margin-top:20px;}
.textarea{height:10rem; padding:1rem; overflow-y:scroll; border:1px solid #ddd; color:#111; margin-bottom:20px;}
.textarea h6{color:#646464 !important;}

@media (max-width:767px){
	.textarea{font-size:13px;}
}


.identify{text-align:center; padding:5rem 0; background:#EDF2F6;}
.identify a{ color:#212121; font-weight:700; font-size:1rem; padding:1rem;  -webkit-transition: all 0.2s;
    transition: all 0.2s; box-shadow: 0 16px 16px rgba(12,0,51,.1); background:#fff;}
.identify a > em{display: inline-block; text-indent: -99999px;}
.identify a:hover{background:#00589E; border-color:#00589E; color:#fff; box-shadow:none;}

/*캘린더*/
.sel_doc{text-align:center; font-size:22px; color:#00589E; margin-bottom:1rem;}
.calendar_Top{text-align:center; background:#EDF2F6; padding:5px 0;}
.calendar_Top big{ margin: 0; font-size: 2rem; }
.calendar_Top big .mit i > em{display: inline-block; text-indent:-9999999px;}


.calendar_bottom{display:flex;justify-content: space-between;}
.cal {width:70%;}
.sel_time{width:27%; background:#d4dfe5; padding:2rem 1rem;}
.sel_time{text-align:center; overflow:hidden;}
.sel_time li{width:46%; margin:2%; float:left;}
.sel_time li a{display:block; padding:3px 15px; border:2px solid #ddd; background:#fff;}
.sel_time li.choice a{background:#00589E; border-color:#00589E; color:#fff;}

.calendar thead tr{border-bottom:1px solid#E5E5E5; }
.calendar thead tr th { padding:0.5rem 0; width:14.28%; }
.calendar thead tr th.sun {color:#F44336;}
.calendar thead tr th.sat {color:#003D7A;}
.calendar tbody tr td {position:relative; height:4rem; font-weight:600; font-size:0.85rem; border-right:1px solid #E5E5E5; border-bottom:1px solid#E5E5E5; text-align:center;}
.calendar tbody tr td span{position:absolute; left:50%; top:50%;  transform: translate(-50%, -50%);  }
.calendar tbody tr .prev-date {background:#F5F5F5;}
.calendar tbody tr .sel:after{content : ""; display : block; position : absolute; left : 0; top:0;  width :100%; height : 100%; box-sizing:border-box; border:3px solid #83C3F2;}
.calendar tbody tr .sat {color:#003D7A;}
.calendar tbody tr .mon {color:#F44336;}
.calendar tbody tr td .ccount{margin-top:5px; background: url("/images/default/content/cal_icon.png") no-repeat 0 center; padding-left:2rem; font-size:0.9rem;  color:#F44336; font-weight:700; background-size:1.5rem auto;}
.calendar tbody tr td .ccount em{color:#666;font-weight:500;}

.calendar_bottom span{width:calc(2rem + 4px); height:calc(2rem + 4px); display:inline-block; vertical-align:middle; line-height:2rem; text-align:center;box-sizing:border-box; border-radius:50%; }
.calendar_bottom .today span{border: 2px solid #00589E !important;}
/* .calendar_bottom .today span:last-child{text-indent:-9999999px} */
.calendar_bottom .choice span{background:#00589E; color:#fff; cursor:pointer;}
.calendar_bottom .ok span{border: 2px dotted #80d4fc; cursor:pointer;}

.cal ul{margin-top:20px;}
.cal ul li{display:inline-block; margin-right:15px;}

.phone input{width:calc((100% / 3) - 12px);}

@media (max-width:767px){
	.calendar_bottom{display:block;}
	.sel_doc{font-size:1.1rem; }
	.cal,
	.sel_time{width:100%; float:none; background:#fff;}
	.cal ul li{margin-right:5px;}
	.cal ul li span{width:calc(1.5rem + 4px); height:calc(1.5rem + 4px);}
}


.info_ico{background-color: #d5c3b9; font-size: 30px; height: 75px; width: 75px; transform: rotate(45deg);	display: flex;  text-align: center;  align-items: center;
    justify-content: center;   flex-direction: column;   position: relative; color: #fff; border-radius: 100% 100% 0; margin:0 auto;}
.info_ico span{display:block; transform: rotate(316deg ); }
.info_ico span i{width: 1em; display:inline-block; vertical-align:top;  height: 1em; position:relative;}
.info_ico span i:before{content: "\e9b4";   position: absolute;   left: 50%; top:-5px;  -webkit-transform: translateX(-50%);   -ms-transform: translateX(-50%);   transform: translateX(-50%); font-family:'xeicon'; }
.complete h3{margin-top:2rem;}
.complete em{color:#009be8;}
.info_ico.warning{background-color: #f41127;}
.info_ico span i:before{content:"\ea20"; }


/* 알러창 */
.innerPop{background:rgba(0, 0, 0, .4); position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s;
    transition: all ease 0.5s; }
.innerPop .popin{width:92%; max-width:500px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; text-align:center;}
.innerPop .popin h3{color:#1E2128;  font-size:1rem; font-weight:500; height:45px; line-height:45px; border-bottom:1px solid #ccc;}
.innerPop .popin .txt{padding:1.5rem; color:#000;}
.innerPop .popin .txt strong{font-size:1.05rem; font-weight:500; display:inline-block; margin-top:20px;}
.innerPop .popin .txt ul{display:table; margin-right:auto; margin-left: auto; text-align:left; color:#8D8F98;}
.innerPop .popin .txt ul li{position:relative; padding-left:6rem;}
.innerPop .popin .txt ul li span{position:absolute; left:0; top:0; color:#222E35;}
.innerPop .popin .pop_button{overflow:hidden; width:100%;}
.innerPop .popin .pop_button li{width:50%; float:left;}
.innerPop .popin .pop_button li input{width:100%; height:2.5rem; line-height:2.5rem; border:none; background:#f4f4f4; font-size:1rem;}
.innerPop .popin .pop_button li input.confirm{background:#00589E; color:#fff;}
.innerPop .popin .pop_button li input.cancel{}
.innerPop .popin .close{right:.5rem; top:.6rem;}
.innerPop .popin .close i{color:#212121;}



/* 예약조회 */
.sbtn{display:flex;  justify-content: center;}
.ms-4 {font-size: 18px;    width: 34px;    height: 34px;    display: flex;    align-items: center;    justify-content: center;    background: #f1f1f1;    border: 1px solid #eeecec;    text-align: center;    border-radius: 20%;    color: #2b2a2a;}
.del{margin-left:15px;}
.lv01{color: #0d6efd;}
.lv02{color: #f41127;}
.lv03{color: #17a00e;}
.bottom_button{margin-top:2rem; text-align:center;}
.bottom_button a{color: #343a40; display:inline-block;    background-color: rgba(52,58,64,.1);    border-color: transparent;	font-weight: 400;    line-height: 1.5;    color: #495057;    text-align: center;    vertical-align: middle;    cursor: pointer;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border: 1px solid transparent;    padding: .47rem .75rem;    font-size: .875rem;    border-radius: .25rem;}


@media (max-width:767px){
table.lookup{border-top:2px solid #333;}
table.lookup, 
table.lookup thead, 
table.lookup tbody, 
table.lookup th, 
table.lookup td, 
table.lookup tr {display: block; font-size:0.95rem; }
table.lookup thead tr {position: absolute;top: -9999px;left: -9999px;}
table.lookup tr { margin:0; padding:0;}	  

table.lookup th{text-align:left; border-left:none; border-top:1px solid #ddd;border-bottom:none; padding:1rem; }
table.lookup td {border: none;	position: relative;	padding:10px 1rem; text-align:left; }
table.lookup td:before{margin-right:10px;}
table.lookup td:nth-of-type(0):before { content: "성함"; }
table.lookup td:nth-of-type(1):before { content: "연락처"; }
table.lookup td:nth-of-type(2):before { content: "진료과(의료진)"; }
table.lookup td:nth-of-type(3):before { content: "진료일자"; }
table.lookup td:nth-of-type(4):before { content: "예약상태"; }
table.lookup td .sbtn{position:absolute; right:1rem; top:-40px;}
}



/* =============================================================================
   04. 공공보건의료사업
   ========================================================================== */

/* 사업팀소개 */
.org_box > ul{position:relative; display:table; margin-right:auto; margin-left:auto; text-align:center; z-index:0;}
.org_box > ul:before{content : ""; display : block; position : absolute; left : 50%; transform:translateX(-50%);  top:10%;  width :1px; height : 60%; background : #7f7f7f; z-index:-1;}
.org_box > ul:after{content : ""; display : block; position : absolute; left : 50%; transform:translateX(-50%);  top:70%;  width :223px; height : 1px; background : #7f7f7f; z-index:-1;}

.org_box ul li{margin:10px;}
.org_box ul li div{width:200px; margin:0 auto; border-radius:6px; border:1px solid #0BA848; background:#fff; font-size:16px; font-weight:500; color:#0BA848; line-height:60px;}
.org_box ul li .depth1{background: #0BA848; color:#fff; font-size:18px;}
.org_box ul li .depth2{background: #f8f8f8; color:#555; border-color:#ddd;}
.org_box ul li ul{margin-top:30px; position:relative;}
.org_box ul li ul li{display:inline-block; position:relative;}
.org_box ul li ul li:before{content : ""; display : block; position : absolute; left : 50%; transform:translateX(-50%); top:-19px;  width :1px; height : 20px; background : #7f7f7f;}


@media (max-width:767px){
.org_box{min-width:280px;}
.org_box > ul{display:block; width:100%;}
.org_box > ul:before{top:12%;}
.org_box > ul:after{width:49%; top:72%;}
.org_box ul li div{width:150px;}
.org_box ul li ul li{width:calc(50% - 25px); }
.org_box ul li ul li div{width:100%;}
}
@media (max-width:430px){
.org_box ul li ul li div{font-size:13px;}
}


.gong_img{overflow:hidden; margin:-1%; margin-top:2rem;}
.gong_img li{width:30.333%; float:left; margin:1%;}
.gong_img li img{width:100%;}


/* =============================================================================
   06. 고객센터
   ========================================================================== */

/* 증명서 발급안내 */
.certi_order{display:flex; margin:2rem 0 4rem;}
.certi_order li{flex-basis:33.33%; text-align:center; font-size:1rem; font-weight:600; color:#0058AB; position:relative;}
.certi_order li:after{ content : "\e940"; display : block;font-size:3rem; font-weight:500;text-align:center; position : absolute; right:0; top:50%; transform:translateY(-50%);  font-family:'xeicon'; color:#333; }
.certi_order li:last-child:after{display:none;}
.certi_order li span{display:block; font-size:0.85rem; color:#000;}
.certi_order li em{display:block; }
.certi_order li img{width:5rem; margin:0 auto;}
.certi_order li p{margin-top:15px;}




/* =============================================================================
   07. 정보공개
   ========================================================================== */

/*경영공시*/
.link_list {display:flex;flex-wrap:wrap;align-items: stretch;margin:-0.5% -1%;padding-bottom:1rem;}
.link_list li {flex-basis:48%;margin:0.5% 1%; display: flex;}
.link_list li div{display: flex; flex:1;}
.link_list li a{ display: flex; flex:1; width:100%; height:100%; align-items: center; }


/*제공제도 안내*/
.datap{position:relative; padding-left:20px;}
.datap em{position:absolute; left:0; top:0;}

.datap2{position:relative; padding-left:27px; margin-left:20px;}
.datap2 em{position:absolute; left:0; top:0;}

/*제공목록 및 이용신청*/
.data_mana{margin:15px 0;}
.data_mana li{display:inline-block; padding:1rem 2rem; background:#f7f7f7;}


@media (max-width:767px){
.data_mana li{display:block;padding:5px 1rem;}

}



/* =============================================================================
   08. 회원서비스
   ========================================================================== */
.registerbox{color:#868787;}
.registerbox .box{padding:1rem; border:1px solid #E8ECEF; border-left:5px solid #3F51B5; background:#EBEEF5;}
.registerbox .box a{color:#303F9F; text-decoration:underline !important;}
.registerbox .box a:hover{font-weight:600;}
.registerbox h3{font-size:1.1rem; margin-top:2rem; color:#333;}
.registerbox .box2{padding:1rem; border:1px solid #E8ECEF; background:#FBFBFB; margin-top:15px;}
.registerbox .box p{color:#2B2B2B; position:relative; padding-left:20px;}
.registerbox .box p:before {content:'\f112';display:block;position:absolute;left:0;top:0;  font-family: "remixicon";} 
.registerbox p b{color:#0BA871;}



/* =============================================================================
    담당의 퇴사로 인한 이용불가 해당페이지 공지 [치과, 영유아 건강검진]
   ========================================================================== */
.con { position: relative; }
.black_pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.black_pop p { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); padding: 2rem; width: 300px; height: 300px; font-size: 1.2rem; text-align: center; background: #fff; z-index: 1; border-radius: 15px; color: red; }
.black_pop .black_bg { display: block; width: 100%; height: 100%; background: black; opacity: 0.5;}



/* =============================================================================
    웹접근성 유튜브 목록 초점 맞추기
   ========================================================================== */
.ytp-button:focus, .ytp-button{outline:auto !important;}




/* =============================================================================
    기관찾기
   ========================================================================== */
	.SBtween { display: flex; justify-content: space-between; }
	.SBCenter { display: flex; justify-content: space-between; align-items: center; }
	.CCenter { display: flex; justify-content: center; align-items: center; }

	#cnrhSearch .searchBox { margin-bottom: 2rem; padding: 2rem; background: #FBFBFB; }
	#cnrhSearch .searchBox > div { margin: auto; max-width: 1100px; }

	#cnrhSearch h4 { display: inline-block; min-width: 150px; }

	#cnrhSearch input,
	#cnrhSearch select { margin: 0.25rem; padding: 0 1.5rem; height: 60px; line-height: 60px; border: 1px solid #DDD; }

	#cnrhSearch select { min-width: 218px; color: #777; }


	#cnrhSearch .placeword { width: calc(100% - 300px); }
	#cnrhSearch .btnSearch { color: #FFF; width: 150px; text-align: center; background: black; }

	#cnrhSearch .searchBox_01 { margin-right: 100px; }
	#cnrhSearch .searchBox_02 {}
	#cnrhSearch .searchBox_03 {}

	#cnrhSearchTxt { display: flex; justify-content: space-between; flex-wrap: wrap; }
	#cnrhSearchTxt .total { display: block; margin-bottom: 2rem; width: 100%; padding: 1rem 0; border-bottom: 3px solid black; }

	#cnrhSearchTxt .info { width: 100%; }
	#cnrhSearchTxt .info > div { width: 50%; }
	#cnrhSearchTxt .info table { width: 100%; box-sizing: border-box; }
	#cnrhSearchTxt .info table td,th { padding: 0.5rem; height: 100px; border: 1px solid #DDD; border-right: 0; border-left: 0; }

	#cnrhSearchTxt .info td.add { width: 60%; background: #F8F8F8; text-align: center; font-size: 1rem; font-weight: bold; }
	#cnrhSearchTxt .info th.add { width: 60%; background: #F8F8F8; text-align: center; font-size: 1rem; font-weight: bold; }
	#cnrhSearchTxt .info td.add span { display: block; font-size: 0.8rem; font-weight: normal;}
	#cnrhSearchTxt .info th.add span { display: block; font-size: 0.8rem; font-weight: normal;}
	#cnrhSearchTxt .info td.tel { width: 30%; }
	#cnrhSearchTxt .info td.url { width: 10%; }
	#cnrhSearchTxt .info td.url a { display: inline-block; padding: 1rem; width: 50px; height: 50px; background: url('/cnrhimg/sub/ico_url.svg') no-repeat center center; border: 1px solid #EEE; border-radius: 50%; }

	#cnrhSearchTxt .infoTxt { display: block; width: 50%; height: 601px; overflow: hidden; }
	#cnrhSearchTxt .map { width: 50%; height: 600px; }

	#cnrhSearchTxt .paging_area { display: flex; justify-content: center; margin: 2rem 0; width: 100%; text-align: center; }
	#cnrhSearchTxt .paging_area > a {position:relative;display:inline-flex;justify-content:center;width:50px;height:50px;border-top: 1px #ddd solid;border-left: 1px #ddd solid; border-bottom: 1px #ddd solid; box-sizing:border-box; font-weight:normal; line-height:50px; padding:0 !important; color:#333;}
	#cnrhSearchTxt .paging_area > a:last-child {border-right: 1px #ddd solid;}
	#cnrhSearchTxt .paging_area > a.active {background: #fff; color: #0c084c; font-weight: bold;}
	#cnrhSearchTxt .paging_area > a span {color:#0c084c !important;font-weight:700;}
	#cnrhSearchTxt .paging_area > a span span {display : block; position : absolute; left : 0; bottom:0; width :100%; height : 2px; background : #0c084c;}
	#cnrhSearchTxt .paging_area > a.pageLeft {font-size:1px;color:transparent;overflow:hidden;background: url('/images/default/content/btn_prev.png') no-repeat center/8px auto;}
	#cnrhSearchTxt .paging_area > a.pageRight {font-size:1px;color:transparent;overflow:hidden;background: url('/images/default/content/btn_next.png') no-repeat center/8px auto;}

	@media (max-width: 850px) {
		#cnrhSearchTxt .info { width: 100%; flex-direction: column-reverse; }
		#cnrhSearchTxt .info > div { width: 100%; }
		#cnrhSearchTxt .map { width: 100%; }
	}
	@media (max-width: 800px) {
		.SBtween { flex-wrap: wrap; }
		.SBCenter { flex-wrap: wrap; }
		.CCenter { flex-wrap: wrap; }

		#cnrhSearch .searchBox_01 { margin-right: 0; }
		#cnrhSearch .searchBox_02 { width: 100%; }

		#cnrhSearch select { width: 100%; }
		#cnrhSearch h4 { margin-top: 2rem; width: 100%; font-size: 1.2rem; }
		#cnrhSearch .placeword { width: 100%; }
		#cnrhSearch .btnSearch { color: #FFF; width: 100%; text-align: center; background: black; }

	}


	/* =============================================================================
    업무협력기관
   ========================================================================== */
   #friend_list .box {margin: auto; max-width: 1100px;}