@charset "utf-8";
html,body,div,li,ul,a,p,input,textarea,dl,dt,dd,label {font-family:'Nanum Gothic', sans-serif;}

/* 전체_기본_공통적용*/
#wrap {width:100%;text-align:center;}
#header {width:100%;}
#container {width:100%;}

#com_menu {position:absolute;top:0;width:100%;margin: 0 auto; padding: 0;border: none; text-align: center; z-index:999;height:100px;background:url(../images/gnb_bg.png) repeat 0 0;}/*상단메뉴로고부분*/

/*
#sub1 {position:absolute;top:60px;left:40px;width:100%;text-align:center;}
#sub1 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub1 li {float:left; padding:10px 12px;cursor:pointer;}
#sub1 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub1 .twoDep a:hover{color:#6c8fd1;}


#sub2 {position:absolute;top:60px;left:185px;width:100%;text-align:center;}
#sub2 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub2 li {float:left; padding:10px 12px;cursor:pointer;}
#sub2 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub2 .twoDep a:hover{color:#6c8fd1;}


#sub3 {position:absolute;top:60px;left:330px;width:100%;text-align:center;}
#sub3 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub3 li {float:left; padding:10px 12px;cursor:pointer;}
#sub3 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub3 .twoDep a:hover{color:#6c8fd1;}


#sub4 {position:absolute;top:60px;left:200px;width:100%;text-align:center;}
#sub4 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub4 li {float:left; padding:10px 12px;cursor:pointer;}
#sub4 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub4 .twoDep a:hover{color:#6c8fd1;}


#sub5 {position:absolute;top:60px;left:550px;width:100%;text-align:center;}
#sub5 .sub_menu {width:740px; margin:0 auto;height:35px;}
#sub5 li {float:left; padding:10px 12px;cursor:pointer;}
#sub5 .twoDep a{color:#686868;font-size:11px;font-weight:normal;}
#sub5 .twoDep a:hover{color:#6c8fd1;}
*/

#com_menu .st_Nav {position:absolute;top:14px;right:0px;margin:0px; padding:0px;z-index:100;}
#com_menu .st_Nav li {float:left; padding:0 7px 0 7px; background:url(../images/com_top_line.png) no-repeat 0px 1px;}
#com_menu .st_Nav li.first {background:none;}
#com_menu .st_Nav img {vertical-align:top;}


/* 탭메뉴 */
/* 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_contents {width:100%; margin:0 auto; text-align:center;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block;}

#main_contents .sec01 {width:1200px;margin:0 auto;padding:60px 0;text-align:text;position:relative; }
#main_contents .sec01 ul.sec01_list{}
#main_contents .sec01 ul.sec01_list:after{content:""; display:block; clear:both;}
#main_contents .sec01 ul.sec01_list li{float:left; width:580px;text-align:left;margin-left:40px;}
#main_contents .sec01 ul.sec01_list li:first-child{margin-left:0;}
#main_contents .sec01 ul.sec01_list li a{display:block;cursor:pointer;}
#main_contents .sec01 ul.sec01_list li:after{content:""; clear:both; display:block;}
#main_contents .sec01 .sec01_tit{margin-top:30px;font-weight:600;line-height:29px;}
#main_contents .sec01 .sec01_tit:after{content:""; clear:both; display:block;}
#main_contents .sec01 .sec01_tit span{float:left;font-size:20px;color:#333; }
#main_contents .sec01 .sec01_tit a.view01{float:right;cursor:pointer;width:55px;height:29px;background:url('../images/main_btn01.gif') no-repeat 0 0;line-height:29px;}
#main_contents .sec01 .sec01_tit a.view01:hover{background-position:0 -29px;}
#main_contents .sec01 .sec01_txt{padding-top:10px;font-size:15px; color:#666;}

/*sec02 시작*/
#main_contents .sec02{position:relative; width:100%; padding:50px 0; overflow:hidden;background:#ebebeb;}
#main_contents .sec02 .sec02_tit{width:1200px; margin:0 auto;  text-align:center;position:relative;}
#main_contents .sec02 .sec02_tit h2{font-size:20px;font-weight:600;color:#333;}
#main_contents .sec02 .sec02_tit h2 a.view02{float:right;width:55px;height:29px;background:url('../images/main_btn02.gif') no-repeat 0 0;}
#main_contents .sec02 .sec02_tit h2 a.view02:hover{background-position:0 -29px;}

.frame {width:1200px; margin:0 auto;height: 285px;margin-top:40px;}
.frame ul {height: 100%;}
.frame ul li{float: left; width: 285px; height: 100%; margin-left:20px;}
.frame ul li:first-child{margin-left:0;}
.frame ul li .img_thumb{position:relative; overflow:hidden;}

