@import url(reset.css);

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumbarungothic.css");

body{width:100%;font-family:'나눔고딕', Nanum Gothic, '돋움', 'dotum', 'sans-serif', 'Tahoma';background-color:#fff;}

#wrapper{width:100%;position:relative;min-width:1000px;}

.wrap{width:1000px;margin:0 auto;position:relative;}

#header{width:100%;height: 155px;position:fixed;top:0;left:0;background:url(/images/header_bg.png) no-repeat center top;z-index:999;}

#header h1.logo{position:absolute;top:23px;left:50px;z-index:9999;}

#header #navi{float:right;margin-top:23px;}
#header #navi .topmenu li{float:left;margin-right:75px;}
#header #navi .topmenu li a{display:block;padding:14px 5px;font-size:1.1em;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#header #navi .topmenu li a:hover{border-top:1px solid #5c6a7e;border-bottom:1px solid #5c6a7e;}
#header #navi .topmenu li a.on{border-top:1px solid #5c6a7e;border-bottom:1px solid #5c6a7e;font-weight:600;}
#header #navi .topmenu:after{content:'';display:block;clear:both;}

header nav ul li a,
#sub .contents .tabmenu li a{
	-webkit-transition: all .1s linear;
	-moz-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
}

#main{padding-top:100px;}
#main #visual{position:relative;}
#main #visual #pop-visual-img	 {position:absolute;left:0;right:0;top:0;bottom:0;overflow: hidden;height:780px;}
#main #visual #pop-visual-img p{background-position:center top;background-repeat:no-repeat;
height:780px;width:100%:}

#main #visual .visual-zone{margin:0 auto;width:1000px;position:relative;height:780px;}
#main #visual .visual-zone .btn-pz	{position:absolute;top:60px;left:75px;}
#main #visual .visual-zone .btn-pz li	{float:left;margin-right:10px;cursor:pointer;}

#main #visual .visual-zone .txt{float:right;width:500px;height:780px;background:url(/images/txt_bg.png) no-repeat left top;}
#main #visual .visual-zone .txt li{font-family:'나눔바른고딕', Nanum Barun Gothic;color:#fff;height:165px;font-size:1.5em;line-height:1.4em;padding:95px 0 0 150px;}
#main #visual .visual-zone .txt li.txt1{background:url(/images/txt1.png) no-repeat 40px 80px}
#main #visual .visual-zone .txt li.txt2{background:url(/images/txt2.png) no-repeat 40px 80px}
#main #visual .visual-zone .txt li.txt3{background:url(/images/txt3.png) no-repeat 40px 80px}


#footer{background:#191919;color:#fff;text-align:center;padding:45px 0;font-size:0.8em;}
#footer p{margin-top:12px;font-size:0.9em;color:#999999;}

#sub{padding-top:100px;background:url(/images/sub_bg.jpg) repeat-x left 300px;}
#sub #visual{background:url(/images/sub_visual.jpg) no-repeat center top;height:200px;}
#sub #visual .subvisual{margin:0 auto;width:1000px;text-align:right;}

#sub h2.title{text-align:center;margin:50px 0;}
#sub h2.title strong{color:#414141;font-size:1.7em;font-weight:600;border-bottom:2px solid #5c6a7e;padding-bottom:20px;display:inline-block;}

#sub .contents{padding:0 30px 80px 30px;color:#5b5b5b;min-height:450px;font-size:0.9em;letter-spacing:-0.03em;line-height:1.5em;}
#sub .contents h3.title{display:inline-block;padding:14px 33px 0 0;font-size:1.4em;font-weight:600;margin-bottom:20px;color:#484848;background:url(/images/blt1.gif) no-repeat top right}

#sub .contents p.con-txt{margin-bottom:15px;font-size:1.1em;}
#sub .contents p.con-txt strong{font-weight:600;color:#512d2d}

#sub .contents .table-style1{width:100%;}
#sub .contents .table-style1 th{border-top:1px solid #6c6c6c;border-bottom:1px solid #6c6c6c;padding:12px;background-color:#f4f4f4;font-weight:600;color:#212121;}
#sub .contents .table-style1 td{border:1px solid #cecece;padding:20px;text-align:center;vertical-align:middle;}
#sub .contents .table-style1 td strong{font-weight:600;color:#512d2d}

#sub .contents .table-style2{width:100%;}
#sub .contents .table-style2 th{border:1px solid #cecece;padding:12px;background-color:#f4f4f4;font-weight:600;color:#212121;vertical-align:middle;font-size:1.1em;}
#sub .contents .table-style2 td{border:1px solid #cecece;padding:20px;text-align:center;vertical-align:middle;}
#sub .contents .table-style2 td strong{font-weight:600;color:#512d2d}
#sub .contents .table-style2 td span{color:#0f9c50}

#sub .contents table td.a_r{text-align:center;}

/* 시설안내 */
#sub .contents .facility{position:relative;padding:0 0 40px 600px;margin-bottom:40px;border-bottom:1px solid #cecece;}
#sub .contents .facility span{position:absolute;left:0;top:0;}

/* 이용안내 */
#sub .contents .tabmenu{display: block;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;margin-bottom:50px;height:61px;}
#sub .contents .tabmenu:after{content:'';display:block;clear:both;}
#sub .contents .tabmenu li{display: block;float:left;width:100%;padding:8px 0;margin:0 10px;}
#sub .contents .tabmenu li a{display:block;padding:12px 0;text-align:center;font-weight:600;font-size:1.1em;}
#sub .contents .tabmenu li a:hover{background:#aeaeae;color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
#sub .contents .tabmenu li a.on{background:#4f99ee;color:#fff;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;}

#sub .contents .operating-hour{height:95px;padding:55px 0 0 60px;margin-bottom:40px;background:url(/images/guide_img3.gif) no-repeat left top;font-size:1.6em;color:#fff;}
#sub .contents .operating-hour strong{font-weight:600;color:#fff04c}
#sub .contents .operating-hour span.title{display:inline-block;margin-right:30px;vertical-align: middle;}

#sub .contents .sports-guide{background:url(/images/sports_img2.gif) no-repeat 40px top;padding:14px 0 14px 220px;}
#sub .contents .sports-guide ul{border-left:1px solid #e2e2e2;padding-left:70px;}
#sub .contents .sports-guide ul li{list-style-type: square;margin-bottom:3px;}
#sub .contents .sports-guide ul li strong{font-weight:600;color:#512d2d}
#sub .contents .sports-guide ul li span{font-weight:600;color:#e76f2d}

#sub .contents .pool-special p{margin-bottom:30px;text-align:center;}
#sub .contents .pool-special:after{content:'';display:block;clear:both;}
#sub .contents .pool-special ul{border-right:1px solid #e2e2e2;height:240px;}
#sub .contents .pool-special li{float:left;border-left:1px solid #e2e2e2;width:146px;height:210px;text-align:center;padding:15px 20px;font-size: 1.1em;line-height: 1.5em;letter-spacing: -0.03em;}
#sub .contents .pool-special li strong{font-weight:600;color:#512d2d}

/* 오시는길 */
#sub .contents .location-txt{width:100%;}
#sub .contents .location-txt th{border-top:1px solid #cecece;padding:13px 15px 15px;background-color:#f4f4f4;font-weight:600;color:#212121;}
#sub .contents .location-txt td{border-top:1px solid #eaeaea;padding:13px 15px 15px;}