@charset "utf-8";
/* 전체_기본_공통적용 font-family:'Roboto'*/

#wrap {width:100%;text-align:center;}
#header {width:100%;}
#container {width:100%;}


/* images */
.listTab li a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 -22px;}
.listTab li a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px 1px;}
.listTab.m1 .m1 a .button1{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:0 1px;}
.listTab.m2 .m2 a .button2{ background-image:url(../images/main_tt_01.gif); width:95px; height:22px;background-position:-90px -22px;}

/* Lined Tab */
.listTab{width:100%;}
.listTab ul{ position:relative; font-size:12px; *zoom:1;}
.listTab ul:after{ content:""; display:block; clear:both;}
.listTab li{ float:left; -margin-bottom:-1px;text-align:left;}
.listTab li a span{ display:inline-block; cursor:pointer;}
.listTab li ul{ display:none; width:300px; position:absolute; top:40px; left:0; border:0; margin:0; padding:0; *zoom:1;}
.listTab li ul:after{ content:""; display:block; clear:both;}
.listTab li li{ float:none; position:relative; -margin:0 0 8px 0; color:#999;background:url(../images/main_news_dot.gif) no-repeat 6px 10px;padding-left:15px; line-height:24px;}
.listTab li li a{ float:none; padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;text-decoration:none;}
.listTab li li a:hover,
.listTab li li a:active,
.listTab li li a:focus{ color:#000 !important; text-decoration:none;}
.listTab li li date,
.listTab li li .date{ position:absolute; top:0; right:0;}
.listTab li li.more{ position:absolute; top:-35px; right:0; border:0 !important; background:transparent;}

.listTab.m1 .m1 ul,
.listTab.m2 .m2 ul{ display:block;}

/* jsOff */
.listTab.jsOff{ height:auto;}
.listTab.jsOff ul{ border:0;}
.listTab.jsOff li{ float:none; position:relative;}
.listTab.jsOff li a{ float:none; display:block; font-weight:bold; color:#333;}
.listTab.jsOff li ul{ position:static; display:block; left:0; top:0;}
.listTab.jsOff li li a{ display:inline; border:0 !important; background:none !important; font-weight:normal;}
.listTab.jsOff li li.more{ top:7px; right:15px;}

/* 메인 */

.main_tit {color:#000;font-size:34px;font-weight:700;padding:60px 0 30px;font-family:'Roboto','Nanum Gothic';}
.main_tit span{display:block;color:#666;font-size:14px;padding:10px 0 0px;font-weight:normal;}


#main_contents {width:100%; text-align:left; font-family:'Roboto','Nanum Gothic';}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block;}

#main_contents .sec01{position:relative; width:100%; overflow:hidden;}
#main_contents .sec01 ul.sec01_slider li:after{content:""; display:block; clear:both;}
#main_contents .sec01 ul.sec01_slider li .sec01_img{float:left; width:50%; overflow:hidden;}
#main_contents .sec01 ul.sec01_slider li .sec01_con{float:left; width:50%; background:#f1f1f1; height:400px;}
#main_contents .sec01 ul.sec01_slider li .sec01_con .sec01_con_area{padding:66px 0 66px 190px;}
#main_contents .sec01 ul.sec01_slider li .sec01_con h2{font-size:30px; font-weight:700; color:#000; margin-bottom:5px;}
#main_contents .sec01 ul.sec01_slider li .sec01_con h3{font-size:16px; color:#000;}
#main_contents .sec01 ul.sec01_slider li .sec01_con ul{margin:30px 0 35px;}
#main_contents .sec01 ul.sec01_slider li .sec01_con ul li{font-size:14px; color:#7d7d7d; line-height:20px;}
#main_contents .sec01 ul.sec01_slider li .sec01_con a{display:inline-block; *zoom:1; *display:inline; width:150px; 
border-radius:20px; background:#b5000e; text-align:center; 
font-size:14px; font-weight:700; color:#fff; line-height:40px;}

#main_contents .sec01 ul.sec01_thumb{position:absolute; top:37px; left:50%; width:300px; margin-left:-150px; 
	z-index:2;}
#main_contents .sec01 ul.sec01_thumb li{position:relative; margin-top:2px;}
#main_contents .sec01 ul.sec01_thumb li:first-child{margin-top:0;}
#main_contents .sec01 ul.sec01_thumb li a{display:block; padding:20px 0 20px 62px; background:transparent; background-color: rgba( 102, 102, 102, 0.6 ); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99666666, endColorStr=#99666666 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#99666666, endColorStr=#99666666 )"; 
zoom: 1;}
#main_contents .sec01 ul.sec01_thumb li a.active{background:#b5000e; padding:20px 0 20px 26px;}
#main_contents .sec01 ul.sec01_thumb li a.active span.sec01_bullet{display:none;}
#main_contents .sec01 ul.sec01_thumb li a.active p{color:#fff;}
#main_contents .sec01 ul.sec01_thumb li a span.sec01_bullet{position:absolute; top:50%; left:25px; margin-top:-2.5px; display:block;}
#main_contents .sec01 ul.sec01_thumb li a span.sec01_bullet:after{content:""; display:block; clear:both;}
#main_contents .sec01 ul.sec01_thumb li a span.sec01_bullet > span{display:block; width:5px; height:5px;}
#main_contents .sec01 ul.sec01_thumb li a span.sec01_bullet span.bullet_l{float:left; background:#b5000e; margin-right:2px;}
#main_contents .sec01 ul.sec01_thumb li a span.sec01_bullet span.bullet_r{float:right; background:#fff;}

#main_contents .sec01 ul.sec01_thumb li a h2{font-size:16px; font-weight:700; color:#fff; line-height:20px;}
#main_contents .sec01 ul.sec01_thumb li a p{font-size:14px; color:#ddd; line-height:20px;}

#main_contents .sec01 .bx-wrapprer{position:relative;}
#main_contents .sec01 .bx-controls{position:absolute; top:0; left:50%; margin-left:-10px; height:100%; z-index:99;}
#main_contents .sec01 .bx-controls-direction a{position:absolute; left:0; display:block; width:20px; height:10px; text-indent:-9999px; overflow:hidden;}
#main_contents .sec01 .bx-controls-direction a.bx-prev{top:15px; background:url(../images/sec01_arrow_prev.png) no-repeat center center;}
#main_contents .sec01 .bx-controls-direction a.bx-next{bottom:15px; background:url(../images/sec01_arrow_next.png) no-repeat center center;}

#main_contents .sec02 {position:relative; width:100%; overflow:hidden; }
#main_contents .sec02_area{width:1200px; margin:0 auto; padding:70px 0; text-align:center;}
#main_contents .sec02 h2.sec02_tit{font-size:30px; font-weight:700; color:#333;}
#main_contents .sec02 p.sec02_main_con{position:relative; font-size:16px; color:#666; margin:25px 0 0; padding:0 0 30px;}
#main_contents .sec02 p.sec02_main_con:after{content:""; display:block; width:60px; height:3px; background:#e64d2c; position:absolute; bottom:0; left:50%; margin-left:-30px;}
#main_contents .sec02 ul.sec02_list:after{content:""; display:block; clear:both;}
#main_contents .sec02 ul.sec02_list li{position:relative; float:left; width:280px; height:402px; margin-left:20px;}
#main_contents .sec02 ul.sec02_list li:first-child{margin-left:0;}
#main_contents .sec02 ul.sec02_list li .sec02_list_default{width:280px; height:402px; background:transparent; 
background-color: #fff; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#4d000000, endColorStr=#4d000000 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4d000000, endColorStr=#4d000000 )"; 
zoom: 1; }
#main_contents .sec02 ul.sec02_list li .sec02_list_default img{margin:0px 0 35px;}
#main_contents .sec02 ul.sec02_list li .sec02_list_default h3{font-size:20px; font-weight:700; color:#000;}
#main_contents .sec02 ul.sec02_list li .sec02_list_hover{ position:absolute; top:0; left:0; width:96%; height:96%;
background:transparent; background-color: #fff; opacity:0.8; margin-top:2.7%; margin-left:2.7%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 )"; 
zoom: 1; display:none;}
#main_contents .sec02 ul.sec02_list li .sec02_list_hover h3{position:relative; font-size:20px; font-weight:700; color:#000; padding:0 0 23px; margin:130px 0 0;}

#main_contents .sec02 ul.sec02_list li .sec02_list_hover p{font-size:14px; color:#222; line-height:25px; margin:15px 0 35px; }
#main_contents .sec02 ul.sec02_list li .sec02_list_hover a{font-size:14px; font-weight:700; color:#fff; padding:0 0 30px; background:url(../images/sec02_arrow.png) no-repeat center bottom;}


#main_contents .sec03 {position:relative; width:100%; overflow:hidden; background:url(../images/sec03_bg01.jpg) no-repeat center center; height:685px;}
#main_contents .sec03_area{width:1200px; margin:0 auto; padding:70px 0;text-align:center;}
#main_contents .sec03 h2.sec03_tit{font-size:30px; font-weight:700; color:#333;}
#main_contents .sec03 p.sec03_main_con{position:relative; font-size:32px; color:#000; margin:25px 0 0; padding:0 0 30px;}

#main_contents .sec03 ul.sec03_list{ margin-top:100px;}
#main_contents .sec03 ul.sec03_list:after{content:""; display:block; clear:both;}
#main_contents .sec03 ul.sec03_list li{position:relative; float:left; width:284px; height:207px; margin-left:20px; background:#f1f1f1;}
#main_contents .sec03 ul.sec03_list li:first-child{margin-left:0;}
#main_contents .sec02 ul.sec02_list li .sec02_list_default{width:284px; height:207px; background:transparent; 
background-color: #fff; 
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#4d000000, endColorStr=#4d000000 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#4d000000, endColorStr=#4d000000 )"; 
zoom: 1; }
#main_contents .sec03 ul.sec03_list li .sec03_list_hover h3{ text-align:left; position:relative; font-size:20px;
font-weight:700; color:#000; margin-top:30px; margin-left:30px;}
#main_contents .sec03 ul.sec03_list li .sec03_list_hover p{font-size:14px; color:#222; line-height:25px;
text-align:left; margin-top:15px; margin-left:30px;}
#main_contents .sec03 ul.sec03_list li .sec03_list_hover a{font-size:14px; font-weight:700; color:#fff; padding:0 0 30px; background:url(../images/sec02_arrow.png) no-repeat center bottom;}
#main_contents .sec03 ul.sec03_list li .sec03_list_hover img{text-align:right; margin-left:180px; }
#main_contents .sec03 ul.sec03_list li:nth-child(1) .sec03_list_hover img{margin-top:10px;}
#main_contents .sec03 ul.sec03_list li:nth-child(2) .sec03_list_hover img{margin-top:10px;}
#main_contents .sec03 ul.sec03_list li:nth-child(3) .sec03_list_hover img{margin-top:20px;}



