@charset "utf-8";

/*==========================================================================
Layout Style
==========================================================================*/

.sub_visual01 {position:relative; float:left; clear:both; width:100%; height:250px; background:url(../images/sub/sub_visual01_ver1.png) no-repeat center top;} 
.sub_visual02 {position:relative; float:left; clear:both; width:100%; height:250px; background:url(../images/sub/sub_visual02_ver1.png) no-repeat center top}
.sub_visual03 {position:relative; float:left; clear:both; width:100%; height:250px; background:url(../images/sub/sub_visual03_ver1.png) no-repeat center top}
.sub_visual04 {position:relative; float:left; clear:both; width:100%; height:250px; background:url(../images/sub/sub_visual04_ver1.png) no-repeat center top}
.sub_visual05 {position:relative; float:left; clear:both; width:100%; height:250px; background:url(../images/sub/sub_visual05_ver1.png) no-repeat center top}


/* .sub_gnb_bg {position:fixed; float:left;width:100%; top:360px;padding:20px 0 5px; background:#525252; z-index:100}*/
.sub_gnb_bg {position:relative; float:left;width:100%; padding:20px 0 5px; background:#525252;}
             
/* 페이지 인식을 위한 부분 */
#page01 #sub_menu a.menu1,
#page02 #sub_menu a.menu2, 
#page03 #sub_menu a.menu3,
#page04 #sub_menu a.menu4,
#page05 #sub_menu a.menu5,
#page06 #sub_menu a.menu6,
#page07 #sub_menu a.menu7,
#page08 #sub_menu a.menu8,
#page09 #sub_menu a.menu9,
#page10 #sub_menu a.menu10 {border-bottom:3px solid #0f8cee; color:#fff }


#sub_gnb {position:relative;  width:980px;  margin:0px auto;  }
#sub_gnb .title { position:relative; float:left; width:auto;padding:0 20px 0 0; margin:0px 0 0 0; height:20px; border-right:1px solid #888; font-size:1.70em; line-height:1.10em;  color:#fff; font-weight:bold;}

#sub_menu {position:relative; float:left;   margin:0px 0 0 23px; border:0px solid #f00 }
#sub_menu ul {float:left;}
#sub_menu ul li {display:inline-block;float:left;width:auto;height:30px; margin:0 0 0 10px; padding:0 0 0px 10px; background:url(../images/sub/ds_menu.png) no-repeat left 3px;  }
#sub_menu ul li:first-child { background:none; margin:0; padding:0}
#sub_menu ul li a { color:#ddd; font-size:1.10em;width:auto; padding-bottom:15px;margin:10px 0 10px 0; letter-spacing:-.07em;}
#sub_menu ul li a:hover{color:#fff;border-bottom:3px solid #0f8cee; }


#sub_gnb1 {position:relative;  width:1300px;  margin:0px auto;  }
#sub_gnb1 .title { position:relative; float:left; width:auto;padding:0 20px 0 0; margin:0px 0 0 0; height:20px; border-right:1px solid #888; font-size:1.70em; line-height:1.10em;  color:#fff; font-weight:bold;}




/* 본문  */

.s_container {position:relative;  width:980px; margin:0px auto; }
.s_container02 {position:relative;  width:980px; margin:0px auto; }

.sub_cont_title{position:relative; float:left;width:980px; margin:30px 0 0; font-weight:bold; font-size:1.90em;color:#333}

.rout {position:relative;float:right;margin:10px 0 0 0;width:auto; }
.rout ul {}
.rout ul li {display:block; float:left; color:#8c8c8c;width:auto; background:url(../images/sub/r_arrow.gif) no-repeat 0 5px; padding:0 10px 0 12px;}
.rout ul li:first-child {background:none;}
.rout ul li:last-child {color:#333}

h3 {position:relative; float:left; width:100%;  margin:10px 0 0; color:#3d3d3d; font-size:2.30em;line-height:1.60em;font-weight:bold; letter-spacing:-.02em;}
#body_cont {position:relative; float:left; width:980px;  margin:30px 0 20px 0; }/* 높이수정  */
#body_cont ul {}
#body_cont ul li {display:block; float:left; width:980px;}
#body_cont ul li.line {height:1px; background:#e0e0e0; margin:30px 0 30px;}


/* 병원장 인사말 */
.gr_t {position:relative; float:left; font-size:2.70em;  line-height:1.50em; width:auto; color:#333 }
.gr_cont {position:relative; float:left; width:auto; clear:both; font-size:1.25em; color:#666; line-height:1.60em; margin:20px 0 0;}
.gr_doctor {position:absolute; top:30px; right:0; width:365px; height:437px; background:url(../images/sub/doctor.png) no-repeat 0 0px;}


/* 찾아오시는 길 */
#map {position:relative; float:left; width:980px; margin:20px 0 30px 0; font-size:1.10em;}
#map .name {position:relative;float:left; width:980px; font-size:1.40em; font-weight:bold; color:#333; margin:0 0 20px 0}
#map .tit {position:relative;float:left; width:70px; font-weight:bold; line-height:2.0em; color:#f5311d }
#map .contact {position:relative;float:left;width:800px;line-height:2.0em; color:#555}


/*슬라이드 갤러리*/
.slide_box { width:980px; position:relative;float:left; clear:both; margin:20px 0 0; }
.slide_box ul {width:980px; }
.slide_box li { float:left;}

.btn_prev{z-index:300; width:35px; height:57px; top:220px; left:20px; position:absolute; background:url(../images/sub/arrow_pre.png) no-repeat}
.btn_next{z-index:300; width:35px; height:57px; top:220px; right:20px; position:absolute; background:url(../images/sub/arrow_next.png) no-repeat}

.slide_text_bg {width:980px; height:60px; position:absolute; top:430px; left:0px; padding-top:18px; background:url(../images/sub/gallery_bg.png) no-repeat}
.slide_text_box{width:980px; position:absolute;}

.text_tit{color:#ffffff; font-size:23px; margin:0 40px; float:left;}
.text_cont{color:#ffffff; line-height:16px; float:left; }

/*슬라이드 갤러리 버튼*/
.slide_tab li{width:149px; height:29px; border:1px solid #dedede; background:#efefef; color:#505050; margin:0 3px 3px 0; text-indent:13px; padding-top:5px; float:left; font-family:mg_b }
.slide_tab li.on{border:1px solid #dedede;  background:#B9CFFD;  color:#505050; font-family:mg_b; }
.slide_tab li.active {border:1px solid #3a6ecb;  background:#537fce;  color:#ffffff; font-family:mg_b;}


/* 병원내부,검사장비 Carousel */
.slide_box2  { width:980px; height:85px;padding:10px 0 10px 0; margin:10px 0 0; position:relative;float:left; background:#ededed;}
.slide_box2 ul { width:780px; height:85px; margin:0 auto;}
.slide_box2 ul li {display:inline-block; float:left; width: 110px; height:81px; padding: 2px; text-align: left; }
.slide_box2 ul li img { display:inline-block; float:left;border:3px solid #ededed; width:110px; height:75px; opacity:0.5; filter:alpha(opacity=50); /* For IE8 and earlier */}
.slide_box2 ul li.active img { width:110px; border: 3px solid #64A3EF; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}
.slide_box2 ul li.on img {opacity:7.0; filter:alpha(opacity=70); /* For IE8 and earlier */}

.slide_box2 .btn_prev{z-index:300; width:16px; height:26px; margin-right: 20px; top:35px; position:absolute; background:url(../images/sub/arrow_pre_s.png) no-repeat}
.slide_box2 .btn_next{z-index:300; width:16px; height:26px; top:35px; position:absolute; background:url(../images/sub/arrow_next_s.png) no-repeat}

.equipment_text { margin-top: 30px; }
.equipment_text ul li { display: none; }
.equipment_text ul li.current { display: block; }


.img_list{width:100%;}
.img_list li{float:left;text-align:center;width:33%;}
.dot_line li{background:url(../images/sub/ico_dot.gif) 0 5px no-repeat;padding-left:8px;line-height:130%;margin-bottom:10px; }

.laser_point{text-align:center;font-size:22px;color:#000;line-height:130%;padding:50px 0 0 0;}


/* 게시판 참고 */
.refer {position:relative; float:left; width:980px; margin:0 0 15px 0; font-size:1.10em; color:#333}


.tb_st3 {position:relative; float:left; width:100%;border-top:2px solid #262262; }
.tb_st3 th {padding:10px 0 10px; background:#f8f8f8; color:#333; font-weight:600; font-size:1.20em; margin-top:1px; border-left:1px solid #d4d4d4; border-bottom:1px solid #aaa;}
.tb_st3 th:first-child {border-left:0;  font-weight:600;}
.tb_st3 td { padding:10px 10px 10px 15px; font-size:1.10em; text-align:center; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
/*.tb_st3 td:first-child {border-left:0;  font-weight:600;}*/
.tb_st3 tr.bottom td {border-bottom:1px solid #aaa;}