@charset "utf-8";
/* =============================================================================
   공통
   ========================================================================== */
/* span {font-size: 1rem;} */
.duty{color:#1F5E99;}
.miScroll{overflow-x: auto;}
.con{line-height: 1;}
.con02 {width:100%;}
.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;line-height:1.3; }
.con h4:before {content: ''; display: block; position: absolute; left: 0; top: -50%; width: 3rem; height: 2rem; 
background: url(/camcimg/sub/greetingImg.png) no-repeat; background-size: cover;}
.con h4:nth-of-type(1){margin-top:0;}
.con02 .LIstbotline{border-bottom: 1px dotted #ddd; padding:2rem 0;}
.LIstbotline{border-bottom: 1px dotted #ddd; padding:2rem 0;}
.listTit2{font-size: 1.18rem;}

.plain{font-size:20px; margin-bottom:10px; font-weight:600; color:#0C6784;}
.wrap{margin-top: 3rem;}
.tline{font-size:20px; margin-bottom:10px; font-weight:600;color:#1F5E99; position:relative;}
.tline::after{ position: absolute; content: ''; width: 5px; height: 5px; background: #40ABBF; border-radius: 50%; top: 35%; left: 0;}
.tline span{font-size: 1.25rem; margin-left:12px;}
.tline02{font-size:20px; margin-bottom:10px; font-weight:600;color:#1F5E99;}
.tline02 span{font-size: 1.25rem;}
.historyTxt { padding: 2rem; text-align: left;flex: 1;}
.historyTxt li { display: flex; margin-bottom: 5rem;}
.hisTitle {padding-right: 2rem; flex: 0.5; border-right: 1px solid #ddd;}
.hisCon {flex: 1; padding: 1rem 2rem;}
.hisCon div { line-height: 2rem;}
.hisImg { padding: 2rem; flex: 0.5;}
.hisImg img { margin-bottom: 1rem;}

.tline:nth-of-type(1):before{display:none;}
.tline:nth-of-type(1).br{ margin-top:2rem; padding-top:2rem; }
.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:black;color:#fff;display:inline-block;padding:0.5rem 0.8rem;}
.txt_menu a i{padding-left:0.8rem;}

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

.point1{color:#6AC610;}

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

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

.mg1{margin:1rem 0;}

.jinryogwa { position: relative; padding-left: 20px; font-size: 1.8rem !important; }
.jinryogwa:after {content:''; display:block; position:absolute; left:5px; top:0; width: 10px; height: 10px; border-radius: 50%; background: orange; } 
.bb { display: inline-block; width: 70px; color: #0C6784; }

.icoCheck { display: inline-block; margin-right: 5px; width: 16px;  height: 16px; background: url(/gongjuImg/ico_mini.png); background-position: bottom 0 right -16px }
.SBtween { height: 100%; display: flex;flex-direction: column;}
.CCenter { display: flex !important; justify-content: center; align-items: center; }
.SCenter { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.ACenter { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
.tbconCCenter > div div { display: flex; justify-content: center; align-items: center; }
.lineBtn { border: 2px solid #709FFF; padding: 0.5rem 0; width: 30%; max-width: 200px; color: #0C6784; }
.olLinehieght li { line-height: 1.5rem !important; }
.pause { display: flex; align-items: center; margin: auto; padding: 0 2rem; width: 900px; height: 300px; background: url(/gongjuImg/pause_bg.jpg) no-repeat; }
.pause big { display: block; font-weight: 700; color: #00CBDC; }
.img4 > div { width: calc(100% / 4 - 2%) !important; }
.img4 > li { width: calc(100% / 4 - 2%) !important; }

@media (max-width:767px){

.pause {width: 100%; }
.jinryogwa { font-size: 1.3rem !important; }
}


/*새창열기*/
.btnLink a{ position:relative; padding:.15rem .55rem; font-size:0.75rem; padding-right:44px;border-radius:.25rem;color:#fff; background:#709FFF; }
.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,
	.tline{font-size:18px; line-height:1.6;}
	
	.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;}
}



/*테이블*/
.tbcon{width: 100%;border-top: 2px solid #41504D; word-break:keep-all;}
.tbcon .tr{display: flex;  width: 100%; border-bottom: 1px solid #dadada;}
.tbcon .th{flex-basis:20%; align-content:stretch; text-align: center;color: #333; padding:15px 15px; font-weight: 500;border-right: 1px solid #dadada;background: #f5f5f5;}
.tbcon .td{flex-basis:30%; padding:15px 15px;}
.tbcon .td p{line-height:40px;}
.tbcon .wide{flex-basis:80%;}
.tbcon input,
.tbcon select{width:100%;}

@media (max-width:767px){
	.tbcon .tr{flex-wrap: wrap; font-size:14px; border:none;}
	.tbcon .th{flex-basis:30%; word-break:break-all; padding:10px 0; line-height:40px; border-bottom: 1px solid #dadada; }
	.tbcon .td{flex-basis:70%;border-bottom: 1px solid #dadada; }
}


/*테이블2*/
.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;font-size:1rem;}
.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. 의료원안내
   ========================================================================== */
/*인사말*/
.ceo{margin-bottom:2rem; position:relative; text-align:right; z-index:0; }
.ceo:after{ content : ""; display : block; position : absolute; left :0; top:12%; width : 100%; box-sizing:border-box; height : 84.5%; border:0.7rem solid #58ba76; border-bottom:0; border-top-left-radius:1rem;  border-top-right-radius:1rem; z-index:-1;}
.ceo .ceo_txt{position:absolute; left:8%; top:40%;; text-align:left; max-width:55%;}
.ceo .ceo_txt h3{font-weight:400;}
.con .ceo_txt h3 em{color:#0C6784; font-weight:600;}
.ceo img{margin-right:0.7rem;}
.sign{color:#555;}
.sign b{color:#010101;}

.cheifBox { padding: 2rem 0; }
.greeting { display: flex; align-items: center; padding: 0 2rem; background: #F9FAFB; }
.greeting > div { display: inline-block; width: 70%; height: 600px; }
.greeting > div:first-child { padding: 2rem;  }
.greeting > div h4 { color: #0C6784; }

.greeting-wrap {display:flex; gap:60px;}
.greetingTxt { padding: 2.2rem 0 2rem; word-break: break-all; }
.greetingTxt > div { display: inline-block; width: 100%; }
.greetingTxt em{ font-size: 1rem; font-weight:600;color:#1F5E99;margin-right:0.5rem;}
.greetingTxt > div p {text-align:justify;}
.cheifName { float: right; }
.greeting-img {margin-top:45px;}
.greeting-img img {max-width:300px;}
.name {position:relative; display: flex; align-items: flex-end; justify-content: end; margin-bottom:20px;}
.name:before {content: ''; display: block; position: absolute; right: 0; bottom: -43px; width: 3rem; height: 2rem; background: url(/camcimg/sub/greetingImg.png) no-repeat; transform: scaleX(-1) scaleY(-1); background-size: cover;}

.name p{font-size:1.3rem; display:flex;justify-content:center;}
.nameImg{margin-left:5rem;}

.dot li{margin-top:5px; position: relative;}
.dot li:first-child{margin-top:0;}

@media (max-width:1460px){
.ceo .ceo_txt br{display:none;}
.greeting-wrap {gap:60px;}
}
@media (max-width:1200px){
	.greeting-wrap {gap:40px;}
	.greeting-img img {max-width:280px !important;}	
	.con .greeting-wrap h4 {padding-top: 0; margin: 0; font-size: 20px;}
	.con .greeting-wrap h4:before {width: 2rem; background-size: contain;}
	.greetingTxt > div p {font-size:16px;}
	.name p {font-size:1rem;}
}
@media (max-width:767px){
    .greeting-wrap {flex-direction:column-reverse;}
	.greeting-img {margin:0; text-align:center;}
	.greeting-img img {max-width: 100% !important;}
	/*.name p{display: flex; flex-direction: column; align-items: flex-end;}*/
}
@media (max-width:580px){
	.name {margin-top: -1rem;flex-direction: column;}
	.name p{flex-direction: row;order: 2;}
	.nameImg { margin-left: 1rem;order: 1; display: block;}
	.name p{display: flex; flex-direction: column; align-items: flex-end;}
}


/* 조직도 */
.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:300px; border-radius:6px; background-color:#0C6784; font-size:18px; font-weight:500; color:#fff; }
.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:300px; border:1px solid #58BA76; border-radius:6px; font-size:16px; font-weight:500; color:#0C6784; background:#fff;}
.organization_box .under2{top:130px;}

.organization_box .dep2{ position:absolute; top:100px; left:50% !important; transform: translateX(-50%); display:inline-block; width:200px; border:1px solid #c5c9d6; border-radius:6px; background-color:#f7f8fa; font-size:16px; font-weight:300; color:#363c5a; }
.organization_box .dep2:before{content : ""; display : block; position:absolute; left:50%; top:100%; width:1px; height:28px; background-color:#c5c9d6;}


.organization_box .list_box{position:relative;}
.organization_box .list_box:before{content : ""; display:inline-block; position:absolute; left:0; right:0; top:-20px; width:75%; height:1px; margin-left:auto; margin-right:auto; background-color:#c5c9d6;}
.organization_box .list_box li{float:left; width:23%; 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:#0C6784; 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%; }




@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;}
}


/* 조직도
.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:#0C6784; 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:#0C6784; 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:#0C6784; 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:#999; 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 : #999; 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;}
} */

/*연혁*/
.SBtween01 { height: 100%; display: flex;}
.txtL { width: 100%; padding-right: 60%; text-align: right; }
.txtR { width: 100%; padding-left: 60%; text-align: left;}
.samyang_history { position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 3rem 0 5rem 0; width: 100%; margin: auto; }
.samyang_history:after { content:''; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: calc(100% - 8rem); background: #e9e9e9; z-index: -1; }
.samyang_history div { font-size: 0.9rem; margin: 0.5rem 0; }
.samyang_history b { display: block; color: black; font-size: 1rem; }

.samyang_year { display: block; margin: 0 !important; width: 120px; height: 120px; border-radius: 50%; background: #0076CC; color: #FFF; font-size: 1.2rem !important; font-weight: bold; text-align: center; line-height: 100px; border: 10px solid #E6F1FA; }
.samyang_year small { font-size: 0.8rem; }

.blueYearL { position: relative; display: inline-block; margin: 2rem 0 1rem 0 !important; font-size: 1.2rem !important; font-weight: bold; color: #0076CC; }
.blueYearL:after { content:''; position: absolute; top:50%; right: 50%; display: block; width: 50px; height: 1px; background: #e9e9e9; z-index: -1;  }
.blueYearL:before { content:''; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 10px; height: 10px; border-radius: 50%;  background: #0076CC; }
.blueYearR { position: relative; display: inline-block; margin: 2rem 0 1rem 0 !important; font-size: 1.2rem !important; font-weight: bold; color: #0076CC; }
.blueYearR:after { content:''; position: absolute; top:50%; left: 50%; display: block; width: 50px; height: 1px; background: #e9e9e9; z-index: -1;  }
.blueYearR:before { content:''; position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 10px; height: 10px; border-radius: 50%;  background: #0076CC; }


@media (max-width:1400px){
	.SBtween01 {flex-direction: column;}
	.hisImg {display: flex; flex-direction: row; gap:.5rem; width: 100%;}
	.hisImg img {width: calc(100% / 4);}
	.hisCon{padding-right:0;}
}
@media (max-width:760px){
	.tline span {font-size: 1.25rem;}
	.historyTxt li {flex-direction: column;}
	.hisTitle {border-right:none; border-bottom: 1px solid #ddd;}
	.hisCon {padding: 1rem 0;font-size: 0.8rem;}
}


/*미션&비전*/
.mi{margin-bottom:1rem;}
.con2Tit{position: relative;display: flex;align-items: baseline; margin-bottom: 3rem;}
.con2Tit::before{position: absolute; content: ''; width: 5px; height: 6px; background-color: #FFC88D; top: 3px; left: 0;}
.con2Tit::after{position: absolute; content: ''; width: 5px; height: 20px; background-color: #F68A23; top: 9px; left: 0;}
.con2Tit h4 { font-size: 1.5rem; font-weight: bold;margin-right:5px; margin-left:20px;}
.con2Tit span {font-size: 1rem; font-weight: bold;text-align: center;color: #1F5E99;}
.con2Tit02{position: relative;display: flex;align-items: baseline;}
.con2Tit02::before{position: absolute; content: ''; width: 8px; height: 15px; background-color: rgba(31,94,153,.5);; top: 3px; left: 0;}
.con2Tit02::after{position: absolute; content: ''; width: 8px; height: 15px; background-color: #1f5e99; top: 18px; left: 0;}
.con2Tit02 h4 { font-size: 1.5rem; font-weight: bold;margin-right:5px; margin-left:20px;}
.con2Tit02 span {font-size: 1rem; font-weight: bold;text-align: center;color: #1F5E99;}
.mi p {font-size: 1rem;margin-top: 0.5rem;}
.listTit{font-size: 1rem;margin-top: 2rem;}
.con2_con li {font-size: 1rem;}
.con03_con li em {font-size: 1.25rem; font-weight: bold; color: #1F5E99;}

.mi_vi_tit { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 15px;}
.mi_vi_tit::before,
.mi_vi_tit::after { content: ""; flex: 1; height: 1px; background: #cfd8dc;}
.mi_vi_tit span { color: #2c9fd6; font-size: 20px; font-weight: 600; white-space: nowrap;}
.mi_vi_tit_02 { text-align: center; color: #999; font-size: 16px; margin: 0;}

.mv-wrap {max-width: 1200px;  margin: 30px 0 80px 0;}
.mv-box { position: relative;  height: 220px;  border-radius: 25px;  overflow: hidden;  display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 25px; text-align: center;}


.mivi-wrap .mv-box::before,
.mivi-wrap .mv-box::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,0.15); border-radius: 50%;}

.mivi-wrap .mv-box::before { width: 320px; height: 320px; left: -180px;  bottom: -180px;}

.mivi-wrap .mv-box::after { width: 320px;  height: 320px; right: -120px;   top: -190px;}


.mivi-wrap .mission {background: linear-gradient(90deg, #0d4d96 0%, #2d8be8 100%);}

.mivi-wrap .mission .label { color: rgba(255,255,255,.7); font-size:12px;}
.mivi-wrap .mission h3 { color: #fff; font-size: 33px;}
.mivi-wrap .vision {  background: #edf2f7;  border: 1px solid #dbe5ef;}
.mivi-wrap .vision::before,
.mivi-wrap .vision::after { border-color: rgba(74, 127, 196, 0.08);}
.mivi-wrap .vision .label { color: #1c73e8;font-size:12px;}
.mivi-wrap .vision h3 { color: #1a2f4f; font-size: 33px;}
.mivi-wrap .vision .point { color: #2d72d9;}

.core-value-wrap{display:flex; flex-wrap:wrap; gap:40px;}
.core-item{ width:calc((100% - 120px) / 4); border:1px solid #e5e5e5; border-radius:15px; overflow:hidden; background:#fff; text-align:center;     margin: 20px 0 50px 0;}
.core-title{position:relative; background:#005f9f;  color:#fff;  height:64px;display:flex; justify-content:center; align-items:center; gap:6px;}
.core-title.light{background:#48addc;}
.core-title::after{content:""; position:absolute; left:50%; bottom:-8px; transform:translateX(-50%); width:0;  height:0;  border-left:10px solid transparent;  border-right:10px solid transparent; border-top:10px solid currentColor;color:#005f9f;}
.core-item:nth-child(2n) .core-title::after{color:#48addc;}
.core-item:nth-child img{width:80px; height:80px; margin:35px auto 20px; background-size:cover;}
.core-item:nth-child(1) .img{background:url("/camcimg/sub/mivi_icon_01.png");background-repeat:no-repeat; background-size: contain;}
.core-item:nth-child(2) .img{background:url("/camcimg/sub/mivi_icon_02.png");background-repeat:no-repeat; background-size: contain;}
.core-item:nth-child(3) .img{background:url("/camcimg/sub/mivi_icon_03.png");background-repeat:no-repeat; background-size: contain;}
.core-item:nth-child(4) .img{background:url("/camcimg/sub/mivi_icon_04.png");background-repeat:no-repeat; background-size: contain;}
.core-title strong{font-size:18px; font-weight:700;}
.core-title span{font-size:14px; opacity:.9;}
.core-item .img{ width:80px;  height:80px;  margin:35px auto 20px;  background:red;  border-radius:8px;}
.core-item p{  margin:0 20px 25px;  font-size:18px;  color:#4a5f2a;  line-height:1.5;  word-break:keep-all;}


.mivi_strategy{ display:flex; gap:40px;    margin: 30px 0 50px 0;flex-wrap:wrap;}
.mivi_strategy .strategy_item{  flex:1;  border:1px solid #e2e2e2;  background:#fff;  position:relative;  min-height:342px;  display:flex;  flex-direction:column;}
.mivi_strategy .strategy_top{  position:relative;  width:120px;  height:48px;  background:#0f679f;  color:#fff;  display:flex;  align-items:center;  justify-content:center;  gap:15px;  margin:18px 0 0 -1px;    left: -17px;}
.mivi_strategy .strategy_top::before{ content:"";  position:absolute;  left:0;  bottom:-12px;  border-top:12px solid #084b77;  border-left:18px solid transparent;}
.mivi_strategy .strategy_top::after{ content:"";  position:absolute;  right:-30px;  top:0;  border-left:30px solid #0f679f;  border-top:24px solid transparent;  border-bottom:24px solid transparent;}
.mivi_strategy .strategy_top span{ font-size:12px;  font-weight:300;    margin-left: 12px;}
.mivi_strategy .strategy_top strong{font-size: 21px; line-height: 1; font-weight: 700; margin-left: -7px;}
.mivi_strategy .strategy_cont{ flex:1;   padding:30px 7px;  text-align:center;}
.mivi_strategy .strategy_cont h3{ font-size:18px;   font-weight:700; margin:0;   word-break:keep-all;}
.mivi_strategy .line{  width:48px;  height:2px; margin:16px auto;  background:currentColor;}
.mivi_strategy .strategy_cont p{ font-size:16px;   line-height:1.8;  color:#333;   word-break:keep-all;}
.mivi_strategy .strategy_item::after{ content:"";  display:block;  height:20px;  margin-top:auto;}

/* 하단 컬러 */
.mivi_strategy .strategy_item:nth-child(1)::after{ background:#0f679f;}
.mivi_strategy .strategy_item:nth-child(2)::after{  background:#4aaedb;}
.mivi_strategy .strategy_item:nth-child(3)::after{  background:#69abab;}
.mivi_strategy .strategy_item:nth-child(4)::after{  background:#8094a8;}
.mivi_strategy .strategy_item:nth-child(5)::after{  background:#4b8887;}

/* 상단 배너 색상 */
.mivi_strategy .strategy_item:nth-child(2) .strategy_top{  background:#4aaedb;}
.mivi_strategy .strategy_item:nth-child(2) .strategy_top::after{  border-left-color:#4aaedb;}
.mivi_strategy .strategy_item:nth-child(2) .strategy_top::before{  border-top-color:#2d7ea3;}
.mivi_strategy .strategy_item:nth-child(3) .strategy_top{  background:#69abab;}
.mivi_strategy .strategy_item:nth-child(3) .strategy_top::after{ border-left-color:#69abab;}
.mivi_strategy .strategy_item:nth-child(3) .strategy_top::before{  border-top-color:#4d8787;}
.mivi_strategy .strategy_item:nth-child(4) .strategy_top{  background:#8094a8;}
.mivi_strategy .strategy_item:nth-child(4) .strategy_top::after{  border-left-color:#8094a8;}
.mivi_strategy .strategy_item:nth-child(4) .strategy_top::before{  border-top-color:#5f7183;}
.mivi_strategy .strategy_item:nth-child(5) .strategy_top{  background:#4b8887;}
.mivi_strategy .strategy_item:nth-child(5) .strategy_top::after{  border-left-color:#4b8887;}
.mivi_strategy .strategy_item:nth-child(5) .strategy_top::before{  border-top-color:#346464;}

/* 제목 색상 */
.mivi_strategy .strategy_item:nth-child(1) h3,
.mivi_strategy .strategy_item:nth-child(1) .line{  color:#0f679f;}

.mivi_strategy .strategy_item:nth-child(2) h3,
.mivi_strategy .strategy_item:nth-child(2) .line{    color:#4aaedb;}

.mivi_strategy .strategy_item:nth-child(3) h3,
.mivi_strategy .strategy_item:nth-child(3) .line{  color:#69abab;}

.mivi_strategy .strategy_item:nth-child(4) h3,
.mivi_strategy .strategy_item:nth-child(4) .line{  color:#8094a8;}

.mivi_strategy .strategy_item:nth-child(5) h3,
.mivi_strategy .strategy_item:nth-child(5) .line{  color:#4b8887;}


@media (max-width: 580px){
	.mivi-wrap .mission .label{font-size: 9px;margin-bottom: 16px;}
	.mivi-wrap .mission h3{font-size:18px;}
	.mivi-wrap .vision .label{font-size: 9px;margin-bottom: 16px;}
	.mivi-wrap .vision h3{font-size:20px;}
	.mv-box{height: 156px;}
	.mi_vi_tit span{font-size:14px;}
	.mi_vi_tit_02{font-size:12px;}
	.core-value-wrap{gap:17px;        margin-bottom: 50px;}
	.core-item{width:47%;margin: 9px 0 0px 0;}
	.core-title strong{font-size:14px;}
	.core-title span{font-size:10px;}
	.core-item .img{width:50px; height:50px;}
	.core-title{height:45px;}
	.core-item p{margin: 0px 13px 16px;font-size: 14px;}
	.mivi_strategy .strategy_item{ width:calc((100% - 20px) / 2); }
    .mivi_strategy .strategy_item:nth-child(5){width: 40vw;; flex: none;}
	.mivi_strategy{width: 90%; margin: 0 auto;    gap: 22px;        margin-bottom: 50px;}
	.mivi_strategy .strategy_cont{padding: 20px 2px;}
	.mivi_strategy .line{width: 37px; margin: 11px auto;}
	.mivi_strategy .strategy_cont h3{font-size:14px;}
	.mivi_strategy .strategy_cont p{font-size:13px;}
	.mivi_strategy .strategy_item::after{height:12px;}
	.mivi_strategy .strategy_item{min-height: 260px;}
	.mivi_strategy .strategy_top strong{font-size:16px;}
	.mivi_strategy .strategy_top::after{    border-bottom: 18px solid transparent;    border-top: 21px solid transparent;}
	.mivi_strategy .strategy_top{height:39px;}
}



/* 공통 */
.label {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 8px;
    margin-bottom: 25px;
    z-index: 2;
}

.mv-box h3 {
    font-size: 52px;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
    z-index: 2;
}

/*의료서비스헌장*/
.con03{width: 100%;display: block;position: relative;background: url(/camcimg/sub/hunjang.jpg) no-repeat top center / contain; padding: 16rem 10rem;}
h1.con03Tit {text-align: center;}
h5.plain {padding: 4rem 0; font-size: 1rem; font-weight: 500;}
.con03_con{font-size:1rem;}
.con03_con li {margin-bottom: 2rem;}

@media (max-width:1400px){
	.con03{padding: 11rem 13rem;}
}

@media (max-width:1080px){
.con03 {background:none; padding: 0 5rem;}
}

@media (max-width: 580px){
.con03 {padding: 0;}
}


/* 임직원행동강령 */
.blueBtn a{ color: #fff; font-size: .8rem; text-align: center; background-color: #1F5E99; position: relative; display: inline-block;padding: 1rem 5rem 1rem 2.5rem;}
.blueBtn a::after{position: absolute; content: '\2193'; width: 20%; display: flex; top: 0; font-size: 1.3rem; right: 0; height: 100%; background: rgba(0, 0, 0, .2); justify-content: center;
    align-items: center;}


/*협력병원*/
.Table { border-top: 2px solid #1F5E99; border-bottom: 2px solid #1F5E99; width: 80%; font-size: 1rem; margin: 0 auto ;}
.Table tr {border-bottom: 1px solid #dadada; display: flex; justify-content: space-between; flex-wrap: wrap;}
.Table th { background-color: #f5f5f5; border-right: 1px solid #dadada; padding: 1rem 1rem; min-width: 100px; word-break: break-word; flex: 0 0 50%;display: flex;
    justify-content: center; align-items: center;}
.Table02 th { flex: 0 0 25%;}
.Table th:last-child { border-right: 0;}
.Table td { text-align: center; border-right: 1px solid #dadada; padding: 0.5rem 1rem; flex: 0 0 50%; min-width: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.Table02 td {flex: 0 0 25%; display: flex; align-items: center; justify-content: center;}
.Table td.tdList {text-align: start;}
.Table td:last-child {border-right: 0;}


.Table03 { border-top: 2px solid #1F5E99; border-bottom: 2px solid #1F5E99; width: 100%; font-size: 1rem;}
.Table03 tr {border-bottom: 1px solid #dadada;}
.Table03 th { background-color: #f5f5f5; border-right: 1px solid #dadada; padding: 1rem 0.5rem;}
.Table03 th:last-child { border-right: 0;}
.Table03 td {text-align: center;border-right: 1px solid #dadada; padding: 1rem 0.5rem;}
.Table03 td.tdList {text-align: start;}
.Table03 td:last-child {border-right: 0;}
.Table03 td[rowspan]:last-child {border-left:1px solid #dadada;}



@media (max-width:421px){
.Table02 th { padding: 1.6rem 0.5rem; min-width: 1rem; flex: 0 0 25%;}
.Table02 td { padding: 1.6rem 0.5rem; min-width: 1rem; word-break: break-word; flex: 0 0 25%;}

}


/* 대외협력 */
.blueBtn02 {display: inline-block;height: 3rem;margin: 5px;color: #fff;text-align: center;background-color: #1F5E99;line-height: 3rem; padding: 0 4rem;}
.btnTable{display: flex; flex-direction: column; justify-content: center; align-items: center;}



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

/*입퇴원안내*/
ul.list {display: flex;flex-wrap: wrap;}
li.iconList { display: flex;flex-direction: column;justify-content: center;align-items: center;width: 15rem; height: auto;padding: 1rem 0;text-align: center;}
.listBg {font-size: 1rem; display: flex;flex-direction: column;justify-content: center;align-items: center;width: 9rem; height: 5rem;position: relative;}
li.iconList .listBg2 img{margin-bottom:0;}
.listBg::after { position: absolute; content:''; right:-3.5rem; background: url(/camcimg/sub/subarrow.png) no-repeat center / cover; width: 25px; height: 25px;}
li:last-child .listBg::after{content:none;}
.listBg img { margin-bottom: 1rem;}


@media (max-width:473px){
li.iconList {width: 11rem;}
.listBg::after {right: -1rem;}
}


/*고충처리안내*/
.mi span em {color: #EB4800;}


/*간호간병통합서비스*/
.listSpan { display: block; margin: 0.5rem 0; color:#EB4800; font-size: 0.8rem; }


/*호스피스완화의료안내*/
.con_tab{width:100%;}
.con_tab ul {display: grid;grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); gap: 0.5rem; width: 100%; margin-bottom: 4rem;}
.con_tab ul li {width: 100% !important;border: 1px solid rgba(0, 0, 0, .16); display: flex; height: 4rem; align-items: center; justify-content: center; text-align: center;
    border-radius: 10px; cursor: pointer; transition: .2s;}
.con_tab ul li button{font-size: 1rem; }
.con_tab li.on { background: #1F5E99; color:#fff; }
.con_tab li.on button{color: #fff; font-size: 1rem;}

.miImg_con{text-align: center;}
.miImg {display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin-top: 3rem;}




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

.btnBox{display:flex;}
.blueBtn03 a{ height: 2rem; margin: 5px; color: #fff; font-size: .8rem; text-align: center; background-color: #1F5E99; line-height: 2rem; padding-left: 2rem;
    padding-right: 4rem; position: relative;display: inline-block;}
.blueBtn03 a::after{position: absolute; content: '\2193'; width: 20%; top: 0; right: 0; height: 100%; background: rgba(0, 0, 0, .2);}
.iWrap { width: 100%; overflow: auto; height: 85rem;}
.iWrap iframe { width: 100%; height: 100%;}
.LIstbotline.jinyoWrap { display: flex; flex-wrap: wrap;  justify-content: space-between;}

.jinyoWrap > a { margin-bottom: 8px; width: calc(100% / 4 - 8px); }

.jinyoBox{ position: relative; }
.jinyoBox::before { position: absolute; content:'';background: linear-gradient(to right, #1F5E99, #3EA28F); color: #FFFFFF; width: 100%; height: 100%; z-index: -1; 
transition:.2s; opacity: 0;}
.jinyoTxt {transition:0.2s; color: #666; }
.jinyoImgBox{height: 110px;  width: 100%; display: flex;  position: relative; justify-content: center; align-items: center;}
.jinyoImg01{ position: absolute; top:0; left:50% transform: translateX(-50%);}
.jinyoImg02{ position: absolute; top:0; left:50%; opacity:0; transform: translateX(-50%);}
.jinyoBox:hover::before{ opacity: 1; }
.jinyoBox:hover .jinyoImg01{ opacity : 0;}
.jinyoBox:hover .jinyoImg02{ opacity : 1;}
.jinyoBox:hover .jinyoTxt{color:#fff;}
.jinyoTxt p { font-size: 1.18rem;}
.jinyoCon { height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid #ddd; cursor: pointer; }
.jinyoCon img { margin-bottom: 1rem;}
.doctor{display : flex; flex-wrap: wrap; }
.docWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px; width: 100%; }
.docImg{ }
.docImg img {width: 250px; height: 320px; border: 1px solid #ddd;}
.docTxt { width: calc(100% - 320px)}

@media (max-width:1240px){
.iWrap iframe { width: 120%;}
.doctor{flex-direction: column;}
.docImg { margin-bottom: 1rem;}

.jinyoWrap > a { margin-bottom: 16px; width: calc(100% / 2 - 8px); }

}

@media (max-width:1030px){
.iWrap iframe { width: 100%;}
}

@media (max-width:948px){
.iWrap iframe { width: 125%;}
}
@media (max-width:768px){
.iWrap iframe { width: 164%;}

.btnBox{margin:auto; flex-direction: column;}
.docImg img{width: 200px; height: 260px;}
.docTxt { width: 100%; }
}

@media (max-width:580px){
.iWrap iframe { width: 270%;}
.btnBox {width:100%;}
.blueBtn03 a {height: 5rem; line-height: 1rem; padding: 1rem 3rem 1rem 2rem; display: flex; align-items: center;}
.blueBtn03 a::after {padding-top: 2rem; height: 61%; }

.jinyoCon { height: 160px; }
.jinyoImgBox{ height: 50px; }
.jinyoImgBox img { height: 40px; }
}

@media (max-width:360px){
.iWrap iframe { width: 300%;}
}


/* =============================================================================
   04. 특화진료클리닉
   ========================================================================== */

.listImg{display: flex; flex-wrap: wrap;}
.listImg div { width: 14rem; margin-bottom:1rem;}
.teuk_con2{display: flex;}
.teuk_con2 img{width : 45%;}

@media (max-width:768px){
.teuk_con2{flex-direction: column;}
.teuk_con2 span { margin-bottom : 2rem;}
.teuk_con2 img { width: 100%;}
}


/* 04-1 무릎 인공관절*/
.mt-10{margin-top: 10px;}
.clinic_flex {display: flex; gap: 20px;flex-wrap: wrap;margin-bottom: 16px;}
.clinic_box {flex: 1;  box-sizing: border-box;}
.clinic-sub-title{font-size: 20px;font-weight: 600;margin-top: 10px;line-height: 1.4;}
.clinic_sub_box h4 {font-size:18px;margin-bottom:14px;}
.clinic_sub_box {background-color: #f9f9f9;box-sizing: border-box; padding: 26px;border-radius: 12px;}
.clinic_image img {width: 100%;height: 100%; border-radius: 12px;}	
.clinic_text h3 {font-size:22px;font-weight:700;margin-bottom:20px;}
.clinic_text p {line-height:1.6;color:#555;margin-bottom:12px;padding-left: 20px;}

.clinic_card { flex: 1; min-width: 280px;background: #fff;border: 1px solid #e1e3e6;border-radius: 10px;padding: 20px 24px;box-sizing: border-box;box-shadow: 0 1px 3px rgb(0 0 0 / 0.05);
    display: flex;flex-direction: column;align-items: flex-start;text-align: left;transition: box-shadow 0.3s ease;}
.clinic_icon {background-color: #e7f2e9;width: 40px;height: 40px;border-radius: 50%;display: flex;justify-content: center;align-items: end;font-size: 22px;margin-bottom: 12px;}
.clinic_card h4 {font-weight: 700;font-size: 16px;margin-bottom: 8px;color: #222;}
.clinic_card h6 {color:#555;}
.clinic_card p {font-size: 14px;line-height: 1.5;color: #555;margin: 0;}
.clinic_card:hover {box-shadow: 0 4px 12px rgb(0 0 0 / 0.1);}
.clinic_4col .clinic_card {
    flex: 0 0 calc(25% - 15px);
    min-width: unset;
}

@media (max-width: 1024px) {
    .clinic_4col .clinic_card {
        flex: 0 0 calc(50% - 10px);
    }
}

@media (max-width: 768px) {
    .clinic_flex {flex-direction: column;}

    .clinic_image,
    .clinic_text {
        width: 100%;
    }
	.clinic_card {
        width: 100%;
        min-width: auto;
    }
}

/* =============================================================================
   05. 종합검진센터
   ========================================================================== */

/* 일반건강검진 */
.Table td.lineList { border-right: 1px solid #dadada;}
.Table03 td.lineList { border-right: 1px solid #dadada;}
.Table03 td.lineList_2 { border-right: 1px solid #dadada; text-align:left;}
.Table03 tr td.on, .Table03 tr td.off{color: transparent;font-size: 16px;}
.Table03 tr td.on{position: relative;}
.Table03 tr td.on::before{content:'';color: transparent;position: absolute; background: #1F5E99; width:1rem;height:1rem; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%;}



/* =============================================================================
   06. 알림마당
   ========================================================================== */

.listImg02 {display: grid; grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr)); gap: 1rem;}
.listImg02 div {width: 100%; display: flex; flex-direction: column;}



/* =============================================================================
   07. 알림마당
   ========================================================================== */





/* =============================================================================
   08. 공공의료본부
   ========================================================================== */





/* =============================================================================
   09. 고객지원
   ========================================================================== */
.mi .LIstbotline .listImg02 {display: grid; grid-template-columns: repeat(auto-fit, minmax(21rem, 1fr)); gap: 1rem;}
.listImg02 img { width: 100%;}
.listImg02 p {text-align: center; font-size: 1rem; margin-top: 0.5rem;}









/* =============================================================================
   10. 상례원
   ========================================================================== */
.LIstbotline .con2Tit03{margin-bottom: 1rem;}
.Tel {display: flex; gap: 1rem; justify-content: center;}
.telBox {border: 1px solid #ddd; padding: 2rem 4rem; text-align: center;}
.telTxt {margin-top: 2rem;}
.telTxt p { font-size: 1.25rem;}
.telTxt span { color: #1f5e99; font-weight: 900; font-size: 1.5rem;}
.Table04 { border-top: 2px solid #1F5E99; border-bottom: 2px solid #1F5E99; width: 100%; font-size: 1rem;}
.Table04 tr {border-bottom: 1px solid #dadada; display: flex; justify-content: space-between; flex-wrap: wrap;}
.Table04 th { background-color: #f5f5f5; border-right: 1px solid #dadada; padding: 1.6rem 1rem; min-width: 100px; word-break: break-word; flex: 0 0 25%;display: flex;
    justify-content: center; align-items: center;}
.Table04 th:last-child { border-right: 0;}
.Table04 td { text-align: center; padding: 1.6rem 1rem; flex: 0 0 25%; min-width: 100px;display: flex; justify-content: center; align-items: center;}
.Table04 td.tdList {text-align: start;}
.Table04 td:last-child {border-right: 0;}



@media (max-width:768px){
.telBox {padding: 1rem 2rem;}
.Table04 th { flex: 0 0 50%; border-bottom: 1px solid #dadada;}
.Table04 td { flex: 0 0 50%; border-bottom: 1px solid #dadada;}
}


@media (max-width:580px){
.Tel {flex-direction: column;}
.telBox {padding: 1rem 0rem;}
}





/* =============================================================================
   11. 회원서비스
   ========================================================================== */
.con04 { width: 100%; display: block; position: relative; background: url(/camcimg/sub/gang.png) no-repeat top center / contain; padding: 9rem 11rem;}


@media (max-width:1300px){
.con04 { padding: 6rem 7rem;}
h5.plain { padding: 1rem 0;}
.con03_con li { margin-bottom: 1rem;}
}

@media (max-width:1080px){
.con04 { background: none; padding:0;}
h5.plain { padding: 4rem 0;}
.con03_con li { margin-bottom: 2rem;}
}








/*진료과소개, 의료진소개*/
.doc_intro{display:flex; justify-content: space-between;  align-items: flex-start; flex-wrap: wrap; 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: 75%;}
.doc_intro .txt h4{margin-bottom:0;}
.doc_intro .txt .spec{ flex-wrap: wrap; font-size: 0.9rem; }
.doc_intro .txt .spec p{flex-basis: 15%; 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; font-size: 0.9rem;}
.doc_intro .duty{width:15px; height:15px; border-radius:50%; background:#00a9f7; display:inline-block; vertical-align:middle;}

.doc_intro .tb_part{ margin-top: 2.5rem; flex-basis:100%;}
.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; align-items: center;}
.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%; left:100%; 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;}
}


/*진료예약*/
.step_join{display:flex;margin:0 0 2rem 0;}
.step_join > li{position:relative; width:25%; 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:#41504D; content:''; }
.step_join > li:before{width:100%; background:#EBEEF5;}
.step_join > li:after{background:#41504D;}
.step_join > li.active:after {width:50%; }
.step_join > li.step_line:after{width:100%; background:#41504D;}
.step_join > li > span{display:block; color:#3b3b3b; 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; border-radius:50%; color:#3b3b3b; z-index:1; }
.step_join > li.active > span {color:#41504D;}
.step_join > li.active > span > em{background:#fff;color:#41504D;border: 2px solid #41504d;}

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

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

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

.chk_box .chks{margin-top:20px;}
.textarea{height:10rem; padding:1rem; overflow-y:scroll; border:1px solid #ddd; color:#767676; 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:hover{background:#41504D; border-color:#41504D; color:#fff; box-shadow:none;}


/*특성화센터 단일통로복강경센터*/
.teugseonghwa01 .doctor-idx-box {position: relative; display: flex;gap: 25px;padding: 30px;}
.teugseonghwa01 .doctor-idx-box {border-bottom: 1px solid #eee;}
.teugseonghwa01 .doctor-idx-btns {border: 1px solid #eee;border-radius: 5px; }
.teugseonghwa01 .doctor-idx-btn .doctor-idx-icon {display: flex;width: 100%;padding: 0 20px;border: none;background-color: #fff;}
.teugseonghwa01 .doctor-idx-btn .doctor-idx-icon .doctor-idx-icon-img {margin: auto;}
.teugseonghwa01 .doctor-idx-box .doctor-idx-title {font-size: 28px !important;
    font-weight: 700;
    margin: 0 !important;}
.teugseonghwa01 .doctor-idx-title span {
    font-size: 16px !important;
    font-weight: 500;
    color: #666;
}

.teugseonghwa01 .schedule {max-width:55%}

.teugseonghwa01 .doctor-idx-box .doctor-idx-list li:first-of-type {
    margin-bottom: 5px;
    font-weight: 700;
    color: #1F5E99;
}


.teugseonghwa01 .doctor-idx-btn:first-of-type {
    border-bottom: 1px solid #eee;
}

.teugseonghwa01 .doctor-idx-box .doctor-idx-list li:last-of-type {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 22px;
    word-break: keep-all;
}


	
.teugseonghwa01 .doctor-table th {
    height: 50px;
    padding: 0 20px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background-color: #1F5E99;
}	

.teugseonghwa01 .doctor-table td {
    height: 50px;
    padding: 0 10px;
    font-size: 16px;
    font-weight: 500;
    color: #111;
    text-align: center;
    background-color: #fff;
	    border: 1px solid #eee;
}

.teugseonghwa01 .time-on {
    font-size: 16px;
    color: #6872D4;
}


@media screen and (max-width: 800px) {
    .teugseonghwa01 .doctor-idx-box {
        width: 100%;
		padding: 20px;
        padding-bottom: 110px;
        
    }
	
	.teugseonghwa01 .doctor-idx-img {
        min-width: 120px;
        
    }
	
    .teugseonghwa01 .schedule {
	position: absolute;
        bottom: 20px;
        left: 20px;
        max-width: calc(100% - 40px);
	}
	
	.teugseonghwa01 .doctor-idx-txt {
        justify-content: start;
        padding-top: 15px;
    }
	.teugseonghwa01 .doctor-idx-btn:first-of-type {
        border-right: none;
        border-bottom: 1px solid #eee;
    }
}

/*캘린더*/
.sel_doc{text-align:center; font-size:22px; color:#41504D; margin-bottom:1rem;}
.calendar_Top{text-align:center; background:#EDF2F6; padding:5px 0;}
.calendar_Top h3{margin:0;}


.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:#41504D; border-color:#41504D; 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:#00719f;}
.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:#00719f;}
.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: 3px solid #007772 !important;}
.calendar_bottom .choice span{background:#010606; color:#fff; cursor:pointer;}
.calendar_bottom .ok span{border: 3px dotted #007ACC; cursor:pointer;}

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

/* 230613 웹 접근성 관련 수정 */
/*.phone input{width:calc((100% / 3) - 14px);}*/

@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; outline:none; border:none; background:#f4f4f4; font-size:1rem;}
.innerPop .popin .pop_button li input.confirm{background:#41504D; color:#fff;}
.innerPop .popin .close{right:.5rem; top:.6rem;}
.innerPop .popin .close i{color:#212121;}

/* 알러창 */
#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; outline:none; border:none; background:#f4f4f4; font-size:1rem;}
#innerPop .popin .pop_button li input.confirm{background:#41504D; color:#fff;}
#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;}
}

.process{ border: 1px solid #DDD; margin-bottom: 2rem; overflow: hidden; }
.process li{background:#B3E5FC; color:#212121; position:relative; padding:20px 10px; text-align:center; float:left; width:22%; margin:1.5%; box-sizing:border-box;}
.process li span{ position:absolute; left: 1px; top: 1px; padding-top: 2px; width:20px; height:20px; line-height:20px; background:#fff;}
.process li strong{display:block; font-size:18px; font-weight:500;}
.process li:nth-child(even){background:#B2EBF2;}
.process li:before{ content : ">"; display : block; position : absolute; left :-25px; top:50%; transform:translateY(-50%); border-radius: 50%; width : 19px; height : 19px;  background: #DEFFF5;}
.process li:nth-child(1):before,
.process li:nth-child(5):before{display:none;}
.process.proc3 li{line-height:1.1; height:78px;}
.process.proc3 li strong{display: flex; align-items: center; justify-content: center; height:100%;}
.process.proc4 li{line-height:1.1; height:78px; width:17%;}
.process.proc4 li strong{display: flex; align-items: center; justify-content: center; height:100%;}
.process.proc4 li:nth-child(5):before{display:block;}

@media (max-width: 600px) {
	.process li{ width:47% !important; }
}

/* =============================================================================
   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 #0C6784; background:#fff; font-size:16px; font-weight:500; color:#0C6784; line-height:60px;}
.org_box ul li .depth1{background: #0C6784; 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:31%;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:#EB4800;}



/* =============================================================================
    담당의 퇴사로 인한 이용불가 해당페이지 공지 [치과, 영유아 건강검진]
   ========================================================================== */
.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; }



/* =============================================================================
    장례식장
   ========================================================================== */


.nowFuneral .td100 { flex-basis: 80%; }
.nowFuneralBox { padding: 4rem 0; text-align: center; background: url("/gongjuImg/funeral/funeral_bg.gif") no-repeat 0 0; background-size: cover;  }
.nowFuneralBox h4:before {
    left: 50%;
	transform: translate(-50%);
}

@media (max-width: 767px) {
	.nowFuneral .td100 { flex-basis: 70%; }
}


.infoAgree { margin: 2rem 0; display: block; padding: 1rem; border: 2px solid #DDD; }
.infoAgree big { font-weight: bold; }



/* =============================================================================
    고객의소리
   ========================================================================== */

.soribtn { display: block; margin: 2rem auto auto auto!important; width: 20%; height: 40px; line-height: 40px; background: black; color: #FFF; text-align: center;  }


/* =============================================================================
개인정보처리방침 2025-01-16
============================================================================= */
.privacy-policy {font-family: 'Pretendard';color: #505050;font-size: 0.9rem;letter-spacing: -0.05em;line-height: 1.5;}
.privacy-policy b {font-weight: 600;color: #111;}
.privacy-policy strong {font-weight: 600;color: #0516cd;}
.privacy-policy article:not(:first-of-type) {padding-top: 50px;}
.privacy-policy .title {color: #111;font-size: 1.3rem;margin-bottom: 10px;}
/*.privacy-policy .icon {width: 40px;height: auto;}*/
.privacy-policy .caption {color: #ff7817;text-indent: 0;}
.privacy-policy .icon img {width: 40px; height: auto; float: left;}
.privacy-policy .icon img:after{content:''; clear:both;}
.privacy-policy .btn {color: #505050;letter-spacing: -0.05em;font-size: 0.85rem;display: flex;column-gap: 8px;align-items: center;padding: 12px 16px;border: 1px solid #e5e5ec;}
.privacy-policy a, .privacy-policy .btn {transition: .3s;}
.privacy-policy a:hover, .privacy-policy .btn:hover {color: #0516cd;transition: .3s;}
.privacy-btn-open img {width: 12px;transform: rotate(0);transition: .3s;}
.privacy-btn-open.open img {transform: rotate(-180deg);transition: .3s;}

.policy-index .title {text-align: center;}
.policy-index .index-list {padding: 40px;border-radius: 20px;background: #f9f9fe;display: flex;flex-wrap: wrap;gap: 16px 8px;}
.policy-index .index-list li {width: calc(50% - 8px);}
.policy-index .index-list li a {display: flex;align-items: center;gap: 8px;font-weight: 500;color: #303030;}
.policy-index .index-list li a:hover {color: #0516cd;}

.policy-content .title {display: flex;gap: 8px;align-items: center;font-size: 1rem;}
.policy-content > ol li:not(:first-child) {margin-top: 4px;}
.policy-content > ol > li > ol, .policy-content > ol > li > ul {margin: 10px 0;padding: 24px;background: #f9f9fe;border-radius: 10px;font-size: 0.85rem;}
.policy-content ol > li {padding: 0 0.9rem;text-indent: -0.9rem;}
.policy-content ol.two-depth > li {padding: 0 0.7rem;text-indent: -0.7rem;}
.policy-content ul > li {padding: 0 0.5rem;text-indent: -0.5rem;}
.policy-content .btn-wrap {display: flex;gap: 8px;align-items: center;flex-wrap: wrap;}

#policy_05 tr td {border-right: solid 1px #e5e5ec;}

/* margin */
.mt-10 {margin-top: 10px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-50 {margin-top: 50px !important;}
.mb-10 {margin-bottom: 10px !important;}

/* table */
.table-wrap table {width: 100%;border-top: 1px solid #303030;}
.table-wrap tr {border-bottom: 1px solid #e5e5ec;}
.table-wrap th {background: #f9f9fe;color: #303030;font-weight: 500;}
.table-wrap th, .table-wrap td {vertical-align: middle;line-height: 1.3;text-align: center;padding: 16px;font-size: 0.85rem;}

/* 셀렉트 */
select.select::-ms-expand {display: none;}
select.select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select {display: block;width: 280px;height: auto;padding: 0.9rem 1.8rem 0.9rem 0.9rem;font-size: 0.85rem;line-height: 1;border-radius: 5px;border: 1px solid #e5e5ec;background: url('/hongImg/icon_down.svg') no-repeat right 1.2rem center;background-size: 0.6rem auto;cursor: pointer;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#policy_01 tr td:nth-child(4) {text-align: left;}
#policy_01 tr td:nth-child(6) {text-align: left;}

.open-table .caption {display: none;}

@media screen and (max-width: 768px) {
    .table-wrap th {padding: 20px 10px;}
    .table-wrap td {padding: 10px;}
}
@media screen and (max-width: 480px) {
	.privacy-policy .icon {width: 32px;}
    
	.policy-index .index-list {padding: 20px;border-radius: 10px;row-gap: 8px;}
	.policy-index .index-list li {width: 100%;}
	
	.policy-content > ol > li > ol, .policy-content > ol > li > ul {padding: 16px;}
    .policy-content .btn-wrap .btn {width: 100%;}

	.open-table {overflow-x: scroll;}
	.open-table table {width: 640px;}
    .open-table .caption {display: block;}

    .table-wrap th {padding: 20px 5px;}
    .table-wrap td {padding: 10px 5px;}

    .select {width: 100%;}
}


/* =============================================================================
영상정보처리기기 운영·관리방침 2025-01-17
============================================================================= */
.video-policy {font-family: 'Pretendard';color: #505050;font-size: 0.9rem;letter-spacing: -0.05em;line-height: 1.5;}
.video-policy article:not(:first-of-type) {padding-top: 50px;}
.video-policy .title {color: #111;font-size: 1.3rem;margin-bottom: 10px;}
.video-policy b {font-weight: 600;color: #111;}
.video-policy .caption, .video-policy strong {color: #0516cd;}
.video-content .title {font-size: 1rem;}
.video-content ul > li {padding: 0 0.4rem;text-indent: -0.4rem;}
.video-content ul > li:not(:first-child) {margin-top: 4px;}

/* table */
.video-policy .table-wrap {margin-top: 10px;}
.video-policy .table-wrap table {width: 100%;border-top: 1px solid #303030;}
.video-policy .table-wrap tr {border-bottom: 1px solid #e5e5ec;}
.video-policy .table-wrap th {background: #f9f9fe;color: #303030;font-weight: 600;}
.video-policy .table-wrap th, .video-policy .table-wrap td {vertical-align: middle;line-height: 1.3;text-align: center;padding: 16px;font-size: 0.9rem;}

@media screen and (max-width: 768px) {
    .video-policy .table-wrap th {padding: 20px 10px;}
    .video-policy .table-wrap td {padding: 10px;}
}
@media screen and (max-width: 480px) {
    .video-policy .table-wrap th {padding: 20px 5px;}
    .video-policy .table-wrap td {padding: 10px 5px;}
}


/* 외래 예약 2025-07-11 */
#memberName[readonly=readonly]:focus, #memberName[readonly=readonly]:focus-visible {outline: none !important;}
#CellphoneNum:focus, #CellphoneNum:focus-visible {outline: none !important;}

/* 장애친화건강검진 검진절차 */
.nursing {padding:0 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/auto 95%; }
.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.large-ver .nur.n01 p{background:#00437f !important;color:#fff;}
.nursing.large-ver .nur.n01 p:before{background:#00437f;}
.nursing.large-ver .nur.n01 span{border-color:#00437f;}
.nursing.large-ver .nur.n02 p{background:#00589e !important;color:#fff;}
.nursing.large-ver .nur.n02 p:before{background:#00589e;}
.nursing.large-ver .nur.n02 span{border-color:#00589e;}
.nursing.large-ver .nur.n03 p{background:#0e6fbe !important;color:#fff;}
.nursing.large-ver .nur.n03 p:before{background:#0e6fbe;}
.nursing.large-ver .nur.n03 span{border-color:#0e6fbe;}
.nursing.large-ver .nur.n04 p{background:#1e8ac6 !important;color:#fff;}
.nursing.large-ver .nur.n04 p:before{background:#1e8ac6;}
.nursing.large-ver .nur.n04 span{border-color:#1e8ac6;}
.nursing.large-ver .nur.n05 p{background:#81bbe2 !important;color:#222;}
.nursing.large-ver .nur.n05 p:before{background:#81bbe2;}
.nursing.large-ver .nur.n05 span{border-color:#81bbe2;}
.nursing.large-ver .nur.n06 p{background:#b0cbe1 !important;color:#222;}
.nursing.large-ver .nur.n06 p:before{background:#b0cbe1;}
.nursing.large-ver .nur.n06 span{border-color:#b0cbe1;}
.nursing.large-ver .nur em {color: #F44336;}

.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;}

.nur_table{text-align:center; font-weight:bold;}
.nur_table tr>th{font-weight:bold;}

@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;}
}