#footer {clear:both; width:100%; border-top:1px solid #ddd;}
#footer .f_gnb{width:100%;border-bottom:1px solid #ddd;}
#footer .f_gnb_area{width:1200px; margin:0 auto; padding:40px 0;}
#footer .f_gnb_area:after{content:""; display:block; clear:both;}
#footer .f_gnb dl{float:left; margin-left:200px; text-align:left;}
#footer .f_gnb dl:nth-child(1){margin-left: 0 !important;}
#footer .f_gnb dl dt{margin:0 0 15px;}
#footer .f_gnb dl dt a{font-size:16px; font-weight:700; color:#000;}
#footer .f_gnb dl dd{line-height:30px;}
#footer .f_gnb dl dd a{display:block; font-size:14px; color:#000;}
#footer .f_gnb dl dd a:nth-child(n+4){display:none;}

#footer .f_bottom{padding:0 0 10px; width: 1200px; margin: 0 auto;}
#footer .f_bottom ul.f_nav{width:100%;  font-size:0; text-align:left;}
#footer .f_bottom ul.f_nav li{display:inline-block; *zoom:1; *display:inline; font-size:14px; 
color:#222;line-height:60px;}
#footer .f_bottom ul.f_nav li a{font-size:14px; color:#222;}
#footer .f_bottom ul.f_nav li span{padding:0 14px;}
#footer .f_bottom ul.f_info{text-align:left; margin:5px 0 55px;}
#footer .f_bottom ul.f_info li{font-size:12px; color:#222; line-height:20px;}
#footer .f_bottom ul p.copy{font-size:12px; color:#999;}


