@charset "UTF-8";
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* Author : 사하구청
/* Date : 2016-09-05 ~
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 서브 레이아웃
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contanier { background: url(/reserve/images/sub/bg_sub.jpg) center top no-repeat; }


h3 { font-size: 33px; color: #414286;  }
h4 { font-size: 18px; color: #414286; padding-left: 10px; background: url(/reserve/images/sub/icon_h4.gif) left 50% no-repeat; margin: 30px 0 5px;}
h5 { font-size: 15px; color: #000; padding-left: 15px; background: url(/reserve/images/sub/icon_h5.gif) left 50% no-repeat; }

.rpp{ color:#D8225E!important;}
.red { color:#cc4634!important;}
.blue{ color:#254294!important;}
.bold { font-weight: bold; }
.point { font-size: 18px!important; font-weight: bold!important; text-decoration: underline; color : #046582; }
.point1 { font-size: 18px!important; font-weight: bold!important; }
.point2 { font-size: 18px!important; font-weight: bold!important; color : #046582; }
.bigfont { font-size: 20px!important; font-weight: bold!important; padding-top: 10px; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.agree p { line-height: 1.6em; padding: 2px!important; }

.box { padding: 50px; border: 1px solid #D2D2DC; }
.box_gray { padding: 30px; border: 1px solid #D2D2DC; background: #F7F7FA; }

.email_address { letter-spacing: 1px; }

#sub_wrap { }
#sub_wrap .sub_title { position: relative; height: 205px;  color: #fff; }
#sub_wrap .sub_title .title { text-align: center; height: 129px; }
#sub_wrap .sub_title .title h2 { padding-top: 35px; font-size: 36px; line-height: 40px; color: #fff; text-align: center;  }
#sub_wrap .sub_title .title p { color: #fff; text-align: center; }

/*로케이션 메뉴*/
#sub_wrap .sub_title .locations { position: relative; *overflow:overflow; width:auto; height: 60px; line-height: 60px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; border: 1px solid #cdd5de; border-width: 1px 0 1px 0; }
#sub_wrap .sub_title .locations .allmenu { display:inline-block; float:none; width: 70px; margin-top:-1px; padding-left: 0px!important; background: #f5f5f5 url(/reserve/images/sub/icon_home.gif) center 50% no-repeat; color:transparent; vertical-align:middle; border-left: 1px solid #cdd5de; border-right: 1px solid #cdd5de; }
#sub_wrap .sub_title .locations .menuUl { position:absolute; display:inline-block; left:71px;}
#sub_wrap .sub_title .locations .depth2 { left:251px; }
#sub_wrap .sub_title .locations .depth3 { left:471px; }
#sub_wrap .sub_title .locations .menuUl .menuLi { width:99%; display:none; position:relative; height:55px; border-right:1px solid #cdd5de; border-bottom:1px solid #cdd5de; border-left:1px solid #cdd5de; z-index:2; background-color:white;  cursor:pointer;}
#sub_wrap .sub_title .locations .menuUl .menuLi2 { width:99.1%; display:none; position:relative; height:55px; border-right:1px solid #cdd5de; border-bottom:1px solid #cdd5de; border-left:1px solid #cdd5de; z-index:2; background-color:white;  cursor:pointer;}
#sub_wrap .sub_title .locations .menuUl .menuLi3 { width:cal(100% - 2px); display:none; position:relative; height:55px; border-right:1px solid #cdd5de; border-bottom:1px solid #cdd5de; border-left:1px solid #cdd5de; z-index:2; background-color:white;  cursor:pointer;}
#sub_wrap .sub_title .locations .step { display: inline-block; width: 160px; height: 60px; padding-left: 20px; line-height: 60px; border-right: 1px solid #cdd5de; border-bottom: 1px solid #cdd5de; font-size: 16px; color: #616161; background: url(/reserve/images/sub/icon_step.gif) 140px 50% no-repeat; cursor:pointer;}
#sub_wrap .sub_title .locations .step2 { display: inline-block; width: 200px; height: 60px; padding-left: 20px; line-height: 60px; border-right: 1px solid #cdd5de; border-bottom: 1px solid #cdd5de; font-size: 16px; color: #616161; background: url(/reserve/images/sub/icon_step.gif) 180px 50% no-repeat; cursor:pointer; }
#sub_wrap .sub_title .locations .step3 { display: inline-block; width: 200px; height: 60px; padding-left: 20px; line-height: 60px; border-right: 1px solid #cdd5de; border-bottom: 1px solid #cdd5de; font-size: 16px; color: #616161; background: url(/reserve/images/sub/icon_step.gif) 180px 50% no-repeat; cursor:pointer; }
#sub_wrap .sub_title .locations .nsStep { position:relative; padding-left: 20px; line-height: 60px; font-size: 16px; color: #616161;}
#sub_wrap .sub_title .locations .step:hover { text-decoration: none; }
/* #sub_wrap .sub_title  .locations strong {font-weight:400; color: #435b88; background: url(/reserve/images/sub/icon_step_on.gif) 140px 50% no-repeat; } */
/*카테고리영역*/
.board_category { position: absolute; top: 0; left:256px; }
.board_category .ct_selectbox { width: 199px; z-index:1; font-size: 16px; color: #435b88; cursor:pointer;  }
.board_category .ct_selected { display: block; padding-left: 20px; background: url(/reserve/images/sub/icon_step_on.gif) 160px 50% no-repeat; cursor: pointer; }
.board_category .ct_not_selected { display: none; padding-left: 20px; cursor: pointer; }
.board_category .selectOptions { position:absolute; top: 58px; left: -1px; z-index: 999; width:100%; overflow: hidden; border:1px solid #cdd5de; border-width: 1px 1px 0px 1px;  background:#fff; /*display: none;*/ }
.board_category .selectOption { display: block; height: 50px; line-height: 50px; padding-left: 20px; border-bottom: 1px solid #cdd5de; cursor: pointer; font-size: 15px; color: #777; }
.board_category .selectOption:hover { background: #F2F5FA; color: #435b88; }

 
/*sns 영역*/
#sub_wrap .sub_title .sns { /* overflow: hidden; position: absolute; */ bottom: 0; right: 0; height: 60px; line-height: 60px; border-left: 1px solid #cdd5de; border-right: 1px solid #cdd5de; }
#sub_wrap .sub_title .sns  li { display: inline-block; float: left; width: 56px; text-align: center; border-left: 1px solid #cdd5de; }
#sub_wrap .sub_title .sns  li:FIRST-CHILD { border:none; }
#sub_wrap .sub_title .sns  li a { display: block; width: 100%; height: 100%; }
#sub_wrap .sub_title .sns ul.snsitem li { border-left: 0px; }
#sub_wrap .sub_title .sns ul.snsitem li a {  height: 40px; }

/*콘텐츠 영역*/
#conts { position: relative; min-height: 550px; padding: 55px 0 100px; }


/* Table */
.table { margin:4px 0 20px; padding-top:3px; border-top: 2px solid #4C5499; }
.table th, .table td {padding: 6px 15px 6px;border:1px solid #ddd;line-height:1.615;vertical-align:middle}
.table thead th {border-top:0;background:#f2f2f2;text-align:center}
.table tbody th {font-weight:400;text-align:center}
.table tbody .bg {background:#f2f2f2}
.table tbody tr:first-child th, .table tbody tr:first-child td {border-top:0}
.table tfoot th, .table tfoot td {background:#e9eff4}
.table .line_dash td {border-top:1px dashed #ddd;border-bottom:0}
.table .line_dash.first td {border-top:1px solid #ddd;border-bottom:1px dashed #ddd}

.data_table { border-top: 2px solid #4C5499; }
.data_table th, .data_table td {padding: 6px 15px 6px; border:1px solid #ddd; border-width: 1px 0 1px 0; line-height:1.615;vertical-align:middle}
.data_table th { background: #F8F8F8; }
.data_table thead th {border-top:0;background:#f8f8f8;text-align:center; padding: 10px 0; font-size: 15px }
.data_table td .ir { position: absolute; }


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* common & button 디자인수정 - goldenday
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.col10 { width: 10%}
.col20 { width: 20%}
.col30 { width: 30%}
.col40 { width: 40%}
.col50 { width: 50%}
.col60 { width: 60%}
.col70 { width: 70%}
.col80 { width: 80%}
.col90 { width: 90%}
.col33 { width: 33%}
.col66 { width: 66%}
.col100 { width: 99%}
.pp { color: #4b5399 !important;}
a.pp {color: #3644bd !important;}
.url_link { display: inline-block; height: 20px; padding: 5px 20px 5px 0px; line-height: 20px; color: #1278DE!important; background: url(/reserve/images/sub/url_link.png) 100% 50% no-repeat; }
.url_link:hover { color: #2d6eb4; }

.mT30 { margin-top: 30px}
textarea {  border-color: #D1D6DD !important; background-color:#F5F6F8}
span.bul { display: inline-block; margin-right: 10px; }
span.bul:before { display: inline-block; content:""; width: 5px; height:5px; border-radius:50%; margin-right: 5px; background-color: #7f85bb; vertical-align: middle;}
h3 + h4 { margin-top: 0}
.calendarWrap { display:inline-block; position:relative; width: 210px; height:30px; padding-right: 29px !important; box-sizing:border-box; vertical-align: middle; }
.calendarWrap input[type="text"]{width:100%; text-align: center; box-sizing:border-box}
.calendarWrap button.btn_calendar { position: absolute; right: 1px; top:0px;}
.txtBox { display: inline-block;  padding: 0 10px; border-radius: 3px; border: 1px solid #4c5499;font-size: 13px; color: #4c5499; text-align: center; background-color: #fff }


/* 버튼 & 상태표시*/
.btn { vertical-align: middle;}
.btn_blue { border-color: #454b7e; background-color: #4c5499}
button.btn_calendar{background:url(/common/images/board/icon_date.gif) no-repeat 0 0; width: 29px; height: 30px}
a.btn_download { display: inline-block; background: #f1f2f6 url(/common/images/common/btn_file.gif) no-repeat 3px 50%; border: 1px solid #d9d9dd;
 border-color: #d9d9dd #bdbfca #bdbfca #d9d9dd; line-height: 22px; padding: 3px 10px 3px 30px; font-family: "돋움", dotum; font-size: 12px; color: #5c5f7b; letter-spacing:-1px; 
 text-decoration:none; vertical-align: middle; }
 a.btn_download:hover{border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5}

.how { display: inline-block; width:98px; padding: 0; margin:1px 0; line-height: 28px; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 13px; color: #545454; text-align: center; background-color:#fff}
.how.online { color:#414286; border-color:#cdd5de; background-color:#f0f4fa}
.how.etc { color:#bb2669; border-color:#dfccd1; background-color:#faeff1}
a:hover .how {border-color:#d7d7d7 #a7a7a7 #a7a7a7 #d7d7d7;background-color:#f3f3f3}
a:hover .how.online {border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5}
a:hover .how.etc {border-color:#dfccd1 #c7a8af #c7a8af #dfccd1;background-color:#f6e3e5}


a.icoBtn { display: inline-block; padding:0 10px 0 30px;  margin:1px 0; line-height: 28px; border-radius: 3px; border: 1px solid #d7d7d7; font-size: 13px; color: #545454; text-align: center; background-color:#f0f4fa}
a.icoBtn:hover {border-color:#cdd5de #a2b0c0 #a2b0c0 #cdd5de;background-color:#e2eaf5; text-decoration: none}
.ico_list {background: #f0f4fa url(/common/images/common/icon_button_b.png) no-repeat 0 -90px;}

.state { display: inline-block; width:90px; padding: 4px; margin:1px 0; line-height: 20px; border-radius: 3px; border: 1px solid #CDD5DE; font-size: 13px; color: #fff; text-align: left;}
.state.ing1 { background-color:#d84374; border-color:#b7335e}
.state.ing2 { background-color:#14a2b7; border-color:#0f7b8b}
.state.ok { background-color:#6575cf; border-color:#3e4b97}
.state.finish { background-color:#4d5053; border-color:#35373a}
.state i.ic {display: inline-block;width:25px;height:20px;background-image:url(/common/images/common/icon_state.png); background-repeat:no-repeat; vertical-align:middle; margin-left:10px}
.state.ing1 .ic {background-position:0 0px}
.state.ing2 .ic {background-position:0 -20px}
.state.ok .ic {background-position:0 -40px;margin-left:5px}
.state.finish .ic {background-position:0 -60px; margin-left:15px}
a:hover .state.ing1 {border-color:#b7335e #9f1546 #9f1546 #b7335e;background-color:#d72d68}

/* box */
.search_box_edu { position: relative; border:1px solid #cdd5de; background:#f0f4fa; padding: 30px; margin-bottom:30px; overflow: hidden;}
.search_box_edu .imgArea { position:absolute; left:40px; top:30px;}
.search_box_edu .imgArea.top {top:15px;}
.search_box_edu .contArea { padding-left: 140px}
.search_box_edu dl { float: left;  margin: 6px 0 0; position: relative; }
.search_box_edu dl dt , .search_box_edu dl dd {line-height: 30px;min-height: 30px; }
.search_box_edu dl dt { position:absolute; width: 55px; left:40px; padding-left:10px; background:#f0f4fa url(/common/images/common/bul_dot.gif) no-repeat 0 50%;   }
.search_box_edu dl dd { padding: 0 0px 0 110px }
.search_box_edu dl dd select { width: 100%}
.search_box_edu dl.col100 dd {position:relative; padding-right: 110px}
.search_box_edu dl.col70 input#searchTxt { width: 80%}
.search_box_edu dl.col100 input[type="text"] { width: 100%}
.search_box_edu input[type="button"],.search_box_edu input[type="submit"] {	background-image: url(/common/images/common/icon_button_w.png); background-repeat:no-repeat; background-position:0 -284px; padding-left: 30px;}
.search_box_edu.reservStyle input[type="button"],.search_box_edu.reservStyle input[type="submit"] {	position:absolute; right:0; top:1px;}
.search_box_edu h6 {margin-bottom: 5px; font-size: 16px;font-family: NanumGothicWebB; color: #243a98;}
.search_box_edu ul { overflow: hidden;}
.search_box_edu ul li { padding-left: 10px; background:#f0f4fa url(/common/images/common/bul_dot.gif) no-repeat 0 50%; }
.search_box_edu.reservStyle .imgArea { left:40px;}
.search_box_edu.reservStyle .contArea { padding-left: 160px}
.search_box_edu .calendarWrap button.btn_calendar { top:1px;}

/* box - 작은도서관 */
.search_box_edu.lib dl dt {width: 70px;}
.search_box_edu.lib dl dd {padding: 0 0px 0 120px }

/* box - 정보화교육 */
.result_box {position: relative; border:1px solid #4c5499; background:#f0f4fa; padding: 30px; margin-top:30px; overflow: hidden; line-height: 30px }
.result_box h6 { float: left; font-size: 16px; font-family: NanumGothicWebB; color: #243a98; padding-left: 45px; background: url(/reserve/images/sub/icon_people.png) no-repeat 0 0;}
.result_box label { margin-left: 20px}
.result_box label:first-child {margin-left:40px}
.result_box input[type="text"], 
.result_box input[type="password"]{ margin-left: 5px; padding: 4px; box-sizing:border-box; height: 30px; vertical-align: middle;}

/* box - 동아리 */
.circles_box { position: relative; border:1px solid #cdd5de; background:#f0f4fa; padding: 20px 30px; margin:30px 0; overflow: hidden;}
.circles_box h6 { float: left; padding:0; border-right: 1px solid #ddd; padding-right: 30px  }
.circles_box h6 span {display:inline-block; line-height: 40px;vertical-align: middle;text-align: center;}
.circles_box h6 span.title {font-size: 20px;  font-family: NanumGothicWebB; color: #243a98;}
.circles_box h6 span.profile { background: url(/common/images/common/bg_box.png) repeat; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin-right: 10px  }
.circles_box h6 span.profile img { max-width: 100%; height: auto;}
.circles_box ul { float: left; padding:10px 0 10px 30px}
.circles_box li { float: left; line-height: 20px; background: url(/common/images/common/bul_dot.gif) no-repeat 0 50%; padding-left: 10px;  margin-right: 60px; font-size: 15px;}
.circles_box li:last-child {margin-right: 0px; }
.circles_box li > span {display:inline-block;}
.circles_box > a[class^="btn"] { display:inline-block; float: right; margin-top:5px; background-image: url(/common/images/common/icon_button_w.png); background-repeat:no-repeat; background-position:0 -90px; padding-left: 30px;}

/* box - 예약현황 */
.my_box { position: relative; border:1px solid #cdd5de; background:#f0f4fa; padding: 20px 30px 20px 120px; margin:30px 0; overflow: hidden; min-height: 70px}
.my_box .num { position: absolute; left: 30px; top:20px; width: 70px; height: 70px; line-height: 70px; font-size:3em;  border-radius:50%; background: url(/reserve/images/sub/bg_box2.png) no-repeat 50% 50%; text-align: center; color: #fff;}
.my_box .num span{ font-size:0.45em;}
.my_box h6 { font-size: 18px;  font-family: NanumGothicWebB; color: #243a98; margin-bottom: 10px}
.my_box li { float: left; line-height: 20px; background: url(/common/images/common/bul_dot.gif) no-repeat 0 50%; padding-left: 10px; width:20%; font-size: 15px;}
.my_box li:last-child {margin-right: 0px; }
.my_box li > span {display:inline-block;}
.my_box .btnWrap { position: absolute; right: 30px;bottom:20px}
.my_box > a[class^="btn"] { display:inline-block; background-image: url(/common/images/common/icon_button_w.png); background-repeat:no-repeat; background-position:0 -90px; padding-left: 30px;}
h4 + .my_box {margin-top: 0}

.search_box>div {position: absolute; right: 0px; top: -5px;}
.search_box>div input[type="button"]{ height:30px;} 
.search_box>div input[type="submit"] { background: #ffffff url(/common/images/button/bul_search.png) no-repeat 95% 6px;  border-radius: 0; padding: 6px 20px 6px 5px;}
.search_box .board_page { position: inherit; right: 0px; top: 0; width:20%;}

/* 페이징 */
.box_page>span { background: #4c5499;}
.page_nav_wrapper {clear:both; position:relative;  text-align: center; padding: 0; margin:30px 0;}
.page_nav_wrapper .btn_r {position:absolute; right:0; top:30px}
.page_nav_wrapper .btn_l {position:absolute; left:0; top:30px}

/* table_list */
.tableSt_list {margin-top: 15px;}
.tableSt_list thead tr:first-child th,
.tableSt_list thead tr:first-child th {border-top: 2px solid #4c5499;border-bottom: 1px solid #9d9d9d; font-size: 15px; color: #000; background-color: #f7f7f7; padding: 15px 3px;}
.tableSt_list th,.tableSt_list td {	 border-bottom: 1px solid #cccccc; }
a.className { display: block; padding: 10px}
a.className dt { font-size: 15px; margin-bottom: 7px}
a.className dd { font-size: 13px; color: #666; padding: 2px 0 0 10px; background:url(/common/images/common/bul_line.gif) no-repeat 0 8px; }
.tableSt_list .button { width: 88px;padding:0px 10px 0 0; line-height: 28px; color: #414286; border-color: #cdd5de; background-color: #f0f4fa}
.tableSt_list .button:hover {background-color: #e2eaf5; border-color: #cdd5de #a2b0c0 #a2b0c0 #cdd5de}
.tableSt_list .button.list:before { display: inline-block; content:""; width: 25px; height: 28px; vertical-align:middle;background-image: url(/common/images/common/icon_button_b.png); background-position: 50% -90px}
.tableSt_list .button.cancel:before { display: inline-block; content:""; width: 25px; height: 28px; vertical-align:middle;background-image: url(/common/images/common/icon_button_b.png); background-position: 50% -139px}

/* table_view */
.table_view th,.table_view td {padding: 10px 15px;	border: 1px solid #cdd5de; margin:30px 0;}
.table_view tbody tr:first-child th,.table_view tbody tr:first-child td	{border-top: 2px solid #4c5499; }
.table_view .title { position:relative; font-family: 'NanumGothicWebB';	font-size: 18px;background: #f5f6f8; color: #414286; padding: 15px 10px;}
.table_view .title .fR {font-family:inherit; font-weight: normal; position: absolute; right: 10px; top:15px}
.table_view tbody th {background: #f9f9f9;}
.cont_box {	min-height: 200px;	font-size: 14px;line-height: 24px;}
.cont_box img {	margin: 0 auto;	display: block;	max-width: 100%;}
.download_box { font-size: 13px}
.download_box li { border-bottom: 1px dashed #ddd; padding:1 px 0 2px 0; line-height: 30px; margin-bottom: 2px;}
.download_box li:last-child {border-bottom:none; margin-bottom: 0px}
.download_box li a { float: right;}
.download_box li span.gray { padding-left: 5px; font-size: 12px}
.download_box span.bul { font-size: 14px}
.no_data {	padding: 25px 3px !important; color: #888}

/* tableEdu_Write */
.agree_box { overflow-y: scroll; height: 170px; padding: 30px; border: 1px solid #ccc; background: #fafafa;}
.agree_box p { padding-bottom: 5px; }
.agree_box_point { overflow-y: scroll; height: 170px; padding: 20px 30px; border: 3px solid #BA2C56; background: #FDF9FB; /*background: #BA2C56; color:#fff!important; */ }
.agree_box_point p { padding-bottom: 5px; }
.agree_box ol li { padding-left: 15px; padding-bottom: 5px; }

.tableTop_r { font-size: 13px; text-align: right;}
.write_form { position: relative;}
h3 + .write_form h4:first-child { margin-top: 0px}
.write_form .tableTop_r { position: absolute;; right: 0; top:5px;}

/* 첨부파일 */
.file_input { position: relative; }
.file_input label { position:relative; cursor:pointer;}
.file_input label input { position:absolute; width:0;height:0; padding:0; border:none !important; overflow:hidden;}
.file_input input[type=text] {display:inline-block; width: 400px}
.file_input + .file_input { margin-top: 5px}
.file_input.long {padding-right: 86px}
.file_input.long label { position:absolute; right:0; top:0px; }
.file_input.long input[type=text] {width: 99%;}
/* 첨부파일 여러개 */
.file_multy li  { border-bottom: 1px dashed #ddd; padding: 0 0 5px 150px; line-height: 30px; margin: 4px 0 0; position: relative; }
.file_multy li:first-child { margin-top: 0}
.file_multy li span.bul { position: absolute; left: 0; top:0; }
.file_multy li .file_input + .file_input { margin-top: 3px}
.file_multy li .file_input.long {padding-right: 88px}
.file_multy li .file_input.long label { top:1px; }
/* 첨부파일 설명글 */
.file_cn { margin: 3px 0 5px; position: relative; padding-left: 50px}
.file_cn lable {position: absolute; left: 0; top:0; line-height: 30px}
.file_cn input[type=text] {width: 99%;}

.spamNo { display: inline-block; font-size: 18px; padding: 0 15px;  line-height: 28px;  border: 1px solid #4C5499; vertical-align: middle;}
.data_table td.editorZone { padding: 0 !important;}

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 410px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;} 
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
a.rbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #7c8a30; background-color:#9d9a3f; font-size:13px; color:#fff; line-height:25px;}
a.rbtn:hover {border: 1px solid #403209; background-color:#696a1f; color:#fff;}
a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}


/*20250318 해양스포츠 체육시설*/
.fc_calendar_header .fc_month_year .fc_nav {
    position: absolute;
    left: 0px;
    top: 13px;
    width: 209px;
}
.fc_calendar_header .fc_month_year .fc_nav a {
    float: left;
    width: 28px;
    height: 28px;
    color: transparent;
    cursor: pointer;
    background: url(/portal/images/sub/fc_left_btn.gif);
    margin: 0 1px;
    font-size: 20px;
}


.fc_calendar_header .fc_month_year .fc_nav a.fc_next {
    float: right;
    background: url(/portal/images/sub/fc_right_btn.gif);
}
.fc_calendar_header .fc_month_year .fc_month {
    color: #FEA17C;
}
.fc_calendar_container {
    height: auto;
    bottom: 0px;
    width: 100%;
    top: 50px;
}
.fc_calendar_header {
    display: inline-block;
    width: 100%;
    background-color: #565656;
    border: 1px solid #d7d7d7;
}
.fc_calendar .fc_head {
    position: relative;
    width: 100%;
    height: 34px;
    line-height: 34px;
    background-color: #f3f3f3;
    border-bottom: 1px solid #d7d7d7;
}
.fc_calendar .fc_body {
    position: relative;
    width: 100%;
    height: 100%;
}
.fc_calendar .fc_row {
    width: 100%;
    height: 140px;
    border-bottom: 1px solid #d7d7d7;
}
table, th, tr, td {
    border-collapse: collapse;
}
.fc_calendar .fc_head th.fc_sun {
    color: #f55f46;
}
.fc_calendar .fc_head th.fc_sat {
    color: #0fabad;
    border-right: none;
}
.facility-select {
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 5px;
    text-align: right;
}
.facility-select label {
    font-weight: bold;
    margin-right: 10px;
}

.facility-select select {
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #ccc;
}
.fc_calendar_header .fc_month_year {
    position: relative;
    margin: 0 auto;
    width: 209px;
    line-height: 54px;
    background-image: none;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.tab_menu{margin-bottom:20px;}
.tab_menu li.current a {
    position: relative;
    border-color: #d8507d;
    font-weight: 700;
    z-index: 2;
    background: #d8507d url(/portal/images/sub/tab_on.png) 90% 50% no-repeat;
    color: #fff;
}

.tab_menu li a {
    display: block;
    position: relative;
    height: 42px;
    margin: -1px 0 0 -1px;
    padding: 0 20px;
    border: 1px solid #d2d4d8;
    background: #ebeeef;
    color: #6f6f6f;
    text-align: left;
    line-height: 44px;
    font-size: 15px;
    text-decoration: none;
    transition: all .2s;
}
.tab_menu li {
    float: left;
    width: 25%;
}

.link-Wrap{display: block;  position: relative;  padding: 4em 1.389em;  background: #f4f3f9;  overflow: hidden;}
.link-Wrap.etc li{width:48%;}
.link-Wrap li{width:31%;     display: block;
    position: relative;
    float: left; padding: 10px;}
.link-Wrap .item {display:block; position:relative; background:#fff; padding:2.223em 1.667em; text-align:center; border:1px solid #e5e5e5; border-radius:30px;}
/*.link-Wrap .item:before {content:""; display:block; position:relative; margin:0 auto 1.11em; width:7em; height:7em; max-width:120px; max-height:120px; background:no-repeat 50% 50%; background-size:contain;}*/
.link-Wrap .item .tit {color:#000; font-size:1.625em; padding-left:0; font-weight: 700; letter-spacing: -1px; margin-bottom:0.5em;}

.link-Wrap .item p {word-break:keep-all; font-size:.944em; margin:0 !important;}
.link-Wrap .item .control {margin-top:1.667em;}
.link-Wrap .item .control .btn {max-width:100%; border-color: #0166d8 !important;}
.link-Wrap .item .control .btn.digipass {padding-left:3.11112em; background:url(../img/board/ico_onepass.svg) no-repeat .833334em 50% #1C2674 !important; border-color:#1C2674 !important; color:#fff !important; background-size:auto 1.33334em;}
.link-Wrap .item .control .btn:hover{background:#0166d8; color:#fff;}