@charset "utf-8";

#visual { 
margin-top:143px;
text-align: center;
}
#content { 
margin:0 auto; 
width:1208px;  
padding-bottom:60px;
}



/* ////////////////////////////////////////////////// visual ////////////////////////////////////////////////// */
#visual .item { 
height:530px; 
}
#visual .item img { 
margin:0 auto; 
/*margin-left:400px; */
vertical-align:middle;
}
.carousel-caption {
opacity:0;
}
#visual .item.active .medi_go .carousel-caption { 
position: absolute;  
z-index:199;
left:0px; top:100px; 
height:300px;
margin-left:348px;  
text-align:left;
color:#565656; 
opacity:1;

}
#visual .item.active .carousel-caption h2 { 
text-align:left;
font-size:50px; 
font-weight:bold; 
color:#512408;
text-shadow:0.5px 0.5px 0.5px #fff; 
margin-bottom:25px; 
background:linear-gradient(to right, rgba(119, 125, 131, 0.2) 0%, rgba(255, 255, 255, 0.1) 70%);
}
#visual .item.active .carousel-caption h2 span { 
display: block; 
font-size:28px; 
color:#565656; 
margin:10px 0 0 3px;  
}
#visual .item.active .carousel-caption p { 
text-align:left; 
color:#565656; 
text-shadow: none;   
}
#visual .item.active .carousel-caption .exp { 
font-size:16px; 
}
#visual .item.active .carousel-caption .detail_btn { 
color:#343434; 
width:120px;
height:50px;
border:1px solid #acaaab; 
border-radius:7px; 
margin-top:20px;  
}
#visual .item.active .carousel-caption .detail_btn .detail { 
float:left; 
font-size:14px; 
margin-top:10%; 
padding-left:10%;   

}
#visual .item.active .carousel-caption .detail_btn span { 
float:right;  
padding-right:12%; 
margin-top:9%; 
font-size:20px;  
}



/* ////////////////////////////////////////////////// content ////////////////////////////////////////////////// */
/*////////////////////// special clinic ///////////////////*/
#content .sp_title { 
text-align: center; 
font:30px "Noto Sans KR";
margin:50px 0 23px 0;  
color:#3a3a3a;
}
#content .sp_title strong {
font:700 32px "Noto Sans KR";
color:#ebcb94;
}
#content .sect_speed { 
margin:0 auto; /*width:1138px;*/ 
margin-bottom:60px; 
overflow: hidden; 
}
#content .sect_speed .speed_q {
padding-left:0;
padding-right:4px;
}
#content .sect_speed div {  
float:left; 
padding-left:10px;
/*width:25%; */height:187px;  
}

/*////////////////////// box container ///////////////////*/
#content .sect_box { 
overflow: hidden; 
}
#content .sect_box > div { 
float:left; 
width:25%; height: 303px;  
overflow:hidden; 
}
#content .sect_box .first_box {
width:50%;
}
#content .sect_box div a { display: block;  }
#content .sect_box div a span { 
position:relative; 
display:block;  
}
#content .sect_box div a .box_hover .box_bg { 
width:100%; height:93px; 
background:#000; 
opacity:0.5; /* IE용 투명도 */ filter:alpha(opacity=50);  
}
#content .sect_box div a .box_hover .box_txt {  
position:absolute; 
left:0; top:0;  
color:#fff; padding:10px; }
#content .sect_box div a .box_hover .box_txt strong {
display:block; 
font-size:18px; 
margin-bottom:7px;  
}

/* ///////////////////////
* bxslider - START
* hospital introduce, hopital facilintro common
*/
#main_gall_wrap {
position: relative; 
} /* 임시영역 */
#main_gall_wrap:after {   
content:""; display: block; clear: both;
}

#main_gall_wrap .bxslider0 { 
/*width:302px;*/
width:1812px;
height:303px;
/*overflow: hidden;*/


}
#main_gall_wrap .bxslider0 li { 
float: left;
}
#main_gall_wrap ul li img { 
width:100%;
}

#main_gall_wrap #bx-pager0 {
position: absolute; 
left:5%;
bottom:10px;
width:100%;


}
#bx-pager0 .main_pager {
float:left; 
color:#777;
margin:2px 5px;
font-size:14px;
}

#main_gall_wrap #bx-pager0 a.active{ 
color:saddlebrown;
}
#main_gall_wrap .bx-controls-direction {
display: none; 
} 

/* ///////////////////////
* bxslider - END
*/





/* ////////////////////// board container /////////////////// */
#content .board_box { 
padding:80px 0; 
}
#content .board_box:after { 
content:""; display: block; clear: both;  
}
#content .board_box > .pos { 
float:left; 
margin-right:31px;  
}
#content .board_box .bbox3.pos { 
margin-right:0;  
}

