﻿/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#navi{height: 47px;}
#navi_line{top:47px;}
.gnb_out{height:350px;}

#gnb{width: 1200px;}
#gnb img{width:100%;}
#gnb > ul > li > a{width:162px;}
#gnb > ul > li > ul{top:60px;min-width: 162px;}
#gnb > ul > li > ul.sub01{left:0;}
#gnb > ul > li > ul.sub02{left:162px}
#gnb > ul > li > ul.sub03{left:324px}
#gnb > ul > li > ul.sub04{left:486px}
#gnb > ul > li > ul.sub05{left:648px}
#gnb > ul > li > ul.sub06{left:810px}
#gnb > ul > li > ul.sub100{left:972px}
#gnb > ul > li > ul > li a{font-size: 1em;}
#gnb > ul > li.stall a{position:absolute;top:0px;right:0px;width:51px;}



/*sub*/
.wrap.sub {margin:0px 0 80px 0;}
.sub .container{width: 1200px;}

._s.snavi {width:280px; float:left; min-height:380px; margin-top:30px;}

._s.snavi ul {border-bottom:1px solid #ccc;}
._s.snavi li  {text-align:center;}
._s.snavi li a {width:248x; font-family:"Nanum Gothic", sans-serif; font-size:1.2em; font-weight:bold; display:block; line-height:50px;}
._s.snavi .snavi_off a {color:#000; border-left:1px solid #ccc; border-right:1px solid #ccc;}
._s.snavi .snavi_on a {color:#fff; background:#6dcff6; border-left:1px solid #57a6c5; border-right:1px solid #57a6c5; border-bottom:1px solid #65c0e4; border-top:1px solid #65c0e4;}



._s.contents {width:860px; float:right; margin:30px 0 0 0px;}

._s.title {height:60px; margin:10px 0 20px 0; }
._s.title h1 {width:500px; float:left;}
._s.location {width:250px; float:right; height:18px; padding:5px 0 8px 0; margin-top:37px;}
._s.location ul {text-align:right;}
._s.location li {background:url(../images/bullet02.gif) -1px 2px no-repeat; display:inline; padding-left:10px;}
._s.location .home{ background:url(../images/bullet_home.jpg) -1px 2px no-repeat; padding-right:5px;}

._s.info {width:100%; float:left; background:url(../images/sub/f_info.gif) no-repeat top; padding:15px 0 15px 0; margin-top:50px;}
._s.info ul {margin-left:400px;}
._s.info ul li {display:inline;}


#page {width:100%;}
#page img{width:100%;}
#mtab {	position: relative;	width:100%;}
#mtab h2 a {font-size: 1em; text-align: center;	vertical-align:middle;	padding:10px 0 6px 0;	width: 150px;	height: 24px;	color: #505050;	background-color: #efefef;	display: block;}
#mtab_2 h2, #mtab_3 h2, #mtab_4 h2, #mtab_5 h2 {	position: absolute;	top: 0px; }
#mtab_2 h2	{	left: 151px;	}
#mtab_3 h2	{	left: 302px;	}
#mtab_4 h2	{	left: 453px;	}
#mtab h2 a:hover, #mtab h2 a:focus {	color: #fff;	background-color: #464646;}
#mtab .selected h2 a {	color: #fff;	background: #0054a6; }
#mtab .selected ul, #mtab .selected .more {	display: block;}
#mtab ul {	display: none;	list-style: none;	margin: 10px 0 0px 0;	padding: 0px;}




/*임시회원*/
.temp.box {width:680px; height:580px; margin:0px auto;}
.temp.title {}
.temp.prv {}
.temp.prv textarea {width:100%; height:100px; border:1px solid #ccc; overflow-y:scroll;}
.temp.prv p {padding:10px 0 40px 0; text-align:center;}
.temp.member ul {width:450px; margin:0 auto;}
.temp.member li {height:30px; float:left; display:inline; padding:0 2px 0 2px;}
.temp.member input {border:1px solid #ccc; width:130px; height:18px; padding:5px;}
.temp.member a {cursor:pointer;}




/*의료시설*/
#visual { overflow:hidden; position:relative; width:100%;}
#visual .visual .bg img {margin:0 atuo;}
#visual .visual {width:860px; height:500px; position: relative; top:0px; left:0px; overflow: hidden; }
#visual .visual li{ width:100%; height:100%; position: absolute; left: 0; top: 0 }
#visual .visual li div.bg { position:absolute; top:0px; left:0px;  width:100%; height:100%; text-align:center;}
#visual .visual li div.bg img {}
#visual .visual li p{ background: url(../images/sub/bg_txt.png2) repeat 0 0;position: absolute; left: 0; top: 340px; z-index: 10; width: 100%; height: 28px; text-align: center; line-height: 28px; font-weight: bold; color: #fff }

#visual .floor{width:17%; float:left;}
#visual .floor img{width:100%; height:46px;}
#visual .floor li{width:94px; float:left; margin-top:2px; padding-left:20px; margin-bottom:14px;}

#visual .menu {width:83%; float:right;}
#visual .menu img {width:100%; height:40px;}
#visual .menu li {width:90px; float:left; margin-left: 10px;  margin-bottom: 12px;}
#visual .menu li a { display:block; position: relative; padding: 4px; border: 1px solid #dfdfdf }
#visual .menu li a span{ display: block; width:90px; height:90px; background: url(../images/sub/bg_thumb.png) repeat 0 0; position:absolute; left:4px; top:4px }
#visual .menu li a img{width:100%;}
#visual .menu li a:hover span {display: none }
#visual .menu li.on a span{display:none }
#visual .menu li.last-2f-1{padding-right:200px;}


.direction {padding-bottom:20px;}
.direction .slidePrev{ position: absolute; left:30px; top:200px}
.direction .slideNext{ position: absolute; right:30px; top: 200px }
.menu02{ display:none}
.mainBtn{ position:absolute; right: 273px; top: 407px; z-index: 101}



#mtab_view {position: relative;	width: 760px; height:36px; margin:0px 0 10px 0 ;}
#mtab_view h2 a {font-size: 11pt; text-align: center;	vertical-align:middle;	padding:6px 0 6px 0;	width: 380px;	height: 24px;	color: #505050;	background-color: #eae4e0;	display: block;}
#mtab_view_1 h2, #mtab_view_2 h2, #mtab_view_3 h2, #mtab_view_4 h2, #mtab_view_5 h2 {	position: absolute;	top: 0px; }

#mtab_view_1 h2	{	left: 0px;	}
#mtab_view_2 h2	{	left: 380px;	}

#mtab_view h2 a:hover, #mtab_view h2 a:focus {	color: #fff;	background-color: #464646;}
#mtab_view .selected h2 a {	color: #fff;	background: #0072bc; }



