@charset "utf-8";
/* 전체_기본_공통적용*/

html,body {min-width:1000px !important; position:relative;}
#wrap {width:100%;text-align:center;}
#header {width:100%;}
#container {width:100%; position:relative;}

#com_menu {width:100%; position:relative; margin:0 auto; --background:url(../images/gnb_bg.gif) repeat-x 0px 100px;}/*상단메뉴로고부분*/

/*
#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 {position:relative;width:1000px;margin:0 auto; padding-bottom:30px; z-index:99999 !important;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block;}
#main_contents div h2 {font-size:22px; font-weight:bold; text-align:left; color:#fff; position:relative; margin-bottom:15px;}
#main_contents div h2 a.more {position:absolute; right:0; top:5px;font-size:14px; color:#666666;font-weight:normal;}
#main_contents div .latest {text-align:left;}
#main_contents div .latest li {background:url(../images/latest_dott.jpg) no-repeat 30px 50%; padding-left:40px; margin-top:14px; position:relative;}
#main_contents div .latest li a {color:#666666;font-size:14px;}
#main_contents div .latest li a:hover {color:#000000;}
#main_contents div .latest li span {position:absolute; right:0; font-size:14px;}

#main_contents .tt {color:#fff; font-size:22px; font-weight:bold; margin-top:20px; letter-spacing:-1.5px;}
#main_contents .stt {color:#fff; font-size:14px; margin-top:20px; line-height:22px;}
#main_contents .ico {margin-top:40px;}

#main_contents .sec01 {float:left; width:250px; height:250px;background:#42a0d3; margin-top:-300px;}
#main_contents .sec01:hover {background:#3585d0;}
#main_contents .sec02 {float:left;width:250px; height:250px;background:#0b4da3; margin-top:-50px;}
#main_contents .sec02:hover {background:#003091;}
#main_contents .sec03 {float:left;width:250px; height:250px;background:#0f9f96; margin-top:-50px;}
#main_contents .sec03:hover {background:#008e85;}


#main_contents .sec04 {float:right; width:498px;height:248px; background:#fff; border:1px solid #dcdee2; position:relative; margin-top:-50px;}
#main_contents .sec04 ul {float:left;text-align:left;}

/*메인 병원소식/치료후기*/
.ma_tocou{padding:0; list-style-type:none; }
.ma_tocou li{float:left;color:#000;}
.ma_tocou li a{height:55px; display:block; float:left; font-size:20px; color:#999; line-height:55px; text-decoration:none; font-weight:bold; text-align:center; background:url(../images/tab_menu.gif) no-repeat;}
.ma_tocou li.on a {color:#666; background:url(../images/tab_menu_on.gif) no-repeat;}
.tabcontents{}
.tabcontent{}
.matop_list{width:100%; padding-top:20px; text-align:left;}
.matop_list li{font-size:15px; line-height:38px; background:url(../images/latest_dott.gif) no-repeat 30px 50%; padding-left:42px; position:relative; }
.matop_list li a{color:#666;}
.matop_list li a:hover,.matop_list li a:active{color:#000;}
.matop_list li span{position:absolute; top:0; right:35px;}


#main_contents .sec05 {float:left; width:500px; height:130px; background:url('../images/main_con_04.jpg') no-repeat; margin-top:20px; text-align:left;}
#main_contents .sec05 .tt01 {font-size:18px; color:#6b89a6; font-weight:bold; padding:22px 40px;}
#main_contents .sec05 .num {font-size:28px; color:#444; font-weight:bold; padding-left:40px; letter-spacing:-1px;}
#main_contents .sec05 .num span{font-size:17px; color:#666; padding-right:5px;}


#main_contents .sec06 {float:right; width:500px; height:130px; font-size:15px; color:#666; font-weight:bold; margin-top:20px;}
#main_contents .icon_01 {float:left;width:167px; height:130px; background:url('../images/icon_01.jpg') no-repeat top center; padding-top:90px;}
#main_contents .icon_02 {float:left;width:165px; height:130px; background:url('../images/icon_02.jpg') no-repeat top center; padding-top:90px;}
#main_contents .icon_03 {float:left;width:168px; height:130px; background:url('../images/icon_03.jpg') no-repeat top center; padding-top:90px;}


#main_contents .sec07 {float:left; width:100%; height:150px; margin-top:20px; position:relative;}

#main_contents .sec08 {float:left; width:100%; height:210px; margin-top:20px; position:relative;}



#rolling_4{width:900px; overflow:hidden; margin:0 auto;margin-left:50px;}
#rolling_4 span{margin-right:10px;}

#main_contents .sec07 .sec02_arrow_l{position:absolute; top:37%; left:0;}
#main_contents .sec07 .sec02_arrow_r{position:absolute; top:37%; right: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-color:#fff;}
#footer .fContent {clear:both;width:1000px; margin:30px auto 10px auto;text-align:left;;}
#footer .fContent li{float:left; line-height:20px;}
#footer .fContent .slogo {float:left; margin:40px 60px 0 0;}
#footer .fContent .info {width:100%; float:left;text-align:center;margin:25px 0; font-size:13px; color:#666;font-weight:normal; }
#footer .fContent .info p {line-height:26px;}
#footer .fContent .info .add {font-weight:normal; color:#666;}
#footer .fContent .info .copy{}
#footer .fContent .info p a{font-size:13px; color:#666;}
#footer .fContent .info p a:hover{font-size:13px; color:#000;}
#footer .fContent .footer_banner a {position:relative; display:block; width:20%; height:40px; box-sizing:border-box; float:left;}
#footer .fContent .footer_banner a img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:120px; height:auto;}

#footer .fNav {clear:both;height:50px;line-height:50px; border-bottom:1px solid #8292a2;}
#footer .fNav ul {width:1000px; margin:0 auto;}
#footer .fNav li {float:left; font-size:13px; color:#444; background:url(../images/foot_bul01.gif) no-repeat 20px 50%; padding-left:40px;}
#footer .fNav li.first {background:none; margin-left:-40px;}
#footer .fNav li a{font-size:14px; color:#444;}

#footer .fNav li.last{float:right; background:url(../images/foot_btntop.gif) no-repeat; padding-right:0;padding-left:0; width:180px; height:50px;line-height:50px;}
#footer .fNav li.last a{color:#fff; padding-right:25px;}


#footer a {color:#666;}
#footer a:hover {color:#000;font-size:13px;}



/* 공지사항 리스트 및 탭관련*/
.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 {width:100%;margin:0 auto;background:url(../images/sub_visual_01.jpg) top center; height:280px; border-top:3px solid #1472ce;}
#sub_visual .visual{width:100%;margin:0 auto;}
#sub_visual .sub_tit{position:absolute; bottom:40px; left:0; width:100%; text-align:center;}
#sub_visual .sub_tit h3{font-size:25px; color:#999; margin-bottom:5px;}
#sub_visual .sub_tit h2{font-size:50px; color:#fff; font-weight:700;}


.location {background:#f0f0f0; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; height:50px; margin-bottom:20px; }
.location ul {width:1000px; margin:0 auto; position:relative; text-align:left;}
.location li.ico{position:absolute; background:url(../images/icon_home.png) no-repeat 28px 20px; padding:0 35px; font-size:13px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; line-height:50px; height:50px;}
.location li.tt{position:absolute;left:71px; padding-left:35px; width:130px; font-size:13px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; line-height:50px; height:50px; color:#000; font-weight:bold;}

.location b {color:#000; line-height:50px; height:50px; padding-left:100px;}


.location_area{width:100%; margin-top:50px;}
.location_area ul.location{width:1000px; margin:0 auto;}
.location_area ul.location:after{content:""; display:block; clear:both;}
.location_area ul.location li{font-size:14px; color:#666; line-height:50px; background:url(../images/icon_home.png) no-repeat left center; padding-left:20px; display:inline;}
.location_area ul.location li a{font-size:14px; color:#000;}
.location_area h2{font-size:40px; color:#2e3539; font-weight:700; }

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

#sub_wrap #left_menu h2 {padding:27px 0 10px 20px;text-align:left; font-size:24px; color:#000; font-weight:bold;}/*tt타이틀*/

#sub_wrap #left_menu .left_flash{clear:both; margin-left:250px;}
#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:left; margin-left:30px;}
#sub_wrap #left_menu li{display:inline-block; margin-right:30px; height:50px;}
#sub_wrap #left_menu li a.dp1{display:block; line-height:50px; text-align:center; font-weight:700; font-size:13px; color:#444;}
#sub_wrap #left_menu li.on a.dp1{color:#3067be; 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 {text-decoration:underline;}



/*서브와꾸*/
#sub_wrap #sub_contents {margin-bottom:20px;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents h3{padding:30px 0 15px 0; text-align:left; font-size:26px; font-weight:bold; color:#000; border-bottom:1px solid #d6d6d6;}/*stt타이틀*/
#sub_wrap #sub_contents .con_detail {text-align:center; padding:50px 0; 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%;}


.table_02 {width:100%; margin-bottom:10px; border-top:2px solid #000;}
.table_02 th{font-size:15px; height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; color:#444444;font-weight:bold; padding:7px;}
.table_02 th:first-child {border-left:none;}
.table_02 th.tt{background:#f0f0f0; border-right:1px solid #d4d4d4;}
.table_02 td {font-size:14px; border-bottom:1px solid #d4d4d4; padding:10px; border-left:1px solid #d4d4d4;}
.table_02 td:first-child {border-left:none;}



.table_03 {width:100%; margin-bottom:10px; border-top:2px solid #000;}
.table_03 th{font-size:15px; height:30px; text-align:center; background:#f8f8f8; border-bottom:1px solid #d4d4d4; border-left:1px solid #d4d4d4; color:#444444;font-weight:bold; padding:7px;}
.table_03 th:first-child {border-left:none;}
.table_03 th.tt{background:#f0f0f0; border-right:1px solid #d4d4d4;}
.table_03 td {font-size:14px; border-bottom:1px solid #d4d4d4; padding:10px; border-left:1px solid #d4d4d4;}
.table_03 td:first-child {border-left:none;}



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

.twoDepth {font-size:14px; padding-top:5px;}
.twoDepth li {padding:8px 0 8px 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;}


/* 우측 배너 */
#floatMenu {position:absolute; width:70px; height:250px; top:70px; right:50%; transform:translateX(600px); z-index:999;}
#floatMenu li:nth-child(1), #floatMenu li:nth-child(2) {margin-bottom:20px;}