@charset "utf-8";

.NeedDev {
    position: relative;
}
.NeedDev::after {
    content: '추가 개발 필요';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #1d1d1d;
    opacity: 0.8;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 100;
}

/* 스타일 가이드 */
.contTop_box {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    border-radius: 20px;
    background: url(../images/component/bg_contTop_box.png), linear-gradient(90deg, #264686 0%, #1A2F59 100%);
    background-blend-mode: soft-light, normal;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.contTop_box p.tit {
    position: relative;
    color: #FFF;
    font-size: 24px;
    font-weight: 700;
    line-height: 150%; /* 36px */
    letter-spacing: -0.72px;
    padding-left: 44px;
}
.contTop_box p.tit::before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/img_contTop_tit.png);
    position: absolute;
    top: 0;
    left: 0;
}
.contTop_box ul {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.contTop_box ul > li {}

.contTop_box ul > li > p {
    position: relative;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.48px;
    padding-left: 11px;
}
.contTop_box ul > li > p::before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 0;
    width: 5px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/ico_contTop_sub.svg);
}

@media screen and (max-width: 767px) {
    .contTop_box {
        padding: 24px;
    }
    .contTop_box p.tit {
        font-size: 18px;
        padding-left: 32px;
    }
    .contTop_box p.tit::before {
        width: 24px;
        height: 24px;
        background-size: cover;
        top: 2px;
    }
    .contTop_box ul > li > p {
        font-size:15px;
    }
}

.contSub_box {
    display: flex;
    flex-direction: column;
    padding: 16px 20px;
    gap: 8px;
    border-radius: 10px;
    border: 1px solid #D8D8D8;
    background: #F8F8F8;
    margin-top: 40px;
}
.contSub_box > dl {
    display: flex;
}
.contSub_box > dl dt {
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.contSub_box > dl dd {
    position: relative;
    padding-left: 8px;
    margin-left: 8px;
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.contSub_box > dl dd::before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 16px;
    background: #D0D5E0;
}

@media screen and (max-width: 767px) {
    .contSub_box {
        margin-top: 30px;
    }
    .contSub_box > dl dt {
        font-size:15px;
    }
    .contSub_box > dl dd {
        font-size:15px;
    }
    .contSub_box > dl dd::before {
        top: 2px;
    }
}


/* subtit - default */
.subtit_l {
    position: relative;
    color: #1D1D1D;
    font-size: 20px;
    font-weight: 700;
    line-height: 150%; /* 30px */
    letter-spacing: -0.6px;
    padding-left: 30px;
    margin-top: 40px;
}
.subtit_l::before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/ico_subtit_l.svg);
}
.subtit_m {
    position: relative;
    color: #1D1D1D;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%; /* 27px */
    letter-spacing: -0.54px;
    padding-left: 11px;
}
.subtit_m::before {
    content: '';
    display: block;
    width: 5px;
    height: 27px;
    position: absolute;
    top: -1px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/ico_subtit_m.svg);
}
.subtit_s {
    position: relative;
    color: #1D1D1D;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    padding-left: 12px;
}
.subtit_s::before {
    content: '';
    display: block;
    width: 6px;
    height: 24px;
    position: absolute;
    top: -1px;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/component/ico_subtit_s.svg);
}
.subtit_l_con {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 2px;
    padding-left: 30px;
} 
.subtit_m_con {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 8px;
}
.subtit_s_con {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 10px;
}

@media screen and (max-width: 1280px){

}

@media screen and (max-width: 767px){
    .subtit_l {
        margin-top: 30px;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.9px;
    }
    .subtit_m {
        font-size: 16px;
        letter-spacing: -0.8px;
    }
    .subtit_s {
        font-size:15px;
        letter-spacing: -0.7px; 
    }
    .subtit_l_con {
        padding-left: 20px;
        gap: 6px;
    }
    .subtit_m_con {
        padding-left: 0;
        gap: 6px;
    }
    .subtit_s_con {
        gap: 6px;
    }
}

/* subtit - custom */
.subtit_s._num {
    position: relative;
    padding-left: 16px;
}
.subtit_s._num::before {
    background: unset;
    width: 14px;
    top: 0;
}
.subtit_s._num:nth-of-type(1)::before {
    content: '①';
}
.subtit_s._num:nth-of-type(2)::before {
    content: '②';
}
.subtit_s._num:nth-of-type(3)::before {
    content: '③';
}
.subtit_s._num:nth-of-type(4)::before {
    content: '④';
}

.subtit_s._num2 {
    position: relative;
    padding-left: 26px;
}
.subtit_s._num2::before {
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset; 
    background: #E4E4E4;
    width: 20px;
    height: 20px;
    border-radius: 12px;
    top: 2px;
    color: #1D1D1D;
    font-size: 13px;
    font-weight: 400;
    line-height: 150%; /* 19.5px */
}
.subtit_s._num2:nth-of-type(1)::before {
    content: '1';
}
.subtit_s._num2:nth-of-type(2)::before {
    content: '2';
}
.subtit_s._num2:nth-of-type(3)::before {
    content: '3';
}
.subtit_s._num2:nth-of-type(4)::before {
    content: '4';
}

.subtit_s._red {
    padding-left: 0;
    color: #F00;
}
.subtit_s._red::before {
    display: none;
}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 767px) {
    .subtit_s._num2 {
        padding-left: 23px;
    }
    .subtit_s._num2::before {
        width: 18px;
        height: 18px;
    }
}