/* 공지사항 리스트 및 탭관련*/
.ltNotice {position:relative; height:150px; text-align:center;}
.ltNotice li {float:left;}
.ltNotice .tab {float:left;height:24px; overflow:hidden; text-indent:-9999em; background:url(../images/main_tt_01.gif) no-repeat;}
.ltNotice .t1 {width:88px; background-position:0 -24px;}
.ltNotice .t2 {width:98px; background-position:-88px 0;}
.ltNotice .t3 {width:100px; background-position:-198px 0;}
.ltNotice li.active .t1 {width:88px; background-position:0 0;}
.ltNotice li.active .t2 {width:98px; background-position:-88px -24px;}
.ltNotice li.active .t3 {width:100px; background-position:-198px -50px;}

.ltNotice ul {display:none; position:absolute; top:34px; left:0px; width:300px;}
.ltNotice ul li {float:left;text-align:left; padding-left:15px; line-height:24px; background:url(../images/main_news_dot.gif) no-repeat 6px 10px; width:295px;}
.ltNotice ul li span {padding-right:10px;float:right}
.ltNotice li.active ul {display:block;}
.ltNotice a {color:#989898;}
.ltNotice a:hover {color:#569ecc;font-size:12px;}
.ltNotice .more {position:absolute; top:-16px; right:0px; background:none;}


/*공통팝업 - 개인정보취급방침_이용약관_이메일무단수집거부*/
#no_spam {width:600px;border:10px solid #d8d8d8;}
#privacy {position:relative;}
#privacy div {font-size:14px;line-height:22px;}
#privacy h2 {margin:20px 0 10px 0px; font-size:14px; font-weight:bold; color:#555;}
#privacy h2 span {font-size:14px; color:#ee0000;}
#privacy h2 p {font-size:14px; color:#ee0000; font-weight:400; padding-top:5px;}
#privacy textarea {width:96%;height:400px;color:#666666; padding:3% 15px; line-height:22px;border:1px solid #ededed; background:#f9f9f9}
#privacy .btn_close {position:absolute; top:40px; right:20px;}

/*서브*/
#sub_visual {width:100%;margin:0 auto;background:url(../images/sub_visual_01.jpg) top center fixed;height:400px;}
#sub_visual .visual{width:100%;margin:0 auto;}

#sub_wrap {position:relative;;margin:0 auto; width:1260px;min-height:400px;content:"";}
#sub_wrap #left_menu {width:1200px; margin:0px auto 20px;}
#sub_wrap #left_menu h2 {width:230px; --height:80px; background:#feb123;padding:65px 0px 65px 0px;text-align:center; color:#fff;font-size:28px; vertical-align:middle;font-weight:bold;}/*tt타이틀*/

#sub_wrap #left_menu .left_flash{clear:both;}
#sub_wrap #left_menu .banner{clear:both;padding:10px 0px;}
#sub_wrap #left_menu .icon {position:relative;}
#sub_wrap #left_menu .icon:after {content:""; width:100%; display:block; border-bottom:1px solid #ddd; position:absolute; bottom:18px; z-index:-1;}
#sub_wrap #left_menu .icon a {display:inline-block; *zoom:1; *display:inline; font-size:0px; text-indent:-999px; width:38px; height:38px; margin:0px 2px;}
#sub_wrap #left_menu .icon a.facebook{background:url(../images/left_icon_f.gif) no-repeat;}
#sub_wrap #left_menu .icon a.twitter{background:url(../images/left_icon_t.gif) no-repeat;}
#sub_wrap #left_menu .icon a.blog{background:url(../images/left_icon_b.gif) no-repeat;}
#sub_wrap #left_menu .icon a:hover {background-position:0px -38px}

/*왼쪽메뉴*/
#sub_wrap #left_menu ul{text-align:center;}
#sub_wrap #left_menu li{width:auto;display:inline-block;margin-bottom:3px;}
#sub_wrap #left_menu li:nth-child(6n+1){clear:both;}
#sub_wrap #left_menu li a.dp1{display:block;width:177px; padding:15px 10px; text-align:center;font-weight:normal;
	font-size:16px; background:#ececec;}
#sub_wrap #left_menu li.on a.dp1{color:#fff;background:#b5000e;font-weight:bold;}
#sub_wrap #left_menu li ul {padding-bottom:10px; }
#sub_wrap #left_menu li ul li a {display:block; text-align:left; padding:5px;}
#sub_wrap #left_menu li ul li a:before{content:"- "}
#sub_wrap #left_menu li ul li a.on {background:#000;}

#sub_wrap .icon_set {font-size:14px; font-weight:bold;padding-top:20px}
#sub_wrap .icon_set .icon_01 {float:left;width:110px;height:30px;background:url('../images/icon_01.gif') no-repeat top center;padding-top:70px;}
#sub_wrap .icon_set .icon_02 {float:left;width:110px;height:30px;background:url('../images/icon_02.gif') no-repeat top center;padding-top:70px;}
#sub_wrap .icon_set .icon_03 {float:left;width:110px;height:30px;background:url('../images/icon_03.gif') no-repeat top center;padding-top:70px;}
#sub_wrap .icon_set .icon_04 {float:left;width:110px;height:30px;background:url('../images/icon_04.gif') no-repeat top center;padding-top:70px;}

/*서브와꾸*/
#sub_wrap #sub_contents {width:1200px;margin:0 auto 20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{padding:0px 0 50px 0px;text-align:center; font-size:40px; font-weight:bold; color:#000;font-family:'Roboto','Nanum Gothic';}/*stt타이틀*/
#sub_wrap #sub_contents .location{padding:40px 0px 15px 0px;}
#sub_wrap #sub_contents .location li{display:inline;font-size:13px; color:#666;}
#sub_wrap #sub_contents .location b {font-weight:bold;}
#sub_wrap #sub_contents .con_detail {clear:both;min-height:600px;text-align:center; padding:60px 0px; line-height:18px;}/*내용*/


/*quick*/
#quick {--display:none;background:#e9e9e9;border:4px solid #d3d3d3;position:absolute; right:-90px; top:0px; width:70px; z-index:2; padding-top:50px;padding-bottom:50px;}


/*테이블*/
.table_01 {width:100%; margin-bottom:10px;border-top:2px solid #bd956d;}
.table_01 th {font-size:11px;height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4;color:#444444;font-weight:bold;}
.table_01 th.line_r {border-right:1px solid #d4d4d4;}
.table_01 td {font-size:11px;border-bottom:1px solid #d4d4d4;}
.table_01 td.cen{font-size:11px;height:30px;text-align:center;}
.table_01 td.left {line-height:130%;padding:20px 0px 20px 20px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.left_2 {padding:0px 0px 0px 10px;font-size:11px;height:30px; border-bottom:1px solid #d4d4d4;}
.table_01 td.line_r {border-right:1px solid #d4d4d4;;color:#6c6c6c;}
.table_01 td.font_b {font-weight:bold;color:#704924;}
.table_01 td.line_h {line-height:130%;}


/*사이트맵*/
#sitemap {width:100%;}
.oneDepth {width:22.5%; float:left; padding:0 10px;margin-bottom:30px; min-height:270px;}
.oneDepth h5 {font-size:18px; font-weight:bold; text-align:center !important; color:#000; padding:10px 0 15px 0; border-bottom:2px solid #aaa;}

.twoDepth {font-size:16px; padding-top:5px;}
.twoDepth li {padding:15px 0 15px 0px; border-bottom:1px solid #dedede}


/*병원둘러보기*/

.gallery {background-color:#f3f3f3; width:780px; height:440px;}
.gallery ul li {width:105px; float:right; margin:10px 10px 0px 2px; }
.gallery ul li.over {width:105px; float:right; margin:10px 7px 0px 2px; border:3px solid #82aae0;}