@charset "utf-8";
@import url(font.css);
/* 기본 사이즈 세팅 */
html { width: 100%; height: 100%; margin: 0; }
body { width: 100%; margin: 0; padding: 0; font-size: 12px; line-height: 1.2; color: #555; font-family: 'NanumGothic'; overflow-x: hidden; }
img { border: none; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, td, input, a, select, li, dt, dd, span, fieldset, textarea,button { font-family: 'NanumGothic'; font-weight: normal; }
ul, ol, dl, li, dt, dd, p, fieldset { margin: 0px; padding: 0px; }
hr{ display: none; }
img { vertical-align: top; }
dl,	ul,	ol { list-style-type: none; }
address,em { font-style: normal; }
small { font-size: 1em; }
fieldset,img { border: 0 none; }
select::-ms-expand { display: none; } 
select { outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
input.text { height: 24px; border: 1px solid #bfbfbf; margin: 0; padding: 0; }
input.centered { text-align: center; }
input.butType { height: 18px; border: 1px solid #97eb196; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.inputbox { font-family: 'NanumGothic'; font-size: 9pt; height: 15px; color: #4c4c4c; border: 1px solid #c7c7c7; margin: 0px; padding: 2px 0px 0px 2px; }
.searchselect { font-family: 'NanumGothic'; font-size: 9pt; height: 18px; color: #4c4c4c; border: 1px solid #c7c7c7; margin: 0px; padding: 0px 0px 1px 0px; }
.selectbox { font-family: 'NanumGothic'; font-size: 8pt; height: 18px; color: #4c4c4c; border: 1px solid #a0a0a0; margin: 0px; padding: 0px 0px 2px 0px; }
.invisible { overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; font-size: 0; }
.blind{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;filter:alpha(opacity=0);opacity:0;}

/*폰트*/
.bold{font-weight:bold;color: #0070d2 !important;}
.bold:hover{color: #0070d2 !important;}
.t_add{margin-top:7px}
.t_red{color:#ee0000;}

/* 링크 된 폰트 세팅 */
a { color: #333; text-decoration: none; }
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #163874; text-decoration: none; }
a:active { color: #333; text-decoration: none; }

form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0 none; }
legend { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; display: none; text-indent: -9999px; font-size: 0; }
input, select  { font-size: 13px; height: 25px; vertical-align: middle; padding-left: 5px; margin: 0; border: 1px solid #d4d4d4; }
label, button { cursor: pointer; display: inline-block; }
button { overflow: visible; margin: 0; padding: 0; border: none; background: none; vertical-align: top; cursor: pointer; }
button::-moz-focus-inner { border: 0; padding: 0; }


/*건너띄기*/
#skip_navigation p { margin: 0px; padding: 0px; }
#skip_navigation a.accessibility { position: absolute; display: block; width: 100%; left: 0; text-align: center; top: -10000px; z-index: 999; font-size: 1.3em; }
#skip_navigation a.accessibility:hover,
#skip_navigation a.accessibility:focus,
#skip_navigation a.accessibility:active{ position:a bsolute; top: 0; padding: 15px 0; font-weight bold; color: #fff; background: #2b955e; z-index: 999; }
.hidden, .skip { display: block; width: 10px; height: 0; white-space: nowrap; overflow: hidden; text-indent: 120%; font-size: 0; }


/* 공통추가 */
.border0 {border:0px !important;}
.fr {float:right !important;}
.fl {float:left !important;}
.fc {margin:0px auto;}
.cl {clear:both !important;}


.tl {text-align:left !important;}
.tc {text-align:center !important;}
.tr {text-align:right !important;}

.dpb {display:block !important;}
.in_block{display:inline-block}

/*size defined*/
.mb0 {margin-bottom:0px !important;}
.mt0 {margin-top:0px !important;}
.mg0 {margin:0 !important;}
.pd0 {padding:0 !important;}

.mt1 {margin-top:1px !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt6 {margin-top:6px !important;}
.mt7 {margin-top:7px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt11 {margin-top:11px !important;}
.mt12 {margin-top:12px !important;}
.mt13 {margin-top:13px !important;}
.mt14 {margin-top:14px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mr1 {margin-right:1px !important;}
.mr2 {margin-right:2px !important;}
.mr3 {margin-right:3px !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr8 {margin-right:8px !important;}
.mr9 {margin-right:9px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr37 {margin-right:37px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr57 {margin-right:57px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr89 {margin-right:89px !important;}
.mr90 {margin-right:90px !important;}

.mb1 {margin-bottom:1px !important;}
.mb2 {margin-bottom:2px !important;}
.mb3 {margin-bottom:3px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb7 {margin-bottom:7px !important;}
.mb8 {margin-bottom:8px !important;}
.mb9 {margin-bottom:9px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.ml1 {margin-left:1px !important;}
.ml2 {margin-left:2px !important;}
.ml3 {margin-left:3px !important;}
.ml4 {margin-left:4px !important;}
.ml5 {margin-left:5px !important;}
.ml6 {margin-left:6px !important;}
.ml7 {margin-left:7px !important;}
.ml8 {margin-left:8px !important;}
.ml9 {margin-left:9px !important;}
.ml10 {margin-left:10px !important;}
.ml11 {margin-left:11px !important;}
.ml12 {margin-left:12px !important;}
.ml13 {margin-left:13px !important;}
.ml14 {margin-left:14px !important;}
.ml15 {margin-left:15px !important;}
.ml18 {margin-left:18px !important;} 
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml100 {margin-left:100px !important;}


.pt1 {padding-top:1px !important;}
.pt2 {padding-top:2px !important;}
.pt3 {padding-top:3px !important;}
.pt4 {padding-top:4px !important;}
.pt5 {padding-top:5px !important;}
.pt6 {padding-top:6px !important;}
.pt7 {padding-top:7px !important;}
.pt8 {padding-top:8px !important;}
.pt9 {padding-top:9px !important;}
.pt10 {padding-top:10px !important;}
.pt11 {padding-top:11px !important;}
.pt12 {padding-top:12px !important;}
.pt13 {padding-top:13px !important;}
.pt14 {padding-top:14px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pr1 {padding-right:1px !important;}
.pr2 {padding-right:2px !important;}
.pr3 {padding-right:3px !important;}
.pr4 {padding-right:4px !important;}
.pr5 {padding-right:5px !important;}
.pr6 {padding-right:6px !important;}
.pr7 {padding-right:7px !important;}
.pr8 {padding-right:8px !important;}
.pr9 {padding-right:9px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

.pb1 {padding-bottom:1px !important;}
.pb2 {padding-bottom:2px !important;}
.pb3 {padding-bottom:3px !important;}
.pb4 {padding-bottom:4px !important;}
.pb5 {padding-bottom:5px !important;}
.pb6 {padding-bottom:6px !important;}
.pb7 {padding-bottom:7px !important;}
.pb8 {padding-bottom:8px !important;}
.pb9 {padding-bottom:9px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

.pl1 {padding-left:1px !important;}
.pl2 {padding-left:2px !important;}
.pl3 {padding-left:3px !important;}
.pl4 {padding-left:4px !important;}
.pl5 {padding-left:5px !important;}
.pl6 {padding-left:6px !important;}
.pl7 {padding-left:7px !important;}
.pl8 {padding-left:8px !important;}
.pl9 {padding-left:9px !important;}
.pl10 {padding-left:10px !important;}
.pl11 {padding-left:11px !important;}
.pl12 {padding-left:12px !important;}
.pl13 {padding-left:13px !important;}
.pl14 {padding-left:14px !important;}
.pl15 {padding-left:15px !important;}
.pl18 {padding-left:18px !important;} 
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pl100 {padding-left:100px !important;}


.pl40_pct{padding-left:40%}
			

.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w90 {width:90px;}
.w92 {width:92px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w280 {width:280px;}
.w310 {width:310px;}
.w300 {width:300px;}
.w320 {width:320px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w500 {width:500px;}
.wauto {width:auto;}

.w100pct{width:100%}

/* 시설 예약현황 미리보기 */
.tr_ul { width:100%; height:20px; margin:0; padding:0; }
.tr_li_able { float:left; width:30px; height:30px; border-right:1px solid #fff; background:#4c990f; text-indent:500%; white-space:nowrap; overflow:hidden; }
.tr_li_unable { float:left; width:30px; height:30px; border-right:1px solid #fff; background:#df3036 url(/images/time_back.png) repeat 0 0; text-indent:500%; white-space:nowrap; overflow:hidden; }

/* headerarea */
#header_area { width:100%; height:65px; border-bottom:5px solid rgb(239 184 112); }
.top_area { width:100%; height:65px; }
.top_area .logo { float:left; width:247px; height:46px; margin:10px 0 0 20px; background:url(../../../resources/images/common/logo.png) 0 0 no-repeat; text-indent:120%; white-space:nowrap; overflow:hidden; }
.top_area .logo a { display:block; width:100%; height:100%; overflow:hidden; text-indent:200%; font-size:0; line-height:0; }


/* user */
.user { float:right; width:600px; height:22px; margin:20px 20px 0 0; text-align:right; }
.user span { margin-right:5px; font-size:13px; line-height:1.0 }

/*버튼*/
.btn_visible_blue { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #4275c6; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_visible_bluegreen { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #1ea685; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_visible_orange { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #fb6f36; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_visible_gray { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #9f9f9f; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_visible_gold { display: inline-block; padding: 5px 14px 3px; height: 24px; background: #b09230; color: #fff; font-size: 12px; vertical-align: middle; }
.btn_down{margin-bottom:3px;display:inline-block;}
.btn-success2 {background-color: #417c41;color:#fff}
.btn-success2:hover{background-color: #436443;color:#fff !important}

/* leftarea */
#left_area { width:100%; margin:0; padding:0; }
.treemenu { width:90%; margin:0 auto; font-family:'NanumGothic'; font-size:12px; line-height: 1.8; color:#333; background:url(../images/tree_line.png) 0 0 repeat-y; }
.lnb_title { margin:20px 0 0; padding-left:25px; font-family:'NanumGothic'; font-size:15px; line-height: 1.2; color:#111; background:url(../images/tree_minus.png) 0 0 no-repeat; }
.lnb { width:235px; margin:0; padding:0; }
.lnb li { width:195px; margin-top:9px; padding-left:40px; line-height:1.4; background:url(../images/tree_2depth.png) 9px 0 no-repeat; }
.lnb li.last { width:195px; margin-top:9px; padding-left:40px; line-height:1.4; background:url(../images/tree_2depth_last.png) 9px 0 no-repeat; }
.lnb li a { display:inline-block; color:#333; }
.lnb li a:hover, .lnb li a.on { color:#0073a4; }
.mem_id { margin: 20px 10px 0; padding: 3px 10px; width: 179px; height: 36px; color: #fff; line-height:1.8; background:#4275c6 url("../images/select_arrow.png") no-repeat 94% 48%; border: none; }


/* contentarea */
#content_area { width:100%; height:100%; margin:0; padding:0; }
.content { height:100%; margin:20px 30px; font-family:'NanumGothic'; font-size:13px; line-height:1.6; color:#333; }


/* title */
#page_title{ margin:20px 0 0; padding-bottom:20px; overflow: hidden; }
#page_title h3 { float:left; font-family:'NanumGothic'; font-size:30px; margin:0; padding:0; line-height:30px; color:#333; }

ul.location{ float:right; font-size:13px; margin-top:6px; padding-left:18px; height:20px; line-height:20px; background:url(../images/location_home.png) 0 4px no-repeat; }
ul.location li { float:left; background: url(../images/location_path.png) no-repeat right 3px; padding-right:15px; margin-right:5px; }
ul.location li.last { margin-right:0; padding-right:0; background:none; color:#1985b3; }


/* login */
#container { position:relative; width:100%; height:100%; margin:0px; padding:0px; }
#content_wrap { position:absolute; width:660px; top:30%; left:50%; margin-left:-300px;/* margin-top:150px;*/ }

.logo { position:absolute; width:247px; height:46px; margin:18px 0 0 20px; background:url(../../../resources/images/common/logo.png) 0 0 no-repeat; text-indent:-5000px; white-space:nowrap; overflow:hidden }
.loginbox { width:560px; height:140px; padding:50px; background: #f5f5f5; border-radius:5px; }
.login_title { font-family:'NanumGothic'; font-size:25px; color: #3c74ce; line-height:2.0; }
.login_stitle { font-family:'NanumGothic'; font-size:14px; color: #323232; line-height:1.5; }
.login_input li { float:left; margin-top: 20px; padding-right: 8px; }
.login_input li input{ float:left; margin-right:8px; padding:5px; background:#fafafa; outline:1px solid #ccc; border:0; width:200px; /*height:26px;*/height: 37px; border-radius:2px }

.btn_login { margin-bottom:5px; padding:8px 30px; background:#3c74ce; color:#fff; text-align:center; font-size:15px; line-height:1.4; border-radius:2px}


/* Etc */
.sheetdate { height: 30px; padding: 0 10px; background: #1985b3; font-size: 14px; color: #fff; line-height: 2.1; }
.banksheet { width: 98.8%; height: 30px; margin: 10px 0; padding: 5px 0 5px 10px; background: #f4f4f4; border-top: 1px solid #a2a2a2; border-bottom: 1px solid #a2a2a2; }
.sheetlist { min-width: 60%; height: 30px; float: left; margin-left: 10px; padding: 0; }
.sheetlist .list { float: left; padding-right: 28px; font-size: 15px; line-height: 2.1; color: #333; }
.sheetlist .list span { padding-left: 5px; font-size: 15px; line-height: 2.1; color: #005093; }
.date { float: right; min-width: 30%; height: 30px; margin: 0 ; padding: 0 10px; text-align: right; }
.info_title { margin: 15px 0 5px; padding: 0; font-size: 17px; color: #005da4; line-height: 1.0; }


/*관리자-메인 알림사항*/
.noti_box {height:450px; padding:10px 15px; text-align:left; margin-bottom:15px; background:#f9f9f9; border:1px solid #e2e2e2;}
.noti_box .img00 img {margin-right:10px;}
.noti_box .tit00 {font-weight:bold; color:#e30000; margin: 0 0 0;}
.noti_box .txt00 {line-height:25px;}
.noti_box .txt00 .txt_b {font-weight:bold; font-size:14px;}
.noti_box .txt00 .txt_c {color:#0f56a5;}

.noti_box.rev1{height:140px;overflow-y: scroll;line-height:1.8em; padding:10px 35px;}
.noti_box.rev1 .tit00{font-size: 17px;line-height:1.7em;font-weight: 500;color: #d92424;}
.noti_box.rev1 h1{font-size:21px;margin:10px 0}
.noti_box.rev1 ol, .noti_box.rev1 ul{margin-bottom:5px;margin-top:5px;margin-bottom: 10px;padding: 8px 15px; border-radius:5px;   background-color: #ecf7ff;}
.noti_box.rev1 ol li, .noti_box.rev1 ul li{margin-right:15px;display:inline-block}
.noti_box.rev1 ol li:before, .noti_box.rev1 ul li:before{content:"";display:inline-block;width:3px;height:3px;background-color:#555;    vertical-align: top;margin-top: 10px;margin-right: 5px;}
.noti_box.rev1 .txt00 {line-height: 25px;}


/*출력*/
#page_title.page_print{overflow:visible}
.page_tit_l {position:relative;display:inline-block;}
.btn_print{display:block;margin-top:-5px;width: 40px;height: 40px;text-indent: -9999px;background-position: center;background-repeat: no-repeat;background-image: url(../images/print.png);border:1px solid #ddd;position:absolute;right:-50px;top:0 ;border-radius:5px   }
@page {size: A4;margin: 0;}
@media print{
.print_none{display:none !important}
html, body {width: 210mm;height: auto;background: #fff;}
.wrap{width:100%;object-fit: contain;min-width:1200px;padding:30px 0;background-color:transparent !important;overflow-x: inherit !important;}

#content_area, .content{height:auto !important}

.btn_print{display:none}
ul.location{display:none}
#page_title{padding-bottom:3px !important}

#page_title h3{font-size:20px}
table.tblList3.tbl_print tbody tr th{font-weight:bold !important}
table.tblList3.tbl_print thead tr th:first-child {width: 19%;}
table.tblList3.tbl_print tbody tr td:nth-child(6), table.tblList3.tbl_print tbody tr td:nth-child(7){display:none! important;width:0 }
}


/*예약현황관리*/
.tbl_fix{table-layout:fixed}
#timeTable{margin-top:60px}
.tr_ul{height:auto}
.tr_ul:before, .tr_ul:after{content:"";display:block;clear:both}
.tr_ul>li>img{display:none;}
.tr_ul>li{position:relative;display:inline-block;float:none;overflow:visible;text-indent:-9999px}
.tr_ul>li:before{content:"";display:inline-block;width:1px;height:8px;background-color:#000;position:absolute;top:-8px;left:0;}
.tr_ul>li:after{content:"6시"; font-size:11px;position:absolute;top:-23px;left:0;color:#000;text-indent:0}
.tr_ul>li:nth-child(1):before, .tr_ul>li:nth-child(1):after{display:none}
.tr_ul>li:nth-child(2):after{content:"6시"}
.tr_ul>li:nth-child(3):after{content:"7시"}
.tr_ul>li:nth-child(4):after{content:"8시"}
.tr_ul>li:nth-child(5):after{content:"9시"}
.tr_ul>li:nth-child(6):after{content:"10시"}
.tr_ul>li:nth-child(7):after{content:"11시"}
.tr_ul>li:nth-child(8):after{content:"12시"}
.tr_ul>li:nth-child(9):after{content:"13시"}
.tr_ul>li:nth-child(10):after{content:"14시"}
.tr_ul>li:nth-child(11):after{content:"15시"}
.tr_ul>li:nth-child(12):after{content:"16시"}
.tr_ul>li:nth-child(13):after{content:"17시"}
.tr_ul>li:nth-child(14):after{content:"18시"}
.tr_ul>li:nth-child(15):after{content:"19시"}
.tr_ul>li:nth-child(16):after{content:"20시"}
.tr_ul>li:nth-child(17):after{content:"21시"}
.tr_ul>li:nth-child(18):after{content:"22시"}
.tr_ul>li:nth-child(19):after{content:"23시"}


tr.bg_red{background-color: #fdf0ed}
tr.bg_blue{ background-color: #edf5ff}
tr.bg_green{background-color:#f3fff0}

/*프린트설정*/
@media print{
 .print_none	
 #page_title{display:none;}
 .tc{display:none}
 .board table.tblView tbody th{background-color:none;border-left:1px solid #ddd;border-right:1px solid #ccc;} 
  .board table.tblView tbody td{border-right:1px solid #ccc;}
  select, input{display:inline-block;width:auto !important;border:none}

}
@page{size:A4;}

.btn_src{color:#fff !important}