/* table mScroll */
.table_area.mScroll {
    padding: 0;
    background: unset;
    padding: unset;
    margin: unset;
    border: unset;
    margin-top: 20px;
}
.table_area.mScroll table {
    table-layout: fixed;
    border-top: 2px solid #162B64;
}
.table_area.mScroll table thead {}
.table_area.mScroll table thead tr {}
.table_area.mScroll table thead tr th {
    padding: 14px 16px;
    color: #1D1D1D;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    background: #F8F8F8;
    border: unset;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.table_area.mScroll table thead tr th:last-child {
    border-right: none;
}
.table_area.mScroll table tbody {}
.table_area.mScroll table tbody tr {}
.table_area.mScroll table tbody tr th {
    padding: 14px 16px;
    color: #1D1D1D;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    background: #F8F8F8;
    border: unset;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.table_area.mScroll table tbody tr th:last-child {
    border-right: none;
}
.table_area.mScroll table tbody tr td {
    padding: 14px 16px;
    color: #1D1D1D;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
}
.table_area.mScroll table tbody tr td:last-child {
    border-right: none;
}

@media screen and (max-width: 767px) {
    .table_area.mScroll {
        position: relative;
        overflow-x: auto;
        margin-top: 16px;
    }
    .table_area.mScroll::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/component/ico_tbl_scroll.svg) no-repeat center 45px;
        background-size: 70px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 5;
    }
    .table_area.mScroll.ck::before {
        display: none;
    }
    .table_area.mScroll table {
        min-width: 767px;
    }
}

/* TAB MENU */
.sub_tabbox {
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    overflow: hidden;
    box-sizing: border-box;
}
.sub_tabbox > ul {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin: -1px;
}
.sub_tabbox > ul > li {
    flex: 1;
    box-sizing: border-box;
    border-right: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}
.sub_tabbox > ul:has(li:nth-child(4)) > li {
    flex: 0 1 calc(100% / 4);
}
.sub_tabbox > ul > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: 56px;
    padding: 16px;
    color: #1d1d1d;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%; /* 24px */
    letter-spacing: -0.48px;
}
.sub_tabbox > ul > li > a > span {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word; 
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}
.sub_tabbox > ul > li > a:focus,
.sub_tabbox > ul > li > a:hover {
    background-color: #EFF1F5;
    font-weight: 500;
    color: #1D1D1D;
    outline-offset: -6px;
}
.sub_tabbox > ul > li > a.active {
    background-color: #1A2F59;
    font-weight: 500;
    color: #fff;
}   
.sub_tabbox > ul > li:has(a.active) {
    z-index: 1;
}
.js_tabcont {
    display: none;
}
.js_tabcont.active {
    display: block;
}

@media screen and (max-width: 767px) {
    .sub_tabbox {
        position: relative;
        height: 52px;
        overflow: initial;
    }
    .sub_tabbox > ul {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        max-height: 52px;
        border: 1px solid #d8d8d8;
        border-radius: 10px;
        overflow: hidden;
        transition: max-height 0s cubic-bezier(0, 1, 0, 1);
    }
    .sub_tabbox > ul.open {
        max-height: 600px;
        z-index: 11;
        transition: max-height 0s ease-in-out;
    }
    .sub_tabbox > ul > li {
        display: none;
        flex: none;
        order: 2;
        position: relative;
        width: 100% !important;
        margin: 0;
        border: none;
        border-top: 1px solid #d8d8d8 !important;
        background-color: #fff;
        overflow: hidden;
    }
    .sub_tabbox > ul > li:has(a.active) {
        display: block;
    }
    .sub_tabbox > ul.open > li {
        display: block;
    }
    .sub_tabbox > ul:has(li:nth-child(4)) > li {
        flex: none;
    }
    .sub_tabbox > ul > li > a {
        justify-content: flex-start;
        height: auto;
        min-height: 51px;
        padding: 16px;
        background: #fff;
        line-height: 20px;
        text-align: left;

        &:hover,
        &:focus {
            outline-offset: -4px;
        }
    }
    .sub_tabbox > ul > li:has(a.active) {
        order: 1;
        border-top: none !important;
    }
    .sub_tabbox > ul > li > a.active {
        padding-right: 45px;
        background: #fff;
        color: #1d1d1d;
        font-weight: 500;
    }
    .sub_tabbox > ul > li > a.active::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 15px;
        width: 20px;
        height: 20px;
        margin-top: -10px;
        background: url(../images/component/ico_tab_arrow_down.svg) no-repeat
        center/contain;
    }
    .sub_tabbox > ul.open > li > a.active:after {
        transform: rotate(180deg);
    }
}

