@charset "utf-8";
body{ margin:0; padding:0;}
h1, h2, h3, h4, p{ margin:0; padding:0 }
ul, li{ margin:0; padding:0; list-style:none }

#header_wrap{ position:absolute; z-index:50; width:100%; height:54px; background:none }
#header_wrap #header{ position:relative; margin:0 auto; width:320px; height:54px; background:url(../images/header_bg.png) no-repeat top center }
#header_wrap #header .logo{ position:absolute; top:3px; left:17px }
#header_wrap #header .menu_btn{ position:absolute; top:5px; right:18px }

#footer_wrap{ position:relative; width:100%; height:130px; background:url(../images/footer_bg.gif) repeat-x }
#footer_wrap #footer{ position:relative; margin:0 auto; width:320px; height:130px }#footer_wrap #footer ul{ height:40px }
#footer_wrap #footer ul li{ float:left }
#footer_wrap #footer p{line-height:15px; padding-left:8px; height:94px; font-size:9px; color:#ffffff; font-family:'dotum'; padding-top:7px; letter-spacing:0.2em;}
.main_img{ position:relative; margin:0 auto; width:320px;}

.main_banner{ position:relative; margin:0 auto; width:320px; height:310px; padding-top:10px;}
.main_banner_con{float:left; padding-bottom:10px }
.main_banner_left{padding-right:5px;}
.main_banner_right{padding-left:5px;}