#content .board_box .bbox1 .title_bg {
background:url(../images/section_image01.png) no-repeat; 
}
#content .board_box .bbox2 .title_bg {
background:url(../images/section_image02.png) no-repeat; 
}
#content .board_box .bbox3 .title_bg {
background:url(../images/section_image03.png) no-repeat; 
}
#content .board_box .pos .title_bg {
position: relative;
height:51px;
background-size:cover;
}
#content .board_box > .pos > .title_bg h2 {
position: absolute;
left:15px; top:16px;
letter-spacing:3px;
color: #fff;
font-size:16px;
font-weight:bold;
}
#content .board_box .bbox2.pos .title_bg h2 {
letter-spacing:-1px;
}
#content .board_box > .pos > .title_bg a img {
display: block;
position: absolute;
right:234px; top:14px;
}
#content .board_box > div > p { 
display: inline-block; 
float: right;  
}
#content .board_box > div > p a { display:block;   }
#content .board_box > div a { 
color:#282627; 
text-decoration: none;   
}
#content .board_box ul { 
background: #fff; 
padding:20px 15px 15px 0; 
width:382px;   }
#content .board_box ul li { margin-bottom:7px;  }
#content .board_box ul li a { display: block; overflow: hidden;  }
#content .board_box ul li a .kind { float: left; margin-right:5px;  }
#content .board_box ul li a .list_title { float: left;   }
#content .board_box ul li a .date { float: right;  }
#content .board_box ul li a:focus, 
#content .board_box ul li a:active, 
#content .board_box ul li a:hover { color:#777; /* color:#21045c; */ }
#content .board_box .bbox3 ul { padding-left: 15px;  }
#content .board_box .bbox3 ul li { margin-bottom:8px;  }


/*
* media query START
*/
@media all and (min-width:1024px) and (max-width:1600px){
#pop_c { 
left:50px; top:200px; 
width:100%;
}
#pop_c  #noti1, #pop_c  #noti2 { 
width:300px; height:300px; 
background-size:300px auto;  
}
#pop_c li:first-child { 
height:267px;  
}
#pop_c .closing { 
padding:2px;  
}



#visual .item {
height:380px;
}

#visual .item.active .medi_go .carousel-caption { 
left:0px; top:50px; 
margin-left:250px;  
}
#visual .item.active .medi_go .carousel-caption h2 { 
font-size:3em; 
margin-bottom:14px; 

}
#visual .item.active .medi_go .carousel-caption h2 span { 
display: block; 
font-size:0.7em; 
margin:7px 0 0 3px;  
}
#visual .item.active .medi_go .carousel-caption .exp { 
font-size:1.2em; 
}
#visual .item.active .medi_go .carousel-caption .detail_btn { 
/*margin-top:20px;  */
width:90px;
height:40px;
}
#visual .item.active .medi_go .carousel-caption .detail_btn .detail { 
font-size:1em; 
margin-top:10px; 
padding-left:10%;   
}
#visual .item.active .medi_go .carousel-caption .detail_btn span { 
font-size:1.2em;
margin-top:9px; 
padding-right:7%; 
}



#content { 
width:80%;
}
#content .sp_title { 
margin:40px 0 18px 0;  
font-size:24px;
}
#content .sp_title strong { 
font-size:26px;
}
#content .sect_speed { 
width:80%;
margin-bottom:5px; 
}
#content .sect_speed .speed_q {
margin:0;
width:20.8%;
}
#content .sect_speed div {
width:13.1%;
}
#content .sect_speed div img { 
width:100%;  
}


#content .sect_box { 
width:80%; 
margin:0 auto;
}
#content .sect_box > div { 
max-height:220px;
}
#content .sect_box > div a img { 
max-width:100%;   
}
#content .sect_box div a .box_hover .box_txt strong {
display:block; 
font-size:1.2em; 
margin-bottom:4px;  
}

/* ///////////////////////
* bxslider - START
* hospital introduce, hopital facilintro common
*/


#main_gall_wrap  ul li img { 
width:100%;
}


/* ///////////////////////
* bxslider - END
*/

#content {
padding-bottom:40px;
}

#content .board_box { 
margin:0 auto; 
padding:60px 0; 
width:80%; 
}
#content .board_box > .pos { 
width:31.6%;
margin-right:21px;  
}
#content .board_box .pos .title_bg {
height:32px;
 }
 #content .board_box .bbox2.pos .title_bg h2 {
letter-spacing:-2px;
}
#content .board_box > .pos > .title_bg h2 {
left:8px; top:9px;
letter-spacing:0px;
font-size:1.2em;
}
#content .board_box > .pos > .title_bg a img {
right:165px; top:10px;
width:14px;
}
#content .board_box > div a { 
font-size:0.9em;
}
#content .board_box ul { 
padding-left:10px; 
width:100%;   
}
#content .board_box ul li a .kind { 
display: none;  
}
#content .board_box .bbox3 ul li { 
margin-bottom:7px;  
}


}