
/*search*/
.sch_act_Wrap {
    position: relative;
    width: 100%;
    display: inline-block;
    border-radius: 0.6rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    border-bottom:1px solid #cbd5e1;
    padding-bottom: 20px;
    margin-bottom:20px
}

.sch_act_Wrap input, .sch_act_Wrap select, .sch_act_Wrap textarea{
    border:1px solid #b6bfca
}

.sch_act_Wrap_in {
    width: calc(100% - 155px);
}

.sch_act_Wrap_btn {
    width: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px dotted #c4cfe1;
}

.sch_act_Wrap.v_b_sch {
    border: 2px solid #618bcf;
}

.sch_act_Wrap.v_b_sch dt {
    background: #618bcf;
    color: #fff;
}

.sch_act_Wrap.v_b_sch input {
    border: none;
}

.sch_act_Wrap .form {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    vertical-align: middle;
}

.sch_act_Wrap .sch_row {
    width: 100%;
    border-bottom: 1px dotted #c4cfe1;
    display: flex;
}

.sch_act_Wrap .sch_row:last-child {
    border-bottom: none;
}

.sch_act_Wrap .sch_fix {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.sch_act_Wrap .sch_fix dl {
    width: 50%;
}

.sch_act_Wrap .sch_fix dl.fu{
    width:100%;
}

.sch_act_Wrap dl {
    display: flex;
    align-items: center;
    /*border-bottom: 1px solid #c4cfe1;*/
}

.sch_act_Wrap dl.noline {
    border-bottom: none;
}

.sch_act_Wrap dl dt {
    font-weight: 500;
    color: #000;
    display: inline-block;
    padding: 1.3rem 1rem;
    min-width: 125px;
    text-align: center;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sch_act_Wrap dl dd {
    padding:1rem;
}

.sch_Wrap {
    position: relative;
    width: 100%;
    border: 1px solid #c4cfe1;
    display: inline-block;
    background: #fff;
    border-radius: 0.6rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.sch_Wrap_in {
    width: calc(100% - 155px);
}

.sch_Wrap_btn {
    width: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px dotted #c4cfe1;
}

.sch_Wrap.v_b_sch {
    border: 2px solid #618bcf;
}

.sch_Wrap.v_b_sch dt {
    background: #618bcf;
    color: #fff;
}

.sch_Wrap.v_b_sch input {
    border: none;
}

.sch_Wrap .form {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
    vertical-align: middle;
}

.sch_Wrap .sch_row {
    width: 100%;
    border-bottom: 1px dotted #c4cfe1;
    display: flex;
}

.sch_Wrap .sch_row:last-child {
    border-bottom: none;
}

.sch_Wrap dl {
    display: flex;
    align-items: center;
}

.sch_Wrap dl dt {
    font-weight: 500;
    color: #000;
    background: #edf4fa;
    display: inline-block;
    padding: 1.3rem 1rem;
    text-align: center;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.sch_Wrap dl dd {
    padding: 1.3rem 1rem;
}


.sch_form[type=radio] {
    display: none;
}

.sch_form[type=radio]+label {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sch_form[type=radio]+label:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/ico_radio_before.png) no-repeat 50% 50%;
}

.sch_form[type=radio]:checked+label:before {
    background-image: url(../images/ico_radio_after.png);
}

.sch_form[type=checkbox] {
    display: none;
}

.sch_form[type=checkbox]+label {
    display: flex;
    align-items: center;
    gap: 5px;
}

table .sch_form[type=checkbox]+label {
    justify-content: center;
}

.sch_form[type=checkbox]+label:before {
    content: "";
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 1px;
    background: #fff;
}

.sch_form[type=checkbox]:checked+label:before {
    background: #00a2ff url(../images/bg_check.svg) no-repeat 50% 50%;
    background-size: 70%;
    border-color: #00a2ff;
}

.raio_wrap {
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
}

*::placeholder {

    color: #bbb;
}

.sch_form::placeholder {

    color: #ccc;
}

.form {

    padding: 5px;
    font-weight: 400;
    border: 1px solid #e6e8ec;
    box-sizing: border-box;
}

.cal {
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 15px;
    width: 150px;
}

.cal_from {
    padding: 0 5px;
}

.sch_btn {
    background: #6e7b87;
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3rem;
    margin-left:3px;
}

.sch_btn img {
    width: 60%;
}

.reset_btn {
    background: #fff;
    width: 30px;
    height: 30px;
    border: 1px solid #6e7b87;
}

.reset_btn img {
    width: 60%;
}

.sch_detail {
    display: none;
    margin-top: 5px;
}

.hidden_box {
    /*display: none;*/
}

.hidden_box_in {
    background: #fff;
    border: 2px dotted #ccc;
    padding: 10px 0;
    margin-top: 5px;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.hidden_box span {
    width: calc((100% / 6) - 15px);
    padding: 5px 30px;
}

.hidden_box .sch_form[type=checkbox]+label {
    position: relative;
    align-items: flex-start;
    padding: 2px 0 0 26px;
}

.hidden_box .sch_form[type=checkbox]+label:before {
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 0;
}


/*search_table*/
.sch_tb_wrap {
    width: 100%;
    /*overflow: hidden;*/
    border-radius: 5px;
    border: 1px solid transparent;
    box-shadow: 0 0 0 1px #c4cfe1;
}

.sch_tb_wrap2 {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #c4cfe1;
}

.sch_tb {
    width: 100%;
}

.sch_tb tr {
    border-top: 1px dotted #c4cfe1;
}

.sch_tb tr:first-child {
    border-top: none;
}

.sch_tb th,
.sch_tb td {
    background: #fff;
}

.sch_tb th {

    font-weight: 500;
    color: #000;
    background: #edf4fa;
    text-align: center;
    padding: 12px 12px;
}

.sch_tb td {
    padding: 5px 12px;
}

.sch_tb td.btn {
    text-align: center;
    border-left: 1px dotted #c4cfe1;
}

.sch_tb td.btn button {
    margin: 5px 0;
}





/*Table*/
.tb_Wrap {
    margin-top: 15px;
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
    border-radius: 5px;
}

.pg_count {
    color: #58677e;
    position: relative;
    padding-left: 18px;
}

.pg_count:before {
    content: "";
    width: 15px;
    height: 18px;
    background: url(../images/pg_count.svg) no-repeat 50% 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-size: 15px;
    opacity: 0.3;
}

.pg_count strong {
    color: #003163;
}

/* table_col*/
.cms_table_col {
    width: 100%;
}

.cms_table_col th {
    padding: 15px 5px;
    font-weight: 500;
    line-height: 1;
    background: #f4f8fb;
    color: #000;
    border: 1px solid #e6eaef;
    border-top: 1px solid #003163;
}

.cms_table_col tbody>tr {
    border-bottom: 1px solid #e6e8ec
}

.cms_table_col tbody>tr>td {
    font-weight: 400;
    padding: 7px 5px;
    border: 1px solid #e6eaef;
}

.cms_table_col tbody>tr:hover {
    background-color: #f2f6f8
}

.cms_table_col input,
.cms_table_col select {
    border: 1px solid #e6e8ec;
    height: 30px;
    padding-left: 5px;
    width: 20%
}

.cms_table_col input[readonly] {
    background: #f6f8fd
}

.cms_table_col input[type=checkbox] {
    border: 1px solid #e6e8ec;
    width: 15px;
    height: 15px;
}

.cms_table_col th.bg {
    background: #fff;
    color: #003163
}

.tb_total {
    display: flex;
    gap: 20px;
}

.tb_total strong {
    color: #003163;
    font-size: 1.7rem;
}

.tb_info {
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.tb_info:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(../images/ic_info.svg) no-repeat 50% 50%;
    background-size: cover;
}


/* table_row*/
.cms_table_row {
    width: 100%;
}

.tb_fixed {
    table-layout: fixed;
}

.cms_table_row>tbody>tr>th {
    padding:18px 10px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #000;
    /*border-bottom: 1px solid #cbd5e1;*/
    vertical-align: middle;
}

.cms_table_row>tbody>tr>td {
    padding:10px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    color: #000;
    /*border-bottom: 1px solid #cbd5e1;*/
    vertical-align: middle;
}

.cms_table_row input[readonly],
.cms_table_row select[readonly] {
    background: #f6f8fd
}

.tb_btn_blue {
    background: #6f7279;
    color: #fff;
    padding: 3px 10px 5px 10px;
    border-radius: 2px;
    border: 1px solid #6f7279;
    transition: all 0.2s;
}

.tb_btn_blue:hover {
    background: #fff;
    color: #495a87;
    padding: 3px 10px 5px 10px;
}

.tb_btn_red {
    background: #dd1d1d;
    color: #fff;
    padding: 3px 10px 5px 10px;
    border-radius: 2px;
    border: 1px solid #dd1d1d;
    transition: all 0.2s;
}

.tb_btn_red:hover {
    background: #fff;
    color: #dd1d1d;
    padding: 3px 10px 5px 10px;
}

.tb_btn_red_line {
    background: #fff;
    color: #dd1d1d;
    padding: 3px 10px 5px 10px;
    border-radius: 2px;
    border: 1px solid #dd1d1d;
    transition: all 0.2s;
}

.tb_btn_red_line:hover {
    background: #dd1d1d;
    color: #fff;
    padding: 3px 10px 5px 10px;
}

.tb_btn_sky_line {
    background: #fff;
    color: #003163;
    padding: 3px 10px 5px 10px;
    border-radius: 2px;
    border: 1px solid #003163;
    transition: all 0.2s;
}

.tb_btn_sky_line:hover {
    background: #003163;
    color: #fff;
    padding: 3px 10px 5px 10px;
}

.tb_btn_gray_line {
    background: #fff;
    color: #6f7279;
    padding: 3px 10px 5px 10px;
    border-radius: 2px;
    border: 1px solid #6f7279;
    transition: all 0.2s;
}

.tb_btn_gray_line:hover {
    background: #6f7279;
    color: #fff;
    padding: 3px 10px 5px 10px;
}

.file_count {
    display: inline-block;
    margin-left: 15px;
}

.file_count strong {
    color: #003163;
    font-size: 1.7rem;
    padding: 0 5px;
}

table td button{
    font-size:1.6rem;
    /*padding:0px 12px !important;*/
    line-height:normal !important;
}

table td button.btn{
    line-height:34px;
    height:34px;
}


/*모달*/
.modal h3 {
    font-weight: 600;
    font-size: 2.1rem;
}


/*팝업창*/
.pop_body {
    overflow-y: auto;
}

.pop_wrap {
    width: 96%;
    margin: 0 auto;
    padding: 2rem 0;
}

.pop_tit {
    display: block;
    font-weight: 600;
    font-size: 2.1rem;
    text-align: center;
    padding: 1rem 0 1rem 0;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}





/*tag*/
.tag_wrap {
    display: flex;
}

.tag_list {
    display: flex;
    gap: 15px;
    align-items: center;
}

.tag_list i {
    display: flex;
    font-style: normal;
    gap: 3px;
    align-items: center;
    justify-content: center;
}

.tag_list i:before {
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #fff;
    border-radius: 0.3rem;
    text-align: center;
}

.tag_p:before {
    content: "P";
    background-color: #ad57eb;
}

.tag_s:before {
    content: "S";
    background-color: #003163;
}

.tag_m:before {
    content: "M";
    background-color: #1abdaf;
}



/* selected-tag */
.selected-tag{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.selected-tag .stag{
    padding:0 30px 0 12px;
    line-height:33px;
    font-size:1.5rem;
    background-color:#e2e8f0;
    border:1px solid #cbd5e1;
    border-radius:20px;
    position: relative;
}

.selected-tag .btn-close{
    width:8px;
    height:8px;
    background-image: url(../images/ico_close.svg);
    background-size: 8px;
    background-position:center;
    position: absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
}




/* gall_view */
.gall_view {
    width: 100%;
    border-top: 2px solid #003163;
}

.gall_view .info,
.gall_view .info dl {
    display: flex;
}

.gall_view .info {
    margin-top: 17px;
    gap: 10px;
    color: #888;
}

.gall_view .info dl {
    position: relative;
    padding-left: 10px;
}

.gall_view .info dl:before {
    content: "";
    width: 1px;
    height: 10px;
    background: #ddd;
    position: absolute;
    top: 1px;
    left: 0;
}

.gall_view .info dl:first-child {
    padding-left: 0px;
}

.gall_view .info dl:first-child:before {
    display: none;
}

.gall_view .view_img {
    border-bottom: 1px solid #e6e8ec;
    padding: 25px 20px;
    text-align: center;
}

.gall_view .view_img img {
    margin: 0 auto;
    max-width: 100%;
}

.view_tit span {
    vertical-align: middle;
    margin-bottom: 3px;
}

.sub-content .view_tit {
    font-size: 2.7rem;
    padding: 0 30px 10px;
    font-weight: 700;
    color: #000;
    line-height: 1.4;
    background-image: none;
    display: block;
    margin: 0;
}

.view_list dl {
    border-bottom: 1px solid #e6e8ec;
    background-color:#fff;
    display: flex;
    font-size: 1.6rem;
}
/*
.view_list dl:last-of-type {
    border-bottom:none;
}
*/
.view_list dt {
    font-weight: 600;
    font-size: 1.7rem;
    padding: 2rem;
    display: grid;
    align-items: center;
    width: 18%;
    justify-content: center;
    text-align: center;
    flex-shrink: 0;
}

.view_list dt button, .view_list dt a{
    margin-top:5px
}

.view_list dd {
    padding: 2rem;
    color: #58677e;
    line-height: 1.5;
}


/* board_list */
.board_list {
    width: 100%;
    border-top: 2px solid #003163;
}

.board_list tr {
    border-bottom: 1px solid #e6e8ec
}

.board_list tr.notice,
.board_list tr.notice:hover {
    background: #e6f3ff;
}

.board_list tr.notice td {
    font-weight: 500;
    color: #000;
}

.board_list tr.on,
.board_list tr.on:hover {
    background: #e6f3ff;
}

.board_list tr.on td {
    font-weight: 500;
    color: #000;
}

tr.deleted,
tr.deleted:hover {
    background: #f5f2ef;
}

tr.deleted td,
tr.deleted a {
    color: #999;
    font-style: italic;
}

.board_list thead>tr>th {
    padding: 15px 5px;
    font-weight: 500;
    line-height: 1;
    background: #f4f8fb;
    color: #000;
}

.board_list tbody>tr>td {
    padding: 15px 5px;
    font-weight: 400;
}

.board_list tbody>tr:hover {
    background-color: #f2f6f8
}

.ic_notice {
    width: 20px;
    vertical-align: middle;
}

.ic_notice.v2 {
    width: auto;
    background: #2b4da5;
    color: #fff;
    border-radius: 0.3rem;
    font-weight: 500;
    display: inline-block;
    padding: 4px 7px;
}

.ic_file {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.ic_file img {
    width: 100%;
    display: block;
}

.ic_new {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.ic_new img {
    width: 100%;
    display: block;
}


/* board_view */
.board_view {
    width: 100%;
    /*background-color: #f8fafc;
    border-radius: 20px;*/
    margin-bottom: 2.5rem;
}

.file_wrap {
    display: flex;
    gap: 5px 15px;
    flex-wrap: wrap;
    align-items: center;
}

a.file:hover {
    text-decoration: underline;
}

.state {
    display: inline-block;
    padding: 3px 12px;

    min-width: 65px;
}

.state.blue {
    background: #e4f0ff;
    color: #003163;
}

.state.navy {
    background: #dae3f9;
    color: #0a215c;
}

.state.green {
    background: #cff7e9;
    color: #199367;
}

.state.gray {
    background: #f4f4f4;
    color: #888;
}

.re_count {
    display: inline-block;
    background: #e4f0ff;
    color: #003163;
    border-radius: 100px;
    padding: 0 7px;
    line-height: 22px;

    text-align: center;
    margin-left: 5px;
    font-weight: 600;
}

.on .re_count {
    background: #bad9ff;
    color: #16327b;
}

.tag {
    display: inline-block;
    border: 1px solid #003163;
    color: #003163;
    margin-right: 10px;
    border-radius: 0.3rem;
    font-size: 1.5rem;
    line-height: 1rem;
    font-weight: 500;
    padding: 4px 7px;
}

.tag.off {
    color: #8e95a5;
    border-color: #8e95a5;
}

.ic_state {
    display: inline-block;
    border: 1px solid #6d7eab;
    color: #6d7eab;
    line-height: 18px;
    font-size: 1.5rem;
    font-weight: 400;
    padding: 0px 3px;
    vertical-align: middle;
}

.ic_state.red {
    border: 1px solid #e1709e;
    color: #e1709e;
}

.ic_state.green {
    border: 1px solid #12abcf;
    color: #12abcf;
}

.nodata{
    text-align: center;
    padding: 50px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    color:#58677e;
    border-radius:2rem;
}

.nodata:before{
    content: "";
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url(../images/ico_document.svg) no-repeat 50% 0;
    background-size:60px;
}

.board_list tbody>tr.nodata_tr:hover {
    background: transparent;
}

.board_reply {
    margin-top: 20px;
    border: 1px solid #cfd6df;
    border-radius: 5px;
}

.reply_list li {
    position: relative;
    border-top: 1px dotted #ddd;
    padding: 18px 15px 18px 15px;
    cursor: pointer;
}

.reply_list li:first-child {
    border-top: none;
}

.reply_list li:before {
    content: "";
    background: url(../images/user_img.png) no-repeat 50% 50%;
    background-size: 100%;
    width: 41px;
    height: 41px;
    position: absolute;
    top: 20px;
    left: 15px;
}

.reply_list li.reply_multi {
    background: #eef8ff;
    padding: 18px 15px 18px 45px;
}

.reply_list li.reply_multi:before {
    left: 45px;
}

.reply_list li.reply_triple {
    background: #eef8ff;
    padding: 18px 15px 18px 85px;
}

.reply_list li.reply_triple:before {
    left: 85px;
}

.reply_list .writer {
    display: flex;
    flex-direction: column;
    padding-left: 50px;
    gap: 2px;
}

.reply_list .writer .name {
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.reply_list .writer .date {

    color: #666;
    font-weight: 300;
}

.reply_list .writer .name i {
    font-style: normal;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
    display: inline-block;
    background: #003163;
    border-radius: 20px;
    padding: 0 5px;
    margin: 1px 0 0 5px
}

.reply_list .text {

    margin-top: 10px;
    color: #58677e;
    font-weight: 400;
}

.reply_list .re_target {
    font-size: 1.6rem;
    color: #1165ff;
    font-weight: 500;
    margin-right: 8px;
}

.reply_list .btn {
    position: absolute;
    right: 10px;
    top: 13px;
}

.reply_list .btn button {
    border: none;
    color: #003163;

    padding: 5px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    padding-left: 15px;
    margin-left: 8px;
}

.reply_list .btn button:before {
    content: "";
    width: 13px;
    height: 17px;
    background: url(../images/re_del.svg) no-repeat 50% 60%;
    background-size: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.reply_list .btn button.del:before {
    background-image: url(../images/re_del.svg);
}

.reply_list .btn button.write:before {
    background-image: url(../images/re_write.svg);
}

.reply_list .btn button.edit:before {
    background-image: url(../images/re_edit.svg);
}

.reply_list .del_info span {
    color: #999;
    position: relative;
    padding-left: 20px;
}

.reply_list .del_info span:before {
    content: "";
    width: 18px;
    height: 18px;
    background: url(../images/ic_warning.svg) no-repeat 50% 50%;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0.3;
    background-size: 100%;
    transform: translateY(-50%);
}

.reply_list li.del_info:before {
    content: none;
}

.board_reply_w {
    background: #f6f8fa;
    padding: 10px 10px 10px 15px;
    position: relative;
    border-radius: 5px;
    font-family: 'Roboto', 'NotoSans', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;
    border: 1px solid #eff0f1;
}

.board_reply_w textarea {
    width: calc(100% - 100px);
    border: none;
    background: transparent;
    outline: none;
    overflow: hidden;
}

.board_reply_w textarea:hover {
    outline: none;
}

.board_reply_w .save {
    position: absolute;
    right: 10px;
    bottom: 10px;

    background: #145ff1;
    color: #fff;
    border-radius: 5px;
    padding: 8px 15px;
}

.board_reply_w .cancel {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    background: url(../images/reset_btn.svg) no-repeat 50% 50%;
    background-size: 100%;
    opacity: 0.5;
}

.board_reply_w .cancel:hover {
    opacity: 1;
}

.ver_write .board_reply_w {
    background: #fff;
    margin-top: 13px;
    border: 1px solid #e4f1f9;
}


/*테이블 탭메뉴*/
.tb_tab {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

.tb_tab a {
    display: block;
    padding: 6px 7px;
    border-radius: 2px;
    background: #f4f4f4;
    color: #777;
}

.tb_tab .active a,
.tb_tab li:hover a {
    background: #6fa2ff;
    color: #fff;
}

.tb_top select.tb_tab_sel {

    padding: 0 7px;
    background: #f4f4f4;
    color: #777;
    border: none;
    width: 150px;
}


/***외부디자인***/
/*검색영역*/
.filter_wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 3rem;
}

.filter_wrap.ver_center {
    justify-content: center;
}

.filter_wrap.ver_left {
    justify-content: flex-start;
}

.filter_wrap.ver_right {
    justify-content: flex-end;
}

.filter_wrap.ver_half {
    justify-content: space-between;
}

.filter_wrap.ver_half .input_wrap {
    width: 46%;
}

.filter_wrap.ver_half .input_wrap input,
.filter_wrap.ver_half .input_wrap dt {
    width: 100px;
}

.filter_wrap.ver_half .input_wrap dd {
    width: calc(100% - 120px);
}

.btr_wrap .btr_left,
.btr_wrap2 .btr_left {
    width: 100%;
    border: 1px solid #c4cfe1;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.btr_wrap .btr_right,
.btr_wrap2 .btr_right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 5px;
}

.btr_wrap .input_wrap,
.btr_wrap2 .input_wrap {
    width: 50%;
}

.btr_wrap .input_wrap dt,
.btr_wrap2 .input_wrap dt {
    min-width: 125px;
}

.btr_wrap .input_wrap dd,
.btr_wrap2 .input_wrap dd {
    flex-grow: 1;
    max-width: calc(100% - 130px);
    display: flex;
    align-items: center;
    gap: 0 5px;
}

.wrap_gray>.filter_wrap {
    border: 1px solid #c4cfe1;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    justify-content: space-between;
}

/*게시판상단*/
.tb_top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 1.5rem;
}

.tb_top button{
    padding: 0px 15px;
}

.tb_top_left {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.tb_top .tit_h4,
.tb_top .tit_h5,
.tb_top .tit_h6,
.tb_top .tit_h7 {
    margin: 0;
}

.tb_top .input_wrap{
    justify-content: end;
}

.tb_count {
    color: #666;
    position: relative;
    font-size:1.6rem
}

.tb_count strong {
    color: #145ff1;
}

.type_change {
    display: none;
}

.tb_button {
    display: flex;
    gap: 5px;
}

.tb_page {
    display: none;
}

.tb_cate a{
    display: inline-block;
    line-height:30px;
    padding:0px 8px;
    background-color: #fff;
    border: 1px solid #c4cfe1;
    border-radius:3px;
    font-size:1.4rem
}

.tb_cate a.on{
    background-color:#003163;
    border:1px solid #003163;
    color:#fff
}



/*form*/
.input_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
    align-items: center;
}

.filter_wrap:nth-of-type(1) .input_wrap {
    border-top: none;
}

.wrap_gray>.filter_wrap .input_wrap {
    width: 50%;
    border-bottom: 1px dotted #c4cfe1;
}

.wrap_gray>.filter_wrap .input_wrap.noline {
    border-bottom: none;
}

.input_wrap2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.input_wrap.ver_right {
    justify-content: flex-end;
}

.input_tit {
    color: #000;
    font-weight: 500;
    flex-shrink: 0;
    background: #edf4fa;
    padding: 1.8rem 2rem;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
}

/*paging*/
.pagination {
    margin: 2.5rem auto 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
}

.pagination a {
    display:block;
    overflow: hidden;
    width: 3.8rem;
    height: 3.8rem;
    line-height: 3.8rem;
    font-size: 1.6rem;
    background: #fff;
    border-radius:6px;
}

.pagination>a.btn_navi{
    text-decoration: underline;
}

.pagination>a.disabled{
    color:#868e99;
    text-decoration: none;
}

.pagination .paging {
    margin:0 10px;
    display: flex;
    gap:5px;
}

.pagination .paging>li {
    display: inline-block;
}

.pagination .paging>li>a.on {
    color: #145ff1; 
    font-weight: 500; 
    border: 1px solid #bdddff; 
    background-color: #eef6ff;
}

.pagination .paging>li>a:hover{
    font-weight: 500; 
    color: #145ff1; 
    text-decoration: underline;
}

.pagination select{
    height:38px;
    font-size:15px
}



/*게시판&폼용*/
.tb_row {
    border-collapse: collapse;
    width: 100%;
    border-top:1px solid #e6e8ec
}

.tb_row tr {
    border-bottom: 1px solid #e6e8ec;
}

.tb_row th,
.tb_row td {
    padding: 2rem 1rem;
    font-weight: 400;
    vertical-align: middle;
}

.tb_row thead th {
    color: #000;
    font-weight: 600;
    text-align: center;
    background-color: #f8fafc;
    padding: 1.7rem 1rem;
}

.tb_row tbody th {
    color: #152d4b;
    font-weight: 600;
    position: relative;
}

.tb_row tbody th:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 18px;
    background: #dae1ed;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tb_row td {
    text-align: center;
}

.tb_row td a:hover {
    text-decoration: underline;
    color: #000;
}

.tb_row tr a,
.tb_col tr a {
    line-height: 1.7;
}

.tb_row td a.btn_down:hover,
.tb_row td a.btn_navy:hover,
.tb_row td a.btn_blue:hover,
.tb_row td a.btn_gray:hover {
    text-decoration: none;
    color: #fff;
}

.tb_row td a.btn_white:hover {
    text-decoration: none;
    color: #000;
}

.tb_row tbody tr:hover td,
.tb_row tbody tr.on td{
    /*background-color:#eefbff;*/
    font-weight:600;
}

.tb_row.ver_left td {
    text-align: left;
}

.tb_row .b_tit{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    display: inline-block;
    vertical-align:middle;
}

.ic_notice {
    width: 20px;
    vertical-align: middle;
}


.tb_col {
    border-collapse: collapse;
    width: 100%;
    border-top: 2px solid #152d4b;
}

.tb_col th,
.tb_col td {
    padding: 14px 12px;
}

.tb_col th {
    color: #152d4b;
    border-bottom: 1px solid #dae1ed;
    font-weight: 700;
    position: relative;
}

.tb_col th:after {
    content: "";
    display: inline-block;
    width: 2px;
    height: 18px;
    background: #dae1ed;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tb_col td {
    border-bottom: 1px solid #dae1ed;
    text-align: center;
}

.tb_col td a:hover {
    text-decoration: underline;
    color: #000;
}

.tb_col tbody tr:hover,
.tb_col tbody tr.on {
    background: #ebfaff;
}

.tb_col.ver_left td {
    text-align: left;
}

.tb_row td .comment {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
    margin-left: 7px;
    font-weight: bold;
    color: #0361c4;
    text-align: center;
    font-size: 1.5rem;
}

.tb_row2 {
    border-collapse: collapse;
    width: 100%;
}

.tb_row2 th,
.tb_row2 td {
    padding: 14px 12px;
}

.tb_row2 thead th {
    color: #152d4b;
    border: 1px solid #dae1ed;
    border-top: 1px solid #152d4b;
    border-bottom: none;
    background: #eef4f8;
    font-weight: 700;
    text-align: center;
}

.tb_row2 tbody th {
    border: 1px solid #dae1ed;
    font-weight: 700;
    text-align: center;
}

.tb_row2 td {
    border: 1px solid #dae1ed;
    text-align: center;
}

.tb_row2 thead th:first-of-type,
.tb_row2 tbody th:first-of-type,
.tb_row2 td:first-of-type {
    border-left: none;
}

.tb_row2 thead th:last-of-type,
.tb_row2 tbody th:last-of-type,
.tb_row2 td:last-of-type {
    border-right: none;
}

.tb_row2 th.line,
.tb_row2 td.line {
    border-right: 1px solid #dae1ed !important;
}

.tb_row2 ul {
    margin-left: 0 !important;
}

.tb_row2.ver_left td {
    text-align: left;
}

.tb_row2.onclick tbody tr:hover {
    background: #ebfaff;
    cursor: pointer;
}

.tb_img {
    width: 100%;
}

.tb_img img {
    max-width: 100%;
}

.tb_img2 {
    width: 100%;
    max-width: 200px;
    max-height: 200px;
}

.tb_img3 {
    width: 160px;
    height: 128px;
    cursor: pointer;
}

.tb_img3.active {
    border: 2px solid #1266f1;
}

.tb_col2 {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #152d4b;
}

.tb_col2 th,
.tb_col2 td {
    padding: 14px 12px;
}

.tb_col2 th {
    color: #152d4b;
    border: 1px solid #dae1ed;
    background: #eef4f8;
    font-weight: 700;
    text-align: center;
    height: 40px;
}

.tb_col2 td {
    border: 1px solid #dae1ed;
    text-align: center;
}

.tb_col2 th:first-of-type,
.tb_col2 td:first-of-type {
    border-left: none;
}

.tb_col2 th:last-of-type,
.tb_col2 td:last-of-type {
    border-right: none;
}

.tb_col2 th.line,
.tb_col2 td.line {
    border-right: 1px solid #dae1ed;
}

.tb_col2.ver_left td {
    text-align: left;
}

.tb_col2.ver_center td {
    text-align: center;
}

.tb_col2.ver_line th:first-of-type,
.tb_col2.ver_line td:first-of-type {
    border-left: 1px solid #dae1ed;
}

.tb_col2.ver_line th:last-of-type,
.tb_col2.ver_line td:last-of-type {
    border-right: 1px solid #dae1ed;
}


.tb_row3 {
    border-collapse: collapse;
    width: 100%;
}

.tb_row3 th,
.tb_row3 td {
    padding: 5px 5px;
    border: 1px solid #dae1ed;
}

.tb_row3 th {
    color: #fff;
    font-size: 1.5rem;
    background: #7993a3;
    font-weight: 500;
    text-align: center;
    border-bottom: none;
}

.tb_row3 td {
    font-size: 1.5rem;
    text-align: center;
}

.tb_row3.ver_left td {
    text-align: left;
}

.tb_row3.ver_center td {
    text-align: center;
}

.tb_row3 td:last-child {
    border-right: 1px solid #dae1ed;
}


/*게시판뷰페이지*/
.board_view2 {
    border-top: 2px solid #003163;
}

.type_change button {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    border: 1px solid #dae1ed;
    background: url(../images/ic_type_list.svg) no-repeat 50% 50%;
    background-size: 52%;
    transition: all 0.2s;
}

.type_change button.type_box {
    background-image: url(../images/ic_type_box.svg)
}

.type_change button.active {
    background-color: #5388ff;
    border-color: #5388ff;
}

.type_change button.type_list.active {
    background-image: url(../images/ic_type_list_w.svg)
}

.type_change button.type_box.active {
    background-image: url(../images/ic_type_box_w.svg)
}

.reply2 {
    margin-top: 20px;
    background: #eff4fb;
    padding: 15px 20px;
    position: relative;
    border-radius: 5px;
}

.reply2_tit {
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.reply2_con {
    font-size: 1.6rem;
    line-height: 1.5;
    color:#333;
}

.reply2_info {
    display: flex;
    gap: 15px;
    border-top: 1px dotted #ccc;
    margin-top: 10px;
    padding-top: 10px;
}

.reply2_info .writer span {
    color: #000;
    font-weight: 500;
}

.reply2_info .writer i {
    font-style: normal;
    font-size: 1.6rem;
    color: #666;
    font-weight: 300;
}

.reply2_info .btn {
    position: absolute;
    right: 20px;
    bottom: 15px;
}

.reply2_info .btn button {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f7f7f7;
    color: #58677e;
    font-size: 1.6rem;
    padding: 2px 3px;
    font-family: 'Roboto', 'Pretendard', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;
}

/*갤러리리스트*/
.gallery {
    display: flex;
    gap:35px 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom:3rem
}

.gallery>li {
    width: calc(24.7% - 20px);
    position: relative;
    overflow: hidden;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
}

.gallery>li:hover {
    border-color: #003163;
    /*box-shadow: -2px 2px 20px rgb(38 53 97 / 11%);
    border-radius: 1.5rem;*/
}

.gallery>li:hover .thumb img {
    scale: 1.05;
}

.gallery>li label {
    position: absolute;
    top: 10px;
    right: 10px;
}

.gallery .thumb {
    width: 100%;
    display: block;
    overflow: hidden;
    aspect-ratio: 1.5 / 1;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
    border-radius:20px;
}

.gallery .thumb img {
    display: block;
    width: 100%;
    height:100%;
    background: #f4f4f4;
    transition: all 0.2s;
}

.gallery .detail {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    /*padding:25px 20px;*/
    margin-top:25px
}

.gallery .thumb:focus{
    outline-offset: -4px !important;
    box-shadow:none !important;
    outline: 2px solid #145ff1 !important;
}

.gallery dt {
    font-weight: 600;
    display: block;
    color: #000;
    font-size: 2.2rem;
    line-height: 1.2;
}

.gallery dd {
    position: relative;
    color:#58677e;
    font-size:1.5rem
}
.gallery dd:first-of-type {
    margin-top: 10px;
}


/*갤러리뷰페이지*/
.gallery_view {
    /*background-color: #f8fafc;
    border-radius: 40px;*/
    margin-bottom: 2.5rem;
}

.sub-content .board_view h4::after,
.sub-content .board_view2 h4::after,
.sub-content .gallery_view h4::after {
        display: none;
}

.view_info {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666;
    padding:0 30px 35px;
    border-bottom: 1px solid #e6e8ec;
}

.view_info li {
    position: relative;
    padding-left: 17px;
    font-size: 1.5rem;
}

.view_info li:before {
    content: "";
    width: 1px;
    height: 15px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.view_info li:first-child {
    padding-left: 0;
}

.view_info li:first-child:before {
    display: none;
}

.view_body {
    border-bottom: 1px solid #e6e8ec;
    background-color: #fff;
}

.view_body .list-1>li{
    font-size:2rem
}

.view_body .list-1>li .ntc-text{
    font-size:1.7rem
}

.view_pic {
    margin-bottom: 1.5rem;
}
.view_pic img {
    max-width: 100%;
}

.view_con {
    padding: 40px 30px;
    font-size: 1.7rem;
    line-height: 1.8;
}

.view_con.c_auto{
    max-width:900px;
    margin: auto;
    padding-right:0;
    padding-left:0
}

.view_file {
    display: flex;
    gap: 1rem 2.2rem;
    flex-wrap: nowrap;
}

.view_file li {
    position: relative;
    padding-left: 24px;
}
/*
.view_file li:before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: 100%;
    opacity: 0.5;
}

.view_file li a {
    color: #58677e;
}

.view_file li a:hover {
    text-decoration: underline;
    text-underline-position: under;
    color:#000;
}
*/
.view_file .file-info .file-name{
    display: flex !important;
    align-items: center;
}

.view_file .file-info .file-name span{
    font-size:1.4rem;
    color:#58677e
}

.view_file .file-info .file-name img{
    height:28px;
}


/*갤러리쓰기페이지*/
.gallery_write {
    width: 100%;
    border-top: 1px solid #003163;
    border-bottom: 1px solid #e6eaef;
}

.gallery_write th,
.gallery_write td {
    border-bottom: 1px solid #e6eaef;
    padding: 1.4rem 1rem;
    text-align: left;
    font-size: 1.6rem;
}

.gallery_write th {
    font-weight: 500;
    color: #000;
    position: relative;
    background: #f4f8fb;
}

.gallery_write td {
    color: #333;
}

.gallery2_write {
    width: 100%;
    border-top: 1px solid #e6eaef;
}

.gallery2_write th,
.gallery2_write td {
    border-bottom: 1px solid #e6eaef;
    padding: 1.4rem 1rem;
    text-align: left;
    font-size: 1.6rem;
}

.gallery2_write th {
    font-weight: 500;
    color: #000;
    position: relative;
    background: #f4f8fb;
}

.gallery2_write td {
    color: #333;
}

.gallery3_write {
    width: 100%;
    border-top: none;
}

.gallery3_write th,
.gallery3_write td {
    border-bottom: 1px solid #e6eaef;
    padding: 1.4rem 1rem;
    text-align: left;
    font-size: 1.6rem;
}

.gallery3_write th {
    font-weight: 500;
    color: #000;
    position: relative;
    vertical-align: top;
    background: #f4f8fb;
}

.gallery3_write td {
    color: #333;
}

.tb_box{
    padding:30px;
    border: 1px solid #b9d9f4;
    background: #eefbff;
    border-radius:20px;
}

.tb_box .cont-table table{
    border-top:0
}




/*** video ***/
.video{
    display: flex;
    gap: 40px;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom:3rem;   
}

.video li{
    width: calc(32.9% - 21px);
}

.video .thumb {
    width: 100%;
    border-radius: 1.5rem;
    display: block;
    overflow: hidden;
    aspect-ratio: 1.5 / 1;
    flex-shrink: 0;
    border: 1px solid #e2e8f0;
}

.video .thumb img {
    display: block;
    width: 100%;
    height:100%;
    background: #f4f4f4;
    transition: all 0.2s;
}

.video>li:hover .thumb img {
    scale: 1.05;
}

.video .detail{
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    padding: 25px;
    border-radius: 15px;  
    margin-top:20px
}

.video .tit{
    font-weight: 600;
    color: #000;
    font-size: 2.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width:100%
}

.video .date{
    color: #58677e;
    font-size: 1.5rem;
    margin-top:10px
}





/*** liste-board ***/
.liste-board ul{
    width:100%;
    border-top:1px solid #c4cfe1;
}

.liste-board li a {
    border-bottom: 1px solid #e6eaef;
    background-color:#fff;
    padding:22px 20px;
    width:100%;
    display: flex;
    gap:5px;
    align-items: center;    
}

.liste-board li .num{
    font-size: 1.4rem;
    color: #58677e;
    font-style: italic;
    width:50px
}

.liste-board li .num strong{
    display:block;
    font-size:1.5rem
}

.liste-board li .text{
    width:calc(100% - 100px)
}

.liste-board li .tit{
    font-size:1.8rem;
    font-weight:500;
}

.liste-board li .date{
    font-size: 1.5rem;
    color: #58677e;
    margin-top:5px
}

.liste-board li .tag{
    color: #1353c7;
    background: #eef6ff;
    border: 1px solid #eef6ff;
    line-height:18px;
}



/*** qna-list ***/
.qna-list {
	width: 100%;
}

.qna-list ul{
    display: grid;
    gap: 10px;
}

.qna-list li {
    box-shadow: -2px 5px 20px 0px rgba(75, 128, 185, 0.07);
    border: 1px solid #e6eaef;
    border-radius:20px;
    background-color:#fff;
    overflow: hidden;
    width:100%
}

.qna-list>ul>li>a {
	display: block;
	transform: translate(0, 0);
	padding: 30px 25px;
	position: relative;
    transition: all ease-in-out .3s;
}

.qna-list > ul > li > a::after{
    content: "";
    background-image: url(../images/ico_arrow.svg);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size:12px;
    width:12px;
    height:12px;
    position: absolute;
    right:25px;
    top:35px
}

.qna-list>ul>li>a:hover {
    background-color:#eefbff;
}

.qna-list>ul>li>a.on{
    color:#1353c7;
    background: #eefbff;
}

.qna-list>ul>li>a.on::after {
	transform: rotate(-180deg);
}

.qna-list>ul>li>a .num {
	width: 6%;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color: #58677e;
	text-align: center;
	display: none;
}

.qna-list>ul>li>a .tit {
	display: inline-block;
	line-height: 20px;
	text-align: left;
	width: 90%;
	background: url(../images/ico_question.svg) no-repeat left center;
	background-size: 20px;
	padding-left: 30px;
    font-size:1.9rem;
    font-weight:600;
}

.qna-list>ul>li>.answer {
	background: #fbfdff url(../images/ico_answer.svg) no-repeat 25px 32px;
	background-size: 20px;
	border-top: 1px solid #e3eaf4;
	color: #58677e;
	line-height: 22px;
	display: none;
	padding: 30px 30px 30px 55px
}







/*반응형*/
@media all and (max-width:1399px) {
    .video li{width:calc(32.2% - 14px)}
}

@media all and (max-width:1190px) {
    .sch_act_Wrap .sch_fix dl {width:100%;}
    /*.sub-content .view_tit {padding-top:25px}
    .view_info {padding-bottom: 2rem;}*/
    .view_con {padding: 1.5rem;}
    .view_list dt{width:25%}
    .gallery, .video{gap:25px;}
    .gallery>li{width: calc(23.6% - 10px);}
    .gallery .thumb{border-radius:15px;}
    .gallery .date, .video .date{font-size:1.4rem}
    .gallery dt, .video .tit{font-size:1.9rem}
    .video .detail {padding:2rem;}
    .video li{width:calc(32.6% - 14px)}
}

@media screen and (max-width:768px) {
    .upload-name-wrap {min-width: auto;}
    .tb_top {flex-direction: column; gap:0.7rem;} 
    .tb_top .input_wrap select {width:30% !important;}
    .tb_top .input_wrap input {width:40% !important;}
    .pagination{flex-wrap: wrap;}
    .pagination a {width: 3rem; height: 3rem; line-height: 3rem; font-size:1.4rem}
    .pagination select{height:3.2rem; width:70px!important; font-size:1.3rem}
    .pagination>a.btn_navi, .pagination select{display: inline-flex; align-items: center; justify-content: center; flex-direction: row; order:2;}
    .pagination .paging{order:1; margin:0; gap:2px; width:100%; justify-content: center;}
    .view_list dl {flex-direction: column; padding:15px;}
    .view_list dt,
    .view_list dd {width:100%; padding:0;}
    .view_list dt{display: flex; margin-bottom:10px}
    .view_list dt button, .view_list dt a{margin:0 0 0 5px}
    .view_info li{font-size:1.4rem}
    .view_body .list-1>li{font-size:1.7rem}
    .view_body .list-1>li .ntc-text{font-size:1.5rem}    
    .view_con{padding:20px; font-size:1.6rem; line-height:2.2rem;}
    .gallery{gap: 20px; padding-bottom: 2rem;}
    .gallery>li {width: calc(50% - 10px);}
    .gallery .detail{padding:1rem; margin-top:10px}
    .gallery dt{font-size:1.9rem}
    .gallery dd{font-size:1.4rem;}
    .gallery dd:first-of-type{margin-top:13px}
    .gallery_view, .board_view{border-radius:25px;}
    .video{gap: 30px; padding-bottom:2rem}
    .video>li {width:100%}
    .video .detail {margin-top:10px}

    .cms_table_row>tbody>tr>th, .cms_table_row>tbody>tr>td{display: block;}
    .cms_table_row>tbody>tr>th{padding:1rem;}
    .sch_act_Wrap_in{width:100%}
    .sch_Wrap_btn{width:100%; padding:20px 0; border-top:1px solid #c4cfe1}

    .tb_row{width:100%}
    .tb_row thead, .tb_row colgroup{display:none}
    .tb_row tbody tr{border-bottom:1px solid #dde2e6}
    .tb_row tbody tr td{display:-webkit-box; padding:5px 8px; border-bottom:none; font-size:1.5rem; width:100%; text-align:left;}
    .tb_row tbody tr td.nodata{width:100%}
    .tb_row tbody tr:hover, .tb_row tbody tr.on{width:100%; display:block;}
    .tb_row tbody tr td:first-child,
    .tb_row tbody tr th:first-child{padding-top:16px}
    .tb_row tbody tr td:last-child,
    .tb_row tbody tr th:last-child{padding-bottom:15px}
    .tb_row tbody tr td:before{display:table; margin-right:12px; display: table-caption; width:90px; font-weight:600; text-align:left; content:attr(data-label); font-size:1.5rem}
    .tb_row tbody tr.none td:before{width:auto; margin:0;}
    .tb_row .b_tit{display:block; width:70%}
    .tb_count{font-size:1.4rem}
    .tb_box{padding:25px 20px;}
    .ic_file{display:none;}

    .sch_act_Wrap dl{flex-wrap: wrap; gap:5px;}
    .sch_act_Wrap dl{margin-bottom:15px}
    .sch_act_Wrap dl:last-child{margin-bottom:0}
    .sch_act_Wrap dl dt, .sch_act_Wrap dl dd{padding:0; width:100% !important; justify-content: left;}

    .sub-content .view_tit{font-size:2rem}
    .tit-main h2 .tm{height:30px;}

    .selected-tag .stag{font-size:1.4rem; line-height:28px;}

    .qna-list>ul>li>a{padding:25px;}
    .qna-list>ul>li>a::after{top:30px; background-size:10px;}
    .qna-list>ul>li>a .tit{font-size:1.7rem}
    .qna-list>ul>li>.answer{padding:25px 25px 25px 55px;}

    .liste-board li .tit{font-size:1.7rem}
    .liste-board li .date, .liste-board li .tag{font-size:1.4rem}
    
}
