@charset "utf-8";
/* 전체_기본_공통적용*/
#wrap {width:100%;text-align:center; font-family: 'Noto Sans KR', sans-serif;}
#header {width:100%;}
#container {width:100%;}

#com_menu {width:100%; position:relative;}/*상단메뉴로고부분*/

.clearfix:after{display:block; content:""; clear:both;}

/*
#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; /* padding:70px 0; */}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents:after {content:""; clear:both; display:block;}

#main_contents h2.main_tit{position:relative; font-size:20px; font-weight:700; color:#333; padding:0 0 0 25px;}
#main_contents h2.main_tit a{font-size:20px; font-weight:700; color:#333;}
#main_contents h2.main_tit:after{content:""; display:block; width:15px; height:3px; background:#f8aa27; position:absolute; top:50%; left:0; margin-top:-1.5px;}


#main_contents .sec01{
	width:100%;
	background:#fbfbfb;
}
#main_contents .sec01 ul{
	width:1200px;
	margin:0 auto;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
}
#main_contents .sec01 ul li{
	float:left;
	width:240px;
}
#main_contents .sec01 ul li a{
	display:block;
	width:100%;
	height:100%;
	padding:100px 0;
	background:#fff;
}
#main_contents .sec01 ul li a:hover{
	background:#e9f0fa !important;
}
#main_contents .sec01 ul li a:hover span{
	font-weight:bold;
	text-decoration:underline;
}
#main_contents .sec01 ul li a:hover img{
	opacity:1;
}
#main_contents .sec01 ul li a h2{
	font-size:20px;
}
#main_contents .sec01 ul li a h2 b{
	color:#224064;
}
#main_contents .sec01 ul li a span{
	display:inline-block;
	margin-top:50px;
	color:#224064;
}
#main_contents .sec01 ul li a small{
	font-size:14px;
}
#main_contents .sec01 ul li a img{
	opacity:0.3;
	margin-bottom:30px;
}
#main_contents .sec01 ul li:nth-child(1) a,
#main_contents .sec01 ul li:nth-child(3) a,
#main_contents .sec01 ul li:nth-child(5) a{
	background:#f9f9f9;
}


#main_contents .sec02 {
	width:100%;  
	background:#f0f0f0;
	
}/*메인 컨텐츠 부분_섹션으로 css구분*/
#main_contents .sec02 ul li{
	width:50%;
	height:350px;
	float:left;
	color:#fff;
}
#main_contents .sec02 ul li:first-child{
	background:url(../images/sec02_bg.jpg) no-repeat;
	background-size:cover;
}
#main_contents .sec02 ul li:last-child{
	padding:100px 0;
	background:#224064;
	text-align:left;
	padding-left:80px;
	box-sizing:border-box;
}
#main_contents .sec02 ul li small{
	font-size:16px;
}
#main_contents .sec02 ul li h2{
	font-size:30px;
}
#main_contents .sec02 ul li a{
	display:inline-block;
	margin-top:50px;
	color:#fff;
}

#main_contents .sec03_area {
	width:1200px; 
	margin:0 auto; 
	text-align:center; 
	margin-top:70px;
}
#main_contents .sec03 small{
	font-size:16px;
}
#main_contents .sec03 h2{
	font-size:30px;
}
#main_contents .sec03 h2 b{
	color:#224064;
}
#main_contents .sec03 p{
	font-size:20px;
	margin:50px 0;
}


