@charset "utf-8";
/* Button */
.btn {display: inline-block; vertical-align: top;}
.btn > span {position: relative;} 
.btn_group {font-size: 0;}
.btn_group .btn + .btn {margin-left: 10px;}

.btn_gray_h30r {height: 30px; padding: 0 22px; border-radius: 15px; color: #fff; font-size: 14px; font-weight: 400; line-height: 30px; background: #637591;}
.btn_gray_h40 {height: 40px; padding: 0 15px; border: 0; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 40px; background: #dde2e5;}
.btn_gray_h46 {height: 46px; padding: 0 15px; border: 0; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; background: #dde2e5;}
.btn_green_h46 {height: 46px; padding: 0 15px; border: 0; border-radius: 5px; color: #00485c; font-size: 16px; font-weight: 300; line-height: 46px; background: #d9edef;}
.btn_green2_h46 {height: 46px; padding: 0 15px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 300; line-height: 46px; background: #01aab1;}

.btn_blue_h50 {height: 50px; border: 0; border-radius: 9px; color: #fff; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #005bac;}
.btn_green_h50 {height: 50px; border: 0; border-radius: 9px; color: #fff; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #008a96;}
.btn_green2_h50 {height: 50px; border: 0; border-radius: 9px; color: #00485c; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #d9edef;}
.btn_skyblue_h50 {height: 50px; border: 0; border-radius: 9px; color: #0a2856; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #e6edf3;}

.btn_blue_h60 {height: 60px; border: 0; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 500; line-height: 60px; text-align: center; background: #005bac;}
.btn_green_h60 {height: 60px; border: 0; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 500; line-height: 60px; text-align: center; background: #03727c;}

.btn_next_step {width: 140px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_next_step.png) no-repeat 30px center;}
.btn_cancel {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_cancel.png) no-repeat 30px center;}
.btn_join_apply {width: 170px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #03727c url(../img/ico_join_apply.png) no-repeat 30px center;}
.btn_modify {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_modify.png) no-repeat 30px center;}
.btn_modify2 {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_modify2.png) no-repeat 30px center;}
.btn_modify3 {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../img/ico_modify3.png) no-repeat 30px center;}
.btn_list {width: 140px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_list.png) no-repeat 30px center;}
.btn_delete {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_delete.png) no-repeat 30px center;}
.btn_cancel {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_cancel.png) no-repeat 30px center;}
.btn_write {width: 126px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_write.png) no-repeat 30px center;}
.btn_apply {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../img/ico_apply.png) no-repeat 30px center;}
.btn_save {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_save.png) no-repeat 30px center;}
.btn_search {width: 100px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; line-height: 44px; text-align: left; background: #008a96 url(../img/ico_total_search_w_small.png) no-repeat 22px center;}
.btn_calendar {width: 46px; height: 46px; background: url(../img/ico_calendar.png) no-repeat;}
.btn_subscribe {width: 184px; height: 60px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; line-height: 60px; background: #0a2856 url(../img/ico_subscribe.png) no-repeat 26px center;}
.btn_stat {width: 184px; height: 60px; padding-left: 80px; border: 0; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; line-height: 60px; background: #0a2856 url(../img/ico_stat.png) no-repeat 40px center;}
.btn_table {width: 84px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #005bac url(../img/ico_table.png) no-repeat 20px center;}
.btn_graph {width: 110px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #005bac url(../img/ico_graph.png) no-repeat 20px center;}
.btn_excel {width: 150px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #08743b url(../img/ico_excel.png) no-repeat 20px center;}
.btn_ins_save {width: 140px; height: 50px; padding-left: 57px; text-align: left; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; background: #d9edef url(../img/ico_ins_save.png) no-repeat 30px center;}
.btn_req_confirm {width: 140px; height: 50px; padding-left: 57px; text-align: left; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; background: #008a96 url(../img/ico_req_confirm.png) no-repeat 30px center;}
.btn_submit {height: 50px; padding: 0 35px; text-align: left; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; background: #008a96 }
.btn_submit::before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 12px; background: url(../img/ico_submit.png) no-repeat; vertical-align: -1px;}
.btn_aply_cancel {width: 150px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_cancel.png) no-repeat 30px center;}
.btn_aply_modify {width: 180px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_modify.png) no-repeat 30px center;}



/* Board */
.board_top {position: relative; min-height: 20px;}
.board_top .r_col {position: absolute; right: 0; top: 0;}

.board_write {border-top: 2px solid #222;}
.board_write table th,
.board_write table td {border-bottom: 1px solid #dde2e5;}
.board_write table th {padding: 23px 20px 23px 30px; color: #000; font-size: 16px; font-weight: 400; text-align: left; background: #f5f6f7;}
.board_write table th label.req::before {content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 5px; background: url(../img/ico_req.png) no-repeat; vertical-align: 9px;}
.board_write table th.bar_r {border-right: 1px solid #dde2e5;}
.board_write table td.bar_r {border-right: 1px solid #dde2e5;}
.board_write table td {padding: 10px;}
.board_write .inner_txt {display: inline-block; height: 46px;margin-left:5px; color: #666; font-size: 16px; line-height: 46px; vertical-align: middle;}


.board_view {border-top: 2px solid #222;}
.board_view thead .tit {padding: 21px 0; border-bottom: 1px solid #888; color: #222; font-size: 18px; font-weight: 500; text-align: center;}    
.board_view .info {font-size: 16px;}
.board_view .cont {min-height: 300px; padding: 8px 30px; color: #666; line-height: 30px;}
.board_view .cont2 {text-align: center;}
.board_view .cont2 img {max-width: 100%;}
.board_view tbody th,
.board_view tbody td {padding: 22px 0; border-bottom: 1px solid #dde2e5; text-align: left;}
.board_view tbody td.border_bot0 {border-bottom: 0;}
.board_view tbody th {padding-left: 30px; color: #000; font-weight: 400;}
.board_view tbody td {color: #666;}

.attach_list span {display: inline-block; position: relative; padding-left: 29px; color: #005bac;}
.attach_list span:hover {text-decoration: underline;}
.attach_list span::before {content: ""; display: block; position: absolute; left: 0; top: 0px; width: 20px; height: 24px; background: url(../img/ico_file_blue.png) no-repeat;}
.attach_list .btn {margin-left: 14px; vertical-align: 0px;}
.attach_list + .attach_list {margin-top: 5px;}

.board_view2 {border-top: 2px solid #222;}
.board_view2 th {padding: 20px 0; border-right: 1px solid #dde2e5; border-bottom: 1px solid #dde2e5; color: #000; font-size: 16px; font-weight: 400; line-height: 20px; background: #f5f6f7;}
.board_view2 th.blue {font-weight: 500; background: #e5f5f6;}
.board_view2 th:last-child {border-right: 0;}
.board_view2 td {padding: 9px; border-right: 1px solid #dde2e5; border-bottom: 1px solid #dde2e5; text-align: center;}
.board_view2 td:last-child {border-right: 0;}

.line {height: 1px; background: #dde2e5;}

.board_navi {border-top: 1px solid #888; border-bottom: 1px solid #888;}
.board_navi tr:nth-child(1) th,
.board_navi tr:nth-child(1) td {border-bottom: 1px solid #dde2e5;}
.board_navi th {text-align: right;}
.board_navi th a {display: block; height: 59px; padding-right: 29px; color: #000; font-size: 16px; font-weight: 300; line-height: 59px;}
.board_navi td {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_navi td,
.board_navi td a {color: #666;}
.board_navi td a:hover {text-decoration: underline;}
.board_navi .next,
.board_navi .prev {position: relative;}
.board_navi .prev::before {content: ""; display: block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 16px; height: 9px; background: url(../img/ico_arrow_down16x9.png) no-repeat;}
.board_navi .next::before {content: ""; display: block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%) rotate(180deg); width: 16px; height: 9px; background: url(../img/ico_arrow_down16x9.png) no-repeat;}

.board_list {border-top: 2px solid #222;}
.board_list thead th {padding: 22px 0; border-bottom: 1px solid #888; color: #000; font-size: 16px; font-weight: 400; text-align: center;}
.board_list tbody td {padding: 15px 5px; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; font-weight: 300; text-align: center;}
.board_list .lnk {color: #222;}
.board_list .lnk:hover {text-decoration: underline;}
.board_list .lock {margin-left: 10px; vertical-align: -3px;}
.board_list .tit {color: #28303c; font-weight: 500; text-align: left;}

.board_list_bottom {position: relative;}
.board_list_bottom .l_col {position: absolute; left: 0; top: 0;}
.board_list_bottom .r_col {position: absolute; right: 0; top: 0;}

.board_list2 {border-top: 2px solid #222;}
.board_list2 th {padding: 22px 0; border-right: 1px solid #dde2e5; border-bottom: 1px solid #888; color: #000; font-size: 16px; font-weight: 400; text-align: center; background: #f5f6f7;}
.board_list2 th:last-child {border-right: 0;}
.board_list2 td {padding: 7px 20px; border-right: 1px solid #dde2e5; border-bottom: 1px solid #dde2e5; text-align: center;}
.board_list2 td.al {text-align: left;}
.board_list2 td:last-child {border-right: 0;}
.board_list2 td .lnk {color: #222;}
.board_list2 td .lnk:hover {text-decoration: underline;}

.board_album {position: relative; border-top: 2px solid #222; border-bottom: 1px solid #dde2e5;}
.board_album::before {content: ""; display: block; position: absolute; left: 0; top: 410px; width: 100%; height: 1px; background: #dde2e5;}
.board_album > ul::after {content: ""; display: block; clear: both;}
.board_album > ul > li {float: left; width: 290px; margin-top: 30px;}
.board_album > ul > li + li {margin-left: 40px;}
.board_album > ul > li:nth-child(4n+1) {margin-left: 0;}
.board_album > ul > li img {display: block;}
.board_album > ul > li a {display: block; position: relative; height: 380px;}
.board_album > ul > li a:hover::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 290px; border-radius: 8px; background: rgba(0, 140, 214, .8) url(../img/ico_album_detail.png) no-repeat center;}
.board_album > ul > li a span {display: block; padding-top: 16px; color: #333; font-size: 18px; font-weight: 500; line-height: 24px; text-align: center;}


.paging {font-size: 0; text-align: center;}
.paging .btn {margin-top: 0;}
.paging .btn a {width: 42px; height: 42px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 0;}
.paging .first {background: url(../img/ico_paging_button_db.png) no-repeat center; background-size: 14px 15px;}
.paging .prev {margin-right: 20px; background: url(../img/ico_paging_button.png) no-repeat center;}
.paging .next {margin-left: 20px; background: url(../img/ico_paging_button.png) no-repeat center; transform: rotate(180deg);}
.paging .last {background: url(../img/ico_paging_button_db.png) no-repeat center; transform: rotate(180deg); background-size: 14px 15px;}
.paging > ul {display: inline-block; vertical-align: top;}
.paging > ul li {display: inline-block; margin-top: 4px; font-size: 16px; font-weight: 300; vertical-align: top;}
.paging > ul li + li {margin-left: 15px;}
.paging > ul li a,
.paging > ul li strong {display: block; width: 34px; height: 34px; font-weight: 300; line-height: 34px; text-align: center;}
.paging > ul li a {color: #888;}
.paging > ul li strong {border-radius: 50%; color: #fff; background-color: #222;}


.comment_write {padding: 20px; border-radius: 7px; font-size: 0; background: #f5f5f5;}
.comment_write > * {display: inline-block; height: 80px; vertical-align: top;}
.comment_write label {width: 110px; padding-right: 25px; color: #000; font-size: 16px; line-height: 80px; text-align: right;}
.comment_write textarea {width: 1040px;}
.comment_write button {width: 80px; margin-left: 10px; border-radius: 5px; color: #222; font-size: 16px; font-weight: 400; background: #dde2e5;}
.comment_write button span {position: relative;}


/* Tab */
.tab-ui .tab-contents .tab-item {display: none;}
.tab-ui .tab-contents .tab-item:first-child {display: block;}


/* Table */
.table_ui h2 {color: #555; font-size: 24px; font-weight: 500; text-align: center;}
.table_ui h2 + .tb_1 {margin-top: 24px;}
.tb_1 {border-top: 2px solid #555; border-bottom: 1px solid #555;}
.tb_1 > table > thead > tr > th {padding: 10px 0; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #555; color: #222; font-size: 16px; font-weight: 500; background: #e6edf3;}
.tb_1 > table > thead > tr > th:last-child {border-right: 0;}
.tb_1 > table > tr > thead > tr > th:last-child {border-right: 0;}
.tb_1 > table > tbody > tr > th,
.tb_1 > table > tbody > tr > td {padding: 11px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 16px; font-weight: 300; text-align: center; line-height: 24px;}
.tb_1 > table > tbody > tr > td.bdr {border-right: 1px solid #b8bdc5 !important;}
.tb_1 > table > tbody > tr > th {font-weight: 500; background: #f5f5f5;}
.tb_1 > table > tbody > tr > td:last-child {border-right: 0;}
.tb_1 > table > tbody > tr > td.al {text-align: left;}
.tb_1 > table > tfoot > tr > td {padding: 11px; border-right: 1px solid #b8bdc5; color: #222; font-size: 16px; font-weight: 500; text-align: center; background: #e6edf3;}
.tb_1 > table > tfoot > tr > td:last-child {border-right: 0;}

.tb_2 {border-top: 2px solid #555; border-bottom: 1px solid #555;}
.tb_2 th {padding: 10px 0; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #222; font-size: 16px; font-weight: 500; text-align: center; background: #e6edf3;}
.tb_2 tr > th:last-child {border-right: 0;}
.tb_2 tr:last-child th,
.tb_2 tr:last-child td {border-bottom: 0;}
.tb_2 td {padding: 11px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 16px; font-weight: 300; text-align: center; line-height: 24px;}
.tb_2 td:last-child {border-right: 0;}
.tb_2 td.nbdr {border-right: 0;}
.tb_2 td.al {text-align: left;}
.tb_2 td.ar {text-align: right;}
.tb_2 td.gray {background: #f5f5f5;}
.tb_2 .lnk {color: #0084ce; font-weight: 500;}
.tb_2 .lnk:hover {text-decoration: underline;}

.tb_3 {border-top: 3px solid #555;}
.tb_3 > table > thead > tr > th {padding: 12px 0; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #222; font-size: 14px; font-weight: 400; text-align: center; background: #f5f5f5;}
.tb_3 > table > thead > tr > th:last-child {border-right: 0;}
.tb_3 > table > tbody > tr > td {padding: 10px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 14px;}
.tb_3 > table > tbody > tr > td:last-child {border-right: 0;}

.tb_4 {border-top: 3px solid #555;}
.tb_4 td {padding: 14px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 300; text-align: center;}
.tb_4 td.lb {color: #5d5d5d; font-weight: 500; background: #ececec;}


/* Condition */
.condition {display: table; width: 100%; min-height: 46px; font-size: 0;}
.condition > * {display: table-cell; position: relative;}
.condition .r_col {text-align: right;}
.condition .page_count {position: absolute; left: 0; top: 28px; width: 150px; color: #333; font-size: 16px; font-weight: 300;}
.condition .page_count span {color: #008a96;}

.condition2 {position: relative; padding: 32px 0; border: 1px solid #b8bdc5; border-radius: 5px; background: #f5f5f5;}
.condition2 table {width: 1120px;}
.condition2 td {padding: 4px 0;}
.condition2 .lb {padding-left: 50px; color: #222; font-size: 16px;}
.condition2 .inner_txt {display: inline-block; height: 46px; color: #666; font-size: 16px; line-height: 46px; vertical-align: top;}
.condition2 .btn {display: block; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; border-radius: 50%; font-size: 0; background: #008a96 url(../img/ico_search_w.png) no-repeat center;}


/* Form */
input[type=text]{border-radius:5px;}
/* for IE10 */
input::placeholder {color: #aaa; opacity: 1; /* �뚯씠�댄룺�ㅼ뿉�� 肉뚯삀寃� �섏삤�� �꾩긽�� 諛⑹��섍린 �꾪븳 css */}
input::-webkit-input-placeholder {color: #aaa;}
/* IE */
input:-ms-input-placeholder {color: #aaa;}
input[type=text]::-ms-clear {display:none;}
/* Firefox */
input:-mos-input-placeholder {color: #aaa;}

.f_txt {height: 46px; padding: 0 10px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: middle;}
.f_txt2 {height: 60px; padding: 2px 10px 0 10px; border: 1px solid #b8bdc5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: top;}
.f_txt3 {height: 46px; padding: 0 10px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; background: #f7f7f7; vertical-align: top;}
.f_txt4 {height: 46px; padding: 2px 10px 0 10px; border: 1px solid #b8bdc5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: top;}

.f_txtar {padding: 10px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 16px; font-weight: 300; resize: none;}

.f_search {display: inline-block; position: relative; vertical-align: top;}
.f_search input[type=text] {width: 100%; height: 46px; padding: 0 50px 0 10px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #fff;}
.f_search .btn {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; border: 0; font-size: 0; background: url(../img/ico_search_b.png) no-repeat;}

select {font-family: 'NotoSans', sans-serif; font-weight: 400;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	-webkit-border-radius: 0;
	appearance:none;}
select::-ms-expand {display:none;}
.f_select {display: inline-block; position: relative; height: 46px; border: 0; border-radius: 5px; background: #f7f7f7; vertical-align: top;}
.f_select::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(../img/ico_select_btn.png) no-repeat;}
.f_select select {width: 100%; height: 100%; padding: 0 45px 0 20px; border: 0; color: #222; font-size: 16px; background: transparent;}

.f_select2 {display: inline-block; position: relative; height: 46px; border: 1px solid #dde2e5; border-radius: 5px; background: #fff; vertical-align: top;}
.f_select2::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(../img/ico_select_btn.png) no-repeat;}
.f_select2 select {width: 100%; height: 100%; padding: 0 45px 0 20px; border: 0; color: #222; font-size: 16px; font-weight: 300; background: transparent;}

.chk_txt {z-index: -1; width: 18px; height: 18px; vertical-align: top; outline: none;}
.chk_txt + label {display: inline-block; position: relative; height: 18px; padding-left: 11px; color: #333; font-size: 16px; line-height: 18px; vertical-align: top;}
.chk_txt + label::before {content: ""; display: block; position: absolute; left: -22px; top: 0; width: 18px; height: 18px; border: 1px solid #555; border-radius: 3px; background: #fff;}
.chk_txt:checked + label::before {border: 0; background: url(../img/ico_chk_txt_on.png) no-repeat !important;}

.chk_only {display: inline-block; position: relative; width: 18px; height: 18px; border: 1px solid #dde2e5; border-radius: 3px; background: #fff; vertical-align: top;}
.chk_only.on {border: 0; background: url(../img/ico_chk_txt_on.png) no-repeat !important;}
.chk_only input[type=checkbox] {position: absolute; left: 1px; top: 1px; z-index: -1;}

.f_chk {display: inline-block; position: relative; height: 18px; padding-left: 28px; line-height: 18px; vertical-align: top;}
.f_chk::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #dcdcdc; border-radius: 2px; background: #fff;}
.f_chk.on::before {border: 0; background: url(../img/ico_chk_on.png) no-repeat;}
.f_chk input {position: absolute; left: 0; top: 0px; z-index: -1;}

.rdo_txt {z-index: -1; position: relative; left: 2px; top: 4px; vertical-align: top; outline: none;}
.rdo_txt + label {display: inline-block; position: relative; height: 22px; padding-left: 15px; color: #333; font-size: 16px; line-height: 22px; vertical-align: top;}
.rdo_txt + label::before {content: ""; display: block; position: absolute; left: -16px; top: 0; width: 22px; height: 22px; border: 1px solid #dee3e6; border-radius: 50%; background: #f7f7f7;}
.rdo_txt:checked + label::before {background: #fff;}
.rdo_txt:checked + label::after {content: ""; display: block; position: absolute; left: -10px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #169bd5;}

.file_attach {position: relative;}
.file_attach input[type=file] {position: absolute; left: -9999px; top: -9999px;}
.file_attach .file_add {display: inline-block; width: 90px; height: 46px; margin-left: 6px; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; text-align: center; /*background: #dde2e5;*/ vertical-align: top;}

.multi_file_list {padding: 18px; border: 1px solid #dde2e5; border-radius: 5px;}
.multi_file_list a {color: #666; font-size: 16px;}

.file_list {padding: 11px 29px 25px; border: 1px solid #b8bdc5; border-radius: 8px;}
.file_list a {display: inline-block; margin-top: 13px; color: #005bac; font-size: 18px;}
.file_list a::before {content: ""; display: inline-block; width: 20px; height: 24px; margin-right: 8px; background: url(../img/ico_file_blue.png) no-repeat; vertical-align: -5px;}


/* Tab */
.tab_cont .tab_item {display: none;}
.tab_cont .tab_item:first-child {display: block;}

.tab_1 ul {font-size: 0; text-align: center;}
.tab_1 ul li {display: inline-block;}
.tab_1 ul li + li {margin-left: 10px;}
.tab_1 ul li a {display: block; height: 60px; padding: 0 38px; border: 2px solid #b8bdc5; border-radius: 30px; color: #666; font-size: 18px; line-height: 56px;}
.tab_1 ul li a.on {border: 0; color: #fff; line-height: 60px; background: #01aab1;}


/* Title */
.tit_1 {color: #28303c; font-size: 36px; font-weight: 700; text-align: center;}
.tit_2 {position: relative; padding-left: 27px; color: #333; font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -2px;}
.tit_2::before {content: ""; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #008a96 url(../img/ico_bullet_01.png) no-repeat center;}
.tit_3 {position: relative; padding-top: 16px; color: #28303c; font-size: 24px; font-weight: 500;}
.tit_3::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 3px; background: #008a96;}
.tit_4 {color: #333; font-size: 20px; font-weight: 500;}
.tit_4 .no {display: inline-block; width: 19px; height: 19px; margin-right: 9px; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 300; text-align: center; line-height: 19px; background: #005bac; vertical-align: 2px;}
.tit_5 {position: relative; padding-left: 17px;}
.tit_5::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 9px; height: 9px; border-radius: 50%; background: #005bac;}
.tit_6 {position: relative; padding-left: 24px; color: #333; font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -1px;}
.tit_6 span {display: block; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 18px; background: #008a96;}
.tit_7 {color: #333; font-size: 18px; font-weight: 500;}
.tit_8 {color: #222; font-size: 16px; font-weight: 400;}
.click-popup {position: relative; padding-left: 27px; vertical-align: middle; font-size: 20px; margin-bottom: -50px; color: #333;line-height:100%;}
.click-popup::before {content: ""; display: block; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: #008a96 url(../img/ico_bullet_01.png) no-repeat center;}
.click-popup a:link { color: #333; text-decoration: none; display: inline-flex; align-items: center;}

/* Text */
.txt_top {padding-bottom: 15px; border-bottom: 2px solid #28303c; color: #222; font-size: 18px; font-weight: 500;}

.txt_1 {color: #666; font-size: 16px; font-weight: 300;}
.txt_2 {color: #637591; font-size: 16px; font-weight: 300;}
.txt_3 {color: #333; font-size: 16px; font-weight: 300;}
.txt_18_3 {color: #333; font-size: 18px; font-weight: 400;}

.msg_1 {padding: 30px; border-radius: 8px; color: #333; font-size: 18px; font-weight: 400; line-height: 28px; background: #f5f5f5;}
.msg_2 {padding: 30px; border-radius: 8px; background: #f5f5f5;}
.msg_2 li {position: relative; padding-left: 12px; color: #333; font-size: 18px; font-weight: 400; line-height: 30px;}
.msg_2 li::before {content: ""; display: block; position: absolute; left: 0; top: 14px; width: 4px; height: 1px; background: #333;}
.msg_2 li.bar::before {top: 12px; width: 5px; height: 5px; background: #008cd6;}
.msg_3 {padding: 40px 0; border-radius: 8px; background: #f5f5f5;}
.msg_3 dl {display: table; width: 100%; table-layout: fixed;}
.msg_3 dl > * {display: table-cell; vertical-align: top;}
.msg_3 dl dt {width: 165px; padding-left: 49px; color: #38475f; font-size: 18px; font-weight: 500;}
.msg_3 dl dd {position: relative; width: auto; padding: 0 39px 20px; color: #333; font-size: 16px; line-height: 30px;}
.msg_3 dl dd::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #b2b2b2;}
.msg_3 dl dd .green {color: #008a96;}
.msg_3 dl dd .lblue {color: #637591;}
.msg_4 {padding: 22px 30px 24px 30px; border-radius: 8px; background: #f5f5f5;} 
.msg_4 > ul > li {position: relative; padding-left: 12px; line-height: 28px; color: #333; font-size: 18px;}
.msg_4 > ul > li + li {margin-top: 16px;}
.msg_4 > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #01aab1;}
.msg_4 > ul > li .green {color: #008a96; font-weight: 500;}
.msg_4 > ul > li .lblue {color: #637591; font-size: 16px;}



/* List */
.list_1 li {position: relative; padding-left: 12px; color: #333; font-size: 18px;}
.list_1 li + li {margin-top: 2px;}
.list_1 li::before {content: ""; display: block; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #008cd6;}


/* sub Responsive */
@media all and (max-width: 960px){
	/* �섏냼�꾨Ц湲곗뾽 �띾낫愿� */

}


/* Button */
.btn {display: inline-block; vertical-align: top;}
.btn > span {position: relative;} 
.btn_group {font-size: 0;}
.btn_group .btn + .btn {margin-left: 10px;}

.btn_gray_h30r {height: 30px; padding: 0 22px; border-radius: 15px; color: #fff; font-size: 14px; font-weight: 400; line-height: 30px; background: #637591;}
.btn_gray_h40 {height: 40px; padding: 0 15px; border: 0; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 40px; background: #dde2e5;}
.btn_gray_h46 {height: 46px; padding: 0 15px; border: 0; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; background: #dde2e5;}
.btn_green_h46 {height: 46px; padding: 0 15px; border: 0; border-radius: 5px; color: #00485c; font-size: 16px; font-weight: 300; line-height: 46px; background: #d9edef;}
.btn_green2_h46 {height: 46px; padding: 0 15px; border: 0; border-radius: 5px; color: #fff !important; font-size: 16px; font-weight: 300; line-height: 46px; background: #004f94;}

.btn_blue_h50 {height: 50px; border: 0; border-radius: 9px; color: #fff; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #005bac;}
.btn_green_h50 {height: 50px; border: 0; border-radius: 9px; color: #fff; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #008a96;}
.btn_green2_h50 {height: 50px; border: 0; border-radius: 9px; color: #00485c; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #d9edef;}
.btn_skyblue_h50 {height: 50px; border: 0; border-radius: 9px; color: #0a2856; font-size: 16px; font-weight: 400; line-height: 50px; text-align: center; background: #e6edf3;}

.btn_blue_h60 {height: 60px; border: 0; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 500; line-height: 60px; text-align: center; background: #005bac;}
.btn_green_h60 {height: 60px; border: 0; border-radius: 30px; color: #fff; font-size: 20px; font-weight: 500; line-height: 60px; text-align: center; background: #03727c;}

.btn_next_step {width: 140px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_next_step.png) no-repeat 30px center;}
.btn_cancel {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_cancel.png) no-repeat 30px center;}
.btn_join_apply {width: 170px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #03727c url(../img/ico_join_apply.png) no-repeat 30px center;}
.btn_modify {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_modify.png) no-repeat 30px center;}
.btn_modify2 {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_modify2.png) no-repeat 30px center;}
.btn_modify3 {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../img/ico_modify3.png) no-repeat 30px center;}
.btn_list {width: 140px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_list.png) no-repeat 30px center;}
.btn_delete {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_delete.png) no-repeat 30px center;}
.btn_cancel {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_cancel.png) no-repeat 30px center;}
.btn_write {width: 126px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_write.png) no-repeat 30px center;}
.btn_apply {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #005bac url(../img/ico_apply.png) no-repeat 30px center;}
.btn_save {width: 114px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_save.png) no-repeat 30px center;}
.btn_search {width: 100px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; line-height: 44px; text-align: left; background: #008a96 url(../img/ico_total_search_w_small.png) no-repeat 22px center;}
.btn_calendar {width: 46px; height: 46px; background: url(../img/ico_calendar.png) no-repeat;}
.btn_subscribe {width: 184px; height: 60px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; line-height: 60px; background: #0a2856 url(../img/ico_subscribe.png) no-repeat 26px center;}
.btn_stat {width: 184px; height: 60px; padding-left: 80px; border: 0; border-radius: 8px; color: #fff; font-size: 18px; font-weight: 500; text-align: left; line-height: 60px; background: #0a2856 url(../img/ico_stat.png) no-repeat 40px center;}
.btn_table {width: 84px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #005bac url(../img/ico_table.png) no-repeat 20px center;}
.btn_graph {width: 110px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #005bac url(../img/ico_graph.png) no-repeat 20px center;}
.btn_excel {width: 150px; height: 46px; padding-left: 49px; border: 0; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 400; text-align: left; line-height: 46px; background: #08743b url(../img/ico_excel.png) no-repeat 20px center;}
.btn_ins_save {width: 140px; height: 50px; padding-left: 57px; text-align: left; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; background: #d9edef url(../img/ico_ins_save.png) no-repeat 30px center;}
.btn_req_confirm {width: 140px; height: 50px; padding-left: 57px; text-align: left; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; background: #008a96 url(../img/ico_req_confirm.png) no-repeat 30px center;}
.btn_submit {height: 50px; padding: 0 35px; text-align: left; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; background: #008a96 }
.btn_submit::before {content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 12px; background: url(../img/ico_submit.png) no-repeat; vertical-align: -1px;}
.btn_aply_cancel {width: 150px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #00485c; font-size: 16px; line-height: 50px; text-align: left; background: #d9edef url(../img/ico_cancel.png) no-repeat 30px center;}
.btn_aply_modify {width: 180px; height: 50px; padding-left: 56px; border: 0; border-radius: 8px; color: #fff; font-size: 16px; line-height: 50px; text-align: left; background: #008a96 url(../img/ico_modify.png) no-repeat 30px center;}



/* Board */
.board_top {position: relative; min-height: 20px;}
.board_top .r_col {position: absolute; right: 0; top: 0;}

.board_write {border-top: 2px solid #222;}
.board_write table th,
.board_write table td {border-bottom: 1px solid #dde2e5;}
.board_write table th {padding: 23px 20px 23px 30px; color: #000; font-size: 16px; font-weight: 400; text-align: left; background: #f5f6f7;}
.board_write table th label.req::before {content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 5px; background: url(../img/ico_req.png) no-repeat; vertical-align: 9px;}
.board_write table th.bar_r {border-right: 1px solid #dde2e5;}
.board_write table td.bar_r {border-right: 1px solid #dde2e5;}
.board_write table td {padding: 10px;}
.board_write .inner_txt {display: inline-block; height: 46px;margin-left:5px; color: #666; font-size: 16px; line-height: 46px; vertical-align: middle;}


.board_view {border-top: 2px solid #222;}
.board_view thead .tit {padding: 21px 0; border-bottom: 1px solid #888; color: #222; font-size: 18px; font-weight: 500; text-align: center;}    
.board_view .info {font-size: 16px;}
.board_view .cont {min-height: 300px; padding: 8px 30px; color: #666; line-height: 30px;}
.board_view .cont2 {text-align: center;}
.board_view .cont2 img {max-width: 100%;}
.board_view tbody th,
.board_view tbody td {padding: 22px 0; border-bottom: 1px solid #dde2e5; text-align: left;}
.board_view tbody td.border_bot0 {border-bottom: 0;}
.board_view tbody th {padding-left: 30px; color: #000; font-weight: 400;}
.board_view tbody td {color: #666;}

.attach_list span {display: inline-block; position: relative; padding-left: 29px; color: #005bac;}
.attach_list span:hover {text-decoration: underline;}
.attach_list span::before {content: ""; display: block; position: absolute; left: 0; top: 0px; width: 20px; height: 24px; background: url(../img/ico_file_blue.png) no-repeat;}
.attach_list .btn {margin-left: 14px; vertical-align: 0px;}
.attach_list + .attach_list {margin-top: 5px;}

.board_view2 {border-top: 2px solid #222;}
.board_view2 th {padding: 20px 0; border-right: 1px solid #dde2e5; border-bottom: 1px solid #dde2e5; color: #000; font-size: 16px; font-weight: 400; line-height: 20px; background: #f5f6f7;}
.board_view2 th.blue {font-weight: 500; background: #e5f5f6;}
.board_view2 th:last-child {border-right: 0;}
.board_view2 td {padding: 9px; border-right: 1px solid #dde2e5; border-bottom: 1px solid #dde2e5; text-align: center;}
.board_view2 td:last-child {border-right: 0;}

.line {height: 1px; background: #dde2e5;}

.board_navi {border-top: 1px solid #888; border-bottom: 1px solid #888;}
.board_navi tr:nth-child(1) th,
.board_navi tr:nth-child(1) td {border-bottom: 1px solid #dde2e5;}
.board_navi th {text-align: right;}
.board_navi th a {display: block; height: 59px; padding-right: 29px; color: #000; font-size: 16px; font-weight: 300; line-height: 59px;}
.board_navi td {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_navi td,
.board_navi td a {color: #666;}
.board_navi td a:hover {text-decoration: underline;}
.board_navi .next,
.board_navi .prev {position: relative;}
.board_navi .prev::before {content: ""; display: block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 16px; height: 9px; background: url(../img/ico_arrow_down16x9.png) no-repeat;}
.board_navi .next::before {content: ""; display: block; position: absolute; left: 30px; top: 50%; transform: translateY(-50%) rotate(180deg); width: 16px; height: 9px; background: url(../img/ico_arrow_down16x9.png) no-repeat;}

.board_list {border-top: 2px solid #222;}
.board_list thead th {padding: 22px 0; border-bottom: 1px solid #888; color: #000; font-size: 16px; font-weight: 400; text-align: center;}
.board_list tbody tr {border-bottom: 1px solid #dde2e5;}
.board_list tbody td {padding: 15px 5px; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; font-weight: 300; text-align: center;}
.board_list .lnk {color: #222;}
.board_list .lnk:hover {text-decoration: underline;}
.board_list .lock {margin-left: 10px; vertical-align: -3px;}
.board_list .tit {color: #28303c; font-weight: 500; text-align: left;}

.board_list_bottom {position: relative;}
.board_list_bottom .l_col {position: absolute; left: 0; top: 0;}
.board_list_bottom .r_col {position: absolute; right: 0; top: 0;}

/*.board_list2 {border-top: 2px solid #222;}
 .board_list2 th {padding: 22px 0; border-right: 1px solid #dde2e5; border-bottom: 1px solid #888; color: #000; font-size: 16px; font-weight: 400; text-align: center; background: #f5f6f7;} */
.board_list2 th:last-child {border-right: 0;}
.board_list2 td.al {text-align: left;}
.board_list2 td:last-child {border-right: 0;}
.board_list2 td .lnk {color: #222;}
.board_list2 td .lnk:hover {text-decoration: underline;}
.board_list2.doc thead tr:nth-child(1) td {border-bottom: 0;}
.board_list2.doc tr:nth-child(2) th + th {border-top:1px solid #888;}
/* .board_list2.doc tr:nth-child(2) td {border-bottom: 1px solid #dde2e5;}*/

.board_album {position: relative; border-top: 2px solid #222; border-bottom: 1px solid #dde2e5;}
.board_album::before {content: ""; display: block; position: absolute; left: 0; top: 410px; width: 100%; height: 1px; background: #dde2e5;}
.board_album > ul::after {content: ""; display: block; clear: both;}
.board_album > ul > li {float: left; width: 290px; margin-top: 30px;}
.board_album > ul > li + li {margin-left: 40px;}
.board_album > ul > li:nth-child(4n+1) {margin-left: 0;}
.board_album > ul > li img {display: block;}
.board_album > ul > li a {display: block; position: relative; height: 380px;}
.board_album > ul > li a:hover::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 290px; border-radius: 8px; background: rgba(0, 140, 214, .8) url(../img/ico_album_detail.png) no-repeat center;}
.board_album > ul > li a span {display: block; padding-top: 16px; color: #333; font-size: 18px; font-weight: 500; line-height: 24px; text-align: center;}


.paging {font-size: 0; text-align: center;}
.paging .btn {margin-top: 0;}
.paging .btn a {width: 42px; height: 42px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 0;}
.paging .first {background: url(../img/ico_paging_button_db.png) no-repeat center; background-size: 14px 15px;}
.paging .prev {margin-right: 20px; background: url(../img/ico_paging_button.png) no-repeat center;}
.paging .next {margin-left: 20px; background: url(../img/ico_paging_button.png) no-repeat center; transform: rotate(180deg);}
.paging .last {background: url(../img/ico_paging_button_db.png) no-repeat center; transform: rotate(180deg); background-size: 14px 15px;}
.paging > ul {display: inline-block; vertical-align: top;}
.paging > ul li {display: inline-block; margin-top: 4px; font-size: 16px; font-weight: 300; vertical-align: top;}
.paging > ul li + li {margin-left: 15px;}
.paging > ul li a,
.paging > ul li strong {display: block; width: 34px; height: 34px; font-weight: 300; line-height: 34px; text-align: center;}
.paging > ul li a {color: #888;}
.paging > ul li strong {border-radius: 50%; color: #fff; background-color: #222 !important;}


.comment_write {padding: 20px; border-radius: 7px; font-size: 0; background: #f5f5f5;}
.comment_write > * {display: inline-block; height: 80px; vertical-align: top;}
.comment_write label {width: 110px; padding-right: 25px; color: #000; font-size: 16px; line-height: 80px; text-align: right;}
.comment_write textarea {width: 1040px;}
.comment_write button {width: 80px; margin-left: 10px; border-radius: 5px; color: #222; font-size: 16px; font-weight: 400; background: #dde2e5;}
.comment_write button span {position: relative;}


/* Tab */
.tab-ui .tab-contents .tab-item {display: none;}
.tab-ui .tab-contents .tab-item:first-child {display: block;}


/* Table */
.table_ui h2 {color: #555; font-size: 24px; font-weight: 500; text-align: center;}
.table_ui h2 + .tb_1 {margin-top: 24px;}
.tb_1 {border-top: 2px solid #555; border-bottom: 1px solid #555;}
.tb_1 > table > thead > tr > th {padding: 10px 0; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #555; color: #222; font-size: 16px; font-weight: 500; background: #e6edf3;}
.tb_1 > table > thead > tr > th:last-child {border-right: 0;}
.tb_1 > table > tr > thead > tr > th:last-child {border-right: 0;}
.tb_1 > table > tbody > tr > th,
.tb_1 > table > tbody > tr > td {padding: 11px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 16px; font-weight: 300; text-align: center; line-height: 24px;}
.tb_1 > table > tbody > tr > td.bdr {border-right: 1px solid #b8bdc5 !important;}
.tb_1 > table > tbody > tr > th {font-weight: 500; background: #f5f5f5;}
.tb_1 > table > tbody > tr > td:last-child {border-right: 0;}
.tb_1 > table > tbody > tr > td.al {text-align: left;}
.tb_1 > table > tfoot > tr > td {padding: 11px; border-right: 1px solid #b8bdc5; color: #222; font-size: 16px; font-weight: 500; text-align: center; background: #e6edf3;}
.tb_1 > table > tfoot > tr > td:last-child {border-right: 0;}
.tb_1 > table > tbody > tr > td .preline {white-space: pre-line;}
.tb_1 > table > tbody > tr.accounting > td {white-space: pre-line;}

.tb_2 {border-top: 2px solid #555; border-bottom: 1px solid #555;}
.tb_2 th {padding: 10px 0; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #222; font-size: 16px; font-weight: 500; text-align: center; background: #e6edf3;}
.tb_2 tr > th:last-child {border-right: 0;}
.tb_2 tr:last-child th,
.tb_2 tr:last-child td {border-bottom: 0;}
.tb_2 td {padding: 11px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 16px; font-weight: 300; text-align: center; line-height: 24px;}
.tb_2 td:last-child {border-right: 0;}
.tb_2 td.nbdr {border-right: 0;}
.tb_2 td.al {text-align: left;}
.tb_2 td.ar {text-align: right;}
.tb_2 td.gray {background: #f5f5f5;}
.tb_2 .lnk {color: #0084ce; font-weight: 500;}
.tb_2 .lnk:hover {text-decoration: underline;}

.tb_3 {border-top: 3px solid #555;}
.tb_3 > table > thead > tr > th {padding: 12px 0; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #222; font-size: 14px; font-weight: 400; text-align: center; background: #f5f5f5;}
.tb_3 > table > thead > tr > th:last-child {border-right: 0;}
.tb_3 > table > tbody > tr > td {padding: 10px; border-right: 1px solid #b8bdc5; border-bottom: 1px solid #b8bdc5; color: #666; font-size: 14px;}
.tb_3 > table > tbody > tr > td:last-child {border-right: 0;}

.tb_4 {border-top: 3px solid #555;}
.tb_4 td {padding: 14px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 300; text-align: center;}
.tb_4 td.lb {color: #5d5d5d; font-weight: 500; background: #ececec;}


/* Condition */
.condition {display: table; width: 100%; min-height: 46px; font-size: 0;}
.condition > * {display: table-cell; position: relative;}
.condition .r_col {text-align: right;}
.condition .page_count {position: absolute; left: 0; top: 28px; width: 150px; color: #333; font-size: 16px; font-weight: 300;}
.condition .page_count span {color: #008a96;}

.condition2 {position: relative; padding: 32px 0; border: 1px solid #b8bdc5; border-radius: 5px; background: #f5f5f5;}
.condition2 table {width: 1120px;}
.condition2 td {padding: 4px 0;}
.condition2 .lb {padding-left: 50px; color: #222; font-size: 16px;}
.condition2 .inner_txt {display: inline-block; height: 46px; color: #666; font-size: 16px; line-height: 46px; vertical-align: top;}
.condition2 .btn {display: block; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); width: 80px; height: 80px; border-radius: 50%; font-size: 0; background: #008a96 url(../img/ico_search_w.png) no-repeat center;}

/* 20230102 evaluation management pageLoad search responsive */
.condition.search  > * { display: inherit;}
.condition.search {display: flex;vertical-align: top;justify-content: space-between;}
.condition.search  .page_count {position: inherit;top: 12px;}
.condition.search .r_col {justify-content: flex-end;}
.condition.search input {vertical-align: top;}


/* Form */
/* for IE10 */
input::placeholder {color: #aaa; opacity: 1; /* �뚯씠�댄룺�ㅼ뿉�� 肉뚯삀寃� �섏삤�� �꾩긽�� 諛⑹��섍린 �꾪븳 css */}
input::-webkit-input-placeholder {color: #aaa;}
/* IE */
input:-ms-input-placeholder {color: #aaa;}
input[type=text]::-ms-clear {display:none;}
/* Firefox */
input:-mos-input-placeholder {color: #aaa;}

.f_txt {height: 46px; padding: 0 10px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: middle;}
.f_txt2 {height: 60px; padding: 2px 10px 0 10px; border: 1px solid #b8bdc5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: top;}
.f_txt3 {height: 46px; padding: 0 10px; border: 0; border-radius: 5px; font-size: 16px; font-weight: 300; background: #f7f7f7; vertical-align: top;}
.f_txt4 {height: 46px; padding: 2px 10px 0 10px; border: 1px solid #b8bdc5; border-radius: 5px; font-size: 16px; font-weight: 300; vertical-align: top;}

.f_txtar {padding: 10px; border: 1px solid #dde2e5; border-radius: 5px; font-size: 16px; font-weight: 300; resize: none;}

.f_search {display: inline-block; position: relative; vertical-align: top;}
.f_search input[type=text] {width: 100%; height: 46px; padding: 0 50px 0 10px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #fff;}
.f_search .btn {display: block; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 25px; height: 27px; border: 0; font-size: 0; background: url(../img/ico_search_b.png) no-repeat;}

select {font-family: 'NotoSans', sans-serif; font-weight: 400;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	-webkit-border-radius: 0;
	appearance:none;}
select::-ms-expand {display:none;}
.f_select {display: inline-block; position: relative; height: 46px; border: 0; border-radius: 5px; background: #f7f7f7; vertical-align: top;}
.f_select::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(../img/ico_select_btn.png) no-repeat;}
.f_select select {width: 100%; height: 100%; padding: 0 45px 0 20px; border: 0; color: #222; font-size: 16px; background: transparent;}

.f_select2 {display: inline-block; position: relative; height: 46px; border: 1px solid #dde2e5; border-radius: 5px; background: #fff; vertical-align: top;}
.f_select2::after {content: ""; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 15px; height: 9px; background: url(../img/ico_select_btn.png) no-repeat;}
.f_select2 select {width: 100%; height: 100%; padding: 0 45px 0 20px; border: 0; color: #222; font-size: 16px; font-weight: 300; background: transparent;}

.chk_txt {z-index: -1; width: 18px; height: 18px; vertical-align: top; outline: none;}
.chk_txt + label {display: inline-block; position: relative; height: 18px; padding-left: 11px; color: #333; font-size: 16px; line-height: 18px; vertical-align: top;}
.chk_txt + label::before {content: ""; display: block; position: absolute; left: -22px; top: 0; width: 18px; height: 18px; border: 1px solid #555; border-radius: 3px; background: #fff;}
.chk_txt:checked + label::before {border: 0; background: url(../img/ico_chk_txt_on.png) no-repeat !important;}

.chk_only {display: inline-block; position: relative; width: 18px; height: 18px; border: 1px solid #dde2e5; border-radius: 3px; background: #fff; vertical-align: top;}
.chk_only.on {border: 0; background: url(../img/ico_chk_txt_on.png) no-repeat !important;}
.chk_only input[type=checkbox] {position: absolute; left: 1px; top: 1px; z-index: -1;}

.f_chk {display: inline-block; position: relative; height: 18px; padding-left: 28px; line-height: 18px; vertical-align: top;}
.f_chk::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #555; border-radius: 2px; background: #fff;}
.f_chk.on::before {border: 0; background: url(../img/ico_chk_on.png) no-repeat;}
.f_chk input {position: absolute; left: 0; top: 0px; z-index: -1;}

.rdo_txt {z-index: -1; position: relative; left: 2px; top: 4px; vertical-align: top; outline: none;}
.rdo_txt + label {display: inline-block; position: relative; height: 22px; padding-left: 15px; color: #333; font-size: 16px; line-height: 22px; vertical-align: top;}
.rdo_txt + label::before {content: ""; display: block; position: absolute; left: -16px; top: 0; width: 22px; height: 22px; border: 1px solid #dee3e6; border-radius: 50%; background: #f7f7f7;}
.rdo_txt:checked + label::before {background: #fff;}
.rdo_txt:checked + label::after {content: ""; display: block; position: absolute; left: -10px; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: #169bd5;}

.file_attach {position: relative;}
.file_attach input[type=file] {position: absolute; left: -9999px; top: -9999px;}
.file_attach .file_add {display: inline-block; width: 90px; height: 46px; margin-left: 6px; border-radius: 5px; color: #222; font-size: 16px; font-weight: 300; line-height: 46px; text-align: center; /*background: #dde2e5;*/ vertical-align: top;}

.multi_file_list {padding: 18px; border: 1px solid #dde2e5; border-radius: 5px;}
.multi_file_list a {color: #666; font-size: 16px;}

.file_list {padding: 11px 29px 25px; border: 1px solid #b8bdc5; border-radius: 8px;}
.file_list a {display: inline-block; margin-top: 13px; color: #005bac; font-size: 18px;}
.file_list a::before {content: ""; display: inline-block; width: 20px; height: 24px; margin-right: 8px; background: url(../img/ico_file_blue.png) no-repeat; vertical-align: -5px;}


/* Tab */
.tab_cont .tab_item {display: none;}
.tab_cont .tab_item:first-child {display: block;}

.tab_1 ul {font-size: 0; text-align: center;}
.tab_1 ul li {display: inline-block;}
.tab_1 ul li + li {margin-left: 10px;}
.tab_1 ul li a {display: block; height: 60px; padding: 0 38px; border: 2px solid #b8bdc5; border-radius: 30px; color: #666; font-size: 18px; line-height: 56px;}
.tab_1 ul li a.on {border: 0; color: #fff; line-height: 60px; background: #01aab1;}


/* Title */
.tit_1 {color: #28303c; font-size: 36px; font-weight: 700; text-align: center;}
.tit_2 {position: relative; padding-left: 27px; color: #333; font-size: 20px; font-weight: 500; line-height: 20px; letter-spacing: -2px;}
.tit_2::before {content: ""; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 50%;}
/* .tit_2::before {content: ""; display: block; position: absolute; left: 0; top: 2px; width: 16px; height: 16px; border-radius: 50%; background: #008a96 url(../img/ico_bullet_01.png) no-repeat center;}
*/
.tit_3 {position: relative; padding-top: 16px; color: #28303c; font-size: 24px; font-weight: 500;}
.tit_3::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 20px; height: 3px; background: #008a96;}
.tit_4 {color: #333; font-size: 20px; font-weight: 500;}
.tit_4 .no {display: inline-block; width: 19px; height: 19px; margin-right: 9px; border-radius: 50%; color: #fff; font-size: 14px; font-weight: 300; text-align: center; line-height: 19px; background: #005bac; vertical-align: 2px;}
.tit_5 {position: relative; padding-left: 17px;}
.tit_5::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 9px; height: 9px; border-radius: 50%; background: #005bac;}
.tit_6 {position: relative; padding-left: 24px; color: #333; font-size: 18px; font-weight: 500; line-height: 28px; letter-spacing: -1px;}
.tit_6 span {display: block; position: absolute; left: 0; top: 5px; width: 18px; height: 18px; border-radius: 50%; color: #fff; font-size: 12px; text-align: center; line-height: 18px; background: #008a96;}
.tit_7 {color: #333; font-size: 18px; font-weight: 500;}
.tit_8 {color: #222; font-size: 16px; font-weight: 400;}
.click-popup {position: relative; padding-left: 27px; vertical-align: middle; font-size: 20px; margin-bottom: -50px; color: #333;line-height:100%;}
.click-popup::before {content: ""; display: block; position: absolute; left: 0; top: 4px; width: 16px; height: 16px; border-radius: 50%; background: #008a96 url(../img/ico_bullet_01.png) no-repeat center;}
.click-popup a:link { color: #333; text-decoration: none; display: inline-flex; align-items: center;}

/* Text */
.txt_top {padding-bottom: 15px; border-bottom: 2px solid #28303c; color: #222; font-size: 18px; font-weight: 500;}

.txt_1 {color: #666; font-size: 16px; font-weight: 300;}
.txt_2 {color: #637591; font-size: 16px; font-weight: 300;}
.txt_3 {color: #333; font-size: 16px; font-weight: 300;}
.txt_18_3 {color: #333; font-size: 18px; font-weight: 400;}

.msg_1 {padding: 30px; border-radius: 8px; color: #333; font-size: 18px; font-weight: 400; line-height: 28px; background: #f5f5f5;}
.msg_2 {padding: 30px; border-radius: 8px; background: #f5f5f5;}
.msg_2 li {position: relative; padding-left: 12px; color: #333; font-size: 18px; font-weight: 400; line-height: 30px;}
.msg_2 li::before {content: ""; display: block; position: absolute; left: 0; top: 14px; width: 4px; height: 1px; background: #333;}
.msg_2 li.bar::before {top: 12px; width: 5px; height: 5px; background: #008cd6;}
.msg_3 {padding: 40px 0; border-radius: 8px; background: #f5f5f5;}
.msg_3 dl {display: table; width: 100%; table-layout: fixed;}
.msg_3 dl > * {display: table-cell; vertical-align: top;}
.msg_3 dl dt {width: 165px; padding-left: 49px; color: #38475f; font-size: 18px; font-weight: 500;}
.msg_3 dl dd {position: relative; width: auto; padding: 0 39px 20px; color: #333; font-size: 16px; line-height: 30px;}
.msg_3 dl dd::before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #b2b2b2;}
.msg_3 dl dd .green {color: #008a96;}
.msg_3 dl dd .lblue {color: #637591;}
.msg_4 {padding: 22px 30px 24px 30px; border-radius: 8px; background: #f5f5f5;} 
.msg_4 > ul > li {position: relative; padding-left: 12px; line-height: 28px; color: #333; font-size: 18px;}
.msg_4 > ul > li + li {margin-top: 16px;}
.msg_4 > ul > li::before {content: ""; display: block; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #01aab1;}
.msg_4 > ul > li .green {color: #008a96; font-weight: 500;}
.msg_4 > ul > li .lblue {color: #637591; font-size: 16px;}



/* List */
.list_1 li {position: relative; padding-left: 12px; color: #333; font-size: 18px;}
.list_1 li + li {margin-top: 2px;}
.list_1 li::before {content: ""; display: block; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; background: #008cd6;}


/* sub Responsive */
@media all and (max-width: 960px){
	/* �섏냼�꾨Ц湲곗뾽 �띾낫愿� */

}

/* 221222 responsive modify */
/* step01 pageLoad */
.board_write table td .responsiveBlock {display:inline-block;}



@media (max-width: 1200px) {
	/* popup att attachment icon size change */
	.pop_container  #tdFile a img { width: auto;padding-left: 10px;}
}

@media (max-width: 1024px) {
	.responsiveArea {flex-flow: row wrap;line-height: 4rem;}
	.responsiveArea .realm {margin-left: 10px;}
	
	.pages .condition.search .page_count {top: 0;}
}
@media (max-width: 960px) {
	.board_write table td .responsiveBlock {display:block;}
	.board_write table td .responsiveBlock .inner_txt.ml20 {margin-top:10px;margin-left: 0 !important;}
	
	/* regist.do */
	.mypgTable.review input[type=text] {width:58% !important;}
	.mypgTable.review input.w_100 {width:20% !important;}
	
	.mypgTable.review input.w_200 {width: 30% !important;}
	
	/* 20230102 evaluation management pageLoad search responsive */
	.condition.search .w_500 {width: 90% !important;}
}

@media (max-width: 768px) {
	/* 20221230 mypage table responsive */
	.board_write table.responsiveTable th {display:block;width:100%;}
	.board_write table.responsiveTable td {display:block;width:100%;}
	
	.board_write table.responsiveTable.mypage colgroup  {display:none;}
	.board_write table.responsiveTable.mypage th {padding:20px;}
	.board_write table.responsiveTable.mypage td {padding:20px;}
	/* 20230102 mypage modify table responsive */
	.responsiveModify  .w_250 {width:50% !important;}
	
	/* 20230102 applicationmanagement pageLoad search responsive */
	.pages .condition2 .btn {width:60px;height:60px;top: 89%; transform: translate(-50%, -50%);}
	
	/* 20230102 evaluation management pageLoad search responsive */
	.condition.search {flex-direction: row;align-items: center;}
	.condition.search .w_500 {width: 60% !important;}
	.condition.search .r_col {margin-top: 0;justify-content: flex-end;}

}
@media (max-width: 640px) {
	/* 20230102 applicationmanagement pageLoad search responsive */
	.pages .condition2 {height: 47rem;}
	.pages .condition2 .btn {top: 87%;}
	.condition.search input.f_txt {height: 46px;}
}
@media (max-width: 540px) {
	/* 20230102 applicationmanagement pageLoad search responsive */
	.pages .condition2 {height: 62rem;}
	.pages .condition2 .btn {top: 85%;}
	
}
@media (max-width: 480px) {
	.review .btn_gray_h46 {font-size:13px;}
	.board_write.review table td .f_txt.w_300 { margin-top: 5px;}
	.review .file_attach .file_add {font-size:13px;}
	.mypgTable.review input[type=text] {width: 50% !important;}
	.mypgTable.review input.w_100 {width:18% !important;}
	.review input.f_txt, .f_search input[type=text] {height: 46px;vertical-align:top;}
	.mypgTable.review input.w_200 {width: 28% !important;}
	.mypgTable.review .f_txt {vertical-align: top;}
	/* 20230102 applicationmanagement pageLoad search responsive */
	.condition .page_count { width: 130px;font-size: 13px;}
	.condition.search input.f_txt {height: 35px;}
	.condition.search .btn_search {width:auto;height:35px;background: #008a96 url(/_res/h2hub/hes/img/ico_total_search_w_small.png) no-repeat 10px center;}
}