@charset "UTF-8"; 

.tablewrap {overflow: hidden;width: 100%;margin:2rem 0;padding-bottom: 1px;}
.horizontal_scroll {display:none;position:sticky;left:0;margin-bottom:.5rem}
.horizontal_scroll .ri-hand{position:relative;left:0;animation:h_move 1s infinite linear}

@keyframes h_move{
    25%{left:3px}
    50%{left:0}
    75%{left:-3px}
    100%{left:0}
} 
@media screen and (max-width:860px){ 
    .tablewrap.responsive {overflow-x: auto;} 
    .tablewrap.responsive > table {min-width: 880px;}
    .horizontal_scroll{display:block}
}
/**Table**/
.table_topwrap {border-top: 1px solid #000;}
.table_list {display: table;table-layout: fixed;}
.table_list tbody>tr>td, 
.table_list tbody>tr>th, 
.table_list thead>tr>td, 
.table_list thead>tr>th {padding:1rem 1rem;text-align: center}
.table_list td, .table_list th {border: 1px solid #d9d9d9;border-top: 0px none;}
.table_list td:first-child, .table_list th:first-child {border-left: none;}
.table_list td:last-child, .table_list th:last-child {border-right: none;} 
.table_list thead th {background: #f4f8fc;color: #000;font-weight: 400;}
.table_list tbody th {background: #f4f8fc;color: #000;font-weight: 400;}
.table_list tbody>tr>td {padding:.5rem .7rem;}
.table_view  {display: table;table-layout: fixed;}
.table_view tbody>tr>td, .table_view  tbody>tr>th, .table_view tfoot>tr>td, .table_view  tfoot>tr>th, .table_view  thead>tr>td, .table_view  thead>tr>th {padding:1rem 1rem 1rem 1.5rem;text-align: left;}
.table_view  td, .table_view  th {border: 1px solid #d9d9d9;border-top: 0px none;}
.table_view  td:first-child, .table_view  th:first-child {border-left: none;}
.table_view  td:last-child, .table_view  th:last-child {border-right: none;} 
.table_view  thead th {background: #f4f8fc;color: #000;font-weight: 400;}
.table_view  tbody th {background: #f4f8fc;color: #000;font-weight: 400;} 
.infoview {width: 2.8rem;height: 2.8rem;background: #1b4d92;border-radius: 100%;display: inline-flex;align-items: center;justify-content: center;color: #fff;transition: .3s;}
.infoview.purple {background: #8e73cb;}
.infoview.royalbl {background: #009bbc;}
.infoview:hover {background: #01285d;}
.infoview.purple:hover {background: #6b4db0;}
.infoview.royalbl:hover {background: #007399;}
/*Form*/
.form_int {border: 1px solid #d4d4d4;height: 34px;border-radius: 3px;padding: 0 1rem;}
.form_int[readonly], .form_int[disabled] {background:#f4f4ed;color:#595959;font-weight: 300;}
/*Form Checkbox*/
.form_chk {position: relative;}
.form_chk .checkbox_area {display: inline-block;vertical-align: top;}
.form_chk .checkbox_area + .checkbox_area {margin-left: 30px;}
.form_chk input[type=checkbox] {position: absolute;width: 0;height: 0;opacity: 0;}
.form_chk input[type=checkbox] + label {position: relative;font-size: 1.7rem;
color: #000; padding-left: 30px;cursor: pointer;}
.form_chk input[type=checkbox] + label:before {content: '';position: absolute;left: 0;top: 0px;width: 20px;height: 20px;border: 1px solid #d4d4d4;background-color: #ffffff;border-radius: 3px;}
.form_chk input[type=checkbox] + label:after {content: '';position: absolute;}
.form_chk input[type=checkbox]:checked + label::before {border-color: #0078cc;background-color: #0078cc;}
.form_chk input[type=checkbox]:checked + label::after {content: '\eb7a';font-family: 'remixicon';left: 2px;top: -1px;font-size: 17px;color: #fff;}
.form_chk input[type=checkbox][readonly] + label:before {border-color: #d4d4d4;
background-color: #ebebeb;}
.form_chk input[type=checkbox][readonly]:checked + label:before {border-color: #d4d4d4;
background-color: #ebebeb;}
.form_chk input[type=checkbox][readonly]:checked + label:after {color: #ccc;}  
/*Form Radio */
.form_radio {position: relative;}
.form_radio .radio_area {display: inline-block;vertical-align: top;padding-right: 30px; }
.form_radio .radio_area:last-of-type {margin-right: 0;}
.form_radio input[type=radio] {overflow: hidden;position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;clip: rect(0, 0, 0, 0);border: 0;}
.form_radio input[type=radio] + label {position: relative;padding-left: 28px;
font-size: 1.7rem;display: inline-block;vertical-align: middle;text-align: right;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.form_radio input[type=radio] + label:before {content: '';position: absolute;
left: 0;top: 2px;width: 20px;height: 20px;text-align: center;background: #ffffff;border: 1px solid #d4d4d4;border-radius: 50%;}
.form_radio input[type=radio] + label:after {
content: '';position: absolute;top: 8px;left: 6px;width: 8px;height: 8px;background: #ebebeb;border-radius: 50%;}
.form_radio input[type=radio]:checked + label::before {border-color: #0078cc;background-color: #0078cc;}
.form_radio input[type=radio]:checked + label:after {background: #fff;}
.form_radio input[type=radio][readonly] + label:before {border-color: #d4d4d4;
background-color: #ebebeb;}
.form_radio input[type=radio][readonly]:checked + label:before {border-color: #d4d4d4;
background-color: #ebebeb;}
.form_radio input[type=radio][readonly]:checked + label:after {background-color: #ebebeb;} 
/*Form text*/
.check_input_area {margin-top: 5rem;}
.check_input_area > * {vertical-align: middle;}
.check_input_area .radio_area {vertical-align: middle;}
.check_input_area .input_area {display: inline-block;width: calc(100% - 96px);max-width: none;vertical-align: middle;}  
/*Form Textarea*/
.form_textarea textarea {width: 100%; border: 1px solid #d4d4d4;border-radius: 3px;padding:1rem 1rem;background: #ffffff;resize: none;}
.form_textarea textarea.scroll {resize: none;} 
/*Form Select*/
.form_select {display: inline-block;vertical-align: top;width: 100%;max-width: 100%;}
.form_select select[multiple] {background: #ffffff;}
.form_select select {width: 100%;min-width: 10rem;background: url('../images2025/sub/select_arrow.png') center right 14px no-repeat;background-color: #ffffff;border: 1px solid #d4d4d4;height: 34px;border-radius: 3px;padding: 0 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form_select select::-ms-expand {display: none;}
.form_select select:focus {border-color: #26247b;}  
.form_select.wphone {width: 110px !important;}
.form_fileadd {width: 100%; border: 1px solid #d4d4d4;border-radius: 3px;padding:2rem 2rem;background: #fff;}
.filebox {position: relative;padding: 0 0 0 15rem;min-height: 10rem;}
.filebox::before {content: url(../images2025/sub/icon_fileup.png);position: absolute;top: 1rem;left: 2rem;z-index: 2;}
.filebox::after {content: '';background: #edf0f2;width: 6rem;height: 6rem;border-radius: 100%;position: absolute;top: 2rem;left: 5.5rem;z-index: 1;}
/*board 폼*/
.board_form {overflow:hidden}
.board_form table {width:100%; table-layout:fixed} 
.board_form th {padding:1rem 1rem 0rem 1rem; text-align:left;font-weight: 400;vertical-align: top;}
.board_form th span {position: relative;padding-left: 1.4rem;display: inline-block;}
.board_form th span::before {content: '';width: .4rem;height: .4rem;background: #000;position: absolute;top: .7rem;left: 0;border-radius:100%;}
.board_form td {padding:.5rem 1rem; text-align:left; word-break:keep-all} 
/* .board_form td input[type="text"] {width: 100%;} */ 
.board_form td input[type="text"], .board_form td input[type="password"] {border: 1px solid #d4d4d4;height: 34px;border-radius: 3px;padding: 0 1rem;width: 100%;}
.board_form td input[type="text"].wphone {width: 85px !important;}
.board_form td input[type="text"].idchk {width: calc(100% - 10.5rem);}
.board_form td input[readonly], .board_form td input[disabled] {background:#f4f4ed;color:#595959;font-weight: 300;} 
.row_email {display: flex;gap: 6px;align-items: center;}  
.board_form table.result {width:100%; table-layout:fixed} 
.board_form table.result th {padding:1.5rem 1rem; text-align:left;font-weight: 600;font-size: 2rem;vertical-align: top;border-bottom: 1px solid #ededed;}
.board_form table.result th span {position: relative;padding-left: 2rem;display: inline-block;}
.board_form table.result th span::before {content: '\eb7b';font-family: "remixicon";position: absolute;top: .5rem;left: 0;border-radius:0;    font-size: 1.2rem;width: 0;height: 0;color: #000;}
.board_form table.result td {padding:1.5rem 1rem; text-align:left; word-break:keep-all;border-bottom: 1px solid #ededed;} 
.board_form label   {vertical-align: middle;}
/* 페이징 */
.pagination {margin-top:2rem;display: flex;justify-content:center;align-items: center;flex-wrap: wrap;}
.board_pager {font-size:1.5rem; text-align:center}
.board_pager a {border:2px solid transparent; display:inline-block; overflow:hidden; width:3.6rem; height:3.6rem; border-radius:100%; text-align:center; line-height:3.2rem; vertical-align:top;color: #424242;}
.board_pager a.arr {border:1px solid #ddd}
.board_pager a.arr::before {display:block; width:100%; height:100%; font-family: "remixicon"; text-align:center; line-height:inherit;font-size:1.7rem;}
.board_pager a.arr.first::before {content:"\f2e3"}
.board_pager a.arr.prev::before {content:"\ea64"}
.board_pager a.arr.next::before {content:"\ea6e"}
.board_pager a.arr.last::before {content:"\f2e4"}
.board_pager a.arr.first, .board_pager a.arr.last {text-indent:-1.2rem; letter-spacing:-1.2rem}
.board_pager a.active {border-color:#053663; color:#fff; background: #053663;}
.board_pager .group {margin:0 0.5rem}
/* .board_pager .group a:last-child {display:none;}  */
.page_aside {margin-left: 2.5rem; text-align: center;font-size: 1.5rem;font-weight: 300;display: inline-flex;align-items: center;}
.page_aside input[type="text"] {height: 31px;width: 35px;border: 1px solid #bbbbbb;border-radius: 3px; text-align: center;}
.page_aside .num {letter-spacing: 0;margin:0 0rem;}
.page_aside .movepage {height: 31px; border: 1px solid #77a9ee;border-radius: 3px;background: #eff7ff;color: #00315e;padding: 0 1rem;transition: .3s;}
.page_aside .movepage:hover {background: #fff;}
/*20260224*/
.board_pager .group a:last-child {display:inline-block}

/******Respond******/
@media screen and (max-width:860px){
    .board_form colgroup {display:none} 
    .board_form th, .board_form td {width: 100%;display: block;}
    .board_form td input[type="text"] + span {display: block;margin-top: 1rem;}
    .row_email {flex-direction: column;flex-wrap: wrap;align-items: flex-start;}
}
@media screen and (max-width:480px){
    .infotxtbox {padding-left: 0 !important;}
    .infotxtbox::before {display: none;}    
}