.frame ul li .img_caption{position:absolute; top:0; left:0; background:url(../images/opacity_wht.png); width:100%; height:100%; display:none;}
.frame ul li .img_caption a{display:block;}
.frame ul li .img_caption h3{font-size:16px; line-height:285px; color:#fff; position:relative; left:-10px;}
.frame ul li .img_caption span.top_line{position:absolute; top:-40%; left:50%; margin-left:-4.5px; display:block; width:9px; height:40%; background:url(../images/line_circle_9s_blk.png)no-repeat bottom center; z-index:999;}
.frame ul li .img_caption span.top_line:after{content:""; display:block; position:relative; top:-9px; height:100%; width:1px; background:#fff; margin:0 auto; margin-bottom:9px;}
.frame ul li .img_caption span.bottom_line{position:absolute; bottom:-40%; left:50%; display:block; width:1px; height:40%; background:#fff;}

/*sec02 끝*/

#main_contents .main_conWa{clear:both; position:relative;width:1200px;height:200px;margin:0 auto;
padding-top:60px;padding-bottom:40px;}
#main_contents .main_conWa:after {content:""; clear:both; display:block;}
#main_contents .main_conWa h2 {text-align:left;font-size:20px; color:#111; font-weight:600;padding-bottom:30px;background:url(../images/main_bul01.gif) no-repeat 0 43px;}
#main_contents .main_conWa a.more{position:absolute;top:10px;right:0;width:33px;height:7px;background:url('../images/main_btn03.gif') no-repeat 0 0;}
#main_contents .main_conWa a.more:hover{background-position:0 -7px;}

#main_contents .main_conWa div .latest {text-align:left;margin-top:20px;}
#main_contents .main_conWa div .latest li { position:relative;line-height:26px;}
#main_contents .main_conWa div .latest li a {color:#666;font-size:14px;font-weight:bold;}
#main_contents .main_conWa div .latest li a:hover {color:#000;}
#main_contents .main_conWa div .latest li a span.date {position:absolute; top:10; right:0;font-weight:normal;font-size:14px;color:#888;}
#main_contents .main_conWa div .latest li a span.date:hover {color:#000;}

#main_contents .main_conWa .sec03{float:left;width:360px;margin-right:60px; position:relative;}
#main_contents .main_conWa .sec04{float:left;width:360px;position:relative;}
#main_contents .main_conWa .sec05{float:right;width:360px; position:relative;}


.sec06 {clear:both;width:100%; background:url('../images/sec06_bg.jpg') no-repeat top center; height:340px; color:#fff;text-align:center;}
.sec06 .sec06Wa{width:1200px; margin:0 auto;}
.sec06 h2{font-size:40px;padding-top:60px;padding-bottom:10px;}
.sec06 .f_tel_txt{font-size:20px;color:#f04a36;}
.sec06 .f_tel_num{padding-left:20px;font-size:30px;line-height:50px;}
.sec06Wa p{text-align:center;margin-top:20px;}
.sec06Wa p a.view04{display:inline-block;width:180px;height:40px;background:url('../images/main_btn04.png') no-repeat 0 0;}
.sec06Wa p a.view04:hover{background-position:0 -40px;}

.sec07Wa{width:1200px; margin:0 auto;  text-align:center;position:relative;padding-top:50px;}
.sec07Wa h2{font-size:30px;font-weight:600;color:#333;padding-bottom:30px;background:url(../images/main_bul02.gif) no-repeat center 55px;}
.sec07Wa li{float:left;width:600px;text-align:center;padding-bottom:60px;padding-top:40px;}
.sec07Wa li h3{font-size:23px; color:#333; font-weight:600;}
.sec07Wa li h3 span{font-size:20px;}
.sec07Wa li p{font-size:15px; line-height:22px; color:#666;padding:20px 0 ; }
.sec07Wa li .btn{font-size:15px;color:#666;text-decoration:underline;}
.sec07Wa li .btn:hover{color:#000;}
.sec07Wa li p.sec0701{padding:0 0 20px 0;display:block;width:600px; height:35px;background:url('../images/sec07_ico01.gif') no-repeat center 0;}
.sec07Wa li p.sec0701:hover{background:url('../images/sec07_ico01_on.gif') no-repeat center 0;}
.sec07Wa li p.sec0702{display:block;width:600px; height:35px;background:url('../images/sec07_ico02.gif') no-repeat center 0;}
.sec07Wa li p.sec0702:hover{background:url('../images/sec07_ico02_on.gif') no-repeat center 0;}
.sec07Wa li p.sec0703{display:block;width:600px; height:35px;background:url('../images/sec07_ico03.gif') no-repeat center 0;}
.sec07Wa li p.sec0703:hover{background:url('../images/sec07_ico03_on.gif') no-repeat center 0;}


/*메인_가로형의 세로형*/
#main_wrap_vertical {width:1010px;margin:0 auto;--padding-bottom:40px;}/*메인 컨텐츠 부분_섹션으로 css구분-보더값 뺄것.*/
#main_wrap_vertical .visual {float:left;border:5px solid #6d80a8;}
#main_wrap_vertical .contents {float:right; width:320px;border:5px solid #dcb997; padding-left:10px;}
#main_wrap_vertical .contents .sec01 {float:left; width:100%; padding-top:20px;}
#main_wrap_vertical .contents .sec02 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec02 h2 {padding-bottom:17px;}
#main_wrap_vertical .contents .sec03 {float:left; width:100%;text-align:left;padding-top:20px;}
#main_wrap_vertical .contents .sec03 h2 {padding-bottom:17px;}


#footer {clear:both; width:100%; background:#111; text-align:left;}
#footer .footer_area{width:1200px; margin:0 auto; padding:40px 0 40px;}
#footer .footer_area:after{content:""; display:block; clear:both;}
#footer .footer_area > dl{float:left; --width:400px;}
#footer .footer_area > dl dt{font-size:14px; font-weight:700; color:#666; letter-spacing:0.5em; margin:0 0 25px;}

#footer dl.f_symbol{width:350px;}

#footer dl.f_quick{width:350px;}
#footer dl.f_quick dd{line-height:30px;}
#footer dl.f_quick dd a{font-size:14px; color:#999;}

#footer dl.f_info dt{margin:0 0 30px;}
#footer dl.f_info dd{font-size:14px; color:#999; line-height:20px;}

#footer .copy_area{width:100%; background:#111;border-top:1px solid #4f4f4f;}
#footer .copy_area p.copy{width:1200px; margin:0 auto; font-size:14px; color:#999; line-height:60px;}




/* 공지사항 리스트 및 탭관련*/
.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:0px 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 {position:relative; width:100%; height:360px; margin:0 auto; background:url(../images/sub_visual.jpg) repeat-x center center;}

.sub_tit_area{width:1200px; margin:0 auto; padding:150px 0 0; text-align:center;}
.sub_tit_area h2{position:relative; font-size:40px; font-weight:700; color:#000;padding:0 0 22px;}
.sub_tit_area h2:after{content:""; display:block; width:40px; height:2px; background:#000; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.sub_tit_area ul.location{margin:15px 0 0; font-size:0;}
.sub_tit_area ul.location li{display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#000;}
.sub_tit_area ul.location li span{padding:0 14px;}

.sub_lnb_area{position:absolute; bottom:0; left:0; width:100%; z-index:100; --border-top:1px solid rgba(255,255,255,0.3);}
.sub_lnb_area #left_menu{width:1200px; margin:0 auto;}
.sub_lnb_area #left_menu ul.leftMenu{font-size:0; text-align:center;}
.sub_lnb_area #left_menu ul.leftMenu li{display:inline-block; *zoom:1; *display:inline; margin-left:40px;}
.sub_lnb_area #left_menu ul.leftMenu li:first-child{margin-left:0;}
.sub_lnb_area #left_menu ul.leftMenu li a{position:relative; display:inline-block; *zoom:1; *display:inline; font-size:16px; color:#fff; line-height:60px;}
.sub_lnb_area #left_menu ul.leftMenu li.on a{color:#f04a36;}
.sub_lnb_area #left_menu ul.leftMenu li.on a:after{content:""; display:block; width:100%; height:3px; background:#f04a36; position:absolute; top:-2px; left:0;}


#sub_wrap {position:relative;;margin:0 auto; width:1200px;min-height:400px;content:"";}

/*서브와꾸*/
#sub_wrap #sub_contents {width:100%;} /*오른쪽컨텐츠 전체와꾸*/

#sub_wrap #sub_contents .con_detail {text-align:center; line-height:18px; padding:60px 0 120px;}/*내용*/


/*quick*/
#quick {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:20%; float:left; margin-right:5%;margin-bottom:30px; min-height:250px;}
.oneDepth.last{--margin-right:0;}
.oneDepth h5 {font-size:16px; font-weight:bold; text-align:center !important; color:#222; padding:6px 0 6px 0; border-bottom:2px solid #333;}

.twoDepth {font-size:14px; padding-top:5px;}
.twoDepth li {padding:10px 0 10px 0px; border-bottom:1px solid #dedede}
.twoDepth li p {font-size:13px;margin-top:5px;}


/*병원둘러보기*/

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


/*서브 테이블*/

.ta01{width:100%;text-align:center;font-size:14px; color:#333;line-height:40px;}
.ta01 th{color:#fff;border-top:1px solid #000 ;border-left:1px solid #fff;background-color:#f04a36;padding:10px 0;line-height:24px;}
.ta01 th:first-child{border-left:0;}
.ta01 td{border-bottom:1px solid #c9c9c9; border-left:1px solid #d7d7d7;line-height:24px;padding:10px 0;}
.ta01 td:first-child{border-left:0;}
.ta01 td.last{border-bottom:1px solid #000;}
.ta01_img{width:100%; padding:40px 0;margin-top:40px;text-align:center;border:1px solid #ccc;}

.ta02{width:100%;text-align:center;font-size:14px; color:#333;line-height:40px;}
.ta02 th{color:#fff;border-top:1px solid #000 ;border-left:1px solid #fff;background-color:#f04a36;padding:10px 0;line-height:24px;}
.ta02 th:first-child{border-left:0;}
.ta02 td{border-bottom:1px solid #c9c9c9; border-left:1px solid #d7d7d7;line-height:24px;padding:10px 0;}
.ta02 td:first-child{border-left:0;background:#eee;}
.ta02 td.last{border-bottom:1px solid #000;background:#fff;}
.ta02_img{width:100%; padding:40px 0;margin-top:40px;text-align:center;border:1px solid #ccc;}