.ma_tocou{padding:0; list-style-type:none;}
.ma_tocou li{float:left; color:#000;}
.ma_tocou li a{width:300px; height:70px; display:block; float:left; font-size:18px; font-weight:600; color:#222; line-height:70px; text-decoration:none; text-align:center; border-bottom:1px solid #d9d9d5;}
.ma_tocou li.on a {color:#fff; background:#224064;}
.matop_list{width:100%; padding-top:20px; text-align:left;}
.matop_list li{font-size:16px; line-height:40px; background:url(../images/latest_dott.gif) no-repeat 30px 50%; padding-left:42px; position:relative; }
.matop_list li a{color:#555;}
.matop_list li a:hover,.matop_list li a:active{color:#000;}
.matop_list li span{position:absolute; top:0; right:35px;}
.matop_list li .date {font-size:15px; color:#666;}

#main_contents .sec03 .sec03_right {width:580px; float:right;}
#main_contents .sec03 .sec03_right li.box01{width:280px; height:280px; background:url(../images/sec03_img01.jpg) no-repeat; float:left;}
#main_contents .sec03 .sec03_right li.box02{width:280px; height:280px; background:url(../images/sec03_img02.jpg) no-repeat; float:right;}
#main_contents .sec03 .sec03_right li h2{font-size:26px; font-weight:700;  color:#fff; padding:55px 0 20px 0px;}
#main_contents .sec03 .sec03_right li p{font-size:16px; color:#fff; line-height:26px; padding-bottom:30px;}

#main_contents .sec03 .sec03_right li a{float:left; margin-left:60px; background:#none; border:2px solid #fff; width:155px; height:45px; font-size:15px; font-weight:700; color:#fff; line-height:45px; text-align:center; -webkit-transition:all .4s;transition:all .4s; margin-top:0; border-radius:5px;}
#main_contents .sec03 .sec03_right li a:hover{background:#fff; border:2px solid #fff; color:#525149;}





/*메인_가로형의 세로형*/
#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%; border-top:3px solid #224064; text-align:left;}
#footer .f_top{width:100%; border-bottom:1px solid #e6e6e6;}
#footer .f_top .f_nav_area{width:1200px; margin:0 auto;}
#footer .f_top .f_nav_area:after{content:""; display:block; clear:both;}
#footer .f_top ul.f_nav{float:right; padding:0 20px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
#footer .f_top ul.f_nav:after{content:""; display:block; clear:both;}
#footer .f_top ul.f_nav li{float:left; margin-left:28px;}
#footer .f_top ul.f_nav li:first-child{margin-left:0;}
#footer .f_top ul.f_nav li a{font-size:14px; font-weight:700; color:#333; line-height:60px;}
#footer .f_top ul.f_nav li a:hover{color:#5cb09f;}

#footer .f_bottom{width:1200px; margin:0 auto;}
#footer .f_bottom:after{content:""; display:block; clear:both;}
#footer .f_bottom h2.f_logo{float:left; min-height:100px; padding:50px 100px 0 0; border-right:1px solid #e6e6e6;}
#footer .f_bottom ul.f_info{float:left; margin:25px 0 0 50px;}
#footer .f_bottom ul.f_info li{font-size:13px; color:#999; line-height:24px;}



.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 {width:100%; height:200px; margin:0 auto; background:url(../images/sub_visual.jpg) center;}

.sub_tit_area{width:1200px; margin:0 auto; padding:54px 0 0;}
.sub_tit_area h2{font-size:35px; font-weight:70; color:#fff; line-height:60px; max-width:710px; padding:0 20px; margin:0 auto; text-align:center; }
.sub_tit_area ul.sub_location{margin:15px 0 0; font-size:0;}
.sub_tit_area ul.sub_location li{display:inline-block; *zoom:1; *display:inline; font-size:14px; color:#fff;}
.sub_tit_area ul.sub_location li span{padding:0 14px;}

#left_menu{width:100%; border-bottom:1px solid #e6e6e6;}
#left_menu ul.leftMenu{width:1200px; margin:0 auto;}
#left_menu ul.leftMenu:after{content:""; display:block; clear:both;}
#left_menu ul.leftMenu li{float:left;}
#left_menu ul.leftMenu li a{position:relative; display:block; min-width:110px; padding:0 20px; font-size:16px; font-weight:700; color:#666; line-height:60px;}
#left_menu ul.leftMenu li.on a{color:#224064;}
#left_menu ul.leftMenu li.on a:after{content:""; display:block; width:100%; height:1px; background:#224064; position:absolute; bottom:-1px; 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;}/*내용*/


/*sub01_0103*/
.sub0103_contents .location_btn{
	border-top:2px solid #224064;
	width:100%;
}
.sub0103_contents .location_btn > li{
	position:relative;
	float:left;
	box-sizing:border-box;
	border-bottom:1px solid #ebebeb;
}
.sub0103_contents .location_btn > li:after{
	position:absolute;
	content:"";
	display:inline-block;
	background:#ebebeb;
	height:30px;
	width:1px;
	right:0;
	top:50%;
	margin-top:-15px;
}
.sub0103_contents .location_btn > li:nth-child(5n+1){
	clear:both;
}
.sub0103_contents .location_btn > li:nth-child(5n):after{
	background:none;
}
.sub0103_contents .location_btn > li > a{
	display:table-cell;
	width:240px;
	height:100px;
	box-sizing:border-box;
	font-size:16px;
	line-height:26px;
	vertical-align:middle;
}
.sub0103_contents .location_btn > li > a:hover{
	background:#f4f5f7;
}
.sub0103_contents .location_btn > li > a.on{
	color:#fff;
	background:#224064;
}
.sub0103_contents .map_area > div{
	float:left;
}
.sub0103_contents .map_area .img_box{
	width:500px;
}
.sub0103_contents .map_area .txt_box{
	width:700px;
	background:#f4f5f7;
	padding:50px;
	box-sizing:border-box;
	text-align:left;
}
.sub0103_contents .map_area .txt_box h3{
	font-size:25px;
	color:#223e63;
	font-weight:bold;
	margin-bottom:50px;
	line-height:35px;
}
.sub0103_contents .map_area .txt_box h3:before{
	content:"";
	display:inline-block;
	width:8px;
	height:15px;
	background:#223e63;
	transform:skewX(-20deg);
	margin-right:10px;
}
.sub0103_contents .map_area .txt_box p{
	font-size:14px;
	color:#666;
	line-height:24px;
}
.sub0103_contents .map_area .txt_box strong{
	font-size:20px;
	color:#333;
}


/*sub01_0104*/

.sub0104{}
.sub0104 h2.sub0104_tit{text-align:left;padding-bottom:20px;}
.sub0104 h2.sub0104_tit a{font-size:20px; color:#222; background:#fff;font-weight:bold;}
.sub0104 .sub0104_area{margin:0px 0 0;}
.sub0104 .sub0104_area:after{content:""; display:block; clear:both;}
.sub0104 .sub0104_area .sub0104_slider_area{}
.sub0104 .sub0104_area .sub0104_slider_area ul.sub0104_slider{}
.sub0104 .sub0104_area .sub0104_slider_area ul.sub0104_slider li{position:relative;}

.sub0104 .sub0104_area .sub0104_thumb_area{position:relative;  z-index:999;}
.sub0104 .sub0104_area .sub0104_thumb_area ul.sub0104_thumb{}
.sub0104 .sub0104_area .sub0104_thumb_area ul.sub0104_thumb li{float:left; width:25%; padding-left:20px;padding-top:20px;}
.sub0104 .sub0104_area .sub0104_thumb_area ul.sub0104_thumb li:first-child{padding-left:0px;padding-top:20px;}
.sub0104 .sub0104_area .sub0104_thumb_area ul.sub0104_thumb li a{position:relative; display:block;}
.sub0104 .sub0104_area .sub0104_thumb_area ul.sub0104_thumb li a.active:after{content:""; display:block; width:110px; height:110px; border:3px solid #fcb712; position:absolute; top:0; left:0;}
.sub0104 .sub0104_area .sub0104_thumb_area ul.sub0104_thumb li a img{display:block; width:100%;}

.sub0104 .bx-pager{
	margin-top:10px;
}
.sub0104 .bx-pager:after{
	content:"";
	display:block;
	clear:both;
}
.sub0104 .bx-pager .pager-link{
	display:block;
	float:left;
	width:233px;
	height:120px;
	margin-left:8.5px;
	opacity:0.5;
	text-indent: -9999px; 
}
.sub0104 .bx-pager .pager-link.pager-1{
	background:url(../images/sub01_0104_img01.jpg) no-repeat center center;
	background-size:cover;
	margin-left:0;
}
.sub0104 .bx-pager .pager-link.pager-2{
	background:url(../images/sub01_0104_img02.jpg) no-repeat center center;
	background-size:cover;
}
.sub0104 .bx-pager .pager-link.pager-3{
	background:url(../images/sub01_0104_img03.jpg) no-repeat center center;
	background-size:cover;
}
.sub0104 .bx-pager .pager-link.pager-4{
	background:url(../images/sub01_0104_img04.jpg) no-repeat center center;
	background-size:cover;
}
.sub0104 .bx-pager .pager-link.pager-5{
	background:url(../images/sub01_0104_img05.jpg) no-repeat center center;
	background-size:cover;
}
.sub0104 .bx-pager .pager-link.pager-active{
	opacity:1;
}

.sub0104 a.bx-prev{
	position:absolute; 
	top:33%; 
	left:30px;
	width:53px;
	height:105px;
	background:url(../images/sub0104_arrow_prev.png) no-repeat center center;
	text-indent: -9999px; 
}
.sub0104 a.bx-next{
	position:absolute; 
	top:33%; 
	right:30px;
	width:53px;
	height:105px;
	background:url(../images/sub0104_arrow_next.png) no-repeat center center;
	text-indent: -9999px; 
}

/*sub04_0402*/

.sub0402_contents .map_area .img_box{
	width:100%;
}
.sub0402_contents .map_area .img_box img{
	width:350px;
}
.sub0402_contents .map_area .txt_box{
	width:100%;
	background:#f4f5f7;
	padding:50px;
	box-sizing:border-box;
	text-align:center;
}
.sub0402_contents .map_area .txt_box h3{
	font-size:25px;
	color:#223e63;
	font-weight:bold;
	margin-bottom:50px;
	line-height:35px;
}
.sub0402_contents .map_area .txt_box h3:before{
	content:"";
	display:inline-block;
	width:8px;
	height:15px;
	background:#223e63;
	transform:skewX(-20deg);
	margin-right:10px;
}
.sub0402_contents .map_area .txt_box p{
	font-size:14px;
	color:#666;
	line-height:24px;
}
.sub0402_contents .map_area .txt_box strong{
	font-size:20px;
	color:#333;
}

/*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;}