.sub_title_wrap{background:#dfdfdf;}
.sub_title{width:320px; margin:0 auto;}
.sub_contents{width:320px; margin:0 auto;}
.sub_board{width:320px; margin:0 auto; padding-top:10px;}

/* 게시판css */
#counselList{padding:0; margin:0;}
#counselList li{background:#F1F1F1; border:1px solid #D7D7D7; padding:5px; margin-bottom:4px; list-style:none;}
#counselList a{color:#000; text-decoration:none; font-size:14px;}
#counselList li .name{color:#ab4055; font-size:12px;}
#counselList li.replyY{background:#F5F5F5 url(/images/re_icon.png) no-repeat 95% 50%;}
#counselList li.replyN{background:#F5F5F5;}

#page{clear:both; text-align:center; width:100%; margin-top:10px; padding-bottom:20px;}
#page a{color:#fff; height:30px; width:32px; display:inline-block; font-size:1.3em; font-weight:bold; text-decoration:none; background:#aaaaaa; padding-top:5px;}
#page a.on{border:2px solid #d7a84a; color:#ffffff; background:#aaaaaa; height:30px; width:32px; display:inline-block; font-size:1.3em; font-weight:bold; text-decoration:none; margin-bottom:1px;}

#wrap dl{width:100%; margin:15px auto; margin-top:0;}
#wrap dl dt{font-weight:bold; font-size:14px; color:#000; text-align:left; border-top:0px solid #D7D7D7; padding-top:10px; letter-spacing:-1px; padding-bottom:5px;}
#wrap dl dd{text-align:left; font-size:12px; padding:0; margin:0;}
#wrap dl .name{float:left; color:#333; font-size:1em;}
#wrap dl .date{float:right; color:#333; font-size:1em;}
#wrap dl .contents{float:left; text-align:justify; font-size:14px; color:#333; line-height:1.6; padding:5px; margin:0px 0 10px 0;}

#post{margin:0 auto; border-top:2px solid #dfdedf;}
#post dl{border-bottom:1px solid #eee; padding:0 0 5px 0; margin:5px auto 5px auto; width:94%; clear:both;}
#post dl dt{float:left; width:70px; color:#333; font-weight:bold; margin:0; padding-top:5px; font-size:14px; letter-spacing:-2px; border:0;}
#post dl dd{color:#666; margin:0; padding:0; font-size:13px;}
#post dl dd select{font-size:14px;}
#post dl dd .input{font-size:14px; width:65%;}
#post dl dd .textarea{font-size:14px; width:73%;}
#post dl dd .hp{font-size:14px; width:40px;}

#btns{text-align:center; padding-bottom:10px;}
#btns a{display:inline-block; width:118px; height:44px; text-decoration:none;}
#btns .write{background:url(/images/btns.png) no-repeat 0 0;}
#btns .home{background:url(/images/btns.png) no-repeat 0 -64px;;}
#btns .list{background:url(/images/btns.png) no-repeat 0 -128px;}
#btns .confirm{background:url(/images/btns.png) no-repeat 0 -192px;}
#btns .cancel{background:url(/images/btns.png) no-repeat 0 -256px;}

fieldset{width:98%; margin:20px auto 40px auto; border:3px solid #D7D7D7; background:#fff; padding:30px 0 0 0; color:#000; text-align:center;}
fieldset legend{padding:0 15px; font-size:16px;}
fieldset .input{border:1px solid #000; font-size:18px; font-weight:bold;}
#cp_btns{text-align:center; padding-bottom:30px; margin-top:10px;}
#cp_btns a{text-decoration:none; width:114px; height:45px; display:inline-block; overflow:hidden;}
#cp_btns .confirm{background:url(/images/btns.png) no-repeat -1px -236px;}
#cp_btns .list{background:url(/images/btns.png) no-repeat -1px -184px;}

.beaf{border:1px solid #D7D7D7; background:#F1F1F1; width:100%; margin:0 auto; padding-bottom:10px; margin-bottom:5px;}
.beaf .thum{background:url(images/arrow.gif) no-repeat 50% 50%; text-align:center; margin-top:10px; margin-bottom:7px;}
.beaf .thum img{border:1px solid #000; width:122px; margin:0 12px 0 12px;}
.beaf dl{clear:both; margin:0; padding:0; overflow:hidden; margin-top:2px; margin-left:16px;}
.beaf dt{font-size:12px; font-family:dotum; background:#3E93CB; text-align:center; color:#fff; width:68px; float:left; padding-top:2px; padding-bottom:1px; letter-spacing:-1px;}
.beaf dd{font-size:12px; font-family:dotum; color:#fff; float:left; padding:0; margin-left:10px; padding-top:2px;}

#beaf_tab{padding:0; margin:5px auto; width:310px; overflow:hidden;}
#beaf_tab ul{list-style:none; padding:0; margin:0}
#beaf_tab ul li{height:25px; float:left; margin-right:3px; margin-bottom:5px;}
#beaf_tab ul li.all_on{width:57px; background:url(/images/beaf_tab.png) no-repeat 0 0;}
#beaf_tab ul li.all_of{width:57px; background:url(/images/beaf_tab.png) no-repeat 0 -70px;}
#beaf_tab ul li.c1_on{width:97px; background:url(/images/beaf_tab.png) no-repeat -60px -70px;}
#beaf_tab ul li.c1_of{width:97px; background:url(/images/beaf_tab.png) no-repeat -60px 0;}
#beaf_tab ul li.c2_on{width:67px; background:url(/images/beaf_tab.png) no-repeat -160px -140px;}
#beaf_tab ul li.c2_of{width:67px; background:url(/images/beaf_tab.png) no-repeat -160px 0;}
#beaf_tab ul li.c3_on{width:107px; background:url(/images/beaf_tab.png) no-repeat 0 -238px;}
#beaf_tab ul li.c3_of{width:107px; background:url(/images/beaf_tab.png) no-repeat 0 -28px;}
#beaf_tab ul li.c4_on{width:67px; background:url(/images/beaf_tab.png) no-repeat -110px -308px;}
#beaf_tab ul li.c4_of{width:67px; background:url(/images/beaf_tab.png) no-repeat -110px -28px;}
#beaf_tab ul li.c5_on{width:67px; background:url(/images/beaf_tab.png) no-repeat -180px -378px;}
#beaf_tab ul li.c5_of{width:67px; background:url(/images/beaf_tab.png) no-repeat -180px -28px;}
#beaf_tab ul li a{width:100%; height:100%; display:block;}

#reserv{clear:both; text-align:center; width:100%; margin:0 auto; display:block;}
#reserv h4{background:url(/images/img_reserv.png) no-repeat 7px 0; padding:0; margin:0; height:133px; overflow:hidden; margin-top:15px;}
#reserv h4 span{display:none;}

#years{position:relative; width:100%; height:38px; padding:0; margin:10px 0 0 0; text-align:center;}
#years span{display:inline-block; width:173px; height:38px; margin:0 15px; letter-spacing:-1px; background:url(/images/reservYear.png) no-repeat -54px 0; font-size:1.5em; font-weight:bold; line-height:38px; font-family:'dotum','gulim';}
#years a{display:inline-block; background:url(/images/reservYear.png) no-repeat 0 -1px; width:36px; height:38px; color:#111; font-size:1em; line-height:38px; overflow:hidden; text-decoration:none;}

#calendar{padding:10px;}
#calendar table{table-layout:fixed; background:#fff; border-top:1px solid #ededed; border-left:1px solid #ededed; border-bottom:1px solid #ededed; border-right:1px solid #ededed;}
#calendar table th{text-align:center; background:#89a5e4; color:#fff; padding:5px; border-bottom:1px solid #ededed; border-right:1px solid #ededed; border-top:1px solid #ededed; border-left:1px solid #ededed;}
#calendar table td{text-align:center; color:#ababab; border-bottom:1px solid #ededed; border-right:1px solid #ededed; border-top:1px solid #ededed; border-left:1px solid #ededed; height:31px;}

#calendar table td a{display:block; width:100%; height:100%; line-height:31px; background:url(/images/bg_cal.png) repeat-x; text-decoration:none;}
#calendar table td a.today{color:#fff;}
#calendar table td a.red{color:#644b39;}
#calendar table td a.sun{color:#c75959;}
#calendar table td a.sat{color:#468bcb;}
#calendar table td a.nor{color:#000;}

#calendar table td.today{color:#fff; background:#006a00;}
#calendar table td.red{color:#d80000;}
#calendar table td.sun{color:#c75959;}
#calendar table td.sat{color:#468bcb;}
#calendar table td.revok{background:url(/images/bg_cal.png) repeat-x 0 0;}

#rhead{position:relative; width:100%; height:34px; line-height:35px; text-align:center;}
#rhead h3{font-size:1.3em; font-weight:bold; color:#474747; height:34px; padding:0; margin:0; overflow:hidden; letter-spacing:-1px; text-align:center;}

#reservBody{padding:10px; font-size:1em;}
#reservBody dl{clear:both; overflow:hidden; position:relative; padding:3px; margin:0; border-bottom:1px solid #dedfde}
#reservBody dt{float:left; overflow:hidden; width:80px; white-space:nowrap; color:#333; font-weight:bold; font-size:0.95em; padding:0; margin:2px 0 0 0; letter-spacing:-1px}
#reservBody dd{float:left; overflow:hidden; width:210px; font-size:1em; line-height:40px; color:#444; text-align:left; letter-spacing:-1px;}
#reservBody dd #rvtime{font-size:0.9em; width:110px;}
#reservBody dd #rvmin{font-size:0.9em; width:90px; margin-left:5px;}

#SQviewDetail{table-layout:fixed; border-top:2px solid #471E26; border-bottom:1px solid #D7D7D7;}
#SQviewDetail th{background:#eee; letter-spacing:-1px; padding:10px 5px; text-align:center;}
#SQviewDetail td{background:#f7f7f7; letter-spacing:-1px; padding:10px 5px;}