@charset "utf-8";

.blind{overflow:hidden;display:inline-block;border:0;margin:-1px;width:1px;height:1px;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);}


#board .board_total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
#board .board_total_left{font-size:1.5rem;color:#555;}
#board .board_total_left img{margin-right:5px;vertical-align:middle;}
#board .board_total_left .board_orange{color:#F96F00;}
#board .board_total_right .board_code{display:flex;justify-content: flex-end;margin-bottom: 3%;}
#board .board_total_right .board_code select{width:120px;}
#board .board_total_right .board_code input{margin-left:5px;padding:0 10px;border:0;background:#888;font-size:1.3rem;color:#fff;cursor:pointer;}

#board .guide{margin-bottom:8px;font-size:1.5rem;font-weight:500;color:#555;text-align:right;}
#board .guide img{vertical-align:middle;margin-right:3px;}

#board .board_input{height:35px;padding:0 10px;border:1px solid #d5dbde;background:#fff;font-size:1.5rem;line-height:35px;font-weight:500;color:#757575;cursor:text;box-sizing:border-box;}
#board .board_input#fr_subject{width:100% !important;}

/* 게시판버튼 */
.board_button{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0;}
.board_button.center{justify-content:center;}
.board_button .btn_left,
.board_button .btn_right{display:flex;align-items:center;}
.board_button .btn_right{margin-left:auto;}
.board_button .btn_copy{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;padding:20px;background:#f9f9f9;color:#000;}
.board_button .btn_copy select{margin:0 5px;}
.board_button .btn{display:block;min-width:160px;height:50px;padding:0 20px;border-width:1px;border-style:solid;font-size:15px;font-weight:600;line-height:50px;text-align:center;box-sizing:border-box;cursor:pointer;}
.board_button .btn:nth-child(n+2){margin-left:8px;}
.board_button .btn.default{border-color:#d5d5d5;background:#fff;color:#333;}
.board_button .btn.list{border-color:#ebebeb;background:#ebebeb;color:#333;}
.board_button .btn.write{border-color:#000;background:#000;color:#fff;font-family:'s-core-dream-regular',sans-serif;}
.board_button .btn.cancel{border-color:#000;background:#000;color:#fff;}
.board_button .btn.point{border-color:#009ef6;background:#009ef6;color:#fff;}
.board_button .btn.excel{padding:0 45px 0 15px;border-color:#287c52;background:url(/nanum/ndls/imgs/common/excel_icon.png) no-repeat 90% 50% #fff;background-size:auto 20px;color:#287c52;text-align:left;}


/* List */
#board .table_blist table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_blist table caption{display:none;}
#board .table_blist th,
#board .table_blist td{padding:15px 0;border-bottom:1px solid #d5d5d5;text-align:center;}
#board .table_blist thead th{border-bottom:1px solid #d5d5d5;text-align:center; }
#board .table_blist thead th.th_none{background-image:none;}
#board .table_blist tbody td img{vertical-align:middle;}
#board .table_blist tbody td span.reply_count{color:#EE5A00;font-size:1.2rem;font-weight:700;}
#board .table_blist tbody td.notice{background-color:#FBFBFB;}
#board .table_blist tbody td.title{text-align:left;}
#board .table_blist tbody td.center{text-align:center;}

/* View */
#board .table_bview .title{padding:15px 20px;border-top:2px solid #222;border-bottom:1px solid #d5d5d5;font-size:1.9rem;line-height:1.5;font-weight:700;text-align:center;}
#board .table_bview .info{display:flex;padding:15px 20px;border-bottom:1px solid #e5e5e5;}
#board .table_bview .info dl{display:inline-flex;position:relative;font-size:1.5rem;line-height:1.5;}
#board .table_bview .info dl:nth-child(n+2){margin-left:20px;padding-left:20px;}
#board .table_bview .info dl:nth-child(n+2):before{content:'';position:absolute;top:50%;left:0;width:1px;height:16px;margin-top:-8px;background:#d5d5d5;}
#board .table_bview .info dt{margin-right:10px;font-weight:600;color:#333;}
#board .table_bview .info dd{color:#555;}
#board .table_bview .info dd .size{font-size:1.2rem;color:#888;}
#board .table_bview .content{padding:15px 20px;border-bottom:1px solid #d5d5d5;}
#board .table_bview .content img{display:block;}
#board .table_bview .content .sns{clear:both; float:right; padding-top:20px;}
#board .table_bview .content .sns a{float:left; padding-left:3px;}
#board .table_bview .content .photodown{background-color:#336699; color:#ffffff; padding:5px;}

/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{padding:10px 20px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f9f9f9;font-size:1.5rem;color:#000;font-weight:700; text-align:center;}
#board .table_bwrite tbody th.center{text-align:center;}
#board .table_bwrite tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite tbody td{padding:8px 10px;border-bottom:1px solid #d5d5d5;font-size:1.5rem;text-align:left;vertical-align:middle;}
#board .table_bwrite tbody td.center{text-align:center;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:5px 0;text-align:center;}
#board .table_bwrite tbody td span.text1{color:#888;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite tbody td ul.add_file_tip li{font-size:1.3rem;line-height:1.5;font-weight:500;color:#DF0101}
#board .table_bwrite tbody td.filetable table{width:100%;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666;text-align:center;vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:#fff;text-align:left;}

#board .table_bwrite .table2{border-top:1px solid #d5d5d5;}
#board .table_bwrite .table2 th,
#board .table_bwrite .table2 td{text-align:center;}

/* 회차정보리스트 */
#board .table_bwrite table.table_time{width:100%;border-collapse:collapse;border:1px solid #d5d5d5;}
#board .table_bwrite table.table_time caption{display:none;}
#board .table_bwrite table.table_time thead th{padding:5px 7px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f9f9f9;font-size:1.5rem;color:#000;text-align:left;font-weight:700;}
#board .table_bwrite table.table_time thead th.center{text-align:center;}
#board .table_bwrite table.table_time tbody th{padding:5px 7px;border-bottom:1px solid #d5d5d5;/* border-right:1px solid #d5d5d5; */background:#f9f9f9;font-size:1.5rem;color:#000;text-align:left;font-weight:700;}
#board .table_bwrite table.table_time tbody th.center{text-align:center;}
#board .table_bwrite table.table_time tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite table.table_time tbody td{padding:5px 7px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-size:1.5rem;text-align:left;}
#board .table_bwrite table.table_time tbody td.center{text-align:center;}
#board .table_bwrite table.table_time tbody td.left{text-align:left;}
#board .table_bwrite table.table_time tbody td input.subject{width:100%;}
#board .table_bwrite table.table_time tbody td.content{margin:0;padding:5px 0;text-align:center;}
#board .table_bwrite table.table_time tbody td span.text1{color:#888;font-size:1.4rem;font-weight:500;}
#board .table_bwrite table.table_time tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:1.4rem;font-weight:500;}
#board .table_bwrite table.table_time tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite table.table_time tbody td ul.add_file_tip li{font-size:1.3rem;line-height:1.5;font-weight:500;color:#DF0101}
#board .table_bwrite table.table_time tbody td.filetable table{width:100%;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE;}
#board .table_bwrite table.table_time tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666;text-align:center;vertical-align:top;}
#board .table_bwrite table.table_time tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:#fff;text-align:left;}


/* Comment */
.board_comment {clear:both; padding-top:20px;}
.board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
.board_comment table caption{display:none;}
.board_comment tbody td {height:31px; text-align:left; line-height:140%;}
.board_comment tbody td.dr01 {height:5px; background:url(/nanum/site/board/common/img/dr01.gif); background-repeat:no-repeat;}
.board_comment tbody td.dr02 {height:5px; background:url(/nanum/site/board/common/img/dr02.gif); background-repeat: repeat-x;}
.board_comment tbody td.dr03 {height:5px; background:url(/nanum/site/board/common/img/dr03.gif); background-repeat:no-repeat;}
.board_comment tbody td.dr04 {background:url(/nanum/site/board/common/img/dr04.gif); background-repeat: repeat-y;}
.board_comment tbody td.text {padding:0; margin:0; height:20px;}
.board_comment tbody td dl.info {margin:0; padding-left:10px;}
.board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
.board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
.board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
.board_comment tbody td.dr05 textarea {width:88%;height:38px;}
.board_comment tbody td.dr06 {background:url(/nanum/site/board/common/img/dr06.gif); background-repeat: repeat-y;}
.board_comment tbody td.dr07 {height:5px; background:url(/nanum/site/board/common/img/dr07.gif); background-repeat:no-repeat;}
.board_comment tbody td.dr08 {height:5px; background:url(/nanum/site/board/common/img/dr08.gif);  background-repeat: repeat-x;}
.board_comment tbody td.dr09 {height:5px; background:url(/nanum/site/board/common/img/dr09.gif); background-repeat:no-repeat;}

.cmt_list {margin-top:5px;}
.cmt_list div.h {margin:0 0 1px; background:transparent url(/nanum/site/board/common/img/human_ic.gif) no-repeat scroll 0 0.1em; text-align:left; padding-left:15px;}
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
.cmt_list  li.line {height:1px; background:transparent url(/nanum/site/board/common/img/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}



.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}


.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check label {color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}

.login_check {width:100%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.login_check *{margin:0; padding:0;}
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.login_check li.id {padding-right:26px; padding-bottom:4px;}
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}



/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}

/* 강의실사용신청 리스트 */
#frm_reserve > div #v_fr_sdate{height: 43px;line-height: 40px;font-size: 1.7rem;padding: 10px 0 10px 20px;border: 1px solid #ddd;box-sizing: border-box;}
#frm_reserve > div input:nth-child(2){background: #000;color: #fff;height: 43px;padding: 0 20px;font-size: 1.5rem;}
.table_blist tbody tr td input{cursor:pointer;}
.table_blist tbody tr td input.v_btn{border:1px solid #000;font-size:1.5rem;padding:5px 15px;background:#fff;}
.table_blist tbody tr td input.v_btn:hover{border:1px solid #1899eb;color:#1899eb;}
.table_blist tbody tr td input.g_btn{border:1px solid #000;font-size:1.5rem;color:#fff;padding:5px 15px;background:#000;}
.table_blist tbody tr td input.g_btn:hover{border:1px solid #1899eb;background:#1899eb;color:#fff;}
.table_blist tbody tr td input.cancel_btn{border:1px solid #b7b7ba;font-size:1.5rem;color:#fff;padding:5px 15px;background:#b7b7ba;}



/*시설 사용 신청*/
#board .table1.tac tbody td{text-align:center !important;}




/* 강의실사용신청 개인정보수집이용동의서 */
.section{margin-top: 50px;}
.section h4{font-size:2.2rem;margin-bottom:30px;padding-top:30px;}
.section .privacy_box{background:#f6f6f6;border-radius:10px;padding:30px;}
.section .privacy_box .agree_chk{margin-top:30px;}

#board .board_button {width:100%; margin-top:5px; text-align:right;display: flex;}


/* 페이징 */
.board_paginate{display:flex;gap:5px;align-items:center;justify-content:center;position:relative;margin-top:30px;padding:30px 0;text-align:center;}
.board_paginate a.prev,
.board_paginate a.next{position:relative;font-size:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.board_paginate a.prev::after,
.board_paginate a.next::before{content:'';position:absolute;top:50%;left:50%;width:7px;height:12px;margin:-6px 0 0 -3px;background:url(/nanum/site/builder/skin/common/img/btn_paginate_arr.png) no-repeat;background-size:cover;}
.board_paginate a.prev::after{transform:rotate(180deg);}
.board_paginate a,
.board_paginate strong{width:34px;height:34px;padding:0;border-radius:5px;background:#f5f5f5;font-size:1.3rem;letter-spacing:0;line-height:34px;color:#000;vertical-align:middle;}
.board_paginate strong{background:#000;font-weight:700;color:#fff;vertical-align:middle;line-height: 34px !important;}




/* 시설검색 */
#board .searchbox #frm_sch .mylib_opt{display: flex;/*flex-wrap: wrap;*/align-items: center;gap: 10px;}
#board .searchbox #frm_sch .mylib_opt select{border: 1px solid #ddd;height: 43px;line-height: 40px;padding: 0 15px;background-position: center right 20px;}
#board .searchbox #frm_sch .mylib_opt input.srch_txt{border: 1px solid #ddd;height: 43px;line-height: 40px;padding: 0 15px;background-position: center right 20px;width: 60% !important;}
#board .searchbox #frm_sch .mylib_opt #v_search{border:1px solid #ddd;padding: 11px 30px 11px 20px;}
#board .searchbox #frm_sch .mylib_opt > .con_sbtn{padding: 12px 15px;}

#board .table_bwrite table.type02 {border-collapse: separate;border-spacing: 0;text-align: left;line-height: 1.5;border-top: 1px solid #ccc;border-left: 1px solid #ccc;width: 100%;}
#board .table_bwrite table.type02 th {width: 150px;padding: 10px;font-weight: bold;vertical-align: middle;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #fff;border-left: 1px solid #fff;background: #f9f9f9;text-align:center;}
#board .table_bwrite table.type02 td {padding: 7px 10px;vertical-align: top;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;text-align:center;}
.not_this_month{text-align:center;border-style:solid;background-color: #f9f9f9;}
.today_mark {background-color: #3a64da;height: 1px;}
.disabled_date {background-color: #f9f9f9;opacity: 0.5;}
td.selected_date{background-color: #3a64da;}
td.selected_date a {color: #ffffff !important;}
div#calendar_date {text-align: center;margin: 0 auto;}
.cal_title {padding: 10px;border-width: 0;border-style: solid;background-color: #f9f9f9;width: 274px !important;border-right:0px !important;}
input#right_calendar_btn {background-color: #aeb2be;border: none;border-radius: 40px;color: #ffffff;margin-top: -20px;position: absolute;right: 10px;}
input#left_calendar_btn {margin-top: 4px;background-color: #aeb2be;border: none;border-radius: 40px;color: #ffffff;position: absolute;left: 10px;}

#board .table_bwrite table.select_month_title{position: relative;border-left: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;margin-bottom: -1px;width:100%;}
#board .table_bwrite table.select_month{float: left;width:100%;}
#board .table_bwrite div.select_tilme_box {width:100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;float: left;}
#board .table_bwrite div.select_tilme_box div.time_title {text-align: center;padding-top: 7px;padding-bottom: 7px;background-color: #f9f9f9;border-left: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5;border-right: 1px solid #d5d5d5;margin-left: -1px;margin-right: 2px;}
#board .table_bwrite div.select_tilme_box div.facilitytime_check {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;border: 1px solid #d5d5d5;float: left;line-height:49px;text-align: left;padding-left: 13px;margin-bottom: -1px;margin-left: -1px;position: relative;}
.pill {line-height: 14px;padding: 3px 10px 0px 10px;position: absolute;right: 0px;border-left: 1px solid #d5d5d5;line-height:23px;width:10%;text-align: center;}
.pill p{font-size:12px;color:#333;}
.p_red{background:#fff4f4;color:#bc1000;}
.p_blue{background:#f3f9ff;color:#2477bf;}
.p_gray{background:#f7f7f7;}

#board .top {position:relative; height:40px;}

#board .cal_top {position:relative; margin:0 auto; text-align:center; width:192px;}
#board .cal_top a:hover {text-decoration:none;}
#board .cal_top .t_arrow {float:left; display:inline-block; width:27px; height:20px;}
#board .cal_top .t_arrow.y_pre {background:url(/nanum/site/board/nninc_calendar/img/calendar_y_pre.gif) no-repeat right 0;}
#board .cal_top .t_arrow.y_pre:hover {background:url(/nanum/site/board/nninc_calendar/img/calendar_y_pre_over.gif) no-repeat right 0;}
#board .cal_top .t_arrow.m_pre {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_pre.gif) no-repeat center 0; margin-right:7px;}
#board .cal_top .t_arrow.m_pre:hover {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_pre_over.gif) no-repeat center 0; margin-right:7px;}
#board .cal_top .t_arrow.y_next {background:url(/nanum/site/board/nninc_calendar/img/calendar_y_next.gif) no-repeat left 0;}
#board .cal_top .t_arrow.y_next:hover {background:url(/nanum/site/board/nninc_calendar/img/calendar_y_next_over.gif) no-repeat left 0;}
#board .cal_top .t_arrow.m_next {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_next.gif) no-repeat center 0; margin-left:7px;}
#board .cal_top .t_arrow.m_next:hover {background:url(/nanum/site/board/nninc_calendar/img/calendar_m_next_over.gif) no-repeat center 0; margin-left:7px;}
#board .cal_top .t_date {float:left; font-size:15px; font-family:tahoma, arial; font-weight:bold; color:#414141; letter-spacing:0;}
#board .cal_top .t_today {position:absolute; top:1px; right:-48px; width:40px; height:20px; background:url(/nanum/site/board/nninc_calendar/img/calendar_today.gif) no-repeat 0 0; font-size:1.2rem; font-weight:500;letter-spacing:-1px; line-height:19px;}
#board .cal_top .t_today:hover {color:#000;}
#board .cal_right {float:right; padding-bottom:5px;padding-top:10px;}
#board .cal_right li {float:left;}
#board .cal_right li img {height:20px;padding-left:3px;}

/* List */
#board .cal_blist {clear:both;}
#board .cal_blist table{width:100%; line-height:16px; border-collapse:collapse; border:1px solid #e5e5e5;table-layout:fixed;}
#board .cal_blist table caption{display:none;}
#board .cal_blist thead th {height:33px; color:#222; font-size: 0.9em; font-weight:bold; letter-spacing:-0.1em; line-height:150%; border:none; border-bottom:1px solid #5b5b5b;text-align:center;}
#board .cal_blist thead th.sun {color:#D92D1E;}
#board .cal_blist thead th.sat {color:#4A84BC;}
#board .cal_blist tbody td {height:70px; border-left:1px solid #e5e5e5; background:#fff; line-height:140%;vertical-align:top; border-bottom:1px solid #e5e5e5; padding:5px 7px;}
#board .cal_blist tbody .day {height:15px; background:#fbfbfb; text-align:left; line-height:140%; border:none; border-right:1px solid #e5e5e5; padding:0 0 0 5px; font-size: 0.9em;font-family: 'Montserrat','NotoKrM',sans-serif;lfont-weight:normal;}
#board .cal_blist tbody .none {color:#BCBCBC;}
#board .cal_blist tbody .sun {color:#E32C52;}
#board .cal_blist tbody .sat {color:#4A84BC;}
#board .cal_blist tbody td img {vertical-align:middle; padding-right:3px;}

/* List */
#board .cal_use {clear:both;}
#board .cal_use table{width:100%; line-height:16px; border-collapse:collapse; border:1px solid #e5e5e5;table-layout:fixed;}
#board .cal_use table caption{display:none;}
#board .cal_use thead th {height:33px; color:#222; font-size: 0.9em; font-weight:bold; letter-spacing:-0.1em; line-height:150%; border:none; border-bottom:1px solid #5b5b5b;text-align:center;}
#board .cal_use thead th.sun {color:#D92D1E;}
#board .cal_use thead th.sat {color:#4A84BC;}
#board .cal_use tbody td {height:40px; border-left:1px solid #e5e5e5; background:#fff; line-height:140%;vertical-align:top; border-bottom:1px solid #e5e5e5; padding:5px 7px; text-align:center;}
#board .cal_use tbody .day {height:15px; background:#fbfbfb; text-align:left; line-height:140%; border:none; border-right:1px solid #e5e5e5; padding:0 0 0 5px; font-size: 0.9em;font-family: 'Montserrat','NotoKrM',sans-serif;lfont-weight:normal;}
#board .cal_use tbody .none {color:#BCBCBC;}
#board .cal_use tbody .sun {color:#E32C52;}
#board .cal_use tbody .sat {color:#4A84BC;}
#board .cal_use tbody td img {vertical-align:middle; padding-right:3px;}


input.btn_red {display:inline-block; padding:5px 15px 5px 15px; *padding:6px 9px; font-size:12px; color:#fff; text-decoration:none; background:#a70000; border:none;border-radius:5px;}
input.btn_gray {display:inline-block; padding:5px 15px 5px 15px; *padding:6px 9px;  font-size:12px; color:#fff; text-decoration:none; background:#a9a9a9; border:none;border-radius:5px;}
input.btn_blue {display:inline-block; padding:5px 15px 5px 15px; *padding:6px 9px; font-size:12px; color:#fff; text-decoration:none; background:#3f51b5; border:none;border-radius:5px;}

input.btn_use {display:inline-block;padding: 3px 8px 3px 8px; *padding:6px 9px;font-size: 12px;color:#fff;text-decoration:none;background:#325db5;border:none;text-align: center;width: 100%;cursor:pointer;}
input.btn_use.on {color:#fff;background:#f58c21;}

input.btn_nouse {display:inline-block;padding: 3px 8px 3px 8px; *padding:6px 9px;font-size: 12px;color:#fff;text-decoration:none;background:#a9a9a9;border:none;text-align: center;width: 100%;cursor:pointer;}



/*이용권구매*/
.buy_wrap{text-align:center;margin-top:50px;}
.buy_wrap ul{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:60px;}
.buy_wrap ul li .box{padding:30px;border:1px solid #ccc;}
.buy_wrap ul li input[type="radio"]{display:none;}
.buy_wrap ul li input[type="radio"].box + label{display:block;height:200px;background:#f6f6f6;padding:30px;cursor:pointer;font-weight:600;box-sizing:border-box;border-radius:20px;}
.buy_wrap ul li input[type="radio"].box + label p{font-size:2.5rem;display:block;padding-top:45px;font-family:'Montserrat','s-core-dream-regular',sans-serif;}
.buy_wrap ul li input[type="radio"].box + label p > span{display:block;font-size:1.9rem;color:#000;font-weight:500;}
.buy_wrap ul li input[type="radio"].one:checked + label{background:#eaf7eb url(/nanum/site/poll/img/chk_on.png)no-repeat 93% 20px;background-size:25px auto;box-shadow:10px 10px 10px rgba(0,0,0,0.2);color:#3eb94f;}
.buy_wrap ul li input[type="radio"].four:checked + label{background:#f4f3ff url(/nanum/site/poll/img/chk_on.png)no-repeat 93% 20px;background-size:25px auto;box-shadow:10px 10px 10px rgba(0,0,0,0.2);color:#7e49af;}

.buy_wrap .but_btn{width:20%;margin:50px auto 0;}
.buy_wrap .but_btn a{display:inline-block;width:100%;text-align:center;font-size:1.8rem;font-weight:600;color:#fff;background:#df3e30f0;margin:60px auto 0;height:60px;line-height:60px;border-radius:50px;}





/********************모바일********************/
@media(max-width:767px){
	#board .board_total_left{float:none;width:100%;margin-bottom:5px;}
	#board .board_total_right{float:none;width:100%;}
	#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
	#board .board_total_right li{display:inline-block;float:none;}
	
	#board .board_total_left{float:none;width:100%;margin-bottom:5px;font-size:13px;}
	#board .board_total_right{float:none;width:100%;}
	#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
	#board .board_total_right li{display:inline-block;float:none;}
	
	#board .board_total{margin-bottom:0;}
	
	/* View */
	#board .table_bview table{table-layout:fixed;}
	#board .table_bview tbody td.content img{display:block;width:100%;min-width:300px;}

	#board .table_bview .info{padding:10px;}
	#board .table_bview .info dl:nth-child(n+2){padding-left:7px;margin-left:7px;}
	
	/* Paginate */
	.board_paginate a, 
	.board_paginate strong{width:30px;height:30px;line-height:30px !important;}
	
	/* 시설검색 */
	#board .searchbox #frm_sch .mylib_opt select{flex:100%;}
	#board .searchbox #frm_sch .mylib_opt input.srch_txt{width:20%;}
	
	#board .searchbox #frm_sch .mylib_opt{gap:5px;}
	#board .searchbox #frm_sch .mylib_opt #v_search{width: 100px;padding: 12px;font-size: 13px;}

	#board .table_bwrite table.select_month {float: initial;width: 100%;}
	#board .table_bwrite table.select_month_title{width: 100% !important;}
	#board .table_bwrite div.select_tilme_box {float: initial; display: block;width: 100%;padding: 0px 0 0px 0px;margin-top: 10px;}
	#board .table_bwrite div.select_tilme_box div.time_title {margin-right: 1px;}
	#board .table_bwrite div.select_tilme_box div.facilitytime_check {padding-left: 6px;}
	.pill {font-size:11px;line-height: 11px;padding: 12px 6px;}
	.pill p{font-size:11px;}

	/*이용권구매*/
	.buy_wrap ul{grid-template-columns:1fr;gap:30px;padding-top:30px;}
	.buy_wrap .but_btn{margin:0 auto;width:100%;}
	.buy_wrap ul li input[type="radio"].box + label{height:120px;padding:0;}
	.buy_wrap .but_btn a{margin:30px auto 0;}

}





