@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
/* 나눔스퀘어 : font-family:'nanumsquare',Dotum,Helvetica,AppleGothic,Gulim,'Roboto','굴림',Sans-serif; */

/* css setting start */
.sec-wrap, .sec-header, .sec-content, .sec-footer { position:relative; width:100%; margin:0; padding:0; box-sizing:border-box; }
.sec-wrap { padding-bottom: 100px; }
/* contents */ 
.wr { max-width:1260px; margin:0 auto; }

/* css setting end */


/*=================================================================================
* header
=================================================================================*/
.sec-header { position: relative;  height: 160px; width: 100%; }
.sec-header h1 { position: absolute; left: 160px; top: 20px; }
.sec-header .admin-info { position: absolute; right: 160px; top: 20px; text-align: right; }
.sec-header .admin-info .cut-line { display: inline-block; margin: 0 15px; color: #e1e1e1; }
.sec-header .admin-info .count { color: #00a0e9; }
.sec-header .nav-bar { position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-color: #00a0e9; }
.sec-header .nav-bar ul { width: 1260px; margin: 0 auto; }
.sec-header .nav-bar ul li { display: inline-block; margin-right: 50px; }
.sec-header .nav-bar ul li a { display: block; line-height: 60px; color: #fff; font-weight: 800; font-size: 20px; }
.sec-header .nav-bar ul li a.select { color: #FFF200; }

/*=================================================================================
* common
=================================================================================*/
.wr h2 { font-size: 24px; margin: 60px 0 30px; color: #232323; }
.wr h2 span { font-weight: 300; }
.foot { height: 100px; background: #232323; text-align: center; }
.foot p { color: #ccc; font-size: 12px; line-height: 100px;}
.login-bg { background: url(../img/main_visual_01.jpg) no-repeat 50% 50%;  background-size: cover; height: 100vh; position: relative; }

.login-wr { position: absolute; top: 160px; left: 50%; transform: translateX(-50%); width: 800px; text-align: center; }
.login-wr .login-tit { width: 100%; text-align: center; margin-bottom: 50px; }
.login-wr form span label { font-size: 16px; font-weight: 400; color: #fff; vertical-align: middle; margin-right: 10px; }
.login-wr form span input { border-radius: 3px; }
.login-wr form .btn-login { height: 31px; padding: 0 15px; background-color:
#232323; border-radius: 3px; color: #fff; }
.login-wr form .btn-back { margin-top:30px;height: 31px; padding: 0 15px; background-color: #00a0e9; border-radius: 3px; color: #fff; }

.sub-nav { display: block;  height: 60px; padding-left: 160px; }
.sub-nav ul li { display: inline-block; margin-right: 40px; }
.sub-nav ul li a { line-height: 60px; font-size: 18px;  }
.sub-nav ul li a.select { color: #00a0e9; }
/*=================================================================================
* board
=================================================================================*/
/* 페이지,검색영역*/
.board_info { position: relative; margin: 30px 0 20px; }
.board_info::after { content: ""; clear: both; display: table; }

/*검색*/
.board_info .search-rss { float: left; text-align: left; position: relative; font-size: .75rem; }
.board_info .search-rss a.icon_rss { display: none; }

.board_info fieldset { clear: both; display: table; width: 100%; position: relative; overflow: hidden; }
.board_info fieldset select, .board_info fieldset input, .board_info fieldset button { border: 1px solid #ddd; display: block; width: 100%; height: 100%; padding: 0 .5rem; }
.board_info fieldset span { display: inline-block; vertical-align: middle; height: 2rem; }
.board_info fieldset span:first-of-type { margin-left: 0; }
.board_info fieldset span.form-select { min-width: 10.5rem; position: relative; }
.board_info fieldset span.form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
.board_info fieldset span.form-select select { background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; font-size: 16px;}
.board_info fieldset span.form-select select::-ms-expand { display: none; }
.board_info fieldset span.form-input { width: 20rem; margin:1px; }
.board_info fieldset span.form-input input { padding-right: 3rem; font-size: 16px;}
.board_info fieldset span.form-btn { min-width: 2rem; margin-left: -3rem; }
.board_info fieldset span.form-btn button { background-color: #333; border: #333; color: #fff; padding: 0 .9rem; font-size: 16px;}

/* Board list */
.table-01, .table-02, .table-03 { width: 100%; position: relative; }
.table-01 th, .table-02 th, .table-03 th { padding: 7px 0; border-top: solid 1px rgba(0, 0, 0, 0.08); border-bottom: solid 1px rgba(0, 0, 0, 0.2); color: #232323; background-color: #f7f7f7; }
.table-02 th.th-bg, .table-03 th.th-bg { background-color: #E6F7FF; }
.table-01 td, .table-02 td, .table-03 td { text-align: center; border-bottom: solid 1px rgba(0, 0, 0, 0.05); padding: 7px 0; }
.table-01 tr td:nth-child(5), .table-01 tr td:nth-child(6), .table-01 tr td:nth-child(8) { text-align: left; }
.table-01 td a { text-decoration: underline; } 
.table-02 th:nth-child(6), .table-02 td:nth-child(6) { border-right:solid 1px rgba(0, 0, 0, 0.2); }
.table-03 th:nth-child(2), .table-03 td:nth-child(2) { border-right:solid 1px rgba(0, 0, 0, 0.2);  border-left:solid 1px rgba(0, 0, 0, 0.2);}
.table-03 th:nth-child(3), .table-03 td:nth-child(3) { border-right:solid 1px rgba(0, 0, 0, 0.2); }
.sorting { position: relative; width: 100%;}
.sorting::after { content: '\e936'; color: #333; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
.table-04 { width: 100%; position: relative; font-size: 14px; border-top: solid 1px rgba(0, 0, 0, 0.2); font-size: 16px; }
.table-04 th {  border-bottom: solid 1px rgba(0, 0, 0, 0.2); color: #232323; background-color: #f7f7f7;  padding: 10px 0; }
.table-04 td {  border-bottom: solid 1px rgba(0, 0, 0, 0.2); padding: 10px 0 10px 10px;  }
.table-04 td input, .table-04 td select, .table-04 td textarea { font-size: 16px;padding: 4px; }
.table-04 td span { margin-right: 20px; }
.table-04 td .form-select { min-width: 10.5rem; position: relative; border: 1px solid #ddd; padding: 4px; }
.table-04 td .form-select::after { content: '\e936'; color: #333; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: "xeicon"; }
.table-04 td .form-select select { background-color: transparent; -webkit-appearance: none; position: relative; z-index: 1; font-size: 16px; border: 0; width: 100%;}
.table-04 td .form-select select::-ms-expand { display: none; }

/* pagenation */
.board_pager { margin: 30px auto; text-align: center; }
.board_pager .inner { display: table; margin: 0 auto; }
.board_pager a { border-radius: 50%; width: 2rem; height: 2rem; text-align: center; background-color: transparent; color: #999; border: 1px solid #ddd; display: inline-block; vertical-align: middle; font-size: .8rem; padding-top: .25rem; margin: 0 2px; text-decoration: none; line-height: 1.5rem;  }
.board_pager a:hover { background-color: #f5f6fa; -webkit-transition: all .25s; transition: all .25s; }
.board_pager .pageNone { border-color: transparent; }
.board_pager .pageNone:hover { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s; }
.board_pager .pageNow { background-color: #333; border-color: #333; }
.board_pager .pageNow strong { color: #fff; line-height: 1.5rem; }
.board_pager + .survey { margin-top: 100px; }
.board_pager i { font-size: 22px; margin-top: 0; color: #777; }
.board_pager .pageFirst { background: url(../img/icon_start.png) no-repeat; width: 32px; height: 32px; }
.board_pager .pageLast { background: url(../img/icon_end.png) no-repeat; width: 32px; height: 32px;}
.board_pager .pagePrev { margin-right: 1rem;  background: url(../img/icon_prev.png) no-repeat; width: 32px; height: 32px;}
.board_pager .pageNext { margin-left: 1rem;  background: url(../img/icon_next.png) no-repeat; width: 32px; height: 32px;}

/*btn  */
.btn-wrap { height: 60px; position: relative; padding: 20px 0; }
.btn-wrap .left {  float: left; }
.btn-wrap .right { float: right; }
.btn-wrap .btn-link { padding: 5px 10px; display: inline-block; background-color: #343434; color: #fff; border-radius: 5px; }
.btn-wrap .btn-link-2 { padding: 5px 10px; display: inline-block; background-color: #00a0e9; color: #fff; border-radius: 5px; }
.sec-header h1 .btn-back { display: block; margin-top: 30px; height: 35px; line-height: 35px; padding: 0 15px; background-color: #00a0e9; border-radius: 3px; color: #fff;}