/* CSS Document euc-kr */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, address, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input{margin: 0; padding:0; border:0;}
hr, legend {display: none;}
em, address, cite {font-style:normal;}
ol, ul {list-style:none;}
fieldset, img {border:0;}
/*기본 링크*/
a:link, a:visited {font-size:11px; color:#ffffff; text-decoration:none;}
a:hover, a:active {font-size:11px; color:#fada00; text-decoration:none;}
.link_black a:link, .link_black a:visited {font-size:11px; color:#666666; text-decoration:none;}
.link_black a:hover, .link_black a:active {font-size:11px; color:#666666; text-decoration:none;}
img{font:0/0 arial;}
html{overflow-y:scroll;}
body{font-size:14px; color:#ffffff;}
/*float 버그처리*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block; width:100%;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.container{position:absolute; width:100%; top:0px; left:0px; z-index:99;}
.demo{width:100%;}
.demo ul, .demo li{width:100%;list-style:none;margin:0;padding:0;}
.demo ul li{display:block;float:left;position:relative}
.demo ul li a{display:block;padding:5px 15px;height:20px;line-height:20px;padding:5px 15px;border:1px solid #152500;margin-left:-1px;text-decoration:none}
.demo ul li.hover a{}
.demo ul li.hover a:hover{}
.demo ul li.hover ul a{}
.demo ul ul{position:absolute;top:32px;z-index:2;left:0px;}
.demo ul ul li{}
.demo ul ul li a{margin:-1px 0 0 -1px;display:block;border:0px}
.demo ul ul li a:hover{}
.nojs .demo ul ul{display:none}
.login_wrap {width:100%; height:168px; background:url(../img/login_bg.jpg) no-repeat 0 0;}
.login_wrap h4 {padding:25px 0 0 30px}
.login_wrap ul {list-style:none; width:205px;padding:10px 0 0 30px;}
.login_wrap ul:after {clear:both;display:block;}
.login_wrap input {width:130px}
.login_wrap label {width:60px; font-size:11px; display:inline-block}
.login_wrap .last {padding:10px 0 0 63px}
.login_wrap p {padding:10px 0 0 30px}
.table_write01 {width:100%}
.table_write01 th {border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1; background:#F2F2F2; padding:3px 5px; text-align:center;}
.table_write01 td {border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;border-left:1px solid #D1D1D1; padding:3px 5px; text-align:left;}
.table_write01 .first {border-left:0px solid #D1D1D1;}
.table_write01 .left {text-align:left;}
/* quick reservation Guide */
#qreserve {position:absolute; widows:748px; height:618px; top:130px; left:225px; font-size:12px; z-index:1002; color:#000000;}
#qreserve_bg {position:absolute; widows:748px; height:633px; top:130px; left:225px; z-index:1001;background-color:#FFFFFF;}
#qreserve_bg td {border:3px solid #daecff;font-size:14px;font-weight:bold;}
#qreserve #title1 {position:absolute;width:196px; top:93px; left:35px; z-index:1002;font-size:14px;}
#qreserve #title2 {position:absolute;width:196px; top:93px; left:271px; z-index:1002;font-size:14px;}
#qreserve #title3 {position:absolute;width:196px; top:93px; left:507px; z-index:1002;font-size:14px;}
#qreserve #room {position:absolute; border:3px solid #CCCCCC; width:210px; height:437px; top:117px; left:25px; padding:9px; z-index:1002; overflow:auto;}
#qreserve #room ul {width:198px;}
#qreserve #room li {height:21px; background:url(../images/quick_reserve/arrow2.gif) no-repeat 5px 6px; padding:2px 0 0 20px;}
#qreserve #room li.ov {color:#00448e; background-color:#daecff; font-weight:bold;}
#qreserve #date {position:absolute; border:3px solid #CCCCCC; width:210px; height:437px; top:117px; left:261px; padding:9px; z-index:1002;}
#qreserve #date #month {border:3px solid #daecff; width:194px; height:20px;}
#qreserve #date #month ul {padding:2px 0 0 4px;}
#qreserve #date #month li {float:left;}
#qreserve #date #month li.btn {width:11px;}
#qreserve #date #month li.text {width:160px;margin:0 0 5px 0; color:#00448e; font-weight:bold; text-align:center;}
#qreserve #info {position:absolute; background:url(../images/quick_reserve/frame_s_bg.gif) no-repeat top left; width:210px; height:332px; top:117px; left:497px; padding:9px; z-index:1002;}
#qreserve #date #cal {width:196px; float:left; border-bottom:1px solid #daecff;}
#qreserve #date #cal td.pos {background-color:#d6d6d6;}
#qreserve #date #cal td.ov {background-color:#ffb7b7;}
.cal td {width:28px; font-size:11px;}
#qreserve #info ul {width:198px;}
#qreserve #info li img{vertical-align:top;}
#qreserve #info li.pic {border:2px solid #ececec;}
#qreserve #info li.title {color:#00448e; background-color:#daecff; font-weight:bold; margin:8px 0; padding:2px 5px;}
#qreserve #info li.arrow {background:url(../images/quick_reserve/arrow1.gif) no-repeat 5px 6px; padding:0 0 0 15px; font-size:11px;}
#qreserve #reserve_btn {position:absolute; width:216px; height:55px; top:459px; left:497px; z-index:1002;}
#qreserve #login {position:absolute; width:693px; height:20px; top:583px; z-index:1002;background-color:#FFFFFF;padding:15px 15px 15px 30px;}
#qreserve #login li {float:left;}
#qreserve #login li.id {padding:5px 0 0 0;}
#qreserve #login li.pw {padding:5px 0 0 10px;}
#qreserve #login li.notice {padding:5px 0 0 15px;}
#qreserve #login li.btn {padding:0 0 0 10px;}
#qreserve #login li.text {padding:3px 0 0 5px; font-size:11px;}
#qreserve #topmenu {position:absolute; top:52px; left:15px; width:730px; height:55px; z-index:1002;}
#qreserve #topmenu li {float:left;}
#qreserve #member {position:absolute; border:2px solid #CCCCCC; width:210px; height:437px; top:117px; left:25px; padding:9px; z-index:1002; overflow:auto; }
#qreserve #member th, td{color:#000000 }
#qreserve #reserve {position:absolute; border:2px solid #CCCCCC; width:442px; height:437px; top:117px; left:261px; padding:9px; z-index:1002;}
#qreserve #reserve li.title {height:21px; background:url(../images/quick_reserve/arrow2.gif) no-repeat 5px 5px; padding:2px 0 0 21px; font-weight:bold;}
#qreserve #reserve ul.table {background-color:#f5f5f5; margin:0 5px 10px 5px; padding:5px; width:400px;}
#qreserve #reserve ul.table li {height:21px; background:url(../images/quick_reserve/arrow1.gif) no-repeat 5px 6px; padding:0 0 0 15px; font-size:11px;}
#qreserve #reserve ul.table li.input {height:19px; background:url(../images/quick_reserve/arrow1.gif) no-repeat 5px 8px; padding:0 0 0 15px; font-size:11px;}
#qreserve #reserve #ok {margin:0 90px;}
#qreserve #reserve #ok li{float:left; margin:0 5px 0 60px;}
/* 시설이용안내 20220728 */
.sub_03_wrap h3 {font-size:22px;color:#5a8002;margin:10px 0;}
.sub_03_wrap p {font-size:14px;color:#333;margin-bottom:5px;letter-spacing:-.5px;}
.sub_03_wrap p.red {color:#ff0000;}
.sub_03_wrap p span.num {color:#333;}