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

#com_menu {width:100%; position:absolute; top:0; left:0; z-index:999; background:#fff;}/*상단메뉴로고부분*/

/*
#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%; text-align:left;}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block;}
#main_contents h2.main_tit{line-height:20px;}
#main_contents h2.main_tit a{font-size:20px; font-weight:700; color:#61870d;}
#main_contents a.more{display:inline-block; *zoom:1; *display:inline; position:relative; font-size:14px; font-weight:700; color:#ebebeb; padding:0 0 8px;}
#main_contents a.more:after{content:""; display:block; width:100%; height:3px; background:#ebebeb; position:absolute; bottom:0; left:0;}

#main_contents .sec01{width:100%; border-bottom:1px solid #e6e6e6;}
#main_contents .sec01 .sec01_area{width:1200px; margin:0 auto;}
#main_contents .sec01 .sec01_area:after{content:""; display:block; clear:both;}
#main_contents .sec01 h2.main_tit{float:left; padding-left:41px; background:url(../images/sec01_bullet.png) no-repeat left center; width:159px; line-height:60px;}
#main_contents .sec01 .sec01_slider_area{float:left; width:878px; border:1px solid #e6e6e6; border-top:0; border-bottom:0;}
#main_contents .sec01 .sec01_slider_area ul.sec01_slider li{line-height:60px; padding:0 40px;}
#main_contents .sec01 .sec01_slider_area ul.sec01_slider li a{display:block;}
#main_contents .sec01 .sec01_slider_area ul.sec01_slider li a:after{content:""; display:block; clear:both;}
#main_contents .sec01 .sec01_slider_area ul.sec01_slider li a h3{float:left; font-size:16px; font-weight:700; color:#666;}
#main_contents .sec01 .sec01_slider_area ul.sec01_slider li a span.date{float:right; font-size:14px; color:#999;}
#main_contents .sec01 .bx-wrapper{position:relative;}
#main_contents .sec01 .bx-controls{position:absolute; top:0; right:-121px;}
#main_contents .sec01 .bx-controls-direction:after{content:""; display:block; clear:both;}
#main_contents .sec01 .bx-controls-direction a{float:left; display:block; width:59px; height:60px; text-indent:-9999px; overflow:hidden; border-right:1px solid #e6e6e6;}
#main_contents .sec01 .bx-controls-direction a:hover{background-color:#f6f6f6;}
#main_contents .sec01 .bx-controls-direction a.bx-prev{background-image:url(../images/sec01_arrow_prev.png); background-repeat:no-repeat; background-position:center center;}
#main_contents .sec01 .bx-controls-direction a.bx-next{background-image:url(../images/sec01_arrow_next.png); background-repeat:no-repeat; background-position:center center;}


#main_contents .sec02{position:relative; width:100%; background:url(../images/sec02_bg.jpg) no-repeat center center;}
#main_contents .sec02:after{content:""; display:block; width:100%; height:1px; background:rgba(255,255,255,0.6); position:absolute; top:50%; left:0; margin-top:-0.5px;}
#main_contents .sec02 .sec02_area{position:relative; width:1200px; margin:0 auto;}
#main_contents .sec02 .sec02_area:after{content:""; display:block; width:1px; height:100%; background:rgba(255,255,255,0.6); position:absolute; top:0; left:50%; margin-left:-0.5px;}
#main_contents .sec02 ul.sec02_list{width:100%; text-align:center;}
#main_contents .sec02 ul.sec02_list:after{content:""; display:block; clear:both;}
#main_contents .sec02 ul.sec02_list > li{float:left; width:50%; min-height:310px;}
#main_contents .sec02 ul.sec02_list > li:hover{background:#61870d;}
#main_contents .sec02 ul.sec02_list > li > img{display:block; margin:40px auto 30px;}
#main_contents .sec02 ul.sec02_list > li h2{font-size:20px; font-weight:700; color:#fff;}
#main_contents .sec02 ul.sec02_list > li h2 a{position:relative; font-size:20px; font-weight:700; color:#fff; z-index:9999;}
#main_contents .sec02 ul.sec02_list > li p{font-size:14px; color:#ddd; line-height:20px; margin:20px 0;}
#main_contents .sec02 ul.sec02_list > li a.more{margin:0 0 40px;}
#main_contents .sec02 ul.sec02_list > li.sec02_list_last img{margin:40px auto 25px;}
#main_contents .sec02 ul.sec02_list > li ul.sec02_slider li{width:180px; height:105px; overflow:hidden;}
#main_contents .sec02 ul.sec02_list > li ul.sec02_slider li a{display:block;}
#main_contents .sec02 ul.sec02_list > li ul.sec02_slider li a img{width:100%;}
#main_contents .sec02 ul.sec02_list > li ul.customer li{font-size:16px; font-weight:700; color:#fff; letter-spacing:0.3em; padding-left:10px;}
#main_contents .sec02 ul.sec02_list > li ul.customer li:first-child{margin:0 0 15px;}
#main_contents .sec02 ul.sec02_list .bx-wrapper{position:relative; margin:30px auto 0 !important;}
#main_contents .sec02 ul.sec02_list .bx-controls{position:absolute; top:-52px; left:0; width:100%; z-index:999;}
#main_contents .sec02 ul.sec02_list .bx-controls-direction{font-size:0; text-align:center;}
#main_contents .sec02 ul.sec02_list .bx-controls-direction a{display:inline-block; *zoom:1; *display:inline; width:10px; height:20px; text-indent:-9999px; overflow:hidden;}
#main_contents .sec02 ul.sec02_list .bx-controls-direction a.bx-prev{background:url(../images/sec0203_arrow_l.png) no-repeat center center; margin-right:150px;}
#main_contents .sec02 ul.sec02_list .bx-controls-direction a.bx-next{background:url(../images/sec0203_arrow_r.png) no-repeat center center;}


#main_contents .sec03{width:1200px; margin:40px auto 80px;}
#main_contents .sec03 h2.main_tit{padding-left:31px; background:url(../images/sec03_bullet.png) no-repeat left center;}
#main_contents .sec03 ul.sec03_board{margin:20px auto 0;}
#main_contents .sec03 ul.sec03_board:after{content:""; display:block; clear:both;}
#main_contents .sec03 ul.sec03_board li{float:left; margin-left:20px; width:283px; min-height:283px; border:1px solid #e6e6e6;}
#main_contents .sec03 ul.sec03_board li:first-child{margin-left:0;}
#main_contents .sec03 ul.sec03_board li a{display:block; padding:10px 10px 0 10px;}
#main_contents .sec03 ul.sec03_board li a .sec03_img_area{width:265px; height:198px; overflow:hidden;}
#main_contents .sec03 ul.sec03_board li a .sec03_img_area img{height:100%;}
#main_contents .sec03 ul.sec03_board li a h3{font-size:16px; font-weight:700; color:#666; line-height:40px; border-bottom:1px solid #e6e6e6;}
#main_contents .sec03 ul.sec03_board li a span.date{display:block; text-align:right; font-size:14px; color:#999; line-height:35px;}

#main_contents .sec04La{position:relative;width:1200px;margin:0 auto;}
#main_contents .sec04La:after {content:""; clear:both; display:block;}
#main_contents .sec04La .sec04_L{float:left;width:600px;margin:50px 0 50px 0;}
#main_contents .sec04La .sec04_L p.main_tit{font-family:'Roboto', 'Nanum Gothic';width:550px;padding:0 0 24px 0;margin-right:50px;text-align:center;font-size:23px;color:#000; border-bottom:1px solid #000; font-weight: bold;}


#main_contents .sec04La .sec04_R{float:left;width:600px;margin:50px 0 50px 0;}
#main_contents .sec04La .sec04_R p.main_tit{font-family:'Roboto', 'Nanum Gothic';width:550px;padding:0 0 24px 0;margin-right:50px;text-align:center;font-size:23px;color:#000; border-bottom:1px solid #000; font-weight:bold;}


.ma_tocou{width:550px; padding:0; list-style-type: none; position:relative;padding:35px 0 40px 0;}
.ma_tocou:after{content:""; display:block; clear:both;}
.tabcontent a.more01 {font-family:'Roboto', 'Nanum Gothic';position:absolute; right:50px; top:-80px;}
.tabcontent a.more02 {font-family:'Roboto', 'Nanum Gothic';position:absolute; right:50px; top:-40px;}
.ma_tocou li{float:left;color:#000;}
.ma_tocou li.last{float:left; margin-right:0;}
.ma_tocou li a{height:40px;display:block; float:left;font-size:14px; color:#000;line-height:40px; text-decoration: none; font-weight:bold; text-align:center;background-color:#fff;border:1px solid #000;}
.ma_tocou li.on a	{color:#fff; border:1px solid #000;background-color:#000;}
.tabcontents{clear:left; }
.tabcontent{position:relative;}
.matop_list{position:relative;width:550px;height:217px;border-top:0;text-align:left; margin-top: 40px;}
.matop_list li{width:550px;margin:0 0; position:relative; }
.matop_list li a{padding-left:0;font-size:14px;line-height:33px;}
.matop_list li a:hover,.matop_list li a:active{color:#000;}
.matop_list li span{position:absolute; right:0;}

.tabcontent .bx-controls-direction{position:absolute; top:178px; right:49px;}
.tabcontent .bx-controls-direction a{display:block; width:29px; height:29px;text-indent:-9999px;}
.tabcontent .bx-controls-direction .bx-prev{background:url(../images/menu_visual_arrow_l.png) no-repeat 0 0; border-top: 1px solid #fff;}
.tabcontent .bx-controls-direction .bx-next{background:url(../images/menu_visual_arrow_r.png) no-repeat 0 0; width:29px;}
/*메인_가로형의 세로형*/
#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%; text-align:left; background:#222;}
#footer .footer_area{position:relative; width:1200px; margin:0 auto; padding:40px 0 60px;}
#footer .footer_area:after{content:""; display:block; clear:both;}