/* 필수 입력 */
.req { color: #FE9204; display: inline-flex; margin-right: 4px; }

/* BUTTON */
.btnBox {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}
.btnBox.po_lr,
.btnBox.po_lc,
.btnBox.po_rc {
    justify-content: space-between;
}
.btnBox.po_lc::after {
    content: '';
    flex: 1;
}
.btnBox.po_rc::before {
    content: '';
    flex: 1;
}
.btnBox_left {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px 16px;
    text-align: left;
    flex: 1;
}
.btnBox_center {    
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px 16px;
    text-align: center;
    flex: 1;
}
.btnBox_right {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px 16px;
    text-align: right;
    flex: 1;
}
.btnBox .btn {
    width: 117px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 4px;
    color:#FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.btnBox .btn.blue { border: 1px solid #162B64; background-color: #162B64; color: #FFF; }
.btnBox .btn.lineBlue { border: 1px solid #162B64; background-color: #fff; color: #162B64; }
.btnBox .btn.lightblue { border: 1px solid #1C60E8; background-color: #1C60E8; color: #FFF; }
.btnBox .btn.orange { border: 1px solid #F06E00; background-color: #F17400; color: #FFF; }
.btnBox .btn.gray { border: 1px solid #717171; background-color: #717171; color: #FFF; }
.btnBox .btn.lightgray { border: 1px solid #f0f0f0; background-color: #f0f0f0; color: #717171; }
.btnBox .btn.green { border: 1px solid #82BD40; background-color: #82BD40; color: #FFF; }
.btnBox .btn.deepgreen { border: 1px solid #39825A; background-color: #39825A; color: #FFF; }
.btnBox .btn.cyan {border: 1px solid #007175; background-color: #007175; color: #fff; }
.btnBox .btn.deepcyan { border: 1px solid #074D60; background: #074D60; color: #fff;}
.btnBox .btn.lineDeepcyan {border: 1px solid #074D60; background-color: #fff;  color: #074D60;}
.btnBox .btn.lightcyan { border: 1px solid #ECF4F5; background: #ECF4F5; color: #0C5155;}

.btnBox .btn.ssm1 {width: auto; height: 25px; padding: 4px; font-size: 14px; line-height: normal;}
.btnBox .btn.ssm2 {width: 71px; height: 25px; padding: 4px; font-size: 14px; line-height: normal;}
.btnBox .btn.ssm3 {width: 105px; height: 25px; padding: 4px; font-size: 14px; line-height: normal;}
.btnBox .btn.small1 {width: auto; height: 30px; padding: 8px 12px; font-size: 13px;}
.btnBox .btn.small2 {width: 43px; height: 30px; padding: 8px; font-size: 13px;}
.btnBox .btn.small3 {width: 57px; height: 30px; font-size: 13px; }
.btnBox .btn.small4 {width: 81px; height: 30px; font-size: 13px; }
.btnBox .btn.small5 {width: 98px; height: 30px; font-size: 13px; }
.btnBox .btn.small6 {width: 105px; height: 30px; font-size: 13px; }
.btnBox .btn.sm1 {width: auto; height: 30px; padding: 8px 12px; font-size: 13px; line-height: normal;}
.btnBox .btn.sm2 {width: 43px; height: 30px; padding: 8px; font-size: 13px; line-height: normal;}
.btnBox .btn.sm3 {width: 57px; height: 30px; font-size: 13px; line-height: normal;}
.btnBox .btn.sm4 {width: 81px; height: 30px; font-size: 13px; line-height: normal;}
.btnBox .btn.sm5 {width: 98px; height: 30px; font-size: 13px; line-height: normal;}
.btnBox .btn.sm6 {width: 105px; height: 30px; font-size: 13px; line-height: normal;}
.btnBox .btn.sm7 {width: 77px; height: 30px; font-size: 13px; line-height: normal;}
.btnBox .btn.sm8 {width: 92px; height: 30px; font-size: 13px; line-height: normal;}
.btnBox .btn.md1 {width: auto; height: 36px; padding: 8px 12px;}
.btnBox .btn.md2 {width: 132px; height: 36px;}
.btnBox .btn.md3 {width: 98px; height: 36px;}
.btnBox .btn.md4 {width: 74px; height: 36px;}

/* btn custom */
.btnBox .btn-answer {width: auto; height: 21px; border-radius: 100px; padding: 0; padding-left: 12px; padding-right: 6px; gap: 4px; letter-spacing: -0.7px;}
.btnBox .btn-answer .arrow-right {display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-image: url(../images/ico/btn-answer-arrow-right-white.svg);}
.btnBox .btn-answer.lightcyan .arrow-right {display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-image: url(../images/ico/btn-answer-arrow-right-deepcyan.svg);}

.btnBox .btn-excelDown {
    width: auto;
    display: flex;
    padding: 8px 12px 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 4px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    color: #2D2D2D;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.btnBox .btn-excelDown i.down {
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico/ico_btn_excel.svg);
}
.btnBox .btn-excelDown2 {
    width: auto;
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    border-radius: 4px;
    border: 1px solid #39825A;
    background: #39825A;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.btnBox .btn-excelDown2 i.down {
    display: block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico/ico_btn_excel_white.svg);
}

.btnBox .btn-resultReview {
    width: 100%;
    max-width: 172px;
    height: 23px;
    display: flex;
    padding: 1px 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 14px;
    letter-spacing: -0.7px;
}

.btnBox .btn_add i.plus {
    display: block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico/ico_btn_user_plus.svg);
}
.btnBox .btn_del i.minus {
    display: block;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico/ico_btn_user_minus.svg);
}


.bigBtns {height: 42px;}
.page_nate + .bigBtns {margin-top: -65px;}
.mallBtns02 {height: 36px;}
.mallBtns {height: 29px;}
.smallBtns {height: 36px;}
.ssmallBtns {height: 29px;}
.bigBtns a.btn,
.smallBtns a.btn,
.tbl-list a.btn,
.tbl-detail a.btn {cursor: pointer; display: inline-block; box-sizing: border-box; vertical-align: middle; text-align: center; font-weight: normal; border-radius: 4px;}
a.btn {cursor: pointer; display: inline-block; box-sizing: border-box; vertical-align: middle; text-align: center; font-weight: normal; border-radius: 4px;}
span.btn {display: inline-block; box-sizing: border-box; vertical-align: middle; text-align: center; font-weight: normal; border-radius: 4px;}
.bigBtns a.btn {width: 134px; height: 42px; line-height: 42px; font-size: 18px;}
.bigBtns2 a.btn {width: 132px; height: 36px; line-height: 36px; font-size: 15px;}
.mallBtns02 a.btn {width: 98px; height: 36px; line-height: 36px; font-size:15px;}
.mallBtns a.btn {width: 72px; height: 29px; line-height: 29px; font-size: 13px;}
.smallBtns a.btn {width: 68px; height: 36px; line-height: 36px; font-size: 15px;}
.ssmallBtns a.btn {width: 46px; height: 29px; line-height: 29px; font-size: 13px;}
.tbl-list a.btn {margin: 2px 0; width: 59px; height: 24px; line-height: 22px; font-size: 15px;}
.tbl-list a.btn02 {margin: 2px 0; width: 59px; height: 49px; border-radius: 4px; padding: 13px 11px 14px; line-height: 47px; font-size: 15px;}
.tbl-detail a.btn {width: 85px; height: 34px; line-height: 34px; font-size: 15px;}
.bigBtns a.btn.freeWidth,
.mallBtns a.btn.freeWidth,
.mallBtns02 a.btn.freeWidth {padding: 0 33px; width: auto;}
.smallBtns a.btn.freeWidth,
.ssmallBtns a.btn.freeWidth,
.tbl-list a.btn.freeWidth,
.tbl-detail a.btn.freeWidth {padding: 0 11px; width: auto;}
.tbl-list a.btn02 > i {display: inline-block; vertical-align: middle; margin-right: 5px; width: 24px; height: 24px; background: url(../images/common/ico_design_btn.png)no-repeat center center;}
.forms a.btn {margin-left: 4px;}

a.btnnull {background: #fff; border: 1px solid #043762; }
a.btnWOrange {background: #fff; border: 1px solid #ca8119; color: #ed9a23;}
a.btnWBlue {background: #fff; border: 1px solid #2b74ee; color: #2b74ee;}
a.btnWBlue02 {background: #fff; border: 1px solid #2b74ee; color: #000000;}
a.btnWGray {background: #fff; border: 1px solid #737373; color: #737373;}
a.btnblack {background: #fff; border: 1px solid #043762; color: #333333;}
a.btnDRed {background: #DC0000; border: 1px solid #DC0000; color: #fff;}
a.btnRed02 {background: #FE4C4C; border: 1px solid #FE4C4C;  color: #fff;}
a.btnDOrange {background: #ed9a23; border: 1px solid #ca8119; color: #fff;}
a.btnDBlue {background: #2b74ee; border: 1px solid #003997; color: #fff;}
a.btnDBlue02 {background: #0A2B7A; border: 1px solid #0A2B7A; color: #fff;}
a.btnOrange {background: #ed9a23; border: 1px solid #ed9a23; color: #fff;}
a.btnBlue {background: #2A65F6; border: 1px solid #2A65F6; color: #fff;}
a.btnBlue02 {background: #0DCDE0; border: 1px solid #0DCDE0; color: #fff;}
a.btndarkblue {background:#17317B; border:1px solid #17317B; color:#fff;}
a.btnblueLine {background: #fff; border: 1px solid #17317B; color: #17317B;}
a.btnGray {background: #737373; border: 1px solid #737373; color: #fff;}
a.btnGray02 {background: #A1AAB8; border: 1px solid #A1AAB8; color: #fff;}
a.btnDeepcyan {background: #074D60;; border: 1px solid #074D60;; color: #fff;}
a.btn.stat {border: 1px solid transparent; color: #fff;}
a.btn.stat.ing {background: #2e8cd6;}
a.btn.stat.stop {background: #df2143;}
a.btn.stat.comp {background: #009380;}

a.btnPlus {width: 36px; background: url(../images/ico/ico_btn_file_plus.svg) no-repeat 0 0;}
a.btnMinus {width: 36px; background: url(../images/ico/ico_btn_file_minus.svg) no-repeat 0 0;}

.bottom-btn-wrap {text-align: center; margin-top: 24px;}
.bottom-btn-wrap.alignTop {position: relative; top: -59px;}
.bottom-btn-wrap.double {display: inline-block;}
.bottom-btn-wrap.double02 a.btn {display: block; margin: 0 auto;}
.bottom-btn-wrap.double02 a.btn + a.btn {margin-top: 10px;}
.bottom-btn-wrap .btn-wrap-left {float: left;}
.bottom-btn-wrap .btn-wrap-right {float: right;}
.Btncenter {text-align: center;}

.smallBtns a.btn-list {width: 85px; height: 36px; display: flex; justify-content: center; align-items: center;}
.smallBtns a.btn-list::before {width: 24px; height: 24px; content: ""; display: inline-block; background: url(../images/common/add/ico_btn-list.png)no-repeat center center;}

a.btnArrowL {width:24px !important; height:24px !important; padding:0 !important; background:#fff url(../images/common/arrow-left-s-fill.png) no-repeat center center;}
a.btnArrowR {width:24px !important; height:24px !important; padding:0 !important; background:#fff url(../images/common/arrow-right-s-fill.png) no-repeat center center;}

a.btn_close {
	width: 40px !important;
	height: 40px !important; 
	display: flex !important; 
	align-items: center; 
	justify-content: center;
	background-color: #0A2B7A; 
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/common/ico_close.png);
	font-size: 1px;
	overflow: hidden;
	text-indent: -9999px;
}

a.btn_checked { width: 250px !important; height: 40px !important; display: flex !important;  align-items: center; justify-content: center; margin: 0 auto;}
a.btn_checked > i {display: inline-block; width: 40px; height: 40px; background: url(../images/common/ico_btn_checked.png)no-repeat center center;}

a.btn.del {width: 24px; height: 24px;}
a.btn.del > i {display: block; width: 24px; height: 24px; background: url(../images/common/btn_24_gray_del.png)no-repeat center center;}

.tbl-btn-area{margin-top:23px; float:right;}
.tbl-btn-area:after{display:block; content:""; clear:both;}
.delete-btn-area{margin-top:23px;/* float:right; */ text-align:right;}
.input-file a.img-cancel-btn{ font-size:15px;  cursor:pointer; padding-left:28px; vertical-align:middle;}
.input-file a.img-cancel-btn:after{content: "";  background:url('../images/sub/img-cancel.gif')right center  no-repeat; display:inline-block; width:13px; height:13px; padding-left:5px; vertical-align:middle;}

.file a.file-cancel-btn,
.css-file a.css-cancel-btn {margin: 0 6px; width: 18px; height: 18px; line-height: 13px;}
.fileRe a.file-re-btn {position: absolute; width: 18px; height: 18px; line-height: 13px;}

.file a.file-cancel-btn img,
.css-file a.css-cancel-btn img,
.fileRe a.file-re-btn img {vertical-align: middle;}

.btn_modify {
    background: #0C5155;
    border: 1px solid #0C5155;
    color: #fff;
}
.btn_delete {
    background: #DC0000;
    border: 1px solid #DC0000;
    color: #fff;
}

.tbl-list table tbody td > a.btn_modify {
    color: #fff;
}


.bottom-btn-wrap {
    text-align: center;
    margin-top: 29px;
}

.bottom-btn-wrap.alignTop {
    position: relative;
    top: -59px;
}

.bottom-btn-wrap.double {
    display: inline-block;
}

.bottom-btn-wrap.double02 a.btn {
    display: block;
    margin: 0 auto;
}

.bottom-btn-wrap.double02 a.btn + a.btn {
    margin-top: 10px;
}

.bottom-btn-wrap .btn-wrap-left {
    float: left;
}

.bottom-btn-wrap .btn-wrap-right {
    float: right;
}

.Btncenter {
    text-align: center;
}

.admin_add {
    position: absolute;
    top: -97px;
    background: #ffffff;
    right: 0;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
}

.admin_add a {
    display: block;
    height: 100%;
    padding: 8px 13px;
}

.admin_add span {
    position: relative;
    display: flex;
    align-items: center;
}

.admin_add span::before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 19px;
    height: 18px;
    background: url(../images/common/ico_user-add.png)no-repeat center center;
}

/*
    common style
                    */
input[type="text"],
input[type="password"],
input[type="number"] {padding:0 10px;height:36px;color:#333333;font-size:13px;border:1px solid #C6C6C6;background:#fff;box-sizing:border-box;letter-spacing: -0.05em; border-radius: 4px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;}
textarea {padding:10px;width:100%;background: #fff; color:#434343;font-size:13px;box-sizing:border-box;resize:none;border:1px solid #d1d1d1;letter-spacing: -0.2px;line-height: 20px; border-radius: 4px;}
textarea[readonly] {background: #f5f5f5;}
.radios {position:relative; zoom:1;}
.radios:after {display:block; content:""; clear:both;}
.radios input[type="radio"] {position:absolute; top:0; left:-9999px;}
.radios label {display:block;float:left;margin-right:28px;padding-left:24px;height:30px;line-height:30px;color:#434343;font-size:13px;font-weight:normal;background: url('../images/common/radio_off.svg') no-repeat left;}
.radios input[type="radio"]:checked + label {background: url('../images/common/radio_on.svg') no-repeat left;}
.radios.center {display: flex; align-items: center; justify-content: center; gap: 6px;}
.radios.only label {margin-right: 0; padding-left: 18px;}
.checks {position:relative;}
.checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.checks label {float:left; padding-left:20px; height:28px; line-height:28px; color:#434343; font-size:15px; font-weight:normal; background:url('../images/common/check_off.svg') no-repeat left;}
.checks input[type="checkbox"]:checked + label {background:url('../images/common/check_on.svg') no-repeat left;}
.btnFnc {
    display:inline-block;
    position:relative;  
    color: #1E6B70;
    font-size:15px;
    font-weight: 500;
    line-height: normal;
    padding: 8px 16px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #1E6B70;
    background: #FFF;
}
.btnFnc:hover {
    display:inline-block;
    position:relative;  
    color: #1E6B70;
    font-size:15px;
    font-weight: 500;
    line-height: normal;
    padding: 8px 16px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #1E6B70;
    background: #FFF;
    text-decoration: underline;
    text-underline-position: under;
}
.btnFnc.gray {
	background: #737373;
}
.listTbl table td a.btnFnc {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    height: 30px;
    line-height: normal;
    color: #1E6B70;
    font-size:15px;
}
.listTbl table td a.btnFnc.deepcyan {
    background-color: #0C5155;
    color: #fff;
}
.detailTbl table td a.btnFnc {
    line-height: normal;
    color: #1E6B70;
    font-size:15px;
}
.btnWrap {position:relative; margin:20px 0;}
.btnWrap.line_btn {display: flex; justify-content: space-between; align-items: center;}
.btnWrap.center {text-align:center;}
.btnWrap.right{ text-align:right;}
.btnWrap .btn {display:inline-block; margin:0 2px; width: auto; min-width: 98px; padding: 0 11px; height:36px; line-height:34px; font-size:15px; font-weight: 500; text-align:center; border-radius: 4px;}
.btnWrap .btn.right{ position:absolute; right:0;}
.btnWrap .btn.btn_small {
    min-width: 80px; 
    height: 30px; font-size: 14px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: -0.75px;
    box-sizing: border-box;
}
.btnWrap .btn.short { min-width:73px;}
.btnWrap .btn_regist{ min-width:117px;}
.btnWrap .listbtn { min-width: 46px;}
.btnWrap .btnDRed { background: #DC0000; border: 1px solid #DC0000; color: #fff;}
.btnWrap .btn.blue {color:#fff; background:#17317B; border:1px solid #17317B;}
.btnWrap .btn.blueLine { background: #fff; border: 1px solid #17317B; color: #17317B; }
.btnWrap .btn.lightblue { background: #fff; color: #0686cd; border:1px solid #0686cd;}
.btnWrap .btn.darkblue {color:#fff; background:#17317B; border:1px solid #17317B;}
.btnWrap .btn.skyblue {color:#fff; background:#00B6C8; border:1px solid #00B6C8;}
.btnWrap .btn.lineblue {background: #5A8AFF; border: 1px solid #5A8AFF; color: #fff;}
.btnWrap .btn.down{
	color:#fff; 
	background: #39825A; 
	border: 1px solid #39825A;
	line-height: 26px;
	padding: 2px 11px 3px;
	height: auto;
}
.btnWrap .btn.preview{color:#fff;border:1px solid #FE9204; background:#FE9204;}
.btnWrap .btn.green{background:#39825A;color:#fff;border:1px solid #39825A;}
.btnWrap .btn.greenblue {background: #00B6C8; color: #fff; border: 1px solid #00B6C8;}
.btnWrap .btn.bluegreen {background: #007175; color: #fff; border: 1px solid #007175;}
.btnWrap .btn.orange {background: #FE9204; color: #fff; border: 1px solid #FE9204;}
.btnWrap .btn.orange2 {background: #ED9A23; color: #fff; border: 1px solid #ED9A23;}
.btnWrap .btn.white {color:#2A65F6; background:#fff; border:1px solid #2A65F6;}
.btnWrap .btn.gray{ background:#717171; color:#fff;}
.btnWrap .btn.grayLine {border: 1px solid #717171; background: #fff; color: #717171;}
.btnWrap .btn.deepcyan {background:#074D60;color:#fff;border:1px solid #074D60;}
.btnWrap .btn.deepcyanLine {border: 1px solid #074D60; background: #fff; color: #074D60;}
.btnWrap .btn.cyanLine {border: 1px solid #1E6B70; background: #fff; color: #1E6B70;}
.btnWrap .btn.disabled {background: #F5F5F5; border: 1px solid #F5F5F5; color: #777777; }

.btnWrap .btn.pageBack,
.btnWrap .btn.pageNext {position:absolute; top:0;}
.btnWrap .btn.pageBack span,
.btnWrap .btn.pageNext span {display:inline-block;}
.btnWrap .btn.pageBack {left:0; border:1px solid #898989;}
.btnWrap .btn.pageBack span {padding-left:13px; background:url('../images/common/ico_page_back_arrow.gif') no-repeat left;}
.btnWrap .btn.pageNext {right:0; border:1px solid #626262; background:#626262}
.btnWrap .btn.pageNext span {padding-right:13px; color:#fff; background:url('../images/common/ico_page_next_arrow.gif') no-repeat right;}
.centerBox {text-align:center;}
.centerBox * {display:inline-block;	 float:none !important;}
.fontRed {color:#bf1e19;}
.alingTop{ top:-30px; margin-top:0px !important;}
.memberBtn {margin:0 !important; top:20px;}
.memberBtn .btn{ height:36px; line-height:36px; }
.relBox {position: relative;}

.changeBox {
    display: none; 
    position: absolute; 
    z-index: 10; 
    top: 8px; 
    left: -200px; 
    min-width: 200px; 
    border: 1px solid #c6c6c6; 
    background: #fff;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.20);
}
.changetop {
    border-bottom: 1px solid #c6c6c6;
    padding: 8px;
}
.changebot {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    box-sizing: border-box;
}
.changebot .file_div {
    display: none;
}
.changeBox:has(option[value='CER_ETC']:checked) .changebot .file_div {
    display:block;
}

table td .btnWrap{ margin: 0 0;}
table td .btnWrap .btn {height: auto; width: auto; min-width: initial; padding: 7px 16px; line-height: normal; box-sizing: border-box;}
table td .btnWrap a{ font-weight:500;}
/*
    page contents style
                        */



@media screen and (max-width: 767px) {
    .btnBox {
        margin-top: 30px;
    }
}

/* radio */
.inputRadioList {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
}
.inputRadio {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.inputRadio input[type=radio]{ 
    position: relative;
    appearance: none;
	width: 20px;
	height: 20px;
	background: #FFF;
    cursor: pointer;
}
.inputRadio input[type=radio]::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/component/ico_radio.svg);
}
.inputRadio input[type=radio]:checked {}
.inputRadio input[type=radio]:checked::after { 
    background-image: url(../images/component/ico_radio_checked.svg);
}
.inputRadio label {
    color: #1D1D1D;
    font-size:15px;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.42px;
    cursor: pointer;
}

/* checkbox */
.inputCheckbox {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.inputCheckbox input[type=checkbox]{ 
    position: relative;
    appearance: none;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid #C6C6C6;
	background: #FFF;
}
.inputCheckbox input[type=checkbox]:checked {
    border: 1px solid #4075DF;
    accent-color: #fff;
}
.inputCheckbox input[type=checkbox]:checked::after { 
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/common/ico_checkbox_checked.svg);
}

/* Email */
.inputEmail {
    display: flex;
    align-items: center;
    gap: 6px;
}
.inputEmail span {
    color: #1C1C1C;
    font-size:15px;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.42px;
    padding: 0;
}
.inputEmail input[type=text][class*=email] {
    width: 210px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .inputEmail {
        flex-wrap: wrap;
    }
    .inputEmail input[type=text][class*=email] {
        width: 100%;
    }
    .inputEmail .emailId {
        width: calc(100% - 18px);
    }
}

/* phone */
.inputPhone {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.inputPhone span {
    color: #1C1C1C;
    font-size:15px;
    font-weight: 400;
    line-height: 150%; /* 21px */
    letter-spacing: -0.42px;
    padding: 0;
}
.inputPhone input[type=text][class*=phone] {
    width: 210px;
    box-sizing: border-box;
}

@media screen and (max-width: 767px) {
    .inputPhone {
        flex-wrap: wrap;
    }
    .inputPhone input[type=text][class*=phone] {
        width: 100%;
    }
    .inputPhone .phone1,
    .inputPhone .phone2 {
        width: calc(100% - 18px);
    }
    .inputPhone .phone3 {
        width: 100%;
    }
}

/* 첨부파일 */
.inputFile {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}
.inputFile .file_name_box {
    width: 382px;
    position: relative;
    border-radius: 6px;
    border: solid 1px #D8D8D8;
    color: #1D1D1D;
    font-size:15px;
    font-weight: 500;
}
.inputFile .file_name_box .file_name {
    width: 100%;
    height: 44px;
    border: none;
    border-radius: 6px;
    padding: 10px 12px;
    color: #1D1D1D;
    font-size:15px;
    font-weight: 500;
    box-sizing: border-box;
}
.inputFile .file_name_box .btn_remove {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	background: url("../images/sub/250521_close_button.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border: none;
	z-index: 1;
}
.inputFile .btn_findfile {
    display: inline-flex;
    align-items: center;
    justify-content: center;
	width: 80px;
	height: 44px;
    box-sizing: border-box;
	border: none;
	background: #717171;
	color: #fff;
	font-size:15px;
	border-radius: 6px;
	font-weight: 500;
	text-align: center;
    cursor: pointer;
}
.inputFile .file_div {
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    border: none;
    opacity: 0.01;
    background: none;
    overflow: hidden;
}
img[class*=previewImage] {
    max-width: 100%;
    object-position: center;
    object-fit: cover;
}

.inputDatepick {
    display: inline-flex;
    align-items: center;
}
.inputDatepick .date {}
.inputDatepick .date ._datepick {
    position: relative;
}
.inputDatepick .date ._datepick input[type=text] {
    display: flex;
    width: 346px;
    height: 36px;
    padding: 9px;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #C6C6C6;
    background: #FFF;
}
.inputDatepick span.txt {
    margin: 0 5px;
}

/* input file */
.upload {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.upload > div {
    font-size: 0;
    display: inline-flex;
    gap: 4px;
    align-items: center;
}
.upload input[type="file"] {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; overflow: hidden; clip: rect(0,0,0,0);}
.upload label {
    display: inline-flex;
    width: 70px;
    height: 36px;
    padding: 9px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    background:#717171;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    box-sizing: border-box;
    cursor: pointer;
}
.upload .noFile {
    display: inline-flex;
    width: 100%;
    max-width: 333px;
    height: 36px;
    padding: 9px 16px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    border: 1px solid #C6C6C6;
    background: #FFF;
    color: #8E8E8E;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    box-sizing: border-box;
}
.upload .noFile.setFile {color: #444;}
.upload + p {font-size:13px;color:#18306c;font-weight:400; margin-top: 5px;}
.upload a.btn.btnPlus {
    width: 36px; 
    height: 36px;
    border: 1px solid #2A65F6;
    background-color: #2A65F6;
    background-image: url(../images/ico/ico_btn_file_plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    border-radius: 4px;
}
.upload a.btn.btnMinus {
    width: 36px; 
    height: 36px;
    border: 1px solid #2A65F6;
    background-color: #fff;
    background-image: url(../images/ico/ico_btn_file_minus.svg);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    border-radius: 4px;
}

.uploadText{
    color: #17317B;
    font-size:15px;
    font-weight: 400;
    line-height: normal;
}
.setFileList {
    display: flex;
    flex-direction: column;
}
.setFileList li{margin-bottom: 5px;position: relative;height: 36px;}
.setFile {
    position:relative;
    display: flex;
    align-items: center;
    gap: 4px;
}
.setFile input[type="file"] {position:absolute; top:0; left:-9999px;}
.setFile .btnSelect {
    display: flex;
    width: 70px;
    padding: 9px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    background: #717171;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
}
.setFile .btnPlus{
    display: inline-flex;
    width: 36px; 
    height: 36px;
    border: 1px solid #2A65F6;
    background-color: #2A65F6;
    background-image: url(../images/ico/ico_btn_file_plus.svg);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 0;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}
.setFile .file_add{
	float:left;
	margin-right: 4px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	color:#18306c;
	font-size:18px;
	font-weight: 400;
	text-align:center;
	background:#fff;
	border-radius:2px;
	border:1px solid #2B74EE;
	box-sizing: border-box;
}
.setFile .btnMinus{
    display: inline-flex;
    width: 36px; 
    height: 36px;
    border: 1px solid #2A65F6;
    background-color: #fff;
    background-image: url(../images/ico/ico_btn_file_minus.svg);
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 0;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
}
.setFile .btnSelect { cursor:pointer;}
.setFile .noFile {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    height: 36px;
    max-width: 333px;
	line-height: 36px;
	color:#999;
	font-size:13px;
	border: 1px solid #ccc;
	padding-left: 10px;
	box-sizing: border-box;
	border-radius: 4px;
}
.setFile .addFiles {float:left; line-height:28px;}
.setFile .addFiles span {color:#434343; font-size:14px;}
.setFile .viewFiles a {display:inline-block; margin-bottom:6px; padding:6px 0 3px; border-bottom:2px solid #434343;}


/* inputSearch */
.inputSearch {
    position: relative;
    display: inline-flex;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #c6c6c6;
    box-sizing: border-box;
}
.inputSearch input[type=text] {
    width: 297px;
    border: none;
    padding: 9px 12px;
    color: #2D2D2D;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
}
.inputSearch .btn_search {
    display: inline-flex;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico/ico_btn_search_gray.svg);
    text-indent: -9999px;
    font-size: 0;
    overflow: hidden;
    border-left: 1px solid #C6C6C6;
    box-sizing: border-box;
}

#ingUpdateForm .searchclear,
#sform .searchclear {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 42px;
    transform: translateY(-50%);
    margin: 0;
    width: 14px;
    height: 14px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/ico/ico_search_clear.svg);
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px;
    box-sizing: border-box;
}
#ingUpdateForm .searchclear.on,
#sform .searchclear.on {
    display: inline-flex;
}


/* page nate */
.page_nate {    
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}
.page_nate > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 34px;
    height: 34px;
    padding: 0 4px;
    box-sizing: border-box;
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
    color: #777777;
}
.page_nate > a:hover,
.page_nate > a:focus {text-decoration: underline;}
.page_nate > a:first-child{}
.page_nate > a:last-child{ margin-right:0;}
.page_nate > a.curr {color:#21283C; font-weight: bold; text-decoration: underline;}
.page_nate > a.btn_page {text-indent:-9999px;}
.page_nate > a.first {background:url('../images/ico/ico_paging_first.svg') no-repeat center;  width:34px; height:34px; }
.page_nate > a.prev { background:url('../images/ico/ico_paging_prev.svg') no-repeat center; width:34px; height:34px; }
.page_nate > a.next {background:url('../images/ico/ico_paging_next.svg') no-repeat center; width:34px; height:34px; }
.page_nate > a.last {background:url('../images/ico/ico_paging_last.svg') no-repeat center; width:34px; height:34px; }
.page_nate > a > img {opacity: 0; visibility: hidden;}

/* page navi */
#pageNavi {
    margin-top: 20px;
    text-align: center;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}
#pageNavi > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-width: 34px;
    height: 34px;
    padding: 0 4px;
    box-sizing: border-box;
    line-height: 18px;
    font-size: 16px;
    font-weight: 500;
    color: #777777;
}
#pageNavi > a:hover,
#pageNavi > a:focus {text-decoration: underline;}
#pageNavi > a:first-child{}
#pageNavi > a:last-child{ margin-right:0;}
#pageNavi > a.curr {color:#21283C; font-weight: bold; text-decoration: underline;}
#pageNavi > a.btn_page {text-indent:-9999px;}
#pageNavi > a.btn {border-radius: 5px; border: 1px solid #D4D4D4;}
#pageNavi > a.first {background:url('../images/ico/ico_paging_first.svg') no-repeat center;  width:34px; height:34px; }
#pageNavi > a.prev { background:url('../images/ico/ico_paging_prev.svg') no-repeat center; width:34px; height:34px; }
#pageNavi > a.next {background:url('../images/ico/ico_paging_next.svg') no-repeat center; width:34px; height:34px; }
#pageNavi > a.last {background:url('../images/ico/ico_paging_last.svg') no-repeat center; width:34px; height:34px; }
#pageNavi > a > img {opacity: 0; visibility: hidden;}


/* 자동완성 기능 추가 */
.ui-autocomplete {max-height: 300px; overflow-y: auto;}
.ui-front.ui-widget.ui-widget-content.ui-autocomplete {z-index: 2002; background: #fafafa; border-radius: 0;}
.ui-menu.ui-autocomplete .ui-menu-item {float: none; clear: none;}
.ui-widget-content.ui-autocomplete a {color: #444; border-radius: 0; margin: 0;}
.ui-autocomplete .ui-state-focus,
.ui-widget-content.ui-autocomplete .ui-state-focus {border: none; background: #2b74ee; color: #fff;}
.ui-autocomplete-category {
  font-weight: bold;
  padding: .2em .4em;
  margin: .8em 0 .2em;
  line-height: 1.5;
}
.ui-autocomplete-loading {
  background: white url("../images/jquery_ui/ui-anim_basic_16x16.gif") right center no-repeat;
}
.ui-autocomplete .highlight {
  font-weight: bold; color: #ed9a23;
}

/* selectbox */
.cSelectbox {position:relative;height:36px;line-height: 36px;background:#fff url('../images/ico/ico_select_arrow.svg') right 8px center no-repeat;border:1px solid #c6c6c6;border-radius: 4px; box-sizing:border-box;}
.cSelectbox label {
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
    left:12px;
    color: #1D1D1D;
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
}
.cSelectbox select {width:100%;height:32px;min-height:32px;line-height:32px;padding:0 10px;opacity:0;filter:alpha(opacity=0);line-height: 32px;}


/* colorbox */
html:has(#cboxLoadedContent),
body:has(#cboxLoadedContent) {
    overflow: hidden;
}