#footer .f_l{float:left;}
#footer .f_l h2.f_logo{margin:0 0 40px;}
#footer .f_l ul.f_info li{font-size:12px; color:#ddd; line-height:20px;}


#footer .f_r{position:absolute; top:40px; right:0;}
#footer .f_r ul.f_nav{margin:0 0 90px;}
#footer .f_r ul.f_nav:after{content:""; display:block; clear:both;}
#footer .f_r ul.f_nav li{float:left; margin-left:10px;}
#footer .f_r ul.f_nav li:first-child{margin-left:0;}
#footer .f_r ul.f_nav li a{display:block; min-width:80px; padding:0 20px; text-align:center;  font-size:12px; font-weight:700; color:#fff; line-height:35px;}
#footer .f_r p.copy{text-align:right; font-size:12px; color:#999;}

.sample {clear:both;}
.sample p {width:1000px; margin:0 auto; background:#dcb997;color:#000;border:5px solid #dcb997;padding:15px 0 15px 0;}
.sample p strong{font-size:16px; font-weight:bold;}


/* 공지사항 리스트 및 탭관련*/
.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%; margin:0 auto; background:url(../images/sub_visual.jpg); height:400px;}

.sub_tit_area{position:absolute; bottom:0; left:50%; margin-left:-600px; width:1200px;}
.sub_tit_area h2.sub_tit{position:relative; font-size:20px; font-weight:700; color:#c0ff43; padding:0 0 13px;}
.sub_tit_area h2.sub_tit:after{content:""; display:block; width:40px; height:3px; background:#c0ff43; position:absolute; bottom:0; left:50%; margin-left:-20px;}
.sub_tit_area h3.sub_stit{font-size:40px; font-weight:700; color:#fff; margin:15px auto 35px;}

#left_menu{width:100%;}
#left_menu ul.leftMenu:after{content:""; display:block; clear:both;}
#left_menu ul.leftMenu li{float:left; margin-left:1px;}
#left_menu ul.leftMenu li:first-child{margin-left:0;}
#left_menu ul.leftMenu li a{display:block; text-align:center; text-align:center; font-size:15px; font-weight:700; color:#fff; line-height:60px;  background:transparent; background-color: rgba( 0, 0, 0, 0.6 ); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 ); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#99000000, endColorStr=#99000000 )"; 
zoom: 1;}
#left_menu ul.leftMenu li.on a{background:#61870d;}


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

/*서브와꾸*/
#sub_wrap #sub_contents {width:100%;} /*오른쪽컨텐츠 전체와꾸*/
#sub_wrap #sub_contents .locate_area{border-bottom:1px solid #e6e6e6;}
#sub_wrap #sub_contents .locate_area:after{content:""; display:block; clear:both;}
#sub_wrap #sub_contents .locate_area ul.location{float:right; padding-right:20px;}
#sub_wrap #sub_contents .locate_area ul.location:after{content:""; display:block; clear:both;}
#sub_wrap #sub_contents .locate_area ul.location li{float:left; font-size:14px; color:#999; line-height:60px;}
#sub_wrap #sub_contents .locate_area ul.location li span{padding:0 14px;}

#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:30%; float:left; margin-right:5%;margin-bottom:30px; min-height:320px;}
.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;}