@charset "utf-8";


/* 컨텐츠 공통 */
.inB {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.mgAuto {
    margin: 0 auto;
}

.pcOnly {
    display: block
}

.lineList_v .txtInfo > span.date {
    font-family: inherit !important;
}

.txtAlert.mT16 {
    margin-top: 8px !important
}

.help {
    font-size: 0;
    margin: 3px 0;
}

.typeTotalSch.typeSub #container {
    padding-top: 96px
}

.pageTitleArea .typeSch {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

    .pageTitleArea .typeSch .optSchArea {
        width: auto;
    }

        .pageTitleArea .typeSch .optSchArea .selectBase {
            width: 250px;
        }

.fileUploadArea .btn_remove {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

    .fileUploadArea .btn_remove > span {
        padding-left: 16px;
        background: url(../img/common/ico_file_remove.svg) no-repeat left 0 top 50%;
    }

.fileUploadArea .inputWrap {
    position: relative;
}

    .fileUploadArea .inputWrap .btn_remove {
        position: absolute;
        right: 16px;
        top: 14px;
    }

.fileUploadArea ul > li ~ li {
    margin-top: 16px;
}

.fileUploadArea .w_file .inputWrap .inputBase {
    padding-right: 60px;
}

.fileUploadArea .fileRemove {
    text-align: right;
    max-width: 488px;
    font-size: 0;
    margin-top: -24px;
    margin-bottom: 13px;
}

    .fileUploadArea .fileRemove .btn_remove {
        display: inline-block;
        vertical-align: top;
    }


.typeWindow.typeImgBox .imgArea {
    text-align: center;
}

.typeWindow.typeImgBox .popBtnArea {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

    .typeWindow.typeImgBox .popBtnArea .btnClose {
        position: relative;
        display: block;
        width: 25px;
        height: 25px;
        background: url(../img/common/ico_window_close.svg) no-repeat center;
        margin-right: 0;
        margin-left: 20px;
        ;
    }

    .typeWindow.typeImgBox .popBtnArea .inputBox {
        margin-right: 0;
    }

        .typeWindow.typeImgBox .popBtnArea .inputBox > input[type=checkbox] + .data {
            background-image: url(../img/common/ico_radio_sch_off.svg);
            font-size: 16px;
            background-size: 18px auto;
        }

        .typeWindow.typeImgBox .popBtnArea .inputBox > input[type=checkbox]:checked + .data {
            background-image: url(../img/common/ico_radio_sch_on.svg)
        }

        .typeWindow.typeImgBox .popBtnArea .inputBox > .data {
            padding-top: 1px;
        }

.typeWindow.typeImgBox.pop_wrap .popLayout .popConts .popInner {
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
}

.inputBoxList li + li {
    margin-top: 10px;
}

.inputBox > .data .wB {
    font-weight: 700;
    line-height: inherit;
}

.contTable .delArea {
    border-right: 0;
    border-left: 0;
}

.baseBtn .txt_arrR {
    text-decoration: none !important;
}

    .baseBtn .txt_arrR:hover > span {
        background-image: url(../img/common/link_arrR.svg) !important
    }

.box_badge {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    padding: 4px 10px;
    border-radius: 5px;
    color: #fff;
    background: #003883;
}

.delArea {
    position: relative;
}

    .delArea > a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.btnArea_side {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

    .btnArea_side .txtBody1 {
        width: auto;
    }

    .btnArea_side .headLine2 {
        width: auto;
    }

    .btnArea_side .txtList {
        width: auto;
        display: inline-block
    }

    .btnArea_side .btn {
        font-size: 0;
        margin: 0;
    }

        .btnArea_side .btn .baseBtn {
            margin-right: 8px;
        }

            .btnArea_side .btn .baseBtn:last-of-type {
                margin-right: 0;
            }

.contArea_side {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

    .contArea_side .contArea {
        padding-right: 20px;
    }

    .contArea_side .btn {
        margin: 20px 0 0;
    }

    .contArea_side.vc {
        align-items: center;
    }

    .contArea_side.middle {
        align-items: center;
    }

    .contArea_side > .txtBody1 {
        width: auto;
    }

.contBtnArea {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .contBtnArea .txtBody1 {
        width: auto
    }

.tbBtmBtn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

    .tbBtmBtn .baseBtn > .base {
        border-radius: 6px;
        padding: 0 22px;
    }

.mobOnly {
    display: none;
}

.txtSide {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .txtSide .txtBody3 {
        width: auto;
        margin-right: 15px;
    }

.txtAlert .link_s_arrR > span {
    background-size: 7px auto;
    padding-right: 13px;
}

.txtSide .txtBody3.tit {
    font-weight: 700;
    min-width: 62px;
}

.txtSide .txtBody3.cont {
    flex: 1;
}

.txtSide .w_tel {
    margin-right: 15px;
}

    .txtSide .w_tel ~ .txtBody3 {
        margin-right: 0;
        margin: 5px 0;
    }

.txtSide .selectBase {
    margin-right: 15px;
}

    .txtSide .selectBase ~ .txtBody3 {
        margin-right: 0;
        margin: 5px 0;
    }

.contArea_next {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w_idNum {
    display: flex;
    align-items: center;
}

    .w_idNum .inputBase {
        flex: 1;
    }

    .w_idNum span {
        padding: 0 10px;
    }

.contArea_next .inputBase {
    flex: 1;
}

.contArea_next .help {
    margin: 0 6px;
}

.contArea_next > * {
    margin-right: 8px;
}

.contArea_next > .baseBtn {
    margin-top: 4px;
    margin-bottom: 4px;
    ;
}

.contArea_next .txtBody1 {
    width: auto;
}

.contArea_next .txtBody3 {
    width: auto;
}

.contArea_next.center {
    justify-content: center;
}

.contArea_next .w_tel {
    margin-right: 20px;
}

    .contArea_next .w_tel ~ .txtBody1 {
        margin: 10px 0;
    }

.contArea_next.chk .inputBase,
.contArea_next.chk .selectBase,
.contArea_next.chk .txtBody1 {
    margin-right: 20px;
}

.multiInputArea {
    display: flex;
    width: 100%;
}

    .multiInputArea .selectBase,
    .multiInputArea .inputBase {
        margin-right: 10px;
        max-width: 100% !important;
    }

        .multiInputArea .selectBase:last-of-type,
        .multiInputArea .inputBase:last-of-type {
            margin-right: 0px;
        }

.w_period {
    display: flex;
    align-items: center;
    max-width: 480px;
}

    .w_period span {
        display: block;
        padding: 0 10px;
    }

    .w_period .inputBase {
        width: 100%
    }

.underLink {
    text-decoration: underline !important;
}

.txt_arrR {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    word-break: keep-all;
}

    .txt_arrR > span {
        padding-right: 15px;
        background: url(../img/common/link_arrR.svg) no-repeat right 0 top 4px;
        word-break: break-word;
    }

    .txt_arrR[target="_blank"] > span,
    .txt_arrR[target='_blank'] > span {
        background-image: url(../img/common/ico_new_link_black.svg) !important;
        padding-right: 25px !important;
        background-position: right 0 top 1px !important;
    }

    .txt_arrR.blue > span {
        background-image: url(../img/common/link_arrR_blue.svg);
        color: var(--primary);
        text-decoration: underline !important;
    }

.guideTxt {
    color: #666;
    font-size: 16px;
    margin-top: 10px;
}

.ico_down_s {
    display: inline-block;
    border: 1px solid #D1D1D1;
    padding: 10px 30px;
    vertical-align: top;
    border-radius: 8px;
    background: #fff;
}

    .ico_down_s > .base {
        display: flex;
        height: 100%;
        align-items: center;
        ;
        font-size: 18px;
        padding-right: 22px;
        background: url(../img/common/ico_arrDown.svg) no-repeat right 0 top 9px;
    }

.btnArea_s {
    margin-top: 24px;
}

.inputWrap {
    position: relative;
    font-size: 0;
    width: 100%;
}

    .inputWrap .typeEye .inputBase {
        max-width: 100% !important;
        padding-right: 45px;
    }

.btn_eye {
    position: absolute;
    right: 20px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url(../img/common/ico_eye_on.svg) no-repeat center;
}

    .btn_eye.off {
        background-image: url(../img/common/ico_eye_off.svg)
    }

.w_viewPass {
    display: flex;
    align-items: flex-start;
}

    .w_viewPass .btnWrap {
        display: flex;
        justify-content: flex-end;
        width: 365px
    }

        .w_viewPass .btnWrap .baseBtn {
            width: calc(50% - 4px);
        }

            .w_viewPass .btnWrap .baseBtn > .base {
                min-width: inherit;
                width: 100%;
            }

            .w_viewPass .btnWrap .baseBtn:last-child {
                margin-left: 8px;
                ;
            }

.contTable.mbRow.typeRow .w_viewPass .selectBase {
    flex: 1;
    margin-right: 20px;
    ;
    max-width: 100%;
}

.lineList_arrR {
    border-top: 2px solid #000;
    margin-top: 20px;
}

    .lineList_arrR > li {
        position: relative;
        border-bottom: 1px solid #d1d1d1;
        background: url(../img/common/ico_lineList_arrR.svg) no-repeat right 30px top 30px;
    }

        .lineList_arrR > li .agree_btn {
            display: block;
            width: 100%;
            padding: 30px 60px 30px 90px;
            font-weight: 700;
            text-align: left;
        }

        .lineList_arrR > li .inputBox {
            position: absolute;
            left: 30px;
            top: 24px;
            width: 32px;
        }

.lineAgree.area_full {
    padding-top: 20px;
    border-top: 1px solid #D1D1D1;
    margin-top: 40px;
}

.contTable table tbody tr.typeTotal td {
    background: #D1E3FC
}

.areaSelect .area {
    margin-top: -4px;
}

.lineOptArea {
    padding: 30px 40px;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
}

.roundTab {
    margin-bottom: 13px;
}

    .roundTab .tabList {
        display: inline-block;
        border-radius: 28px;
        background: #DFE3EC;
        z-index: 30;
        font-size: 0
    }

        .roundTab .tabList > li {
            display: inline-block;
            vertical-align: top;
        }

            .roundTab .tabList > li + li {
                margin-left: -16px
            }

            .roundTab .tabList > li > a {
                display: flex;
                height: 48px;
                padding: 5px 32px;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                font-weight: 600;
                border-radius: 28px;
                font-size: 16px;
                color: #666
            }

            .roundTab .tabList > li.on > a {
                background: var(--second);
                color: #fff;
                font-weight: 600;
            }

.explainBox {
    background: #DFE3EC;
    border-radius: 10px;
    padding: 20px 17px 20px 30px;
}

    .explainBox .txtAlert {
        color: #000;
        font-size: 18px;
        margin-top: 0;
        background-position: left 0 top 5px;
        padding-left: 24px;
    }

.exclamBox {
    background: #DFE3EC;
    border-radius: 10px;
    padding: 30px;
    padding-top: 36px;
}

    .exclamBox .txtAlert > b {
        display: block;
        margin-bottom: 2px;
        font-weight: 700;
        font-size: 18px;
        color: #000;
    }

    .exclamBox .txtAlert .txtList.dot > li {
        color: #000
    }

        .exclamBox .txtAlert .txtList.dot > li:before {
            background: #666
        }

.groupCont .topNotice {
    position: relative;
    padding: 30px 200px 24px 100px;
    background: #DFE3EC url(../img/common/ico_notNoti.svg) no-repeat top 32px left 32px;
    border-radius: 10px;
    margin-bottom: 40px;
    margin-top: 15px;
}

    .groupCont .topNotice ul.txtList.dot > li {
        font-size: 16px;
        color: #000;
    }

        .groupCont .topNotice ul.txtList.dot > li:before {
            background: #666;
            top: 9px;
        }

    .groupCont .topNotice .txtBody1 {
        font-size: 16px;
        line-height: 26px;
    }

    .groupCont .topNotice .btn {
        position: absolute;
        top: 35px;
        right: 32px;
        font-size: 0;
    }

        .groupCont .topNotice .btn .baseBtn {
            height: 50px;
        }

            .groupCont .topNotice .btn .baseBtn + .baseBtn {
                margin-left: 8px
            }

            .groupCont .topNotice .btn .baseBtn > .base {
                min-width: 140px;
                border: 0;
            }

.groupCont .txtBody1 + ul.txtList {
    margin-top: 10px;
}

.selectItemList {
    padding: 30px 40px;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
}

    .selectItemList > ul {
        display: flex;
        flex-wrap: wrap;
    }

        .selectItemList > ul > li {
            width: 25%
        }

            .selectItemList > ul > li:nth-child(n+5) {
                margin-top: 10px;
            }

            .selectItemList > ul > li + li {
                margin: 0;
            }

            .selectItemList > ul > li button {
                text-align: left;
            }

                .selectItemList > ul > li button:hover,
                .selectItemList > ul > li button.on {
                    font-weight: 700;
                    color: var(--primary);
                    text-decoration: underline;
                }

.infoBlueBox {
    background: #DFE3EC;
    border-radius: 10px;
    padding: 30px;
}

    .infoBlueBox .download {
        display: flex;
        align-items: center;
    }

        .infoBlueBox .download + .download {
            margin-top: 8px
        }

        .infoBlueBox .download .txtBody3 {
            width: auto;
            color: #666;
            margin-right: 13px;
        }

.btn_downBox {
    border: 1px solid #8E8E8E;
    border-radius: 6px;
    background: #fff;
    height: 32px;
}

    .btn_downBox > span {
        padding-left: 12px;
        padding-right: 33px;
        display: flex;
        align-items: center;
        background: url(../img/common/ico_download_s.svg) no-repeat right 13px top 50%;
        font-size: 14px;
        padding-top: 1px;
    }

.w_file {
    display: flex;
    align-items: flex-start;
    max-width: 630px;
    width: 100%;
}

    .w_file + .guideTxt {
        width: 100%;
    }

    .w_file .inputWrap {
        flex: 1;
        margin-right: 8px;
    }

        .w_file .inputWrap .inputBase {
            width: 100%;
            max-width: 100% !important;
        }

    .w_file .baseBtn.middle_box > .base {
        font-size: 16px;
    }

    .w_file .btn_del {
        margin-left: 8px
    }

.fileFormArea .w_file ~ .w_file {
    margin-top: 16px;
}

.w_tel {
    display: flex;
    align-items: center;
    max-width: 488px;
    margin-right: 0;
    ;
}

    .w_tel > select, .w_tel > .inputWrap, .w_tel > button {
        width: 33.333%;
        margin-right: 5px;
        margin-left: 5px;
    }

        .w_tel > select:first-of-type,
        .w_tel > .inputWrap:first-of-type {
            margin-left: 0;
        }

    .w_tel .selectBase ~ .inputWrap {
        margin-left: 5px
    }

        .w_tel .selectBase ~ .inputWrap:last-child {
            margin-right: 0;
        }

.txtSide .w_tel .selectBase {
    margin-right: 5px;
}

.w_birth {
    display: flex;
}

    .w_birth > select {
        flex: 1;
        margin-right: 24px;
    }

        .w_birth > select:last-child {
            margin-right: 0 !important;
        }

.baseBtn > .base.inquiry {
    min-width: 74px;
    border-radius: 8px;
    height: 46px;
    padding: 0 21px;
}

.formInput.row {
    display: flex;
}

.formInput + .formInput {
    margin-top: 16px;
}

.formInput .inputWrap.full {
    max-width: 100%;
}

.formInput.devided .inputWrap {
    display: inline-block;
    width: calc(50% - 5px);
    vertical-align: top;
}

    .formInput.devided .inputWrap ~ .inputWrap {
        margin-left: 10px;
    }

.formInput .inputWrap .baseBtn {
    height: 48px;
}

.viewMap {
    width: 106px
}

    .viewMap .qrCode {
        width: 100%;
        font-size: 0;
    }

        .viewMap .qrCode > img {
            width: 100%;
            border: 1px solid #D1D1D1
        }

    .viewMap button {
        width: 100%;
        height: 36px;
        display: block;
        text-align: center;
        line-height: 36px;
        color: #fff;
        background: #000
    }

.w_photo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .w_photo .photoImg {
        margin-right: 32px;
    }

        .w_photo .photoImg img {
            width: 147px;
        }

        .w_photo .photoImg img {
            border: 1px solid #D1D1D1
        }

    .w_photo .photoInfo + .txtAlert {
        margin-top: 15px;
    }

.link_s_arrR {
    color: var(--primary);
    font-weight: 700;
}

    .link_s_arrR > span {
        font-size: inherit;
        padding-right: 15px;
        background: url(../img/common/ico_link_arrR_blue.svg) no-repeat top 3px right 0;
    }

    .link_s_arrR[target="_blank"] > span,
    .link_s_arrR[target='_blank'] > span {
        background-image: url(../img/common/ico_new_link_blue.svg) !important;
        padding-right: 25px !important;
    }

.groupCont {
    border-top: 1px solid #D0D2D6;
    padding-top: 28px;
}

    .groupCont.noLine {
        border-top: 0;
        padding-top: 10px;
    }

    .groupCont .division ~ .division {
        padding-top: 73px;
    }

    .groupCont .division .headLine2 {
        margin-bottom: 18px;
    }

    .groupCont .division .headLine3 {
        margin-bottom: 17px;
        color: var(--second);
    }

        .groupCont .division .headLine3:nth-of-type(n+2) {
            margin-top: 56px;
        }

    .groupCont .division .txtBody1 + .headLine3 {
        margin-top: 23px;
    }

    .groupCont .division .headLine2 + .headLine3 {
        margin-top: 0 !important;
    }

    .groupCont .division .contTit1 {
        margin-bottom: 14px;
    }

        .groupCont .division .contTit1:nth-of-type(n+2) {
            margin-top: 17px;
        }

    .groupCont .division .txtBody1 + .contTable {
        margin-top: 19px;
    }

    .groupCont .division .contTable + .contTable {
        margin-top: 40px;
    }

    .groupCont .division .contTable ~ .txtAlert ~ .contTable {
        margin-top: 40px;
    }

.txtAlert.typeTxt {
    margin-top: 15px;
    padding-left: 26px;
    background-position: left 0 top 6px;
}

.txtAlert .tit {
    color: #000;
    font-weight: 700;
    margin-bottom: 5px;
}

.txtAlert .txtList.dot > li {
    font-size: 16px;
    color: #666;
    padding-left: 8px;
}

    .txtAlert .txtList.dot > li + li {
        margin-top: 2px;
    }

    .txtAlert .txtList.dot > li:before {
        width: 2px;
        height: 2px;
        background: #666;
    }

.pop_wrap .area_full {
    width: calc(100% + 80px);
    margin-left: -40px;
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.optSchArea {
    display: flex;
    align-items: center;
    width: 100%;
}

    .optSchArea .opt_tit ~ .inpArea {
        margin-left: 20px;
    }

    .optSchArea .txtBody1 ~ .inpArea {
        margin-left: 20px;
    }

    .optSchArea .opt_tit {
        font-weight: 700;
    }

    .optSchArea .txtBody1 {
        font-weight: 700;
    }

    .optSchArea .selectBase {
        width: 140px;
        margin-right: 8px;
    }

    .optSchArea .inpArea {
        display: flex;
        flex: 1;
    }

        .optSchArea .inpArea .inputBase {
            flex: 1;
            margin-right: 8px;
            font-size: 16px;
        }

        .optSchArea .inpArea .btn_sch {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 74px;
            height: 46px;
            background: #666666;
            color: #fff;
            font-size: 18px;
            border-radius: 8px;
        }

    .optSchArea.typeDivision .inpArea .opt_s {
        display: flex;
        align-items: center;
    }

    .optSchArea.typeDivision .inpArea .opt_tit {
        margin-right: 20px;
        font-weight: 700;
    }

    .optSchArea.typeDivision .inpArea .inputBase {
        margin-right: 35px;
    }

    .optSchArea.typeDivision .inpArea .selectBase {
        margin-right: 35px;
    }

    .optSchArea.typeDivision .inpArea .opt_s:last-of-type .inputBase {
        margin-right: 0;
    }

    .optSchArea.typeDivision .inpArea .opt_s:last-of-type .selectBase {
        margin-right: 0;
    }

    .optSchArea.typeDivision .optGroup {
        display: flex;
        align-items: center;
        margin-right: 12px;
        flex: 1;
    }

.pop_searchItem .selectItemArea {
    max-height: 400px;
    overflow-y: auto;
    margin-top: 35px;
    background: #F1F3F7;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top: 1px solid #D1D1D1;
    overflow-x: hidden;
}

.pop_searchItem .optSchArea .selectBase {
    margin-right: 0
}

.pop_searchItem .selectItemArea .schList {
    border-top: 1px solid #d1d1d1
}

    .pop_searchItem .selectItemArea .schList > li {
        position: relative;
        border-bottom: 1px solid #d1d1d1;
        ;
    }

        .pop_searchItem .selectItemArea .schList > li:before {
            content: '';
            display: block;
            width: 40px;
            height: 100%;
            position: absolute;
            left: -40px;
            top: 0;
            background: #fff;
            display: none;
        }

        .pop_searchItem .selectItemArea .schList > li:after {
            content: '';
            display: block;
            width: 40px;
            height: 100%;
            position: absolute;
            right: -40px;
            top: 0;
            background: #fff;
            display: none;
        }

        .pop_searchItem .selectItemArea .schList > li > a {
            display: block;
            padding: 14px 0;
        }

.pop_searchItem .optSchArea .inpArea {
    margin-left: 20px;
}

.pop_searchItem .popLayout {
    padding-bottom: 0;
}

.programOpt {
    margin-bottom: 20px;
}

    .programOpt.typeBoth {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .programOpt .total {
        font-size: 24px;
        font-weight: 700;
    }

        .programOpt .total span {
            font-size: inherit;
        }

.fullSearchOptBox {
    background: #fff;
    border: 1px solid #D1D1D1;
    padding: 0 40px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 40px;
}

    .fullSearchOptBox .optList > li {
        position: relative;
        padding: 30px 0;
        border-bottom: 1px solid #d1d1d1;
        display: none;
        ;
    }

        .fullSearchOptBox .optList > li:last-child {
            border-bottom: 0;
            padding-bottom: 0;
        }

        .fullSearchOptBox .optList > li.typeDetail:before {
            content: '';
            display: block;
            position: absolute;
            left: -40px;
            width: calc(100% + 80px);
            height: 1px;
            bottom: 0;
            background: #d1d1d1
        }

        .fullSearchOptBox .optList > li .opt {
            position: relative;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

            .fullSearchOptBox .optList > li .opt .area {
                position: relative;
                flex: 1;
            }

            .fullSearchOptBox .optList > li .opt .tit {
                display: block;
                width: 120px;
                font-weight: 700;
            }

    .fullSearchOptBox .btnArea {
        margin-top: 0;
        width: 100%;
        margin-left: 0;
        padding: 30px 0;
        margin-top: 0;
    }

        .fullSearchOptBox .btnArea > .baseBtn {
            margin: 0;
        }

    .fullSearchOptBox.spread .optList > li {
        display: block;
    }

        .fullSearchOptBox.spread .optList > li.typeDetail .btnDetail > span::before {
            transform: rotate(-180deg);
        }

    .fullSearchOptBox .optList > li.typeDetail {
        border-bottom: 0;
        display: block;
    }

        .fullSearchOptBox .optList > li.typeDetail .btnDetail {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .fullSearchOptBox .optList > li.typeDetail .btnDetail {
            display: block;
            width: 116px;
            height: 46px;
            border: 1px solid #D5D5D5;
            border-radius: 23px;
        }

            .fullSearchOptBox .optList > li.typeDetail .btnDetail > span {
                position: relative;
                padding-right: 16px;
                font-size: 16px;
            }

                .fullSearchOptBox .optList > li.typeDetail .btnDetail > span::before {
                    content: '';
                    display: block;
                    width: 11px;
                    height: 6px;
                    background: url(../img/common/total_btn_arrB.svg) no-repeat;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    margin-top: -3px;
                    transition: .2s all;
                }

    .fullSearchOptBox .optList > li .opt .area.typeDevide {
        display: flex;
        padding-right: 150px;
        flex-wrap: wrap;
    }

        .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s {
            display: flex;
            align-items: center;
            flex: 1;
            margin-right: 40px;
        }

            .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s:last-of-type {
                margin-right: 0 !important;
            }

            .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s.full {
                width: 100%;
                flex: auto;
                margin-top: -20px;
            }

            .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s .tit {
                width: 80px;
            }

            .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s .area {
                flex: 1;
            }

    .fullSearchOptBox .optList > li .opt .labelList {
        position: relative;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .fullSearchOptBox .optList > li .opt .labelList.hasInput .inputBox {
            min-height: 46px;
            display: flex;
            align-items: center;
        }

        .fullSearchOptBox .optList > li .opt .labelList .inputBox {
            margin-top: 5px;
        }

    .fullSearchOptBox .optList > li.noBtn .opt .area.typeDevide {
        padding-right: 0;
    }

    .fullSearchOptBox .optList > li.typeDetail.noBtn {
        border-bottom: 1px solid #d1d1d1;
    }

        .fullSearchOptBox .optList > li.typeDetail.noBtn ~ li {
            display: block;
        }

        .fullSearchOptBox .optList > li.typeDetail.noBtn:before {
            display: none;
        }

    .fullSearchOptBox ~ .contTable table tbody td {
        padding-left: 15px;
        padding-right: 15px;
    }

    .fullSearchOptBox ~ .contTable table th {
        padding-left: 15px;
        padding-right: 15px;
    }

.inputBox.typePrice {
    display: flex;
    align-items: center;
    margin-right: 0;
}

.areaPrice {
    display: flex;
    align-items: center;
    margin-left: 20px;
}

    .areaPrice .price,
    .areaPrice span {
        margin-right: 8px;
    }

        .areaPrice span:last-of-type {
            margin-right: 0
        }

    .areaPrice .inputBase {
        width: 170px;
    }

/* NCS 능력단위 검색 */
.searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_tit {
    margin-right: 0;
    width: 60px
}

.searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_s {
    flex: 1;
}

    .searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_s .selectBase {
        flex: 1;
        margin-right: 40px;
        margin-bottom: 0;
    }

    .searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_s:last-child .selectBase {
        margin-right: 0;
    }

.searchNCS .optSchArea.typeDivision.type2 .inpArea .selectBase {
    width: 100%;
}

.listNum > li b.num {
    display: flex;
    width: 40px;
    height: 40px;
    background: var(--second);
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: -1px;
}

.listNum > li {
    position: relative;
    padding-left: 55px;
}

    .listNum > li + li {
        margin-top: 40px;
    }

/* 240716 */
.remoteSupport .listNum {
    padding-right: 50px;
    padding-bottom: 50px;
}

.remoteSupport .serviceCont {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .remoteSupport .serviceCont .right {
        width: 632px;
    }

        .remoteSupport .serviceCont .right ul {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

            .remoteSupport .serviceCont .right ul li {
                margin-bottom: 20px;
                width: calc(50% - 12px);
            }

.remoteSupport .groupCont .division .headLine2 {
    margin-bottom: 50px;
}

.infoSelect .optSchArea .inpArea ~ div {
    flex: 1;
    margin-left: 40px;
    width: 100%;
}

    .infoSelect .optSchArea .inpArea ~ div .selectBase {
        flex: none;
        margin-left: 0;
        width: 100%;
    }

@media (hover: hover) {
    .pop_searchItem .selectItemArea .schList > li:hover {
        background: #fff;
    }

        .pop_searchItem .selectItemArea .schList > li:hover:before {
            display: block;
        }

        .pop_searchItem .selectItemArea .schList > li:hover:after {
            display: block;
        }
}

.pop_searchItem .selectItemArea .schList > li.on {
    background: #fff;
}

    .pop_searchItem .selectItemArea .schList > li.on:before {
        display: block;
    }

    .pop_searchItem .selectItemArea .schList > li.on:after {
        display: block;
    }

.searchItem + .txtBody3 {
    margin-top: 15px;
    color: #666;
}

/* 종목 검색 팝업*/
.pop_searchItem .popLayout {
    width: 932px;
}

/* NSC능력단위 조회 팝업*/
.pop_searchNCS .popLayout {
    width: 1406px;
}

.pop_searchNCS .optSchArea {
    margin-bottom: 40px;
}

.pop_searchNCS .contTable table thead th br {
    display: none;
}

.pop_searchNCS .contTabBase {
    margin-top: -4px;
    margin-bottom: 36px;
}

.pop_searchNCS .contTable table tbody td {
    padding-top: 12px;
    padding-bottom: 12px;
}

/* Chart */
.chart_warp {
    position: relative;
}

    .chart_warp .btn_download {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        background: #006056 url(../img/common/ico_download.svg) no-repeat right 24px center;
        border-radius: 8px;
        padding: 16px 54px 13px 24px;
        position: absolute;
        right: 0;
        top: -72px;
    }

.highcharts-figure,
.highcharts-data-table table {
    min-width: 360px;
    max-width: 100%;
    margin: 1em auto;
}

.highcharts-credits {
    display: none;
}

.chart_warp {
    padding: 56px 30px 56px 30px;
    background-color: #fff;
    border-radius: 10px;
}

/* 과정평가형자격 & 일학습병행제 > 통계 -  일반 */
.chart_area {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 31.764705%;
}

    .chart_area .chart_inner {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

        .chart_area .chart_inner .chart_box {
            width: 100%;
            height: 100%;
        }


/* 과정평가형자격 & 일학습병행제 > 통계 - 지도 */
.chartmap_area {
    position: relative;
    width: 100%;
    height: 910px;
    background: #fff;
    border-radius: 15px;
}

    .chartmap_area .chart_inner .chart_box_map {
        position: relative;
        width: 100%;
        max-width: 542px;
        height: 100%;
        max-height: 723px;
        margin: auto;
        background-size: 100%;
        background-position-y: center;
    }

.maparea {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.map_img {
    position: relative;
    width: 100%;
    height: 100%;
}

    .map_img:hover {
        z-index: 49;
    }

.map {
    position: absolute;
    width: 8%;
    height: 10%;
    background-color: #fff;
    z-index: 9;
}

.map_inner {
    position: relative;
    width: 100%;
    height: 100%;
}

    .map_inner .area {
        position: absolute;
        bottom: 0;
        width: 100%;
        min-width: 36px;
        color: #333;
        font-size: 100%;
        text-align: center;
        line-height: 1;
    }

/* 과정평가형자격 & 일학습병행제 > 통계 - 막대그래프 */
.bargraph {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 50px;
}

    .bargraph > li {
        position: absolute;
        bottom: 0;
        float: left;
        height: 100%;
        background-repeat: repeat;
    }

        .bargraph > li.h60per {
            height: 60%;
        }

        .bargraph > li.h80per {
            height: 80%;
        }

.bargraph_3col > li {
    width: 33.333333%;
}

    .bargraph_3col > li.gr01 {
        left: 0;
        background-image: url(../images/cbq/chart_bg_type1.gif)
    }

    .bargraph_3col > li.gr02 {
        left: 33.333333%;
        background-image: url(../images/cbq/chart_bg_type2.gif)
    }

    .bargraph_3col > li.gr03 {
        left: 66.666666%;
        background-image: url(../images/cbq/chart_bg_type3.gif)
    }

.bargraph_4col > li {
    width: 25%;
}

    .bargraph_4col > li.gr01 {
        left: 0;
        background-image: url(../images/cbq/chart_bg_type21.gif)
    }

    .bargraph_4col > li.gr02 {
        left: 25%;
        background-image: url(../images/cbq/chart_bg_type22.gif)
    }

    .bargraph_4col > li.gr03 {
        left: 50%;
        background-image: url(../images/cbq/chart_bg_type23.gif)
    }

    .bargraph_4col > li.gr04 {
        left: 75%;
        background-image: url(../images/cbq/chart_bg_type24.gif)
    }

.bargraph_5col > li {
    width: 20%;
}

    .bargraph_5col > li.gr01 {
        left: 0;
        background-image: url(../images/cbq/chart_bg_type21.gif)
    }

    .bargraph_5col > li.gr02 {
        left: 20%;
        background-image: url(../images/cbq/chart_bg_type22.gif)
    }

    .bargraph_5col > li.gr03 {
        left: 40%;
        background-image: url(../images/cbq/chart_bg_type23.gif)
    }

    .bargraph_5col > li.gr04 {
        left: 60%;
        background-image: url(../images/cbq/chart_bg_type24.gif)
    }

    .bargraph_5col > li.gr05 {
        left: 80%;
        background-image: url(../images/cbq/chart_bg_type25.gif)
    }

/* 과정평가형자격 & 일학습병행제 > 통계 - 막대그래프 툴팁 */
.bargraph_tooltip {
    position: absolute;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #0066cc;
}

    .bargraph_tooltip:after {
        position: absolute;
        left: 50%;
        bottom: -8px;
        display: inline-block;
        width: 12px;
        height: 8px;
        margin-left: -13px;
        content: "";
        background: url(../images/cbq/chart_bg_txt.png) 0 0 no-repeat;
        background-size: 100% auto;
    }

    .bargraph_tooltip .bargraph_tooltip_list {
        overflow: hidden;
        display: inline-block;
    }

        .bargraph_tooltip .bargraph_tooltip_list li {
            float: left;
            color: #333;
            font-size: 12px;
            line-height: 12px;
        }

            .bargraph_tooltip .bargraph_tooltip_list li em {
                display: inline-block;
                width: 8px;
                height: 8px;
                background-repeat: repeat;
            }

.bargraph_tooltip_3lst {
    top: -34px;
    left: -62px;
    width: 160px;
    height: 24px;
    text-align: center;
}

    .bargraph_tooltip_3lst .bargraph_tooltip_list li {
        float: left;
        margin-left: 12px;
    }

    .bargraph_tooltip_3lst .bargraph_txt_lis li:first-child {
        margin-left: 0;
    }

    .bargraph_tooltip_3lst .bargraph_tooltip_list li em.gr_txt01 {
        background-image: url(../images/cbq/chart_bg_type1.gif);
    }

    .bargraph_tooltip_3lst .bargraph_tooltip_list li em.gr_txt02 {
        background-image: url(../images/cbq/chart_bg_type2.gif);
    }

    .bargraph_tooltip_3lst .bargraph_tooltip_list li em.gr_txt03 {
        background-image: url(../images/cbq/chart_bg_type3.gif);
    }

    .bargraph_tooltip_3lst .bargraph_tooltip_list li em.gr_txt04 {
        background-image: url(../images/cbq/chart_bg_type4.gif);
    }

.bargraph_tooltip_4lst {
    top: -80px;
    left: -12px;
    width: 62px;
    height: 70px;
    text-align: left;
}

    .bargraph_tooltip_4lst .bargraph_tooltip_list li {
        float: initial;
        width: 100%;
        margin-top: 4px;
    }

        .bargraph_tooltip_4lst .bargraph_tooltip_list li:first-child {
            margin-top: 0;
        }

        .bargraph_tooltip_4lst .bargraph_tooltip_list li em.gr_txt01 {
            background-image: url(../images/cbq/chart_bg_type21.gif);
        }

        .bargraph_tooltip_4lst .bargraph_tooltip_list li em.gr_txt02 {
            background-image: url(../images/cbq/chart_bg_type22.gif);
        }

        .bargraph_tooltip_4lst .bargraph_tooltip_list li em.gr_txt03 {
            background-image: url(../images/cbq/chart_bg_type23.gif);
        }

        .bargraph_tooltip_4lst .bargraph_tooltip_list li em.gr_txt04 {
            background-image: url(../images/cbq/chart_bg_type24.gif);
        }

.bargraph_tooltip_5lst {
    top: -100px;
    left: -12px;
    width: 62px;
    text-align: left;
}

    .bargraph_tooltip_5lst .bargraph_tooltip_list li {
        float: initial;
        width: 100%;
        margin-top: 4px;
    }

        .bargraph_tooltip_5lst .bargraph_tooltip_list li:first-child {
            margin-top: 0;
        }

        .bargraph_tooltip_5lst .bargraph_tooltip_list li em.gr_txt01 {
            background-image: url(../images/cbq/chart_bg_type21.gif);
        }

        .bargraph_tooltip_5lst .bargraph_tooltip_list li em.gr_txt02 {
            background-image: url(../images/cbq/chart_bg_type22.gif);
        }

        .bargraph_tooltip_5lst .bargraph_tooltip_list li em.gr_txt03 {
            background-image: url(../images/cbq/chart_bg_type23.gif);
        }

        .bargraph_tooltip_5lst .bargraph_tooltip_list li em.gr_txt04 {
            background-image: url(../images/cbq/chart_bg_type24.gif);
        }

        .bargraph_tooltip_5lst .bargraph_tooltip_list li em.gr_txt05 {
            background-image: url(../images/cbq/chart_bg_type25.gif);
        }

.bargraph_tooltip {
    display: none;
}

.map:hover {
    cursor: pointer;
}

.map:hover, .map:focus, .map:active {
    z-index: 10;
}

    .map:hover .bargraph_tooltip, .map:focus .bargraph_tooltip, .map:active .bargraph_tooltip {
        display: block;
    }

/* 과정평가형자격 & 일학습병행제 > 통계 - 행정구역 위치 */
.chartMapArea {
    background: #FFFFFF;
    border: 1px solid #D0D2D6;
    border-radius: 10px;
    padding: 56px 0;
}

.bgArea {
    text-align: center;
    width: 542px;
    height: 723px;
    margin: 0 auto;
    position: relative;
}

/* 지도 hover */
.btnMap {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

    .btnMap ul li a {
        display: block;
        width: 51px;
        height: 40px;
        position: absolute;
        left: 146px;
        top: 131px;
    }

        .btnMap ul li a:hover {
            background: url(../img/common/ico_mapHover01.svg) no-repeat center top;
        }

.btnHover .cont {
    display: none;
    width: 88px;
    height: 111px;
    border-radius: 8px;
    padding: 7px 12px;
    position: absolute;
    left: 130px;
    top: 14px;
    background: url(../img/common/ico_triangle.svg)
}

    .btnHover .cont ul li {
        text-align: left;
        line-height: initial;
    }

        .btnHover .cont ul li span {
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            line-height: 20px;
            padding-left: 16px;
            background-repeat: no-repeat;
            background-position: left center;
        }

            .btnHover .cont ul li span.ico01 {
                background-image: url(../img/common/ico_btnHover01.svg);
            }

            .btnHover .cont ul li span.ico02 {
                background-image: url(../img/common/ico_btnHover02.svg);
            }

            .btnHover .cont ul li span.ico03 {
                background-image: url(../img/common/ico_btnHover03.svg);
            }

            .btnHover .cont ul li span.ico04 {
                background-image: url(../img/common/ico_btnHover04.svg);
            }

#chartmap01 .map {
    top: 15%;
    left: 16%;
}

#incheon .map {
    top: 92px;
    left: 36px;
}

#chartmap06 .map {
    top: 24%;
    left: 23%;
}

#chartmap02 .map {
    top: 16%;
    left: 45%;
}

#chartmap05 .map {
    top: 30%;
    left: 30%;
}

#chartmap04 .map {
    top: 36%;
    left: 12%;
}

#chartmap03 .map {
    top: 40%;
    left: 22%;
}

#chartmap09 .map {
    top: 51%;
    left: 16%;
}

#chartmap08 .map {
    top: 66%;
    left: 19%;
}

#chartmap07 .map {
    top: 64%;
    left: 9%;
}

#chartmap15 .map {
    top: 38%;
    left: 55%;
}

#chartmap14 .map {
    top: 49%;
    left: 50%;
}

#chartmap11 .map {
    top: 60%;
    left: 38%;
}

#chartmap12 .map {
    top: 55%;
    left: 62%;
}

#chartmap10 .map {
    top: 63%;
    left: 53%;
}

#chartmap13 .map {
    top: 86%;
    left: 9%;
}

/* 과정평가형자격 & 일학습병행제 > 통계 - 행정구역 마우스 hover시 배경 이미지 */
/* #incheon:hover.map_img, #incheon:focus.map_img, #incheon:active.map_img {background-image:url(../images/cbq/chart_map_incheon.jpg);} */
#chartmap01:hover.map_img, #chartmap01:focus.map_img, #chartmap01:active.map_img {
    background-image: url(../images/cbq/chart_map_seoul.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap02:hover.map_img, #chartmap02:focus.map_img, #chartmap02:active.map_img {
    background-image: url(../images/cbq/chart_map_gangwon.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap03:hover.map_img, #chartmap03:focus.map_img, #chartmap03:active.map_img {
    background-image: url(../images/cbq/chart_map_daejeon.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap04:hover.map_img, #chartmap04:focus.map_img, #chartmap04:active.map_img {
    background-image: url(../images/cbq/chart_map_chungnam.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap05:hover.map_img, #chartmap05:focus.map_img, #chartmap05:active.map_img {
    background-image: url(../images/cbq/chart_map_chungbuk.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap06:hover.map_img, #chartmap06:focus.map_img, #chartmap06:active.map_img {
    background-image: url(../images/cbq/chart_map_gyeonggi.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap07:hover.map_img, #chartmap07:focus.map_img, #chartmap07:active.map_img {
    background-image: url(../images/cbq/chart_map_gwangju.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap08:hover.map_img, #chartmap08:focus.map_img, #chartmap08:active.map_img {
    background-image: url(../images/cbq/chart_map_jeonnam.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap09:hover.map_img, #chartmap09:focus.map_img, #chartmap09:active.map_img {
    background-image: url(../images/cbq/chart_map_jeonbuk.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap10:hover.map_img, #chartmap10:focus.map_img, #chartmap10:active.map_img {
    background-image: url(../images/cbq/chart_map_busan.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap11:hover.map_img, #chartmap11:focus.map_img, #chartmap11:active.map_img {
    background-image: url(../images/cbq/chart_map_gyeongnam.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap12:hover.map_img, #chartmap12:focus.map_img, #chartmap12:active.map_img {
    background-image: url(../images/cbq/chart_map_ulsan.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap13:hover.map_img, #chartmap13:focus.map_img, #chartmap13:active.map_img {
    background-image: url(../images/cbq/chart_map_jeju.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap14:hover.map_img, #chartmap14:focus.map_img, #chartmap14:active.map_img {
    background-image: url(../images/cbq/chart_map_daegu.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

#chartmap15:hover.map_img, #chartmap15:focus.map_img, #chartmap15:active.map_img {
    background-image: url(../images/cbq/chart_map_gyeongbuk.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap01TabChg {
    background-image: url(../images/cbq/chart_map_seoul.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap02TabChg {
    background-image: url(../images/cbq/chart_map_gangwon.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap03TabChg {
    background-image: url(../images/cbq/chart_map_daejeon.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap04TabChg {
    background-image: url(../images/cbq/chart_map_chungnam.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap05TabChg {
    background-image: url(../images/cbq/chart_map_chungbuk.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap06TabChg {
    background-image: url(../images/cbq/chart_map_gyeonggi.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap07TabChg {
    background-image: url(../images/cbq/chart_map_gwangju.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap08TabChg {
    background-image: url(../images/cbq/chart_map_jeonnam.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap09TabChg {
    background-image: url(../images/cbq/chart_map_jeonbuk.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap10TabChg {
    background-image: url(../images/cbq/chart_map_busan.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap11TabChg {
    background-image: url(../images/cbq/chart_map_gyeongnam.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap12TabChg {
    background-image: url(../images/cbq/chart_map_ulsan.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap13TabChg {
    background-image: url(../images/cbq/chart_map_jeju.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap14TabChg {
    background-image: url(../images/cbq/chart_map_daegu.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

.chartmap15TabChg {
    background-image: url(../images/cbq/chart_map_gyeongbuk.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position-y: center;
}

/* 단체 원서 접수현황 */
.eventState .eventTit {
    display: flex;
}

    .eventState .eventTit .contTit1 {
        position: relative;
        width: auto;
        padding-right: 14px;
        margin-right: 14px;
        margin-bottom: 10px;
    }

        .eventState .eventTit .contTit1:before {
            content: '';
            position: absolute;
            right: 0;
            top: 8px;
            display: block;
            width: 1px;
            height: 19px;
            background: #000;
        }

        .eventState .eventTit .contTit1:last-child::before {
            display: none;
        }

        .eventState .eventTit .contTit1:last-child {
            margin-right: 0;
            padding-right: 0;
        }

.eventState .txtBody1 + .contTable {
    margin-top: 20px;
}

.contTable .tbTitle {
    border-left: 0 !important;
    padding-left: 32px;
    padding-right: 32px;
}

.contTable .processTitInfo {
    display: flex;
    flex-wrap: wrap;
}

.contTable .processTitInfo {
    border-left: 0;
    text-align: left;
    font-size: 18px;
}

    .contTable .processTitInfo p {
        font-weight: 700;
    }

    .contTable .processTitInfo em {
        font-style: normal;
    }

    .contTable .processTitInfo .default {
        display: flex;
        margin-right: 15px;
    }

        .contTable .processTitInfo .default > span {
            position: relative;
            padding-right: 10px;
            margin-right: 10px;
        }

            .contTable .processTitInfo .default > span:last-child {
                padding-right: 0;
                margin-right: 0;
            }

                .contTable .processTitInfo .default > span:last-child::before {
                    display: none;
                }

            .contTable .processTitInfo .default > span::before {
                content: '';
                display: block;
                width: 1px;
                height: 18px;
                background: #000;
                position: absolute;
                right: 0;
                top: 5px;
            }

    .contTable .processTitInfo .status {
        display: flex;
    }

        .contTable .processTitInfo .status > span {
            position: relative;
            padding-right: 10px;
            margin-right: 10px;
        }

            .contTable .processTitInfo .status > span::before {
                content: '';
                display: block;
                width: 1px;
                height: 18px;
                background: #000;
                position: absolute;
                right: 0;
                top: 5px;
            }

            .contTable .processTitInfo .status > span:last-child {
                padding-right: 0;
                margin-right: 0;
            }

                .contTable .processTitInfo .status > span:last-child::before {
                    display: none;
                }

.private_detailInfo .txtList.dot > li > a {
    padding-right: 25px;
    background: url(../img/common/ico_new_link_black.svg) no-repeat right 0 top 1px;
}

/* 사이트맵 */
#sitemap_gnb {
    width: 100%;
    font-size: 0;
    text-align: left;
    padding-top: 30px;
}

    #sitemap_gnb > li > .menuM {
        width: 100%;
        font-size: 0;
        margin-top: -50px;
    }

        #sitemap_gnb > li > .menuM > li {
            width: 25%;
            display: inline-block;
            vertical-align: top;
            margin-top: 50px;
            padding-right: 20px;
        }

            #sitemap_gnb > li > .menuM > li > a {
                display: inline-block;
                font-size: 24px;
                font-weight: bold;
                line-height: 29px;
                color: var(--second);
            }

            #sitemap_gnb > li > .menuM > li > .menuS {
                margin-top: 13px;
                font-size: 0;
                width: 100%;
            }

                #sitemap_gnb > li > .menuM > li > .menuS > li {
                    position: relative;
                    width: 100%;
                    padding-left: 13px;
                }

                    #sitemap_gnb > li > .menuM > li > .menuS > li:before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 11px;
                        display: block;
                        width: 3px;
                        height: 3px;
                        background: var(--second);
                        border-radius: 50%;
                    }

                    #sitemap_gnb > li > .menuM > li > .menuS > li + li {
                        margin-top: 5px;
                    }

                    #sitemap_gnb > li > .menuM > li > .menuS > li > a {
                        position: relative;
                        display: inline-block;
                    }

    #sitemap_gnb > li:nth-of-type(n+2) {
        border-top: 1px solid #E1E1E1;
        padding-top: 55px;
    }

        #sitemap_gnb > li:nth-of-type(n+2) > a {
            top: 55px;
        }

    #sitemap_gnb > li {
        font-size: 0;
        padding-bottom: 50px;
    }

        #sitemap_gnb > li > a {
            display: inline-block;
            width: 290px;
            font-size: 40px;
            line-height: 44px;
            font-weight: bold;
            vertical-align: top;
        }

        #sitemap_gnb > li > .menuM {
            display: inline-block;
            width: calc(100% - 360px);
            margin-left: 60px;
            font-size: 0;
            vertical-align: top;
        }

/* 통합검색 */
.totalSch .totalSchArea {
    padding-bottom: 160px;
}

.totalSch .totalSch_top {
    position: relative;
    padding-top: 60px;
    background: #fff;
}

    .totalSch .totalSch_top:before {
        content: '';
        display: block;
        width: 800px;
        height: 100%;
        background: #fff;
        position: absolute;
        left: -800px;
        top: 0;
    }

    .totalSch .totalSch_top:after {
        content: '';
        display: block;
        width: 800px;
        height: 100%;
        background: #fff;
        position: absolute;
        right: -800px;
        top: 0;
    }

.totalSch .total_schArea fieldset {
    display: flex;
    height: 60px;
    max-width: 790px;
    width: 100%;
    margin: 0 auto;
    border-radius: 42px;
    box-shadow: 10px 6px 15px #E9EAEC;
}

    .totalSch .total_schArea fieldset select {
        display: block;
        border: 0;
        width: 145px;
        border: 1px solid #d1d1d1;
        border-right: 0;
        border-top-left-radius: 42px;
        border-bottom-left-radius: 42px;
        font-size: 16px;
        color: #666;
        padding-left: 30px;
        padding-right: 25px;
        background: url(../img/common/total_select_arrB.svg) no-repeat right 20px top 50%;
        appearance: none;
    }

        .totalSch .total_schArea fieldset select::-ms-expand {
            display: none;
        }
    /* IE 10, 11의 네이티브 화살표 숨기기 */
    .totalSch .total_schArea fieldset .inpArea {
        position: relative;
        flex: 1;
        display: flex;
        height: 100%;
    }

        .totalSch .total_schArea fieldset .inpArea input {
            flex: 1;
            height: 100%;
            border: 0;
            border-top: 1px solid #d1d1d1;
            border-bottom: 1px solid #d1d1d1;
            font-size: 16px;
            padding: 0 20px;
        }

        .totalSch .total_schArea fieldset .inpArea button {
            display: block;
            width: 77px;
            height: 60px;
            ;
            border-top-right-radius: 42px;
            border-bottom-right-radius: 42px;
            padding-left: 30px;
            background: var(--second) url(../img/common/total_search_icon_blue.svg) no-repeat center
        }

        .totalSch .total_schArea fieldset .inpArea:before {
            content: '';
            display: block;
            width: 1px;
            height: 40px;
            background: var(--second);
            position: absolute;
            left: 0;
            top: 10px;
        }

        .totalSch .total_schArea fieldset .inpArea .autoSechKeyword {
            position: absolute;
            width: calc(100% - 76px);
            left: 0;
            top: 60px;
            background-color: #fff;
            ;
            z-index: 10;
            border: 1px solid #d1d1d1;
            border-top: none;
            display: none;
        }

            .totalSch .total_schArea fieldset .inpArea .autoSechKeyword li:first-of-type a {
                padding-top: 10px;
            }

            .totalSch .total_schArea fieldset .inpArea .autoSechKeyword li:last-of-type a {
                padding-bottom: 10px;
            }

            .totalSch .total_schArea fieldset .inpArea .autoSechKeyword li a {
                display: block;
                padding: 5px 15px;
            }

            .totalSch .total_schArea fieldset .inpArea .autoSechKeyword li.nokeyWord {
                padding: 10px 15px;
                word-break: keep-all;
            }

.totalSch .schOptArea {
    max-width: 790px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    padding-bottom: 50px;
}

    .totalSch .schOptArea .sch_opt {
        position: relative;
        padding-left: 95px;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-top: -8px;
        max-width: 500px;
    }

        .totalSch .schOptArea .sch_opt .opt_tit {
            position: absolute;
            left: 0;
            top: 15px;
            margin-right: 12px;
            font-weight: 600;
        }

        .totalSch .schOptArea .sch_opt > a {
            position: relative;
            display: block;
            margin-right: 8px;
            padding: 4px 25px 3px 12px;
            border: 1px solid #D5D5D5;
            border-radius: 16px;
            border-radius: 16px;
            font-size: 15px;
            color: #222;
            margin-top: 8px;
        }

            .totalSch .schOptArea .sch_opt > a .btn_close {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 12px;
                background: url(../img/common/total_btn_close.svg) no-repeat center;
                display: block;
                width: 8px;
                height: 8px;
            }

    .totalSch .schOptArea .sch_etcOpt {
        display: flex;
        align-items: center;
    }

        .totalSch .schOptArea .sch_etcOpt .inputBox {
            margin-right: 20px;
            margin-top: 5px;
        }

            .totalSch .schOptArea .sch_etcOpt .inputBox > .data {
                padding-top: 1px;
                padding-left: 26px;
            }

            .totalSch .schOptArea .sch_etcOpt .inputBox > input[type=checkbox] + .data {
                background-image: url(../img/common/ico_radio_sch_off.svg);
                font-size: 16px;
                background-size: 18px auto;
            }

            .totalSch .schOptArea .sch_etcOpt .inputBox > input[type=checkbox]:checked + .data {
                background-image: url(../img/common/ico_radio_sch_on.svg)
            }

        .totalSch .schOptArea .sch_etcOpt .btn_detailView {
            display: block;
            width: 116px;
            height: 40px;
            border: 1px solid #D5D5D5;
            border-radius: 23px;
        }

            .totalSch .schOptArea .sch_etcOpt .btn_detailView > .base {
                position: relative;
                padding-right: 16px;
                font-size: 16px;
            }

                .totalSch .schOptArea .sch_etcOpt .btn_detailView > .base::before {
                    content: '';
                    display: block;
                    width: 11px;
                    height: 6px;
                    background: url(../img/common/total_btn_arrB.svg) no-repeat;
                    position: absolute;
                    right: 0;
                    top: 50%;
                    margin-top: -3px;
                    transition: .2s all;
                }

            .totalSch .schOptArea .sch_etcOpt .btn_detailView.on > .base::before {
                transform: rotate(-180deg);
            }

.totalSch .schDetailArea {
    position: relative;
    max-width: 906px;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #D5D5D5;
    padding-top: 20px;
}

    .totalSch .schDetailArea:before {
        content: '';
        display: block;
        width: 600px;
        height: 1px;
        background: #D5D5D5;
        position: absolute;
        left: -600px;
        top: -1px;
        z-index: 10;
    }

    .totalSch .schDetailArea:after {
        content: '';
        display: block;
        width: 600px;
        height: 1px;
        background: #D5D5D5;
        position: absolute;
        right: -600px;
        top: -1px;
        z-index: 10;
    }

    .totalSch .schDetailArea .opt_area {
        display: flex;
        align-items: center;
    }

    .totalSch .schDetailArea .opt_area {
        padding: 18px 0;
        border-bottom: 1px solid #D5D5D5;
    }

        .totalSch .schDetailArea .opt_area .opt_tit {
            width: 110px;
            font-weight: 600;
        }

        .totalSch .schDetailArea .opt_area .optWrap {
            display: flex;
            align-items: center;
            flex: 1;
        }

            .totalSch .schDetailArea .opt_area .optWrap .inputBase {
                width: 180px;
                font-weight: 400;
            }

            .totalSch .schDetailArea .opt_area .optWrap .period {
                margin-right: 20px;
            }

                .totalSch .schDetailArea .opt_area .optWrap .period span {
                    margin: 0 8px;
                }

            .totalSch .schDetailArea .opt_area .optWrap .month {
                display: flex;
                align-items: center;
            }

                .totalSch .schDetailArea .opt_area .optWrap .month button {
                    margin-right: 10px;
                }

                    .totalSch .schDetailArea .opt_area .optWrap .month button:last-child {
                        margin-right: 0;
                    }

                .totalSch .schDetailArea .opt_area .optWrap .month > button {
                    width: 79px;
                    height: 46px;
                    background: #666;
                    border-radius: 5px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                    font-size: 16px;
                }

    .totalSch .schDetailArea .btnArea {
        margin-top: 33px;
        padding-bottom: 35px;
    }

.totalSch .totalTabArea {
    position: relative;
    margin-top: 30px;
}

    .totalSch .totalTabArea::before {
        content: '';
        display: block;
        width: calc(100% + 1000px);
        height: 1px;
        background: #D1D1D1;
        position: absolute;
        left: -500px;
        bottom: -1px;
    }

    .totalSch .totalTabArea > ul {
        display: flex;
    }

        .totalSch .totalTabArea > ul > li {
            flex: 1;
            text-align: center;
            padding-bottom: 18px;
        }

            .totalSch .totalTabArea > ul > li.on {
                border-bottom: 2px solid var(--primary);
            }

                .totalSch .totalTabArea > ul > li.on > a {
                    font-weight: 700;
                }

            .totalSch .totalTabArea > ul > li > a {
                display: block;
            }

.totalSch .totalSchArea {
    position: relative;
    display: flex;
    width: 100%;
    padding-top: 55px;
}

    .totalSch .totalSchArea:before {
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background: #D1D1D1;
        position: absolute;
        right: 365px;
        top: 0;
    }

.totalSch .resultInfo {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 42px;
}

.totalSch .totalSch_cont {
    flex: 1;
    padding-right: 60px;
}

.totalSch .titArea {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
}

    .totalSch .titArea > .contTit1 {
        display: block;
        padding-right: 50px;
        padding-top: 10px;
    }

        .totalSch .titArea > .contTit1 em {
            color: var(--primary);
            font-style: normal;
        }

    .totalSch .titArea .btn_plus {
        display: block;
        width: 20px;
        height: 20px;
        background: url(../img/common/ico_totalPlus.svg) no-repeat center;
    }

    .totalSch .titArea .opt {
        display: flex;
        align-items: center;
    }

        .totalSch .titArea .opt .selectBase {
            width: 140px;
            margin-right: 20px;
        }

.totalSch .resultGrp .resultArea {
    border-top: 1px solid #000;
}

.totalSch .resultGrp:nth-of-type(n+2) {
    margin-top: 80px;
}

.totalSch .resultInfo + .resultGrp {
    margin-top: 0px;
}

.totalSch .resultGrp .resultArea > ul > li a {
    display: block;
}

.totalSch .resultGrp .resultArea > ul > li {
    border-bottom: 1px solid #ddd;
    padding: 18px 0;
}

    .totalSch .resultGrp .resultArea > ul > li:last-of-type {
        border-bottom: 0;
    }

    .totalSch .resultGrp .resultArea > ul > li .tit {
        font-weight: 700;
        margin-bottom: 9px;
        display: block;
        ;
    }

    .totalSch .resultGrp .resultArea > ul > li .navi {
        margin-top: 15px;
        font-size: 16px;
        color: #666
    }

    .totalSch .resultGrp .resultArea > ul > li .cont {
        font-size: 16px;
        display: -webkit-box;
        word-wrap: break-word;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.totalSch .totalSch_etc {
    width: 365px;
    padding-left: 60px;
}

    .totalSch .totalSch_etc .etcGrp:nth-of-type(n+2) {
        margin-top: 45px
    }

.totalSch .popularSch .sch_tab {
    display: flex;
    margin-bottom: 20px;
}

    .totalSch .popularSch .sch_tab > li {
        flex: 1;
        text-align: center;
        border-bottom: 1px solid #d5d5d5;
    }

        .totalSch .popularSch .sch_tab > li.on {
            border-bottom: 2px solid var(--primary);
        }

        .totalSch .popularSch .sch_tab > li a {
            display: block;
            width: 100%;
            padding-bottom: 5px;
            font-size: 16px;
            text-align: center;
        }

        .totalSch .popularSch .sch_tab > li.on a {
            color: var(--primary);
            font-weight: 700;
        }

.totalSch .popularCont > ul > li > a {
    display: flex;
    font-size: 16px;
    align-items: flex-start;
}

.totalSch .popularCont > ul > li + li {
    margin-top: 10px;
}

.totalSch .popularCont > ul > li:nth-child(1) .num {
    color: var(--primary)
}

.totalSch .popularCont > ul > li:nth-child(2) .num {
    color: var(--primary)
}

.totalSch .popularCont > ul > li:nth-child(3) .num {
    color: var(--primary)
}

.totalSch .popularCont > ul > li:nth-child(1) p {
    font-weight: 700;
}

.totalSch .popularCont > ul > li:nth-child(2) p {
    font-weight: 700;
}

.totalSch .popularCont > ul > li:nth-child(3) p {
    font-weight: 700;
}

.totalSch .popularCont > ul > li > a .num {
    width: 37px;
    display: block;
    padding-left: 5px;
    ;
    font-size: 16px;
    font-weight: 700;
    color: #666;
}

.totalSch .popularCont > ul > li > a p {
    font-size: 16px;
    font-weight: 500;
    flex: 1;
}

.totalSch .schWord {
    color: var(--primary);
    font-size: inherit;
}

.totalSch .resultArea {
    border-bottom: 1px solid #ddd;
}

.totalSch .etcGrp {
    position: relative;
}

    .totalSch .etcGrp .baseBtn > .base {
        background: #0075D2
    }

    .totalSch .etcGrp .btnDel {
        font-size: 16px;
        color: #666;
        position: absolute;
        right: 0;
        top: 12px;
        padding-bottom: 1px;
        background: none !important;
        padding-left: 0 !important
    }

    .totalSch .etcGrp .tagArea {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        margin-top: -8px
    }

        .totalSch .etcGrp .tagArea > a {
            position: relative;
            display: block;
            margin-right: 8px;
            padding: 4px 25px 3px 12px;
            border: 1px solid #D5D5D5;
            border-radius: 16px;
            border-radius: 16px;
            font-size: 15px;
            color: #222;
            margin-top: 8px;
            background: #fff;
        }

            .totalSch .etcGrp .tagArea > a .btn_close {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 12px;
                background: url(../img/common/total_btn_close.svg) no-repeat center;
                display: block;
                width: 8px;
                height: 8px;
            }

    .totalSch .etcGrp .txtList.dot > li {
        font-size: 16px;
    }

        .totalSch .etcGrp .txtList.dot > li::before {
            background: var(--primary)
        }

    .totalSch .etcGrp > .baseBtn {
        width: 100%;
    }

/* 원서접수 */
.noLineArticle {
    border: 1px solid #D1D1D1;
    border-radius: 48px;
    margin-bottom: 40px;
}

    .noLineArticle .no_article {
        padding-top: 170px;
        background-image: url(../img/common/ico_bigExam_blue.svg);
        font-size: 24px;
        font-weight: 700;
        color: #111;
        line-height: 130%;
    }

.no_article.line {
    border-top: 2px solid #000;
    border-bottom: 1px solid #d1d1d1;
    ;
}

.stepArea {
    position: relative;
    ;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center;
    padding-top: 20px;
}

.top_stepArea + .groupCont.noLine {
    padding-top: 0
}

.stepArea > li {
    position: relative;
    display: flex;
    width: auto;
    align-items: center;
    font-size: 0;
    z-index: 2;
}

    .stepArea > li .stepTit span {
        font-size: inherit;
        color: var(--red);
    }

    .stepArea > li:nth-child(n+2) {
        padding-left: 20px;
    }

    .stepArea > li:last-child .stepTit {
        padding-right: 0;
    }

    .stepArea > li.line {
        display: block;
        height: 1px;
        background: #D1D1D1;
        flex-grow: 1;
    }

    .stepArea > li .stepTit {
        flex: 1;
        padding-right: 20px;
        font-weight: 700;
        word-break: keep-all;
    }

    .stepArea > li i.num {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        margin-right: 10px;
        line-height: 32px;
        padding-top: 1px;
        border-radius: 10px;
        background: #fff;
        border: 1px solid #D1D1D1;
        color: #111;
        font-size: 18px;
        font-style: normal;
    }

    .stepArea > li.on i.num {
        background: var(--primary);
        color: #fff;
        border: 0;
    }

    .stepArea > li.end i.num {
        background: var(--primary) url(../img/common/ico_step_end.svg) no-repeat center;
        color: #fff;
        text-indent: -9999px;
        overflow: hidden;
        border: 0;
    }

.agreeBox {
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    background: #fff;
}

    .agreeBox .contTit1:nth-child(n+2) {
        margin-top: 40px !important;
    }

    .agreeBox .agreeCont {
        padding: 35px 40px 20px 40px;
        border-bottom: 1px solid #D1D1D1;
        ;
    }

    .agreeBox .agreeChk {
        padding: 20px 40px;
    }

        .agreeBox .agreeChk .inputBox > .data {
            font-weight: 700;
        }

    .agreeBox + .txtList.dot {
        margin-top: 20px
    }

.agrreBox_all {
    padding: 20px 40px;
    background: #DFE3EC;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
}

    .agrreBox_all .inputBox > .data {
        font-size: 24px;
        font-weight: 700;
        padding-left: 40px;
        ;
    }

.selProcess .typeAgree + .division {
    padding-top: 40px;
}

.contTable + .agreeBox {
    margin-top: 40px;
}

.groupCont .division .txtList.dot + .contTable {
    margin-top: 40px
}

.groupCont .division .contTable + .txtList.dot {
    margin-top: 20px
}

.placeTit {
    display: flex;
    margin-bottom: 30px;
}

    .placeTit .headLine3 {
        position: relative;
        width: auto;
        padding-right: 16px;
        margin-right: 16px;
    }

        .placeTit .headLine3:before {
            content: '';
            display: block;
            width: 1px;
            height: 24px;
            background: #111;
            position: absolute;
            right: 0;
            top: 12px;
        }

        .placeTit .headLine3:last-of-type {
            padding-right: 0;
            margin-right: 0;
        }

            .placeTit .headLine3:last-of-type:before {
                display: none;
            }

.selectPlace .baseBtn.gray[readonly] > .base {
    color: #666
}

.selectPlace .groupCont .division ~ .division {
    padding-top: 56px;
}

.payment .contTable.typeRow .profileLine {
    vertical-align: top;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 18px;
}

.payment .groupCont .division ~ .division {
    padding-top: 46px;
}

.profileLine .profile {
    width: 170px;
    font-size: 0;
    margin: 0 auto;
    max-width: 100%;
}

    .profileLine .profile > img {
        width: 100%;
        ;
        border: 1px solid #D1D1D1;
    }


/* 홍보영상 */
.videoList {
    width: calc(100% + 32px);
    margin-left: -32px;
    margin-top: 32px;
    font-size: 0;
}

    .videoList > li {
        position: relative;
        display: inline-block;
        width: calc(25% - 32px);
        margin-left: 32px;
        vertical-align: top;
        border-radius: 12px;
        overflow: hidden;
    }

        .videoList > li:nth-child(n+5) {
            margin-top: 32px;
        }

        .videoList > li .tit {
            display: -webkit-box;
            word-wrap: break-word;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .videoList > li .date {
            position: absolute;
            font-size: 16px;
            color: #666;
            bottom: 17px
        }

        .videoList > li .infoArea {
            height: 120px;
            background: #fff;
            padding: 17px 20px;
        }

    .videoList .thum {
        position: relative;
        width: 100%;
        height: auto;
        background-color: #ddd;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        overflow: hidden;
    }

        .videoList .thum::after {
            content: "";
            padding-top: 56%;
            display: block;
            width: 100%;
        }

.board_area .videoArea {
    display: flex;
}

    .board_area .videoArea .video {
        position: relative;
        width: 823px;
        height: 464px;
        margin-right: 16px;
        border-radius: 16px;
        overflow: hidden;
    }

        .board_area .videoArea .video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .board_area .videoArea .video_caption {
        padding-right: 24px;
        padding-bottom: 24px;
        flex: 1;
        background: #fff;
        border-radius: 16px;
        overflow-y: auto;
    }

        .board_area .videoArea .video_caption .limitY {
            max-height: 440px;
            padding: 24px;
            padding-right: 0;
        }

        .board_area .videoArea .video_caption .caption_tit {
            display: block;
            margin-bottom: 20px;
            font-weight: 700;
            font-size: 16px;
        }

            .board_area .videoArea .video_caption .caption_tit:nth-child(n+2) {
                margin-top: 25px;
            }

/* 통합검색 */
.totalSch .total_schArea fieldset .inpArea button {
    background-image: url(../img/common/total_search_icon.svg);
}

/* 약도보기 */
.pop_map .popLayout {
    width: 840px;
}

.pop_map .contTabBase {
    margin-bottom: 35px;
}

.pop_map .mapViewer {
    height: 310px;
    background: #000;
    margin-top: -34px;
    margin-bottom: 40px;
    ;
}

.pop_map .contTab_Group .mapViewer {
    margin-top: 0;
}

.pop_map .contTab_Group .mapImg {
    text-align: center;
    margin-bottom: 0px;
    font-size: 0;
    border: 1px solid #d1d1d1;
}

    .pop_map .contTab_Group .mapImg > img {
        width: 100%;
    }

.pop_map .mapInfo {
    padding: 24px 30px;
    border: 1px solid #D1D1D1;
    border-top: 0;
    margin-bottom: 24px;
}

    .pop_map .mapInfo .txtList > li b {
        font-weight: 700;
    }

/* 응시자 배정 팝업 */
.pop_applyLocation .popLayout {
    width: 990px
}

.pop_applyLocation .allocation {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

    .pop_applyLocation .allocation .contTable {
        max-height: 235px;
        min-height: 235px;
    }

        .pop_applyLocation .allocation .contTable thead th {
            padding: 0 15px;
        }

        .pop_applyLocation .allocation .contTable tbody td {
            padding: 0 15px;
        }

    .pop_applyLocation .allocation .rowBtn .baseBtn + .baseBtn {
        margin-top: 8px;
    }

    .pop_applyLocation .allocation .rowBtn .btn {
        position: relative;
        top: -6px;
        padding: 0 40px;
    }

        .pop_applyLocation .allocation .rowBtn .btn .baseBtn > span {
            position: relative;
            width: 124px;
        }

            .pop_applyLocation .allocation .rowBtn .btn .baseBtn > span:before {
                content: '';
                display: block;
                width: 11px;
                height: 11px;
                background-repeat: no-repeat;
                background-position: top 50% right 0;
                position: absolute;
                right: 22px;
                top: 50%;
                transform: translateY(-50%);
            }

    .pop_applyLocation .allocation .next > span {
        padding-left: 22px;
        padding-right: 38px;
        background: var(--second)
    }

/* 수험표 출력 */
.pop_printTicket .btnWrap {
    text-align: center;
    margin-bottom: 40px;
}

.pop_printTicket .popLayout {
    width: 1406px;
}

.pop_printTicket .ticketInfo {
    border-bottom: 1px solid #d1d1d1;
    padding: 30px;
    margin-bottom: 80px;
}

.pop_printTicket_sub1 .contTable table tbody td {
    line-height: 34px;
}

.pop_printTicket_sub1.typeWindow.pop_wrap .popLayout .popConts .popInner {
    max-height: calc(100vh - 100px);
}

.pop_printTicket_sub2.typeWindow.pop_wrap .popLayout .popConts .popInner {
    max-height: calc(100vh - 100px);
}

.pop_printTicket_sub3.typeWindow.pop_wrap .popLayout .popConts .popInner {
    max-height: calc(100vh - 100px);
}

.grayBoxList {
    background: #DFE3EC;
    border-radius: 10px;
    background: #DFE3EC;
    padding: 35px 30px;
}

.pop_printTicket_sub3 .grayBoxList > ul.txtList.dot {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .pop_printTicket_sub3 .grayBoxList > ul.txtList.dot > li {
        width: 50%
    }

        .pop_printTicket_sub3 .grayBoxList > ul.txtList.dot > li:nth-child(n+3) {
            margin-top: 15px;
        }

        .pop_printTicket_sub3 .grayBoxList > ul.txtList.dot > li + li {
            margin-top: 0;
        }

/* 사진 편집 */
.pop_registerImg .popLayout {
    width: 778px
}

.imgEdit {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 30px;
}

    .imgEdit .editArea {
        width: 232px;
    }

        .imgEdit .editArea .contTit1 {
            text-align: center;
        }

        .imgEdit .editArea .mem_photo {
            width: 232px;
            height: 308px;
            border: 1px solid #D1D1D1;
            font-size: 0;
        }

            .imgEdit .editArea .mem_photo img {
                width: 100%;
                height: 100%;
            }

        .imgEdit .editArea .editBtn {
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            margin-top: 23px;
            max-width: 218px;
        }

            .imgEdit .editArea .editBtn .rotate_l,
            .imgEdit .editArea .editBtn .rotate_r {
                background: #666;
                width: 48px;
                height: 48px;
                display: block;
                border-radius: 8px;
                background-repeat: no-repeat;
                background-position: center;
            }

            .imgEdit .editArea .editBtn .rotate_l {
                background-image: url(../img/common/ico_edit_arrL.svg)
            }

            .imgEdit .editArea .editBtn .rotate_r {
                background-image: url(../img/common/ico_edit_arrR.svg)
            }

        .imgEdit .editArea.after {
            width: 220px;
        }

            .imgEdit .editArea.after .mem_photo {
                width: 140px;
                height: 186px;
                margin: 0 auto;
            }

    .imgEdit .arrArea {
        flex: 1;
    }

    .imgEdit .arrArea {
        height: 223px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 83px;
    }

        .imgEdit .arrArea .arrow {
            display: block;
            width: 80px;
            height: 56px;
            background: url(../img/common/edit_arrR.svg) no-repeat center;
            margin-bottom: 70px;
            margin: 0 auto
        }

        .imgEdit .arrArea .txt {
            padding-top: 70px;
            text-align: center;
            color: #D1D1D1;
            font-size: 16px;
            display: block;
        }

.pop_registerImg .txtList {
    margin-top: 20px;
}

    .pop_registerImg .txtList > li {
        word-break: keep-all;
    }

.pop_registerImg .editForm {
    margin-top: 26px;
}

    .pop_registerImg .editForm .formInput {
        display: flex;
        align-items: center;
    }

        .pop_registerImg .editForm .formInput .tit {
            width: 50px;
        }

        .pop_registerImg .editForm .formInput .inputBase {
            flex: 1;
        }

        .pop_registerImg .editForm .formInput span {
            font-size: 18px;
            margin-left: 8px;
        }

        .pop_registerImg .editForm .formInput + .formInput {
            margin-top: 10px
        }

    .pop_registerImg .editForm .btn {
        display: flex;
        margin-top: 12px;
    }

        .pop_registerImg .editForm .btn .baseBtn {
            flex: 1;
            margin-right: 8px;
        }

            .pop_registerImg .editForm .btn .baseBtn:last-of-type {
                margin-right: 0;
            }

.pop_registerImg .baseBtn > .base {
    border-color: #d1d1d1;
}

.pop_registerImg .infoArea {
    border-top: 1px solid #d1d1d1;
    padding-top: 40px;
}

    .pop_registerImg .infoArea .contTit1:nth-child(n+2) {
        margin-top: 33px;
    }

    .pop_registerImg .infoArea .btn {
        margin-top: 15px
    }

.pop_examImg .popLayout {
    width: 368px;
}

.pop_examImg .pop_examImg {
    border: 1px solid #d1d1d1;
    font-size: 0;
    max-width: 232px;
    margin: 0 auto;
}
    /* 240925 수정 */
    .pop_examImg .pop_examImg > img {
        width: 100%;
    }

.certificateFinish .profileLine {
    padding: 15px;
}

/* 일정안내 */
.examCal .month_top {
    display: flex;
    padding-bottom: 32px;
    margin-bottom: 27px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #000;
    ;
}

.examCal .roundBtnGrp {
    display: flex;
}

    .examCal .roundBtnGrp .btnSelect {
        display: flex;
        background: #DFE3EC;
        border-radius: 28px;
    }

    .examCal .roundBtnGrp .btn_cal {
        display: block;
        width: 106px;
        height: 46px;
        line-height: 46px;
        background: #DFE3EC;
        text-align: center;
        color: #666;
        border-radius: 28px;
        font-weight: 600;
    }

        .examCal .roundBtnGrp .btn_cal > span {
            padding: 6px 0;
            padding-left: 33px;
            font-size: 16px;
            font-weight: 600;
        }

        .examCal .roundBtnGrp .btn_cal.on {
            background: var(--second);
            color: #fff;
        }

        .examCal .roundBtnGrp .btn_cal.month > span {
            background: url(../img/common/per/nationalExam/ico_month_gray.svg) no-repeat left 0 top 50%;
        }

        .examCal .roundBtnGrp .btn_cal.month.on > span {
            background-image: url(../img/common/per/nationalExam/ico_month_white.svg);
        }

        .examCal .roundBtnGrp .btn_cal.list > span {
            background: url(../img/common/per/nationalExam/ico_list_gray.svg) no-repeat left 0 top 50%;
        }

        .examCal .roundBtnGrp .btn_cal.list.on > span {
            background-image: url(../img/common/per/nationalExam/ico_list_white.svg);
        }

        .examCal .roundBtnGrp .btn_cal.down {
            width: 130px;
            margin-left: 10px;
        }

            .examCal .roundBtnGrp .btn_cal.down > span {
                background: url(../img/common/per/nationalExam/ico_down_gray.svg) no-repeat left 0 top 50%;
            }

.examCal .selDateGrp {
    display: flex;
    align-items: center;
}

    .examCal .selDateGrp button {
        display: block;
        width: 28px;
        height: 28px;
        background: url(../img/common/per/nationalExam/ico_month_arrL.svg) no-repeat center;
    }

    .examCal .selDateGrp .year {
        display: block;
        padding: 0 36px;
        font-size: 48px;
        font-weight: 700;
    }

    .examCal .selDateGrp button.btn_next {
        background-image: url(../img/common/per/nationalExam/ico_month_arrR.svg);
    }

.examCal .schGrp {
    position: relative;
}

    .examCal .schGrp .inputBase {
        padding-right: 30px;
        max-width: 100%;
    }

    .examCal .schGrp .btnSch {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 20px;
        height: 20px;
        background: url(../img/common/per/nationalExam/ico_month_sch.svg) no-repeat center;
    }

.examCal .cagList .legend {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
}

    .examCal .cagList .legend .cagDiv {
        position: relative;
        color: #666;
        padding-left: 25px;
        background-repeat: no-repeat;
        background-position: left 0 top 50%;
        margin-right: 20px;
    }

        .examCal .cagList .legend .cagDiv:last-child {
            margin-right: 0;
        }

        .examCal .cagList .legend .cagDiv.type1 {
            background-image: url(../img/common/per/nationalExam/ico_exam_type1.svg);
        }

        .examCal .cagList .legend .cagDiv.type2 {
            background-image: url(../img/common/per/nationalExam/ico_exam_type2.svg);
        }

        .examCal .cagList .legend .cagDiv.google {
            background-image: url(../img/common/per/nationalExam/ico_google.svg);
        }

        .examCal .cagList .legend .cagDiv.naver {
            background-image: url(../img/common/per/nationalExam/ico_naver.svg);
        }

.examCal .calendar .innerArea {
    position: relative;
    width: 100%;
    padding: 50px 29px 26px 29px;
    background: #fff;
    border-radius: 15px;
    border: 1px solid #ccc;
}

.examCal .calendar table {
    position: relative;
    width: 480px;
    background: #fff;
}

    .examCal .calendar table th {
        font-size: 20px;
        height: auto;
        line-height: 1em;
        color: #666;
    }

    .examCal .calendar table td {
        font-size: 20px;
        height: 73px;
        box-sizing: border-box;
        text-align: center;
    }

        .examCal .calendar table td > span,
        .examCal .calendar table td > a.sched {
            position: relative;
            display: block;
            text-align: center;
            height: 73px;
            width: 100%;
            line-height: 73px;
        }

            .examCal .calendar table td > a.sched > span {
                position: relative;
                z-index: 1;
            }

            .examCal .calendar table td > a.sched.on {
                color: #fff;
                font-weight: 700;
            }

                .examCal .calendar table td > a.sched.on:before {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 38px;
                    height: 38px;
                    background: var(--second);
                    border-radius: 50%;
                    left: 50%;
                    transform: translate(-50%,-50%);
                    top: 50%;
                    margin-top: -2px;
                }

        .examCal .calendar table td.today > span,
        .examCal .calendar table td.today > .sched {
            position: relative;
            border-radius: 50%;
            box-sizing: border-box;
            background-color: #F4F5F9;
        }

    .examCal .calendar table tbody tr:nth-of-type(1) td {
        padding-top: 10px
    }

    .examCal .calendar table th.sunDay,
    .examCal .calendar table td.sunDay > span {
        color: #EB3737;
    }

    .examCal .calendar table .today em,
    .examCal .calendar table .sched em {
        display: inline-block;
        overflow: hidden;
        font-style: normal;
        text-align: left;
        text-indent: -999px;
        vertical-align: top;
    }

.examCal .cal_group {
    display: flex;
    flex-wrap: wrap;
}

.examCal .calendar table td > a.sched .hasSch {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4px;
    ;
    display: flex;
}

    .examCal .calendar table td > a.sched .hasSch .type1,
    .examCal .calendar table td > a.sched .hasSch .type2 {
        margin: 0 1.5px
    }

.examCal .calendar table td > a.sched .type1 {
    width: 12px;
    height: 12px;
    background: url(../img/common/per/nationalExam/ico_exam_type1_s.svg) no-repeat center;
    background-size: 12px auto;
}

.examCal .calendar table td > a.sched .type2 {
    width: 11px;
    height: 13px;
    background: url(../img/common/per/nationalExam/ico_exam_type2.svg) no-repeat center;
    background-size: 10px auto;
}

.examCal .cal_group .calList_con {
    flex: 1;
    padding-left: 30px;
}

    .examCal .cal_group .calList_con > ul > li {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
    }

        .examCal .cal_group .calList_con > ul > li:last-child {
            padding-bottom: 0;
            margin-bottom: 0;
            border-bottom: 0;
        }

    .examCal .cal_group .calList_con .schDate {
        display: block;
        margin-bottom: 16px;
        font-size: 20px;
        color: #666;
    }

    .examCal .cal_group .calList_con .calCont > div {
        position: relative;
        padding-left: 90px;
        min-height: 32px;
        padding-right: 100px;
        ;
    }

        .examCal .cal_group .calList_con .calCont > div + div {
            margin-top: 15px;
        }

        .examCal .cal_group .calList_con .calCont > div span {
            position: absolute;
            left: 0;
            display: block;
            width: 75px;
            height: 32px;
            text-align: center;
            line-height: 32px;
            color: #fff;
            background: var(--primary);
            font-size: 16px;
            border-radius: 5px;
        }

        .examCal .cal_group .calList_con .calCont > div.type2 span {
            background: #00874A
        }

    .examCal .cal_group .calList_con .linkArea {
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
    }

        .examCal .cal_group .calList_con .linkArea > a + a {
            margin-left: 5px;
        }

        .examCal .cal_group .calList_con .linkArea > a {
            display: block;
            width: 32px;
            height: 32px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

            .examCal .cal_group .calList_con .linkArea > a.cal_google {
                background: #fff url(../img/common/per/nationalExam/ico_google.svg) no-repeat center;
            }

            .examCal .cal_group .calList_con .linkArea > a.cal_naver {
                background: #fff url(../img/common/per/nationalExam/ico_naver.svg) no-repeat center;
            }

.examCal .cal_group .cal_pop {
    position: absolute;
    left: 0;
    top: 0;
    width: 210px;
    height: auto;
    min-height: 45px;
    padding: 11px 30px 16px 15px;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
    z-index: 100;
    border: 1px solid #ddd;
    box-shadow: 3px 4px 10px rgba(0,0,0,0.12);
}

    .examCal .cal_group .cal_pop .popTit {
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 600;
        color: var(--second)
    }

    .examCal .cal_group .cal_pop .calList > li {
        font-size: 16px;
    }

        .examCal .cal_group .cal_pop .calList > li + li {
            margin-top: 10px;
        }

        .examCal .cal_group .cal_pop .calList > li .type1 {
            font-size: 16px;
            color: #0075D2;
        }

        .examCal .cal_group .cal_pop .calList > li .type2 {
            font-size: 16px;
            color: #00874A;
        }

    .examCal .cal_group .cal_pop .btnClose {
        position: absolute;
        right: 16px;
        top: 16px;
        display: block;
        width: 14px;
        height: 15px;
        background: #fff url(../img/common/per/nationalExam/ico_calPop_close.svg) no-repeat center;
    }

.examCal .cal_group .contTable {
    border-top: 2px solid #000
}

    .examCal .cal_group .contTable .calList_con {
        width: 100%;
        min-height: auto;
        padding: 40px;
    }

        .examCal .cal_group .contTable .calList_con::before {
            display: none;
        }

    .examCal .cal_group .contTable table tbody td {
        padding: 16px 20px;
        text-align: left;
        background-color: transparent;
    }

        .examCal .cal_group .contTable table tbody td .month {
            font-size: 20px;
            font-weight: 500;
            text-align: left;
        }

.examCal.cal_list .cal_group {
    display: block;
}

    .examCal.cal_list .cal_group .calList_con {
        padding-left: 0;
    }

    .examCal.cal_list .cal_group .no_article {
        padding: 145px 0 38px 0;
        background-position: left 50% top 48px;
    }

.examCal.cal_list .month_top {
    margin-bottom: 0;
    border-bottom: 0;
}

.examCal.cal_list .cagList .legend {
    margin-bottom: 0;
    margin-top: 20px;
    ;
}

.examCal.cal_list .contTable table tbody th {
    text-align: left;
    padding: 12px 32px;
    font-weight: 600;
}

    .examCal.cal_list .contTable table tbody th p {
        font-weight: 600;
    }

.examCal .groupCont .division .contTit1 {
    margin-bottom: 20px;
    width: 100%;
}

    .examCal .groupCont .division .contTit1 span {
        font-size: inherit;
    }

.realtiveDepApplication .contArea_next .inputBase {
    margin-right: 20px;
}

.pop_logout .popLayout {
    width: 775px
}

.pop_logout .popLayer {
    width: 775px;
}

.pop_logout .logoutCount {
    padding: 40px 20px 35px 20px;
    background-color: #DFE3EC;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 20px;
}

    .pop_logout .logoutCount .contTit1 {
        margin-bottom: 0;
    }

        .pop_logout .logoutCount .contTit1 span {
            font-size: inherit;
        }

.pop_logout .btnArea {
    margin-top: 35px;
}

/* 자격 찾기 */
.schQualForm .schArea {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: #fff;
    border: 1px solid #D0D2D6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

    .schQualForm .schArea .inputBase {
        max-width: 600px;
        margin-right: 10px;
    }

.schQualForm .selQualBox {
    display: flex;
    align-items: flex-start;
    border: 1px solid #D0D2D6;
    border-top: 0;
    background: #fff;
    height: 558px;
}

    .schQualForm .selQualBox.typeMobile {
        display: none;
    }

.schQualForm .qualList {
    position: relative;
    overflow-y: auto;
    border-right: 1px solid #d0d2d6;
    height: 100%;
}

.schQualForm .qulList_lv3 {
    border-right: 0;
}

    .schQualForm .qulList_lv3 + .qulList_lv4 {
        border-left: 1px solid #d1d1d1;
        border-right: 0;
    }

.schQualForm .qualList .limitY {
    padding: 20px 0;
    max-height: 100%;
    padding-bottom: 0;
}

.schQualForm .qualList .item {
    display: none;
}

    .schQualForm .qualList .item.on {
        display: block;
    }

.schQualForm .qualList .list > li > a {
    position: relative;
    display: block;
    width: 100%;
    padding: 9px 34px;
    font-size: 16px;
    color: #333;
}

.schQualForm .qualList .item .tit {
    display: block;
    padding: 0 20px;
    margin-bottom: 6px;
    font-size: 18px;
    font-weight: 700;
}

.schQualForm .qualList .list > li.on {
    background: #E5F1FB;
}

    .schQualForm .qualList .list > li.on > a {
        color: #0075D2;
        background: url(../img/common/ico_detail_arrR.svg) no-repeat top 14px right 17px;
    }

.schQualForm .qualList .list > li.active > a {
    background: var(--primary);
    color: #fff;
}

.schQualForm .qulList_lv1 {
    flex: 1;
    max-width: 254px;
    padding-top: 33px;
}

.schQualForm .qulList_lv2 {
    width: 39.35%
}

    .schQualForm .qulList_lv2 .list {
        display: flex;
        flex-wrap: wrap;
        padding-bottom: 20px;
        align-items: flex-start;
        padding-bottom: 0;
    }

        .schQualForm .qulList_lv2 .list > li {
            width: 50%;
        }

.schQualForm .qulList_lv3 {
    flex: 1;
}

.schQualForm .qulList_lv4 {
    flex: 1;
}

.schQualForm .hidden .txtAlert {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding: 0 5px;
}

    .schQualForm .hidden .txtAlert > span {
        padding-left: 22px;
        background: url(../img/common/icon_exclam_blue.svg) no-repeat left 0 top 4px;
        color: #000
    }

.schQualForm .qulList_lv3.on .hidden {
    display: none;
}

.schQualForm .qulList_lv3.on .item .tit {
    display: block;
}

.schQualForm .qulList_lv4.on {
    display: block;
}

    .schQualForm .qulList_lv4.on .hidden {
        display: none;
    }

.itemInformation {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .itemInformation .itemTxt {
        padding-right: 10px;
    }

        .itemInformation .itemTxt .headLine2 {
            margin-bottom: 1px;
            ;
        }

        .itemInformation .itemTxt .eng {
            color: var(--second)
        }

    .itemInformation .info {
        margin-top: 19px;
    }

        .itemInformation .info > li {
            position: relative;
            padding-left: 82px;
        }

            .itemInformation .info > li + li {
                margin-top: 10px;
            }

            .itemInformation .info > li b {
                color: #666;
                font-weight: 600;
                position: absolute;
                left: 0;
                top: 0;
            }

    .itemInformation .itemImg {
        width: 315px;
        height: 202px;
        background: #fff;
        border-radius: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .itemInformation .itemImg .img {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .itemInformation .itemImg .img img {
                max-width: 190px;
            }

    .itemInformation + .contTabBase {
        margin-top: 72px;
        margin-bottom: 26px;
    }

.detailQual .typeSm > table thead th {
    padding: 13px 10px;
}

.detailQual .groupCont .division .contTit1:nth-of-type(n+2) {
    margin-top: 35px;
}

.detailQual .infoBlueBox {
    margin-top: 20px;
}

.baseInfoList > li {
    position: relative;
    padding-left: 160px;
}

    .baseInfoList > li + li {
        margin-top: 12px;
    }

    .baseInfoList > li > b {
        position: absolute;
        left: 0;
        padding-left: 15px;
        font-weight: 600;
    }

        .baseInfoList > li > b:before {
            content: '';
            position: absolute;
            left: 0;
            top: 12px;
            width: 3px;
            height: 3px;
            display: block;
            border-radius: 50%;
            background: var(--primary);
            font-weight: 600;
        }

.detailQual .itemInformation .groupCont {
    padding-top: 0;
}

    .detailQual .itemInformation .groupCont .division ~ .division {
        padding-top: 98px;
    }

.detailQual .contTable:not(.mbRow2) table tbody td {
    padding-left: 15px;
    padding-right: 15px;
}

/* 로그인 */
.loginPage .groupCont.noLine {
    padding-top: 15px;
}

.loginPage .loginBox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background: #fff;
    padding: 45px 0px 50px;
    border-radius: 10px;
    min-height: 567px
}

    .loginPage .loginBox + .txtBody1 {
        margin-top: 24px
    }

    .loginPage .loginBox:before {
        /*
        content: '';
        display: block;
        width: 1px;
        height: calc(100% - 100px);
        background: #D1D1D1;
        position: absolute;
        left: 50%;
        margin-left: -.5px;
        top: 50px;
            */
    }

    .loginPage .loginBox .form {
        position: relative;
        width: 100%;
        padding: 0 50px;
    }

        .loginPage .loginBox .form .contTit {
            display: block;
            color: var(--second);
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 24px;
        }

        .loginPage .loginBox .form .formInput .guide {
            position: relative;
            align-items: center;
            justify-content: flex-start;
        }

        .loginPage .loginBox .form .formInput .txtAlert_R {
            margin-left: 85px;
            word-break: keep-all;
            width: calc(100% - 85px);
        }

        .loginPage .loginBox .form .formInput .tit {
            width: 105px;
        }

            .loginPage .loginBox .form .formInput .tit ~ .inputBase {
                flex: 1;
            }

            .loginPage .loginBox .form .formInput .tit ~ .inputWrap {
                flex: 1;
            }

    .loginPage .loginBox .idSave {
        margin-top: 7px;
        text-align: right;
    }

        .loginPage .loginBox .idSave .inputBox {
            margin-right: 20px;
            margin-top: 5px;
        }

            .loginPage .loginBox .idSave .inputBox > .data {
                padding-top: 1px;
                padding-left: 26px;
            }

            .loginPage .loginBox .idSave .inputBox > input[type=checkbox] + .data {
                background-image: url(../img/common/ico_radio_sch_off.svg);
                font-size: 16px;
                background-size: 18px auto;
            }

            .loginPage .loginBox .idSave .inputBox > input[type=checkbox]:checked + .data {
                background-image: url(../img/common/ico_radio_sch_on.svg)
            }

    .loginPage .loginBox .btnArea {
        width: 100%;
        margin: 0;
        margin-top: 34px;
    }

        .loginPage .loginBox .btnArea > .baseBtn {
            width: 100%;
            margin: 0;
        }

            .loginPage .loginBox .btnArea > .baseBtn > .base {
                width: 100%;
            }

        .loginPage .loginBox .btnArea.add {
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            margin-top: 30px;
        }

            .loginPage .loginBox .btnArea.add .baseBtn {
                width: calc(50% - 9px)
            }

                .loginPage .loginBox .btnArea.add .baseBtn:nth-child(n+3) {
                    margin-top: 16px;
                }

                .loginPage .loginBox .btnArea.add .baseBtn:nth-child(odd) {
                    margin-right: 18px;
                }

    .loginPage .loginBox .typeInform {
        padding-top: 49px
    }

        .loginPage .loginBox .typeInform .contTit {
            color: #000;
            font-weight: 400;
            line-height: 42px;
        }

        .loginPage .loginBox .typeInform .txtBody1 {
            margin-top: 34px;
            color: #666
        }

        .loginPage .loginBox .typeInform .btnArea.add {
            margin-top: 45px;
        }

        .loginPage .loginBox .typeInform .contTit .mbBr {
            display: none;
        }

.loginPage.typeGroup .loginBox .form.typeLogin .btnArea.add .baseBtn {
    width: 100%;
}

    .loginPage.typeGroup .loginBox .form.typeLogin .btnArea.add .baseBtn:nth-child(odd) {
        margin-right: 0;
    }

.loginPage.typeGroup .loginBox .typeInform .btnArea.add {
    margin-top: 38px
}

.settingPW .finishBox .finishForm .formInput .wrap {
    flex: 1;
}


/* 아이디찾기/비밀번호 재설정 */
.findInfo .findBox {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background: #fff;
    padding: 45px 0px 50px;
    border-radius: 10px;
}

.findInfo .w_birth > select {
    margin-right: 15px;
}

.findInfo .w_tel {
    max-width: 100%;
}

.findInfo .findBox:before {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 100px);
    background: #D1D1D1;
    position: absolute;
    left: 50%;
    margin-left: -.5px;
    top: 50px;
}

.findInfo .findBox .form {
    position: relative;
    width: 50%;
    padding: 0 50px;
}

    .findInfo .findBox .form .contTit {
        display: block;
        color: var(--second);
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 17px;
    }

    .findInfo .findBox .form .formInput .guide {
        position: relative;
        align-items: center;
    }

    .findInfo .findBox .form .formInput .tit {
        width: 80px;
    }

        .findInfo .findBox .form .formInput .tit ~ .inputBase {
            flex: 1;
        }

    .findInfo .findBox .form .formInput .guide > div {
        flex: 1;
    }

.findInfo .findBox .findList {
    display: flex;
    width: calc(100% + 16px);
    margin-left: -16px;
    flex-wrap: wrap;
    margin-top: 40px;
}

    .findInfo .findBox .findList > li {
        width: calc(33.333% - 16px);
        margin-left: 16px;
        height: 126px
    }

        .findInfo .findBox .findList > li:nth-child(n+4) {
            margin-top: 20px;
        }

        .findInfo .findBox .findList > li > a {
            display: flex;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
            font-weight: 600;
            border: 1px solid #D1D1D1;
            border-radius: 10px;
            text-align: center;
        }

.findInfo .findBox .btnArea {
    width: 100%;
    margin: 0;
    margin-top: 40px;
}

    .findInfo .findBox .btnArea > .baseBtn {
        width: 100%;
        margin: 0;
    }

        .findInfo .findBox .btnArea > .baseBtn > .base {
            width: 100%;
        }

.findInfo .findBox .w_write {
    margin-top: 40px;
}

.findInfo .resultBox {
    margin-top: 18px;
    padding: 58px 30px;
    border: 1px solid #D1D1D1;
    border-radius: 40px;
    background: #fff;
}

    .findInfo .resultBox .resultTxt {
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-align: center;
    }

        .findInfo .resultBox .resultTxt span {
            font-size: inherit;
        }

    .findInfo .resultBox .txtBody1 {
        margin-top: 20px;
        text-align: center;
    }

.settingPW .contSideBtn {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.settingPW .groupCont .division ~ .division {
    padding-top: 30px;
}

.settingPW .contSideBtn .txtBody1 {
    width: auto
}

.settingPW .settingForm {
    padding: 0 50px;
    background: #fff;
    border-radius: 10px;
}

    .settingPW .settingForm .form {
        padding: 30px 0;
    }

        .settingPW .settingForm .form + .form {
            border-top: 1px solid #d1d1d1;
        }

    .settingPW .settingForm .formInput {
        max-width: 520px;
        margin: 0 auto;
    }

        .settingPW .settingForm .formInput > .guide {
            align-items: center;
        }

            .settingPW .settingForm .formInput > .guide .inputBase {
                flex: 1;
            }

            .settingPW .settingForm .formInput > .guide .tit {
                width: 65px;
                margin-right: 0;
            }

    .settingPW .settingForm .guideTxt {
        font-size: 16px;
        color: #666;
        padding-left: 65px;
        margin-top: 5px;
    }

.settingPW .findList {
    display: flex;
    margin-top: 21px;
}

    .settingPW .findList > li {
        flex: 1;
        height: 126px;
        margin-right: 16px;
    }

        .settingPW .findList > li:last-child {
            margin-right: 0;
        }

        .settingPW .findList > li > a {
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            background: #DFE3EC;
            border-radius: 10px;
            font-weight: 600;
            text-align: center;
        }

.settingPW .finishBox {
    border: 1px solid #D1D1D1;
    border-radius: 40px;
    padding: 57px 60px 32px 60px;
    background: #fff;
}

    .settingPW .finishBox .headLine3 {
        text-align: center;
        color: #000;
    }

    .settingPW .finishBox .txtBody1 {
        text-align: center;
    }

    .settingPW .finishBox .headLine3 br {
        display: none;
    }

    .settingPW .finishBox .finishForm {
        max-width: 618px;
        margin: 0 auto;
        margin-top: 37px;
    }

        .settingPW .finishBox .finishForm .btnArea {
            margin-top: 33px;
        }

        .settingPW .finishBox .finishForm .baseBtn > .base {
            min-width: 180px;
        }

        .settingPW .finishBox .finishForm .formInput > .guide {
            align-items: center;
        }

            .settingPW .finishBox .finishForm .formInput > .guide .inputBase {
                flex: 1;
            }

            .settingPW .finishBox .finishForm .formInput > .guide .inputWrap {
                flex: 1;
            }

            .settingPW .finishBox .finishForm .formInput > .guide .tit {
                width: 168px;
                margin-right: 0;
            }

        .settingPW .finishBox .finishForm .formInput .alert {
            margin-left: 168px;
        }

.settingPW .listBox {
    border-top: 1px solid #d1d1d1;
    padding-top: 21px;
    margin-top: 37px;
}

.settingPW.authenticationArea .inputWrap.IDcardNumber {
    font-size: 18px;
}


.pop_pwSetting .popLayout {
    width: 774px
}

.pop_pwSetting .w_birth > select {
    margin-right: 15px;
}

.pop_pwSetting .findForm {
    display: flex;
    font-size: 0;
}

    .pop_pwSetting .findForm .w_write {
        margin-right: 28px;
    }

.pop_pwSetting .formInput > .guide {
    margin-bottom: 0;
}

.pop_pwSetting .findForm .baseBtn {
    height: auto;
}

    .pop_pwSetting .findForm .baseBtn > .base {
        border-radius: 10px;
        min-width: 170px;
    }

.pop_pwSetting .findForm .formInput > .guide {
    align-items: center;
}

    .pop_pwSetting .findForm .formInput > .guide .tit {
        width: 80px;
    }

    .pop_pwSetting .findForm .formInput > .guide .inputBase,
    .pop_pwSetting .findForm .formInput > .guide > div {
        flex: 1
    }

.pop_pwSetting .w_write {
    flex: 1;
}

.pop_pwSetting .findForm.type2 {
    position: relative;
    display: block;
    padding-top: 40px;
    margin-top: 40px;
}

    .pop_pwSetting .findForm.type2::before {
        content: '';
        display: block;
        width: calc(100% + 80px);
        margin-left: -40px;
        height: 1px;
        background: #d1d1d1;
        position: absolute;
        left: 0;
        top: 0;
    }

    .pop_pwSetting .findForm.type2 .formInput > .guide .tit {
        width: 115px;
    }

.pop_pwSetting .txtAlert {
    margin-top: 17px;
}

.pop_pwSetting .no_article {
    border-bottom: 1px solid #d1d1d1;
    padding-top: 123px;
    background-position: top 27px left 50%;
    padding-bottom: 60px;
}


/* 마이페이지 */
.changePhoto .noLineArticle {
    margin-top: 24px;
}

.changePhoto .registerArea {
    display: flex;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #D1D1D1;
    margin-top: 40px;
}

    .changePhoto .registerArea .profile {
        width: 170px;
        font-size: 0;
        margin-bottom: 16px;
    }

        .changePhoto .registerArea .profile img {
            width: 100%;
            border: 1px solid #D1D1D1;
        }

.changePhoto .info {
    flex: 1;
    padding: 36px 40px;
    border-right: 1px solid #d1d1d1;
}

.changePhoto .imgArea {
    width: 250px;
    padding: 40px;
    text-align: center;
}


/* 확인서발급신청 */
.certificate_selectType .groupCont .division .txtBody1 + .headLine3 {
    margin-top: 53px
}

.certificate_selectType .contTable.typeRow .selectBase,
.certificate_selectType .contTable.typeRow .inputBase {
    max-width: 420px;
}

.certificate_selectType .contTable.typeRow th br {
    display: none;
}

.certificate_selectType .halfTable {
    display: flex;
    flex-wrap: wrap;
}

    .certificate_selectType .halfTable > .contTable {
        width: 50%;
    }

        .certificate_selectType .halfTable > .contTable + .contTable {
            margin-top: 0;
            border-left: 1px solid #d1d1d1
        }

    .certificate_selectType .halfTable th {
        text-align: center !important;
    }

.defaultSearchOptBox {
    position: relative;
    padding: 28px 40px;
    background: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
}

    .defaultSearchOptBox .optList {
        display: flex;
    }

        .defaultSearchOptBox .optList > li {
            flex: 1;
            margin-right: 40px;
        }

            .defaultSearchOptBox .optList > li:last-of-type {
                margin-right: 0;
            }

        .defaultSearchOptBox .optList .opt {
            display: flex;
            align-items: center;
        }

            .defaultSearchOptBox .optList .opt .tit {
                margin-right: 20px;
                font-weight: 700;
            }

            .defaultSearchOptBox .optList .opt .area {
                flex: 1;
            }

    .defaultSearchOptBox.typeBtn .optList {
        padding-right: 82px;
        ;
    }

    .defaultSearchOptBox.typeBtn .btn {
        position: absolute;
        right: 40px;
        top: 28px;
    }

    .defaultSearchOptBox.typeBtn .btnSch {
        width: 74px;
        height: 46px;
        border-radius: 8px;
        background: #666666;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.detailQual .defaultSearchOptBox {
    margin-top: 24px;
    margin-bottom: 40px;
}

.detailQual .chart_warp {
    margin-bottom: 40px;
    padding-left: 60px;
    padding-bottom: 60px;
    padding-bottom: 30px;
}

    .detailQual .chart_warp .chart_inner {
        max-width: 900px;
        margin: 0 auto;
    }

/* 원서접수현황 */
.reciptStatus .contTable.mbRow .selectBase {
    max-width: 388px;
}

.reciptStatus .contArea_side.vc {
    margin-bottom: 40px;
}

.reciptStatus.qual .contArea_side {
    margin-bottom: 40px;
    align-items: flex-end;
}

.reciptStatus.qual .tbBtn {
    margin-top: 5px;
}

.reciptStatus.qual .headLine3 {
    margin-top: 55px;
}

.reciptStatus.qual .tbBtn {
    margin-top: 15px;
}

.reciptStatus.qual .btnArea {
    margin-top: 20px;
}

/* 전문자격 전용 */
.typeTemp .loginPage .loginBox {
    border: 1px solid #d1d1d1;
}

.typeTemp .findInfo .findBox {
    border: 1px solid #d1d1d1;
}

.typeTemp .settingForm {
    border: 1px solid #d1d1d1;
}

.pop_identifiSlip .popLayout {
    width: 1406px;
}

.pop_identifiSlip .txtList .tit {
    display: inline-block;
    vertical-align: top;
}

.pop_identifiSlip .txtList .txt {
    color: inherit;
    font-weight: inherit;
    display: inline-block;
    vertical-align: top;
}

.pop_identifiSlip .listType1 {
    font-size: 0;
}

    .pop_identifiSlip .listType1 li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

        .pop_identifiSlip .listType1 li .txtList.hyphen {
            padding-left: 80px;
        }

        .pop_identifiSlip .listType1 li .txt {
            padding-left: 90px;
            display: block;
            ;
        }

        .pop_identifiSlip .listType1 li.half {
            width: 50%;
        }

        .pop_identifiSlip .listType1 li .tit {
            position: absolute;
            left: 0;
            display: block;
        }

        .pop_identifiSlip .listType1 li .space {
            display: inline-block;
            width: 32px;
        }

.pop_identifiSlip .listType2 {
    font-size: 0;
}

    .pop_identifiSlip .listType2 li {
        position: relative;
        display: inline-block;
        vertical-align: top;
        width: 100%;
    }

        .pop_identifiSlip .listType2 li .txtList.hyphen {
            padding-left: 105px;
        }

        .pop_identifiSlip .listType2 li .txt {
            padding-left: 105px;
            display: block;
        }

        .pop_identifiSlip .listType2 li .underLink {
            padding-left: 105px;
            display: inline-block;
            vertical-align: top;
        }

        .pop_identifiSlip .listType2 li.half {
            width: 50%;
        }

        .pop_identifiSlip .listType2 li .tit {
            position: absolute;
            left: 0;
            display: block;
        }

        .pop_identifiSlip .listType2 li .space {
            display: inline-block;
            width: 32px;
        }

.pop_identifiSlip .stampTb {
    position: relative;
}

    .pop_identifiSlip .stampTb .stampArea {
        position: absolute;
        right: 137px;
        top: 155px;
        z-index: 1;
    }

        .pop_identifiSlip .stampTb .stampArea img {
            width: 138px;
        }

.pop_identifiSlip .submitDoc .txtList {
    padding-left: 20px;
}

    .pop_identifiSlip .submitDoc .txtList .txtList {
        padding-left: 0;
        margin-top: 5px;
    }

        .pop_identifiSlip .submitDoc .txtList .txtList li {
            word-break: keep-all;
        }

.pop_identifiSlip .submitDoc .contTit2 {
    margin-bottom: 10px;
}

    .pop_identifiSlip .submitDoc .contTit2:nth-of-type(n+2) {
        margin-top: 30px;
    }

.pop_identifiSlip .submitDoc .txtList.dot > li {
    position: relative;
}

.pop_identifiSlip .submitDoc .indent {
    margin-top: 5px;
}

.pop_identifiSlip .photoTable {
    display: flex;
    align-items: flex-end;
    margin-bottom: 40px;
}

    .pop_identifiSlip .photoTable .contTable {
        flex: 1;
    }

    .pop_identifiSlip .photoTable .photo {
        width: 3.5cm;
        height: 4.5cm;
        border: 1px solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-left: -1px;
    }

.pop_identifiSlip .inspection .writeTxt .half {
    display: flex;
}

    .pop_identifiSlip .inspection .writeTxt .half .wB {
        width: 50%;
    }

.pop_identifiSlip .inspection .bgGray {
    background: #DFE3EC;
    text-align: center !important;
    font-weight: 700;
}

.pop_identifiSlip .inspection .tdH {
    height: 160px;
    border-left: 0 !important;
}

.pop_identifiSlip .dateArea {
    margin-top: 20px;
    text-align: right;
}

.pop_identifiSlip .dateCont {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-bottom: 17px;
    border-bottom: 1px solid #000;
}

    .pop_identifiSlip .dateCont:nth-child(n+2) {
        margin-top: 20px;
    }

    .pop_identifiSlip .dateCont .date {
        display: flex;
        width: 25%;
        justify-content: space-between;
    }

    .pop_identifiSlip .dateCont .sign {
        display: flex;
        width: 50%;
        justify-content: space-between;
        margin-top: 15px;
    }

.pop_identifiSlip .pledgePage .contTable th {
    background: #fff !important;
    border-left: 0 !important
}

.pop_identifiSlip .pledgePage .contTable td {
    border-left: 0 !important
}

.pop_identifiSlip .pledgePage .dateCont {
    border-bottom: 0;
}


.pop_identifiSlip .contTable td {
    text-align: left;
}

.pop_identifiSlip .userSort {
    font-size: 16px;
}

.pop_identifiSlip .profile {
    width: 170px;
    font-size: 0;
    margin: 0 auto;
    max-width: 100%;
}

    .pop_identifiSlip .profile > img {
        width: 100%;
        ;
        border: 1px solid #D1D1D1;
    }

.pop_identifiSlip .txtList.hyphen > li {
    font-size: 18px;
}

.pop_identifiSlip .txtAlert {
    font-size: 18px;
    color: #000;
}

.pop_identifiSlip .tbInfoArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #D1D1D1;
    border-top: 0;
    padding: 30px;
    border-right: 0;
    border-left: 0;
}

.pop_identifiSlip .popLayout .groupCont .division + .division {
    padding-top: 73px;
}

.pop_identifiSlip .groupCont .division .contTit1:nth-of-type(n+2) {
    margin-top: 48px
}

.pop_identifiSlip .grayBoxList {
    padding: 30px;
    margin-top: 20px;
}

    .pop_identifiSlip .grayBoxList .halfList {
        display: flex;
    }

        .pop_identifiSlip .grayBoxList .halfList > li {
            width: 50%
        }

.pop_identifiSlip .giftItem {
    border: 1px solid #D1D1D1;
    border-radius: 40px;
    padding: 55px 30px;
}

    .pop_identifiSlip .giftItem .headLine3 {
        text-align: center;
    }

    .pop_identifiSlip .giftItem .headLine4 {
        text-align: center;
    }

    .pop_identifiSlip .giftItem .area + .area {
        border-top: 1px solid #d1d1d1;
        padding-top: 35px;
        margin-top: 35px;
    }

.pop_identifiSlip .agreeArea {
    border-top: 1px solid #d1d1d1;
    margin-top: 40px;
    padding-top: 24px;
    display: flex;
}

    .pop_identifiSlip .agreeArea .txtBody1 {
        margin-right: 40px;
        font-weight: 700;
        width: auto;
    }

.pop_identifiSlip .profileRow {
    vertical-align: top;
}

.pop_identifiSlip .profileTb {
    position: relative;
}

    .pop_identifiSlip .profileTb .stampArea {
        position: absolute;
        right: 120px;
        top: 183px;
        z-index: 1;
    }

        .pop_identifiSlip .profileTb .stampArea img {
            width: 138px;
        }

.pop_identifiSlip .division.pT0 {
    margin-top: -1px !important
}

.pop_identifiSlip .contTable {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    overflow: hidden;
}

    .pop_identifiSlip .contTable.typeScroll {
        overflow-x: auto;
    }

    .pop_identifiSlip .contTable table tbody th[scope="row"] {
        text-align: center !important;
    }

.pop_identifiSlip .examInfo {
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}

.pop_identifiSlip .txtList.dot > li {
    padding-left: 0;
}

    .pop_identifiSlip .txtList.dot > li:before {
        display: none;
    }

.pop_identifiSlip .txtList .indent {
    padding-left: 23px;
    margin-top: 3px;
}

.pop_identifiSlip .qr {
    font-size: 0;
    text-align: center;
}

    .pop_identifiSlip .qr img {
        max-width: 150px;
    }

.pop_identifiSlip .contTable .contTable {
    margin-top: 25px !important
}

.pop_identifiSlip .contTable.mT0 {
    margin-top: -1px !important;
}

.pop_identifiSlip .txtList.star > li {
    padding-left: 13px;
}

    .pop_identifiSlip .txtList.star > li > em {
        position: absolute;
        left: 0;
        top: 3px;
        font-style: normal;
    }

.pop_identifiSlip .txtList .txtList.star {
    padding-left: 24px;
}

.pop_identifiSlip .pL24 {
    padding-left: 24px !important
}

.pop_identifiSlip .contTable table tbody td {
    border-right: 1px solid #000;
}

.pop_identifiSlip .contTable table th {
    border-right: 1px solid #000;
}

.pop_identifiSlip .contTable table thead tr, .pop_identifiSlip .contTable table tbody tr {
    border-bottom: 1px solid #000;
}

.pop_identifiSlip .contTable table thead th[colspan]:last-of-type, .pop_identifiSlip .contTable table thead th[rowspan]:last-of-type, .pop_identifiSlip .contTable table tbody td[colspan]:last-of-type, .pop_identifiSlip .contTable table tbody td[rowspan]:last-of-type {
    border-left: 1px solid #000;
}

.pop_identifiSlip .contTable table tbody td:last-of-type {
    border-right: 0;
}

.bnrTypeGreenChild {
    width: 100%;
    padding: 60px 90px;
    padding-left: 725px;
    background: #4D4944 url(../img/common/per/mypage/bg_greenBnr.png) no-repeat left 0 top 0;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
    padding-right: 56px;
}

    .bnrTypeGreenChild .txtBody1 {
        color: #fff;
    }

    .bnrTypeGreenChild .c_Yellow {
        color: #EEB74D !important
    }

    .bnrTypeGreenChild .btmTxt {
        padding-top: 40px;
        margin-top: 40px;
        border-top: 1px solid #fff;
    }

    .bnrTypeGreenChild .bnrInfo {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
    }

        .bnrTypeGreenChild .bnrInfo .txtHome {
            color: #fff;
            min-height: 22px;
            margin-right: 40px;
        }

        .bnrTypeGreenChild .bnrInfo .txtTel {
            color: #fff;
            min-height: 22px;
        }

        .bnrTypeGreenChild .bnrInfo .txtHome {
            padding-left: 35px;
            background: url(../img/common/per/mypage/ico_greenBnr_home.svg) no-repeat top 3px left 0;
        }

        .bnrTypeGreenChild .bnrInfo .txtTel {
            padding-left: 35px;
            background: url(../img/common/per/mypage/ico_greenBnr_tel.png) no-repeat top 0px left 0;
        }

.bnrTypeBank {
    display: flex;
    height: 150px;
    align-items: center;
    justify-content: space-between;
    background: #2E5892 url(../img/common/per/mypage/bg_blueBnr.png) no-repeat top 0 right 0;
    background-size: cover;
    border-radius: 16px;
    overflow: hidden;
    margin-top: 25px;
    padding: 0 40px;
}

    .bnrTypeBank .txtBody1 {
        color: #fff;
        font-weight: 700;
        padding-right: 20px;
    }

    .bnrTypeBank .contTit1 {
        color: #fff;
        font-weight: 700;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

.txtInB {
    display: inline-block;
    vertical-align: top;
}

.appliCancel .optSchArea .inpArea .btn_sch {
    width: 100px;
    border-radius: 8px;
}

.appliCancel .appArea {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 8px;
}

    .appliCancel .appArea button {
        font-size: 0;
        margin-right: 8px;
    }

        .appliCancel .appArea button:last-of-type {
            margin-right: 0;
        }

.appliCancel .fastIdentity {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.appliCancel .baseBtn.middle_box > .base {
    font-size: 16px;
    min-width: 99px;
}

.appliCancel .statusArea {
    text-align: center;
    margin-top: 35px;
}

    .appliCancel .statusArea .headLine3 {
        margin-bottom: 0;
        color: var(--primary) !important
    }

.lastReceptionList .btnArea_side {
    margin-bottom: 24px;
}


/* 회원가입 */
.pop_agree_essentail1 .popLayout {
    width: 1100px;
}

.pop_agree_essentail2 .popLayout {
    width: 1100px;
}

.pop_agree_essentail2_2 .popLayout {
    width: 1100px;
}

.pop_agree_essentail3 .popLayout {
    width: 1100px;
}

.pop_agree_info .popLayout {
    width: 1100px;
}

.pop_agree_info2 .popLayout {
    width: 1100px;
}

.pop_agree_under .popLayout {
    width: 1100px;
}

.pop_agree_essentail1 .groupCont.typeAgree .txtList.dot.gray > li {
    padding-left: 0;
}

    .pop_agree_essentail1 .groupCont.typeAgree .txtList.dot.gray > li:before {
        display: none !important;
    }

.pop_agree_essentail1 .groupCont.typeAgree .txtList.dot > li {
    padding-left: 0;
}

    .pop_agree_essentail1 .groupCont.typeAgree .txtList.dot > li:before {
        display: none !important;
    }

.join_select .stepArea {
    margin-bottom: 70px;
}

.join_select .selectArea {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

    .join_select .selectArea .over {
        margin-right: 23px
    }

    .join_select .selectArea > .selectCont {
        /*width: calc(50% - 11.5px);*/
        width: calc(100% - 11.5px);
        height: 325px;
        background: var(--primary);
        border-radius: 40px;
        padding: 50px 60px;
        background-image: url(../img/common/ico_join_over.svg);
        background-repeat: no-repeat;
        background-position: bottom 54px right 60px;
    }

        .join_select .selectArea > .selectCont:nth-child(1) {
            background-color: var(--second);
        }

        .join_select .selectArea > .selectCont:nth-child(2) {
            background-image: url(../img/common/ico_join_under.svg);
        }

        .join_select .selectArea > .selectCont .headLine3 {
            color: #fff;
            margin-bottom: 27px;
        }

        .join_select .selectArea > .selectCont .baseBtn.white > .base {
            color: #fff;
            background: transparent;
            border: 1px solid #fff;
        }

        .join_select .selectArea > .selectCont .baseBtn.white:hover > .base {
            color: #fff;
            background: transparent !important;
            border: 1px solid #fff;
        }

        .join_select .selectArea > .selectCont .baseBtn.white:active > .base {
            color: #fff;
            background: transparent !important;
            border: 1px solid #fff;
        }

.popLayout .popConts .popBtnArea.typeAgree {
    text-align: left;
    border-top: 1px solid #D1D1D1;
    padding-top: 20px;
}

    .popLayout .popConts .popBtnArea.typeAgree .btnAgree {
        width: 100%;
        height: 56px;
        border-radius: 10px;
        border: 1px solid #d1d1d1;
        text-align: center;
        margin-top: 35px;
    }

        .popLayout .popConts .popBtnArea.typeAgree .btnAgree > span {
            display: inline-block;
            vertical-align: middle;
            font-size: 18px;
            font-weight: 600;
            padding-right: 15px;
            background: url(../img/common/link_arrR.svg) no-repeat top 7px right 0;
            margin-left: -15px;
        }

    .popLayout .popConts .popBtnArea.typeAgree .txtAlert.red {
        margin-top: 15px !important;
    }

    .popLayout .popConts .popBtnArea.typeAgree .btnAgree[readonly] {
        pointer-events: none;
        background-color: #E8E8E8 !important;
    }

        .popLayout .popConts .popBtnArea.typeAgree .btnAgree[readonly] > span {
            opacity: 0.3;
        }

    .popLayout .popConts .popBtnArea.typeAgree .btnAgree[disabled] {
        pointer-events: none;
        background-color: #E8E8E8 !important;
    }

        .popLayout .popConts .popBtnArea.typeAgree .btnAgree[disabled] > span {
            opacity: 0.3;
        }

.popLayout .groupCont.typeAgree {
    padding-bottom: 30px;
}

    .popLayout .groupCont.typeAgree .txtList.dot > li:before {
        display: block;
    }

    .popLayout .groupCont.typeAgree .txtList.gray.dot > li:before {
        display: block;
    }

    .popLayout .groupCont.typeAgree .contTit2 {
        margin-bottom: 10px;
    }

        .popLayout .groupCont.typeAgree .contTit2:nth-of-type(n+2) {
            margin-top: 20px;
        }

    .popLayout .groupCont.typeAgree .txtList.dot > li .txtList.dot.gray {
        margin-top: 5px;
    }

    .popLayout .groupCont.typeAgree .txtList.dot.gray > li {
        font-size: 16px;
        color: #666
    }

        .popLayout .groupCont.typeAgree .txtList.dot.gray > li + li {
            margin-top: 2px;
        }

        .popLayout .groupCont.typeAgree .txtList.dot.gray > li:before {
            width: 2px;
            height: 2px;
            background: #666;
            border-radius: 50%;
        }

    .popLayout .groupCont.typeAgree .txtBody1 + ul.txtList.dot.gray {
        margin-top: 3px;
    }

    .popLayout .groupCont.typeAgree .headLine4:nth-of-type(n+2) {
        margin-top: 30px;
    }

.pop_agree_essentail1 .popLayout .popConts .popInner {
    max-height: calc(100vh - 350px);
    max-height: calc(100dvh - 350px);
}

.pop_agree_essentail2 .popLayout .popConts .popInner {
    max-height: calc(100vh - 350px);
    max-height: calc(100dvh - 350px);
}

.pop_agree_essentail2_2 .popLayout .popConts .popInner {
    max-height: calc(100vh - 350px);
    max-height: calc(100dvh - 350px);
}

.pop_agree_essentail3 .popLayout .popConts .popInner {
    max-height: calc(100vh - 350px);
    max-height: calc(100dvh - 350px);
}

.pop_agree_info .popLayout .popConts .popInner {
    max-height: calc(100vh - 350px);
    max-height: calc(100dvh - 350px);
}

.pop_agree_info2 .popLayout .popConts .popInner {
    max-height: calc(100vh - 350px);
    max-height: calc(100dvh - 350px);
}

.pop_agree_under .popLayout .popConts .popInner {
    max-height: calc(100vh - 350px);
    max-height: calc(100dvh - 350px);
}

.convenienceSupport .txtList.hyphen > li {
    font-size: 18px;
    word-break: keep-all;
}

.convenienceSupport .txtAlert {
    margin-top: 10px;
}

.convenienceSupport .explainBox p.txtAlert {
    color: #666;
    font-size: 16px;
}

/* 합격자발표조회 */
.pop_passNumber .popLayout {
    width: 1220px
}

.pop_passNumber .explainBox p.txtBody1 + p.txtBody1 {
    margin-top: 20px;
}

.pop_passNumber .pass_num {
    border-top: 1px solid #d1d1d1;
    padding-top: 20px;
    text-align: center;
    margin-top: 40px;
}

.pop_passNumber .popBtnArea.typePass {
    border-top: 1px solid #d1d1d1;
    padding-top: 24px;
}

    .pop_passNumber .popBtnArea.typePass .contTit1 {
        margin-bottom: 0;
    }

.pop_passNumber .popLayout .popConts .popInner .txtG {
    padding-bottom: 0;
}

.pop_passNumber .passNum {
    padding-top: 24px;
    padding-bottom: 0;
    margin-top: 40px;
    border-top: 1px solid #d1d1d1;
    text-align: center;
}

.techPassInqiry .contTable .txt_arrR {
    text-align: center;
}

.techPassInqiry .topOption .baseBtn.white > .base {
    background-color: #666;
    border: 0;
    color: #fff;
}

.techPassInqiry .topOption .baseBtn.white:active > .base {
    background-color: #666 !important;
    border: 0;
    color: #fff;
}

.techPassInqiry .contTable .txtL .txt_arrR {
    text-align: left;
}

.techPassInqiry .contTable thead {
    position: sticky;
    top: 0;
}

.techPassInqiry .contTable {
    max-height: 630px;
    overflow-y: auto;
}
/* 메인화면에는 techPassInqiry, 팝업화면에는 pop_passNumber로 설정한다. */
.pop_passNumber .contTable thead {
    position: sticky;
    top: auto;
}

.pop_passNumber .contTable {
    max-height: none;
    overflow-y: visible;
}

.topOption {
    margin-bottom: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .topOption .inputBox:nth-last-of-type(1) {
        margin-right: 24px;
    }

.contTable.mbRow.typeRow .optSchArea .inpArea .selectBase {
    flex: 1;
    max-width: 100%;
}

.private_register .infoBoxArea .txtBody3 {
    font-size: 18px;
    padding: 0 50px;
}

    .private_register .infoBoxArea .txtBody3 br {
        display: none;
    }

/* 가답안/확정답안 */
.answerInformation .groupCont .topNotice .txtBody1 {
    word-break: keep-all;
}

.answerInformation .defaultSearchOptBox {
    margin-bottom: 57px;
}

.answerInformation .txtBody1 + .defaultSearchOptBox {
    margin-top: 20px;
}

.pop_answerSheet .popLayout {
    width: 1220px
}

    .pop_answerSheet .popLayout .contTable table tbody th {
        background: #F1F3F7;
        font-weight: 400;
    }

.pop_answerSheet .groupCont .division .contTit1:nth-of-type(n+2) {
    margin-top: 30px
}

/* 답안지 열람신청 */
.answerOpen .groupCont .division .agreeBox .txtBody1 + .contTable {
    margin-top: 27px;
}

.answerOpen .groupCont .division .agreeBox .agreeCont {
    padding-bottom: 40px;
}

.answerOpen .defaultSearchOptBox + .noLineArticle {
    margin-top: 56px;
    margin-bottom: 0;
}

.answerOpen .contTable .contArea_next {
    display: block;
}

    .answerOpen .contTable .contArea_next .baseBtn.middle_box {
        margin-right: 0;
        margin-left: 0;
        display: block;
        margin: 0 auto;
        margin-top: 5px;
    }

.answerOpen .contTable .baseBtn.middle_box > .base {
    padding: 0 15px
}

.pop_openPrecautions .popLayout {
    width: 1078px
}

.area_full.line {
    padding-top: 25px;
    border-top: 1px solid #D1D1D1;
    margin-top: 30px;
}

.pop_openInfo .popLayout {
    width: 1078px
}

/* 민간자격 */
.listLinkBox {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 16px;
    margin-top: 25px;
}

    .listLinkBox > li {
        background: #fff;
        border-radius: 10px;
        border: 1px solid #d1d1d1;
        padding: 26px 40px;
    }

        .listLinkBox > li .contTit1 {
            margin-bottom: 10px !important;
        }

        .listLinkBox > li .txtList.dot > li > a:hover {
            text-decoration: underline !important;
        }

        .listLinkBox > li .txtList.dot.half {
            display: flex;
            flex-wrap: wrap;
        }

            .listLinkBox > li .txtList.dot.half > li {
                width: 50%;
                align-items: flex-start;
            }

                .listLinkBox > li .txtList.dot.half > li + li {
                    margin-top: 0;
                }

                .listLinkBox > li .txtList.dot.half > li:nth-child(n+3) {
                    margin-top: 7px;
                }

.infoBoxArea {
    border: 1px solid #D1D1D1;
    border-radius: 40px;
    padding: 145px 30px 50px 30px;
    background: url(../img/common/ico_information.svg) no-repeat top 50px left 50%;
    text-align: center;
}

    .infoBoxArea .btnWrap {
        margin-top: 20px;
    }

    .infoBoxArea .headLine3 {
        color: #000 !important
    }

    .infoBoxArea .baseBtn {
        height: 50px;
    }

        .infoBoxArea .baseBtn > .base {
            font-size: 16px;
            min-width: 180px;
        }

.private_system .groupCont .division .txtBody1 + .headLine3 {
    margin-top: 50px;
}

.emergencyItems .txtList.half {
    display: flex;
    flex-wrap: wrap;
}

    .emergencyItems .txtList.half > li {
        width: 50%;
    }

        .emergencyItems .txtList.half > li + li {
            margin-top: 0
        }

        .emergencyItems .txtList.half > li:nth-child(n+3) {
            margin-top: 7px
        }

/* 종목별현황 */
.typeState .schQualForm .qualList .item .tit {
    position: relative
}

.typeState .schQualForm .selQualBox {
    border-top: 1px solid #d0d2d6;
    border-radius: 10px;
    height: 535px
}

.typeState .schQualForm .qulList_lv1 {
    max-width: inherit;
    padding-top: 0;
}

    .typeState .schQualForm .qulList_lv1 .list {
        display: flex;
        flex-wrap: wrap;
    }

        .typeState .schQualForm .qulList_lv1 .list > li {
            width: 33.333%
        }

.typeState .schQualForm .qulList_lv2 {
    width: 39.9525%;
    border-right: 0;
}

.typeState .schQualForm .qulList_lv2 {
    width: 39.9525%;
    border-right: 0;
}

    .typeState .schQualForm .qulList_lv2 .list > li:hover > a {
        background: var(--primary);
        color: #fff;
    }

.siteListBox {
    display: flex;
}

    .siteListBox .headLine4 {
        margin-bottom: 12px;
        ;
    }

    .siteListBox .box {
        position: relative;
        border-radius: 40px;
        border: 1px solid #D1D1D1;
        padding: 50px 62px;
        padding-top: 130px;
    }

        .siteListBox .box .logo {
            position: absolute;
            top: 50px;
        }

        .siteListBox .box .btnArea {
            text-align: left;
        }

    .siteListBox .box {
        width: calc(50% - 11.5px);
    }

        .siteListBox .box:first-child {
            margin-right: 23px;
        }


/* 지역별 자격취득 현황 */
.statusByRegion .txtBody1 ~ .regionSchWrap {
    margin-top: 20px
}

.statusByRegion .defaultSearchOptBox {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #D0D2D6;
}

.statusByRegion .regionSchWrap .area {
    font-size: 0;
    display: flex;
}

.statusByRegion .regionSchWrap .periodArea {
    flex: none;
    width: 480px;
}

    .statusByRegion .regionSchWrap .periodArea .area {
        display: flex;
        justify-content: space-between;
    }

        .statusByRegion .regionSchWrap .periodArea .area .period {
            display: flex;
            flex: 1;
            align-items: center;
        }

            .statusByRegion .regionSchWrap .periodArea .area .period ~ .period {
                margin-left: 40px;
            }

            .statusByRegion .regionSchWrap .periodArea .area .period .selectBase {
                flex: 1;
                margin-right: 8px;
            }

.statusByRegion .regionSchWrap .defaultSearchOptBox .optList {
    align-items: center;
}

    .statusByRegion .regionSchWrap .defaultSearchOptBox .optList .inputBox {
        margin-right: 40px;
    }

        .statusByRegion .regionSchWrap .defaultSearchOptBox .optList .inputBox:last-of-type {
            margin-right: 0px;
        }

.statusByRegion .mapStatus {
    background: #fff;
    border: 1px solid #D0D2D6;
    border-top: 0;
    display: flex;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

    .statusByRegion .mapStatus .mapWrap {
        width: 630px;
        padding: 30px 42px;
        border-right: 1px solid #D0D2D6;
    }

        .statusByRegion .mapStatus .mapWrap .txtAlert {
            margin-top: 25px;
        }

    .statusByRegion .mapStatus .mapBg {
        position: relative;
    }

        .statusByRegion .mapStatus .mapBg .mapPoint {
            position: absolute;
            opacity: 0;
            font-size: 0;
        }

            .statusByRegion .mapStatus .mapBg .mapPoint:hover {
                opacity: 1;
            }

            .statusByRegion .mapStatus .mapBg .mapPoint.on {
                opacity: 1;
            }

        .statusByRegion .mapStatus .mapBg .mapPointer {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }
        /* 241015 수정 */
        .statusByRegion .mapStatus .mapBg .seoul {
            left: 23.5%;
            top: 16.5%;
            z-index: 2;
        }

        .statusByRegion .mapStatus .mapBg .incheon {
            left: 13.1%;
            top: 12.9%;
            z-index: 2;
        }

        .statusByRegion .mapStatus .mapBg .kyungki {
            left: 19.2%;
            top: 3.9%;
            z-index: 1;
        }

        .statusByRegion .mapStatus .mapBg .kangwon {
            left: 33.2%;
            top: -1.5%;
        }

        .statusByRegion .mapStatus .mapBg .chungbuk {
            left: 34.2%;
            top: 26.9%;
            z-index: 1;
        }

        .statusByRegion .mapStatus .mapBg .daejun {
            left: 32.6%;
            top: 41.2%;
            z-index: 2;
        }

        .statusByRegion .mapStatus .mapBg .kyungbuk {
            right: -1.1%;
            top: 24.7%;
        }

        .statusByRegion .mapStatus .mapBg .daegu {
            left: 56.9%;
            top: 54.4%;
            z-index: 1;
        }

        .statusByRegion .mapStatus .mapBg .chungnam {
            left: 8.1%;
            top: 29.6%;
        }

        .statusByRegion .mapStatus .mapBg .jeonbuk {
            left: 12%;
            top: 49.1%;
        }

        .statusByRegion .mapStatus .mapBg .kyungnam {
            left: 38.4%;
            top: 55.2%;
        }

        .statusByRegion .mapStatus .mapBg .ulsan {
            right: 14.7%;
            bottom: 29%;
        }

        .statusByRegion .mapStatus .mapBg .busan {
            right: 17.1%;
            bottom: 22%;
        }

        .statusByRegion .mapStatus .mapBg .jeonnam {
            left: -1.3%;
            bottom: 9%;
        }

        .statusByRegion .mapStatus .mapBg .gwangju {
            left: 14.7%;
            bottom: 25.3%;
            z-index: 1;
        }

        .statusByRegion .mapStatus .mapBg .jeju {
            left: 14.7%;
            bottom: -1.2%;
        }

    .statusByRegion .mapStatus .mapInfo {
        flex: 1;
        padding: 30px 40px;
    }

        .statusByRegion .mapStatus .mapInfo .noLineArticle {
            border: 0;
            height: calc(100% - 150px);
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .statusByRegion .mapStatus .mapInfo .contTable {
            max-height: 650px;
            overflow-y: auto;
        }

.pop_addCertifi .certiArea {
    border: 1px solid #D1D1D1;
    padding: 40px 10px 40px 40px;
    border-radius: 10px;
    margin-top: 25px;
}

.pop_addCertifi .popLayout {
    width: 774px
}

.pop_addCertifi .certiArea .formInput {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pop_addCertifi .certiArea .formInput .btnCert {
        width: 176px;
        height: 46px;
        background-color: var(--second);
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 10px;
    }

        .pop_addCertifi .certiArea .formInput .btnCert span {
            color: #fff;
            font-weight: 600;
            font-size: 18px;
        }

    .pop_addCertifi .certiArea .formInput .inputBase {
        flex: 1;
        margin-right: 20px;
    }

.pop_addCertifi .txtAlert .txtList.hyphen > li {
    color: #666;
    font-size: 16px;
}

    .pop_addCertifi .txtAlert .txtList.hyphen > li::before {
        background: #666
    }

    .pop_addCertifi .txtAlert .txtList.hyphen > li + li {
        margin-top: 0
    }

.findWork .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s:nth-of-type(3) {
    margin-right: 0;
}

.findWork .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s ~ .area_s.full {
    margin-top: 10px;
}

.pop_reasonDisqual .popLayout {
    width: 840px
}

    .pop_reasonDisqual .popLayout .typeRow.contTable table tbody th {
        text-align: center;
    }

.infoQualDoc .lineOptArea {
    margin-bottom: 52px;
}

.infoQualDoc .optSchArea .selectBase {
    width: 100%;
}

.infoQualDoc .contTit2 {
    margin-bottom: 15px;
}

.lineNumList {
    border-top: 1px solid #000;
}

    .lineNumList li {
        border-bottom: 1px solid #D1D1D1;
        ;
    }

        .lineNumList li a {
            display: flex;
            padding: 15px 0;
        }

        .lineNumList li:hover a {
            background: #F1F3F7;
        }

        .lineNumList li .num {
            width: 92px;
            text-align: center;
            color: #666
        }

        .lineNumList li .txt {
            flex: 1;
            padding-right: 20px;
        }

.autodiagProfessional_career .selectBase ~ .inputTextarea {
    margin-top: 10px;
}

.autodiagProfessional_career .agreeBox .agreeCont {
    padding-top: 20px;
}

.autodiagProfessional .tCont .selectBase ~ .inputTextarea {
    margin-top: 8px;
}

/* 전문자격 - 자격정보 */
.examInformation .itemInformation {
    margin-bottom: 52px;
}

.examInformation .contTable.typeSm {
    margin-top: 15px;
}

.examInformation .typeSm > table thead th {
    padding: 13px 10px;
}

.examInformation .txtList li .txtBody3 {
    margin-top: 7px;
    padding-left: 0px;
    margin-bottom: 5px;
}

.examInformation .txtList li .txtList.bullet {
    padding-left: 0px;
}

    .examInformation .txtList li .txtList.bullet > li {
        font-size: 16px;
        padding-left: 17px;
    }

        .examInformation .txtList li .txtList.bullet > li + li {
            margin-top: 3px;
        }

.examInformation .contTit1 {
    margin-top: 40px !important;
}

.examInformation .txtBody1.dot {
    position: relative;
    padding-left: 13px;
}

    .examInformation .txtBody1.dot + p.txtBody1 {
        padding-left: 13px;
        padding-top: 5px;
    }

    .examInformation .txtBody1.dot:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 11px;
        width: 4px;
        height: 4px;
        background: var(--second);
        border-radius: 50%;
    }

.examInformation .contTit1.mT0 {
    margin-top: 0px !important;
}

.examInformation .contTable ~ .txtBody1.dot {
    margin-top: 17px;
}

.examInformation .txtList ~ .fullSearchOptBox {
    margin-top: 26px;
}

/* 시행정보 */
.noticeOfimplementation .announcementBox {
    border: 1px solid #D1D1D1;
    border-radius: 40px;
    padding: 57px 30px 64px 30px;
    text-align: center;
    margin-top: 20px;
}

    .noticeOfimplementation .announcementBox .day {
        margin-top: 55px;
    }

.noticeOfimplementation .groupCont .division .headLine2 {
    margin-bottom: 30px;
}

.noticeOfimplementation .groupCont .division .contTit1:nth-of-type(n+2) {
    margin-top: 10px;
    margin-bottom: 0;
}

.noticeOfimplementation .groupCont .division .btnArea {
    margin-top: 30px;
}

/* 자가진단 */
.stepLineBox {
    padding: 30px;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
}

    .stepLineBox .contTit2 {
        margin-bottom: 15px;
    }

    .stepLineBox .boxArrList {
        display: flex;
        justify-content: space-between;
    }

        .stepLineBox .boxArrList > li {
            min-height: 106px;
            background: #E5F1FB;
            border-radius: 10px;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: 10px;
        }

            .stepLineBox .boxArrList > li.arrR {
                flex: none;
            }

        .stepLineBox .boxArrList .arrR {
            width: 40px;
            height: 16px;
            background: url(../img/common/ico_box_arrR.svg) no-repeat center;
        }

.pop_selfChkInfo .popLayout {
    width: 1078px;
}

.pop_selfChkInfo .groupCont .division .contTit1:nth-of-type(n+2) {
    margin-top: 30px;
}

.pop_selfChkInfo .txtBody1 + .contTable {
    margin-top: 20px;
}

.txtBody1 + .stepLineBox {
    margin-top: 20px;
}

.certificateWrite .profileRow .contF {
    flex-wrap: inherit
}

/* 국가별 운영현황 */
.diagram_japan {
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    padding: 40px 32px;
    margin-top: 24px;
}

    .diagram_japan .dia_top {
        display: flex;
        align-items: flex-start;
    }

    .diagram_japan .dia_left {
        width: 65%;
        margin-right: 16px;
    }

    .diagram_japan h3.box {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 227px;
        height: 50px;
        border-radius: 10px;
        background: var(--second);
        color: #fff;
        margin: 0 auto;
    }

        .diagram_japan h3.box:before {
            content: '';
            position: absolute;
            bottom: -50px;
            left: 50%;
            display: block;
            width: 1px;
            height: 50px;
            background: #C6C6C6
        }

    .diagram_japan .chart1 {
        display: flex;
        padding-top: 50px;
    }

        .diagram_japan .chart1 > li {
            position: relative;
        }

        .diagram_japan .chart1 .txtList.dot > li {
            color: #666;
            font-size: 16px;
            ;
        }

            .diagram_japan .chart1 .txtList.dot > li + li {
                margin-top: 2px
            }

            .diagram_japan .chart1 .txtList.dot > li:before {
                background: #666;
                top: 9px
            }

        .diagram_japan .chart1 .boxList {
            position: relative;
            background: #E5F1FB;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            padding: 20px;
            min-height: 260px
        }
    /* .diagram_japan .dia_left .chart1>li:last-child .boxList:before {display: none;} */
    .diagram_japan .dia_left .chart1 .boxList:before {
        content: '';
        position: absolute;
        bottom: -25px;
        left: 50%;
        display: block;
        width: calc(100% + 16px);
        height: 1px;
        background: #C6C6C6
    }

    .diagram_japan .dia_left .chart1 .boxList:after {
        content: '';
        position: absolute;
        bottom: -25px;
        left: 50%;
        display: block;
        width: 1px;
        height: 25px;
        background: #C6C6C6
    }

    .diagram_japan .typeMB {
        display: none
    }

    .diagram_japan .dia_left .chart1 {
        margin-left: -16px;
        width: calc(100% + 16px)
    }

        .diagram_japan .dia_left .chart1 > li {
            width: calc(33.333% - 16px);
            margin-left: 16px;
        }

            .diagram_japan .dia_left .chart1 > li:after {
                content: '';
                position: absolute;
                top: -25px;
                left: 50%;
                display: block;
                width: 1px;
                height: 25px;
                background: #C6C6C6
            }

            .diagram_japan .dia_left .chart1 > li:nth-child(2)::after {
                display: none;
            }

            .diagram_japan .dia_left .chart1 > li:before {
                content: '';
                position: absolute;
                top: -25px;
                left: 50%;
                display: block;
                width: calc(100% + 16px);
                height: 1px;
                background: #C6C6C6
            }

            .diagram_japan .dia_left .chart1 > li:last-child:before {
                display: none;
            }

    .diagram_japan .chart1 b.box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 50px;
        border-radius: 10px;
        background: #0075D2;
        color: #fff;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-top: 1px;
    }

    .diagram_japan .dia_right1 {
        flex: 1;
        margin-right: 16px;
    }

    .diagram_japan .dia_right2 {
        flex: 1
    }

    .diagram_japan .dia_right1 .chart1 .boxList:before {
        content: '';
        position: absolute;
        bottom: -25px;
        left: 50%;
        display: block;
        width: 1px;
        height: 25px;
        background: #C6C6C6
    }

    .diagram_japan .dia_bottom {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }

    .diagram_japan .green.box {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 50px;
        border-radius: 10px;
        background: #00874A;
        color: #fff;
        margin: 0 auto;
        width: 100%;
    }

    .diagram_japan .dia_bottom .chart1 {
        padding-top: 0;
        margin-right: 16px;
        width: calc(16.666% + 27px);
        padding-top: 50px;
    }

    .diagram_japan .dia_bottom .chart2 {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        padding-top: 50px;
    }

        .diagram_japan .dia_bottom .chart2 .box.green {
            margin: 0;
        }

    .diagram_japan .btm_green {
        position: relative;
        width: 100%;
        padding-top: 50px;
    }

        .diagram_japan .btm_green .box {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 50px;
            border-radius: 10px;
            background: #00874A;
            color: #fff;
            margin: 0 auto;
            width: 100%;
        }

            .diagram_japan .btm_green .box:before {
                content: '';
                position: absolute;
                top: -50px;
                left: 50%;
                display: block;
                width: 1px;
                height: 50px;
                background: #C6C6C6
            }

    .diagram_japan .dia_right1 .chart1 .boxList:after {
        content: '';
        position: absolute;
        bottom: -25px;
        right: 50%;
        display: block;
        width: calc(100% + 16px);
        height: 1px;
        background: #C6C6C6
    }



.diagram_german {
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    padding: 40px 34px 30px 34px;
    margin-top: 24px;
}

    .diagram_german .box_tit {
        min-height: 50px;
        width: 100%;
        padding: 10px 15px;
        text-align: center;
        border-radius: 10px;
        background: var(--second);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .diagram_german .inner > .box_tit {
        margin: 0 auto;
        margin-bottom: 50px;
        max-width: calc(33.333% - 19px);
    }

    .diagram_german .btm_diagram {
        display: flex;
        width: calc(100% + 19px);
        margin-left: -19px;
    }

        .diagram_german .btm_diagram > ul {
            position: relative;
            width: calc(33.333% - 19px);
            margin-left: 19px;
        }

            .diagram_german .btm_diagram > ul > li {
                position: relative;
            }

                .diagram_german .btm_diagram > ul > li:before {
                    content: '';
                    display: block;
                    width: 1px;
                    height: 50px;
                    background: #C6C6C6;
                    position: absolute;
                    left: 50%;
                    margin-left: -.5px;
                    top: -50px;
                }

                .diagram_german .btm_diagram > ul > li:first-child:before {
                    display: none;
                }

            .diagram_german .btm_diagram > ul:before {
                content: '';
                position: absolute;
                top: -25px;
                left: 50%;
                display: block;
                width: calc(100% + 19px);
                height: 1px;
                background: #C6C6C6
            }

            .diagram_german .btm_diagram > ul:after {
                content: '';
                display: block;
                width: 1px;
                height: 25px;
                background: #C6C6C6;
                position: absolute;
                left: 50%;
                margin-left: -.5px;
                top: -25px;
            }

        .diagram_german .btm_diagram > .list2:after {
            height: 50px;
            top: -50px;
        }

        .diagram_german .btm_diagram > .list3:before {
            display: none;
        }

        .diagram_german .btm_diagram .box_tit {
            background: var(--primary)
        }

            .diagram_german .btm_diagram .box_tit.green {
                background: #00874A
            }

        .diagram_german .btm_diagram .list1 > li:first-child .box_tit {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .diagram_german .btm_diagram .list2 > li:nth-child(n+2) .box_tit {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .diagram_german .btm_diagram .list3 > li .box_tit {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0;
        }

        .diagram_german .btm_diagram .box {
            background: #E5F1FB;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            text-align: center;
            padding: 10px 15px;
        }

        .diagram_german .btm_diagram > ul > li + li {
            margin-top: 50px;
        }

        .diagram_german .btm_diagram .txtList {
            padding: 7px 0;
        }

            .diagram_german .btm_diagram .txtList > li {
                text-align: left;
            }

                .diagram_german .btm_diagram .txtList > li .txtBody3 {
                    color: #666666;
                    margin-top: 6px;
                }

            .diagram_german .btm_diagram .txtList.dot > li > .txtList.hyphen {
                margin-top: 6px;
                margin-bottom: 0;
                padding: 0;
                ;
            }

                .diagram_german .btm_diagram .txtList.dot > li > .txtList.hyphen > li {
                    color: #666666;
                    padding-left: 8px;
                }

                    .diagram_german .btm_diagram .txtList.dot > li > .txtList.hyphen > li:before {
                        width: 2px;
                        height: 2px;
                        background: #666;
                        border-radius: 50%;
                    }

                    .diagram_german .btm_diagram .txtList.dot > li > .txtList.hyphen > li + li {
                        margin-top: 0;
                    }


.diagram_uk1 {
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    padding: 40px 32px;
    margin-top: 24px;
}

    .diagram_uk1 .inner > .box_tit {
        background: var(--second);
        margin: 0 auto;
        margin-bottom: 50px;
        max-width: calc(25% - 20px);
        left: -5%;
    }

        .diagram_uk1 .inner > .box_tit:before {
            content: '';
            position: absolute;
            bottom: -25px;
            left: 50%;
            display: block;
            width: 1px;
            height: 25px;
            background: #C6C6C6;
            margin-left: -.5px
        }

    .diagram_uk1 .box_tit {
        position: relative;
        min-height: 50px;
        width: 100%;
        padding: 10px 15px;
        text-align: center;
        border-radius: 10px;
        background: var(--primary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .diagram_uk1 .list1 {
        display: flex;
        width: calc(100% + 20px);
        margin-left: -20px;
    }

        .diagram_uk1 .list1 > li {
            position: relative;
            width: calc(25% - 20px);
            margin-left: 20px;
        }

            .diagram_uk1 .list1 > li:before {
                content: '';
                position: absolute;
                top: -25px;
                left: 50%;
                display: block;
                width: calc(100% + 20px);
                height: 1px;
                background: #C6C6C6
            }

            .diagram_uk1 .list1 > li:after {
                content: '';
                position: absolute;
                top: -25px;
                left: 50%;
                display: block;
                width: 1px;
                height: 25px;
                background: #C6C6C6;
                margin-left: -.5px
            }

            .diagram_uk1 .list1 > li:nth-child(2):after {
                height: 100%;
            }

            .diagram_uk1 .list1 > li:nth-child(4):after {
                height: 100%;
            }

            .diagram_uk1 .list1 > li:last-child:before {
                display: none;
            }

    .diagram_uk1 .list2 {
        margin-top: 50px;
    }

        .diagram_uk1 .list2 .box_tit {
            background: #E5F1FB;
            color: #000;
            position: relative;
            z-index: 2;
        }

        .diagram_uk1 .list2 > li + li {
            margin-top: 25px;
        }


.diagram_uk2 {
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    padding: 40px 32px;
    margin-top: 24px;
}

    .diagram_uk2 .box_tit {
        position: relative;
        min-height: 50px;
        width: 100%;
        padding: 10px 15px;
        text-align: center;
        border-radius: 10px;
        background: var(--primary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .diagram_uk2 .inner {
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-wrap: wrap;
    }

        .diagram_uk2 .inner > .box_tit {
            background: var(--second);
            width: calc(25% - 10px);
            margin-right: 20px;
        }

        .diagram_uk2 .inner > .list1 {
            display: flex;
            flex-wrap: wrap;
            width: calc(75% - 10px)
        }

            .diagram_uk2 .inner > .list1 > li {
                position: relative;
                width: calc(33.333% - 15px);
                margin-left: 20px;
            }

                .diagram_uk2 .inner > .list1 > li:before {
                    content: '';
                    display: block;
                    width: 20px;
                    height: 1px;
                    background: #c6c6c6;
                    position: absolute;
                    left: -20px;
                    top: 25px;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(1) .box {
                    height: 130px
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(3) .box {
                    height: 130px
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(4):before {
                    width: 1px;
                    height: 50px;
                    left: 50%;
                    top: -50px;
                }

                .diagram_uk2 .inner > .list1 > li .txtList {
                    padding: 7px 0;
                }

                    .diagram_uk2 .inner > .list1 > li .txtList > li {
                        text-align: left;
                    }

                .diagram_uk2 .inner > .list1 > li .box_tit {
                    border-bottom-left-radius: 0;
                    border-bottom-right-radius: 0;
                }

                .diagram_uk2 .inner > .list1 > li .box {
                    background: #E5F1FB;
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px;
                    text-align: center;
                    padding: 10px 15px;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(1) {
                    margin-left: 0;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(4) {
                    margin-left: 0;
                }

                    .diagram_uk2 .inner > .list1 > li:nth-child(4) .box_tit {
                        border-radius: 10px;
                    }

                .diagram_uk2 .inner > .list1 > li:nth-child(n+4) {
                    margin-top: 50px;
                }

    .diagram_uk2 .btm_diagram {
        width: 100%;
    }

.diagram_france .inner {
    display: flex;
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    padding: 40px 32px;
    margin-top: 24px;
    flex-wrap: wrap;
}

    .diagram_france .inner .txtR {
        width: 100%;
    }

    .diagram_france .inner .area {
        width: calc(50% - 30px)
    }

        .diagram_france .inner .area .wB {
            text-align: center;
            display: block;
            margin-bottom: 20px;
        }

    .diagram_france .inner .left_area {
        margin-right: 60px;
    }

    .diagram_france .inner .box_tit {
        position: relative;
        min-height: 50px;
        width: 100%;
        padding: 10px 15px;
        text-align: center;
        border-radius: 10px;
        background: var(--primary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 2;
    }

    .diagram_france .inner .list1 > li + li {
        margin-top: 25px;
    }

    .diagram_france .inner .list1 > li .box {
        background: #E5F1FB;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        text-align: center;
        padding: 10px 15px;
    }

    .diagram_france .inner .list1 > li:nth-child(5) .box_tit {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .diagram_france .inner .list1 > li .box .txtList {
        text-align: left;
    }

    .diagram_france .inner .list2 > .box_tit {
        background: var(--second);
        margin-bottom: 55px;
    }

    .diagram_france .inner .btm_list {
        display: flex;
    }

        .diagram_france .inner .btm_list > ul {
            width: calc(50% - 10px);
        }

            .diagram_france .inner .btm_list > ul.list3 {
                margin-right: 20px;
            }

                .diagram_france .inner .btm_list > ul.list3 > li:last-child {
                    margin-top: 290px
                }

            .diagram_france .inner .btm_list > ul.list4 li.hidden {
                display: none;
            }

            .diagram_france .inner .btm_list > ul.list4 li.side {
                position: relative;
                display: flex;
                padding: 55px 0;
            }

                .diagram_france .inner .btm_list > ul.list4 li.side:before {
                    content: '';
                    display: block;
                    width: 148px;
                    height: 181px;
                    background: url(../img/common/per/qualInfo/daigram_square.svg) no-repeat top 0 left 50%;
                    position: absolute;
                    top: 2px;
                    left: 50%;
                    margin-left: -74px;
                }

                .diagram_france .inner .btm_list > ul.list4 li.side .box {
                    position: relative;
                    width: calc(50% - 8px);
                    height: 75px;
                    border-radius: 10px;
                    background: #E5F1FB;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    text-align: center;
                    z-index: 2;
                }

                    .diagram_france .inner .btm_list > ul.list4 li.side .box:first-child {
                        margin-right: 16px;
                    }

            .diagram_france .inner .btm_list > ul.list4 > li:last-child {
                margin-top: 55px
            }

            .diagram_france .inner .btm_list > ul.list3 > li {
                position: relative;
            }

            .diagram_france .inner .btm_list > ul.list4 > li {
                position: relative;
            }

            .diagram_france .inner .btm_list > ul.list3 > li:nth-child(1):before {
                content: '';
                display: block;
                width: 17px;
                height: 55px;
                background: url(../img/common/per/qualInfo/diagram_arrT.svg) no-repeat top 0 left 50%;
                position: absolute;
                left: 50%;
                margin-left: -8.5px;
                top: -55px;
            }

            .diagram_france .inner .btm_list > ul.list3 > li:nth-child(2):before {
                content: '';
                display: block;
                width: 17px;
                height: 290px;
                background: url(../img/common/per/qualInfo/diagram_arrT.svg) no-repeat top 0 left 50%;
                position: absolute;
                left: 50%;
                margin-left: -8.5px;
                top: -289px;
            }

            .diagram_france .inner .btm_list > ul.list4 > li:nth-child(1):before {
                content: '';
                display: block;
                width: 17px;
                height: 55px;
                background: url(../img/common/per/qualInfo/diagram_arrT.svg) no-repeat top 0 left 50%;
                position: absolute;
                left: 50%;
                margin-left: -8.5px;
                top: -55px;
            }

            .diagram_france .inner .btm_list > ul.list4 > li:last-child:before {
                content: '';
                display: block;
                width: 17px;
                height: 55px;
                background: url(../img/common/per/qualInfo/diagram_arrT.svg) no-repeat top 0 left 50%;
                position: absolute;
                left: 50%;
                margin-left: -8.5px;
                top: -55px;
            }

    .diagram_france .inner .list1 > li {
        position: relative;
    }

        .diagram_france .inner .list1 > li:first-child::before {
            display: none;
        }

        .diagram_france .inner .list1 > li:before {
            content: '';
            display: block;
            width: 1px;
            height: 25px;
            background: #c6c6c6;
            position: absolute;
            left: 50%;
            top: -25px;
        }

.diagram_australia {
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 10px;
    padding: 40px 34px 40px 34px;
    margin-top: 12px;
}

    .diagram_australia .mbWrap {
        display: none;
    }

    .diagram_australia .listWrap {
        width: 100%;
        margin: 0 auto;
    }

        .diagram_australia .listWrap .list > li {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .diagram_australia .listWrap .list .tit {
            position: relative;
            width: 100%;
            padding: 5px;
            color: #fff;
            line-height: 1.3;
        }

    .diagram_australia .listWrap1 {
        position: relative;
        display: flex;
        justify-content: space-between;
        max-width: 1200px;
    }

        .diagram_australia .listWrap1::before {
            content: '개발';
            position: absolute;
            right: 12%;
            bottom: 105px;
            font-size: 16px;
            color: #0075D2;
        }

        .diagram_australia .listWrap1 .blankBox {
            max-width: 290px;
            width: 100%;
        }

            .diagram_australia .listWrap1 .blankBox:first-of-type {
                margin-left: 26px;
            }

        .diagram_australia .listWrap1 .list {
            max-width: 285px;
            width: 100%;
        }

        .diagram_australia .listWrap1 .list1 > li {
            height: 75px;
            background-color: #003883;
            border-radius: 10px;
        }

            .diagram_australia .listWrap1 .list1 > li + li {
                margin-top: 15px;
            }

                .diagram_australia .listWrap1 .list1 > li + li + li {
                    height: 50px;
                    margin-top: 50px;
                }

            .diagram_australia .listWrap1 .list1 > li:first-child::before {
                content: '';
                position: absolute;
                top: 50%;
                margin-top: -0.5px;
                right: -50px;
                width: 50px;
                height: 1px;
                background: #0075D2;
            }

            .diagram_australia .listWrap1 .list1 > li:first-child::after {
                content: '';
                position: absolute;
                top: 75px;
                left: 50%;
                margin-left: -0.5px;
                width: 1px;
                height: 369px;
                background: #0075D2;
            }

            .diagram_australia .listWrap1 .list1 > li:nth-child(2):before {
                content: '';
                position: absolute;
                top: 25px;
                right: calc(-50% - 50px);
                width: calc(50% + 48px);
                height: 1px;
                background: #0075D2;
            }

            .diagram_australia .listWrap1 .list1 > li:nth-child(2)::after {
                content: '';
                position: absolute;
                top: 17px;
                right: -10px;
                width: 9px;
                height: 17px;
                background: url(../img/common/diagram_arr.svg) no-repeat;
                transform: rotate(180deg);
            }

            .diagram_australia .listWrap1 .list1 > li:nth-child(3):before {
                content: '';
                position: absolute;
                top: -74px;
                right: calc(-50% - 50px);
                width: calc(50% + 48px);
                height: 1px;
                background: #0075D2;
            }

        .diagram_australia .listWrap1 .list2 {
            margin-left: 50px;
        }

            .diagram_australia .listWrap1 .list2 > li {
                height: 75px;
                background-color: #00874A;
                border-radius: 10px;
            }

                .diagram_australia .listWrap1 .list2 > li:first-child {
                    height: 50px;
                    margin-top: 13px;
                }

                    .diagram_australia .listWrap1 .list2 > li:first-child::before {
                        content: '';
                        position: absolute;
                        bottom: -35px;
                        left: 50%;
                        margin-left: -25px;
                        width: 50px;
                        height: 16px;
                        background: url(../img/common/diagram_line_arr.svg) no-repeat;
                        transform: rotate(90deg);
                    }

                    .diagram_australia .listWrap1 .list2 > li:first-child::after {
                        content: '협력 및 지원';
                        position: absolute;
                        left: 0;
                        bottom: -45px;
                        font-size: 16px;
                        color: #0075D2;
                    }

                .diagram_australia .listWrap1 .list2 > li + li {
                    margin-top: 130px;
                }

                .diagram_australia .listWrap1 .list2 > li:nth-child(2)::before {
                    content: '';
                    position: absolute;
                    top: -35px;
                    left: 50%;
                    margin-left: -25px;
                    width: 50px;
                    height: 16px;
                    background: url(../img/common/diagram_line_arr.svg) no-repeat;
                    transform: rotate(270deg);
                }

                .diagram_australia .listWrap1 .list2 > li:nth-child(2)::after {
                    content: '지원';
                    position: absolute;
                    top: -45px;
                    left: 30px;
                    font-size: 16px;
                    color: #0075D2;
                }

                .diagram_australia .listWrap1 .list2 > li + li + li {
                    margin-top: 50px;
                }

                .diagram_australia .listWrap1 .list2 > li:nth-child(3)::before {
                    content: '';
                    position: absolute;
                    top: -50px;
                    left: 50%;
                    margin-left: -0.5px;
                    width: 1px;
                    height: 50px;
                    background: #0075D2;
                }

                .diagram_australia .listWrap1 .list2 > li:nth-child(3)::after {
                    content: '';
                    position: absolute;
                    top: -50px;
                    left: 50%;
                    margin-left: -50.5px;
                    width: 50px;
                    height: 50px;
                    background: #fff;
                    z-index: 1;
                }

    .diagram_australia .listWrap2 {
        max-width: 1204px;
        margin-top: 75px;
    }

        .diagram_australia .listWrap2 .list {
            position: relative;
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }

            .diagram_australia .listWrap2 .list::before {
                content: '';
                position: absolute;
                top: -10px;
                right: -10px;
                width: calc(75% + 15px);
                height: calc(100% + 20px);
                background-color: #E5F1FB;
            }

            .diagram_australia .listWrap2 .list > li {
                max-width: 285px;
                width: 100%;
                height: 99px;
                background-color: #003883;
                border-radius: 10px;
            }

                .diagram_australia .listWrap2 .list > li::before {
                    content: '';
                    position: absolute;
                    top: -25px;
                    left: 50%;
                    margin-left: -0.5px;
                    width: 1px;
                    height: 25px;
                    background: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:last-child::before {
                    height: 175px;
                    top: -175px;
                }

                .diagram_australia .listWrap2 .list > li:not(:last-child):after {
                    content: '';
                    position: absolute;
                    top: -25px;
                    left: 50%;
                    margin-left: -0.5px;
                    width: calc(100% + 20px);
                    height: 1px;
                    background: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:last-child:after {
                    content: '';
                    position: absolute;
                    top: -175px;
                    left: calc(-50% - 19px);
                    margin-left: -0.5px;
                    width: calc(100% + 20px);
                    height: 1px;
                    background: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(1) .tit::before {
                    content: '관리';
                    position: absolute;
                    left: 50%;
                    top: -63px;
                    font-size: 16px;
                    color: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(2) .tit::before {
                    content: '관리';
                    position: absolute;
                    left: calc(50% - 40px);
                    top: -63px;
                    font-size: 16px;
                    color: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(3) .tit::before {
                    content: '책임';
                    position: absolute;
                    left: -25px;
                    top: -63px;
                    font-size: 16px;
                    color: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(4) .tit::before {
                    content: '승인';
                    position: absolute;
                    left: -25px;
                    top: -63px;
                    font-size: 16px;
                    color: #0075D2;
                }

    .diagram_australia .listWrap3 {
        max-width: 895px;
        margin-top: 80px;
    }

        .diagram_australia .listWrap3 .list {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

            .diagram_australia .listWrap3 .list > li {
                max-width: 285px;
                width: 100%;
                border-radius: 10px;
            }

        .diagram_australia .listWrap3 .list1 > li {
            height: 50px;
            background-color: #00874A;
            z-index: 2;
        }

            .diagram_australia .listWrap3 .list1 > li::before {
                content: '';
                position: absolute;
                top: 50%;
                margin-top: -8px;
                left: -11px;
                width: 9px;
                height: 17px;
                background: url(../img/common/diagram_arr.svg) no-repeat;
            }

        .diagram_australia .listWrap3 .list2 > li {
            height: 75px;
            margin-top: 50px;
            background-color: #003883;
        }

            .diagram_australia .listWrap3 .list2 > li:first-child::before {
                content: '';
                position: absolute;
                top: -75px;
                left: 50%;
                margin-left: -0.5px;
                width: 1px;
                height: 75px;
                background-color: #0075D2;
            }

            .diagram_australia .listWrap3 .list2 > li:first-child::after {
                content: '';
                position: absolute;
                top: -75px;
                left: 50%;
                margin-left: -0.5px;
                width: calc(50% + 18px);
                height: 1px;
                background: #0075D2;
            }

            .diagram_australia .listWrap3 .list2 > li:nth-child(2)::before {
                content: '';
                position: absolute;
                top: -35px;
                left: 50%;
                margin-left: -25px;
                width: 50px;
                height: 16px;
                background: url(../img/common/diagram_line_arr.svg) no-repeat;
                transform: rotate(270deg);
            }

            .diagram_australia .listWrap3 .list2 > li:nth-child(2)::after {
                content: '등록 및 지원';
                position: absolute;
                top: -40px;
                left: calc(50% + 10px);
                font-size: 16px;
                color: #0075D2;
            }

            .diagram_australia .listWrap3 .list2 > li:last-child::before {
                content: '';
                position: absolute;
                top: -75px;
                left: 50%;
                margin-left: -8px;
                width: 16px;
                height: 73px;
                background: url(../img/common/diagram_line_arr2.svg) no-repeat;
            }

            .diagram_australia .listWrap3 .list2 > li:last-child::after {
                content: '';
                position: absolute;
                top: -75px;
                left: -20px;
                width: calc(50% + 20px);
                height: 1px;
                background: #0075D2;
            }

            .diagram_australia .listWrap3 .list2 > li:last-child {
                height: 230px;
                align-items: end;
            }

            .diagram_australia .listWrap3 .list2 > li:first-child .tit::before {
                content: '자문';
                position: absolute;
                top: -113px;
                left: 50%;
                font-size: 16px;
                color: #0075D2;
            }

            .diagram_australia .listWrap3 .list2 > li:last-child .tit::before {
                content: '등록 및 지원';
                position: absolute;
                top: -125px;
                left: calc(50% - 75px);
                font-size: 16px;
                color: #0075D2;
            }

            .diagram_australia .listWrap3 .list2 > li .txt {
                position: relative;
                width: 100%;
                height: calc(100% - 75px);
                padding: 20px;
                text-align: left;
                border-bottom-left-radius: 7px;
                border-bottom-right-radius: 7px;
                background-color: #E5F1FB;
            }

                .diagram_australia .listWrap3 .list2 > li .txt .txtList > li + li {
                    margin-top: 2px;
                }

    .diagram_australia .bottomTxt {
        margin-top: 40px;
        text-align: right;
        color: #666;
        font-size: 16px;
    }

.qualSystem .headLine2 ~ .txtList {
    display: none;
}

/* 원서접수 */
.agreeScrollBox {
    border: 1px solid #D1D1D1;
    border-radius: 10px;
}

    .agreeScrollBox ~ .agreeScrollBox {
        margin-top: 56px
    }

    .agreeScrollBox .limitY {
        padding: 35px 40px;
        max-height: 220px;
        overflow-y: auto;
    }

    .agreeScrollBox .txtList > li ul {
        margin-left: -25px;
    }

    .agreeScrollBox .txtList > li .contTit2 {
        margin-bottom: 8px;
    }

        .agreeScrollBox .txtList > li .contTit2 ~ .txtBody1 {
            margin-left: -25px;
        }

    .agreeScrollBox .txtList > li + li {
        margin-top: 20px;
    }

    .agreeScrollBox .txtList > li .txtList > li + li {
        margin-top: 1px;
    }

    .agreeScrollBox .txtList > li .txtList.hyphen {
        margin-top: 3px;
        padding-bottom: 10px;
    }

        .agreeScrollBox .txtList > li .txtList.hyphen > li {
            color: #666;
        }

    .agreeScrollBox .txtList > li .txtList.dot > li + li {
        margin-top: 10px;
    }

    .agreeScrollBox .txtList > li .txtList.hyphen > li:before {
        background: #666;
    }

    .agreeScrollBox .txtList.bullet > li::before {
        font-weight: 700;
    }

    .agreeScrollBox .txtList.bullet > li .txtList.bullet > li::before {
        font-weight: 500;
    }

    .agreeScrollBox .txtList.hyphen.mL0 {
        margin-left: -10px !important;
        padding-bottom: 0;
        padding-top: 5px;
        ;
    }

        .agreeScrollBox .txtList.hyphen.mL0 > li + li {
            margin-top: 5px;
        }

    .agreeScrollBox .txtList.dot > li + li {
        margin-top: 15px;
    }

    .agreeScrollBox .agreeChkBox {
        padding: 25px 40px;
        border-top: 1px solid #d1d1d1;
    }

.inputSide .formInput {
    flex: 1;
}

.inputSide .txtSide .txtBody3.tit {
    min-width: 70px;
}

.inputSide .formInput.year {
    display: flex;
    align-items: center;
}

    .inputSide .formInput.year .inputBase {
        margin-right: 15px;
        max-width: 200px;
    }

    .inputSide .formInput.year .txtBody3 {
        color: #666;
    }

.inputSide .formInput .txtBody3 {
    margin-right: 0;
}

.inputSide .txtSide ~ .txtSide {
    margin-top: 15px;
}

.businessPolicy .groupCont .division .headLine3 {
    margin-top: 56px;
}

.businessPolicy .txtList.bullet > li {
    padding-left: 20px;
}

.businessPolicy .txtList.bullet .txtList.bullet {
    margin-top: 5px;
}

.linkLineBox {
    padding: 30px 52px;
    border-radius: 10px;
    border: 1px solid #d1d1d1;
}

    .linkLineBox .txtList {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

        .linkLineBox .txtList > li {
            width: 33.333%
        }

            .linkLineBox .txtList > li + li {
                margin-top: 0;
            }

            .linkLineBox .txtList > li:nth-child(n+4) {
                margin-top: 10px;
            }

.autodiagProfessional_career .linkLineBox {
    margin-top: 15px;
    margin-bottom: 80px;
    background: #fff;
}

.infoSelect .selectArea.typeCol {
    display: block;
}

    .infoSelect .selectArea.typeCol em {
        font-style: normal;
    }

.infoSelect .selectArea .wB + .dotTxt {
    margin-left: 10px;
}

.infoSelect .selectArea .dotTxt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    margin-right: 20px;
}

    .infoSelect .selectArea .dotTxt:before {
        content: '';
        display: block;
        width: 4px;
        height: 4px;
        background: var(--second);
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 9px;
    }

.infoSelect .agreeBox {
    margin-bottom: 40px;
}

    .infoSelect .agreeBox .contTit2 {
        margin-top: 20px;
        margin-bottom: 12px;
    }

    .infoSelect .agreeBox .txtList.hyphen {
        margin-top: 3px;
    }

/* 응시자격서류온라인제출 */
.onlineSubmitDoc .groupCont .division ~ .division {
    padding-top: 50px;
}

.onlineSubmitDoc .contArea_side .btn {
    margin-top: 0;
}

.onlineSubmitDoc .onlineFlowBox {
    padding: 50px;
    border: 1px solid #d1d1d1;
    border-radius: 10px;
    margin-top: 30px;
    height: 635px
}

    .onlineSubmitDoc .onlineFlowBox .topLine > ul {
        position: relative;
        display: flex;
        justify-content: space-between;
    }

        .onlineSubmitDoc .onlineFlowBox .topLine > ul:before {
            content: '';
            display: block;
            width: calc(100% - 50px);
            height: 1px;
            background: #D1D1D1;
            position: absolute;
            top: 41px;
            left: 0;
        }

        .onlineSubmitDoc .onlineFlowBox .topLine > ul li {
            position: relative;
            z-index: 1;
        }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.abTxt {
                position: absolute;
                left: 65%;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type1 {
                position: absolute;
                top: 200px;
                left: calc(50% - 115px); /* 가운데 정렬 */
            }

                .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type1:after {
                    content: '';
                    display: block;
                    width: 1px;
                    height: 467px;
                    background: #d1d1d1;
                    position: absolute;
                    left: 50%;
                    top: -158px;
                }

                .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type1:before {
                    background: #E5F1FB;
                    width: calc(100% + 250px);
                    height: 353px;
                    position: absolute;
                    content: '';
                    display: block;
                    border-radius: 10px;
                    left: -20px;
                    top: -20px;
                }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2 {
                position: absolute;
                top: 200px;
                right: -31px;
                transform: translateX(-50.2%);
            }

                .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2:after {
                    content: '';
                    display: block;
                    width: 1px;
                    height: 350px;
                    background: #d1d1d1;
                    position: absolute;
                    left: 50%;
                    top: -158px;
                }

                .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2:before {
                    background: #E5F1FB;
                    width: calc(100% + 40px);
                    height: 353px;
                    position: absolute;
                    content: '';
                    display: block;
                    border-radius: 10px;
                    left: -20px;
                    top: -20px;
                }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea .tit {
                position: Relative;
                width: 205px;
                height: 44px;
                border-radius: 10px;
                background: var(--primary);
                color: #fff;
                font-weight: 700;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-bottom: 16px;
                z-index: 2;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea .boxList > li {
                width: 205px;
                height: 44px;
                border-radius: 10px;
                background: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea .boxList > li + li {
                    margin-top: 8px
                }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li .txtBody1 {
                text-align: center;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li .ico {
                font-size: 0;
                margin: 0 auto;
                text-align: center;
                margin-bottom: 15px;
            }

.exemptionInfo_view .contTable.typeRow .inputBox {
    margin-top: 3px;
    margin-bottom: 3px;
}

/* 사후환불 신청서 */
.pop_afterRefund .popLayout {
    width: 1080px;
}

.pop_afterRefund .inputSide {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

    .pop_afterRefund .inputSide .btn_confirm {
        width: 176px;
        margin-left: 28px;
        height: 100%;
        background: var(--second);
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

        .pop_afterRefund .inputSide .btn_confirm span {
            font-weight: 600;
            color: #fff;
        }

    .pop_afterRefund .inputSide .txtSide .tit {
        width: 150px;
    }

    .pop_afterRefund .inputSide .txtSide {
        width: calc(100% - 204px)
    }

        .pop_afterRefund .inputSide .txtSide .inpArea .btn_sch {
            width: 106px
        }

.pop_afterRefund .txtAlert.red {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0;
}

.pop_afterRefund .w_file {
    max-width: 100% !important;
}

    .pop_afterRefund .w_file .inputWrap {
        max-width: 100% !important;
    }

        .pop_afterRefund .w_file .inputWrap .inputBase {
            max-width: 100% !important;
        }

/* 코로나 환불신청 */
.covidRefund .txtList.dot .link_s_arrR.underline {
    font-weight: 500;
}

    .covidRefund .txtList.dot .link_s_arrR.underline > span {
        background-size: auto 12px;
        padding-right: 11px;
        margin-right: 3px;
    }

.pop_covidRefund .popLayout {
    width: 774px;
}

.pop_covidRefund .refundBox {
    padding: 40px;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    margin-top: 24px;
}

.pop_covidRefund .inputSide .tit {
    width: 150px;
}

.pop_covidRefund .optSchArea .inpArea .selectBase {
    width: 100%;
    flex: 1;
}

.pop_covidRefund .optSchArea .inpArea .btn_sch {
    width: 106px
}

/* 응시가능종목확인 */
.lineSelectForm {
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
    padding: 12px 40px;
    margin-top: 24px;
}

    .lineSelectForm ul > li {
        display: flex;
        align-items: center;
        padding: 18px 0 26px 0;
        border-bottom: 1px solid #d1d1d1;
    }

        .lineSelectForm ul > li:last-child {
            border-bottom: 0;
            padding-bottom: 18px;
        }

        .lineSelectForm ul > li .opt_tit {
            font-weight: 700;
            display: block;
            margin-right: 20px;
        }

        .lineSelectForm ul > li .opt_cont {
            flex: 1;
        }

        .lineSelectForm ul > li .optSchArea .selectBase {
            width: 100%;
            max-width: 646px;
            flex: 1;
        }

.optSchArea .inpArea .btn_sch {
    width: auto !important;
    padding: 0 20px;
}

.numLineBox {
    padding: 45px 50px;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
}

    .numLineBox .halfType {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }

        .numLineBox .halfType .right {
            padding-left: 10px;
        }

        .numLineBox .halfType > div > ul > li {
            position: relative;
            display: flex;
            padding-top: 5px;
            align-items: center;
        }

            .numLineBox .halfType > div > ul > li .txtBody2 {
                margin-top: 5px;
            }

            .numLineBox .halfType > div > ul > li:not(:last-child):before {
                content: '';
                position: absolute;
                top: 24px;
                left: 20px;
                width: 1px;
                height: 120px;
                background: #E1E1E1;
            }

            .numLineBox .halfType > div > ul > li + li {
                margin-top: 70px;
            }

            .numLineBox .halfType > div > ul > li > span {
                -webkit-appearance: none;
                display: flex;
                justify-content: center;
                width: 40px;
                height: 40px;
                line-height: 40px;
                background: #E5F1FB;
                font-size: 18px;
                border-radius: 50%;
                margin-right: 16px;
                position: relative;
                z-index: 1;
            }

.languageGrades .w_level {
    display: flex;
    flex-wrap: wrap;
}

    .languageGrades .w_level .level {
        flex: 1;
        display: flex;
        align-items: center;
        margin-right: 40px;
    }

        .languageGrades .w_level .level:nth-last-of-type(1) {
            margin-right: 0;
        }

        .languageGrades .w_level .level .opt_tit {
            font-weight: 700;
            margin-right: 20px;
        }

        .languageGrades .w_level .level .inputBase {
            flex: 1;
            max-width: 388px;
        }

.docOnlineSubmit .agreeBox {
    margin-top: 30px;
}

    .docOnlineSubmit .agreeBox .contTit2 {
        margin-top: 20px;
        margin-bottom: 12px;
    }

    .docOnlineSubmit .agreeBox .txtList.dot.small > li {
        color: #666
    }

        .docOnlineSubmit .agreeBox .txtList.dot.small > li + li {
            margin-top: 3px;
        }

    .docOnlineSubmit .agreeBox .txtList.dot.small {
        margin-top: 5px;
    }

        .docOnlineSubmit .agreeBox .txtList.dot.small > li:before {
            background: #666;
            top: 9px
        }

    .docOnlineSubmit .agreeBox .txtList.hyphen > li {
        color: #666
    }

        .docOnlineSubmit .agreeBox .txtList.hyphen > li + li {
            margin-top: 1px;
        }

        .docOnlineSubmit .agreeBox .txtList.hyphen > li:before {
            background: #666
        }

    .docOnlineSubmit .agreeBox .txtList.bullet {
        padding-left: 10px;
        margin-top: 3px;
    }

        .docOnlineSubmit .agreeBox .txtList.bullet > li {
            font-size: 16px;
            color: #666;
            padding-left: 18px;
        }

            .docOnlineSubmit .agreeBox .txtList.bullet > li + li {
                margin-top: 2px;
            }

.docOnlineSubmit .txtAlert > .c_Gray {
    font-size: 16px;
    font-weight: 700;
    padding-top: 2px;
    margin-bottom: 3px;
}

    .docOnlineSubmit .txtAlert > .c_Gray.txtBody3 {
        font-weight: 500;
    }

.diagram_onlineService {
    padding: 40px 30px;
    background: #fff;
    border: 1px solid #D1D1D1;
    border-radius: 10px;
}

    .diagram_onlineService .mbWrap {
        display: none;
    }

    .diagram_onlineService .listWrap {
        position: relative;
        display: flex;
    }

        .diagram_onlineService .listWrap::before {
            content: '';
            position: absolute;
            bottom: 27px;
            right: 0;
            width: 86%;
            height: 2px;
            background: #666;
        }

        .diagram_onlineService .listWrap .box {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 10px;
            text-align: center;
        }

            .diagram_onlineService .listWrap .box .tit {
                color: inherit;
                background: inherit
            }

            .diagram_onlineService .listWrap .box + .box {
                margin-top: 30px;
            }

        .diagram_onlineService .listWrap .list1 {
            max-width: 175px;
            width: 16.6666%;
        }

            .diagram_onlineService .listWrap .list1 .box {
                min-height: 270px
            }

            .diagram_onlineService .listWrap .list1 .box1 {
                background-color: #666;
            }

                .diagram_onlineService .listWrap .list1 .box1 .tit {
                    color: #fff;
                }

            .diagram_onlineService .listWrap .list1 .box2 {
                position: relative;
                background-color: #DFE3EC;
            }

                .diagram_onlineService .listWrap .list1 .box2::before {
                    content: '';
                    position: absolute;
                    bottom: 20px;
                    right: -8px;
                    width: 9px;
                    height: 17px;
                    background: url(../img/common/onlineService_arr.svg);
                    transform: rotate(180deg);
                }

        .diagram_onlineService .listWrap .tit {
            width: 100%;
            letter-spacing: -0.5px;
        }

        .diagram_onlineService .listWrap .topTit {
            padding: 12px;
            color: #fff;
            text-align: center;
            border-radius: 10px;
        }

        .diagram_onlineService .listWrap .boxList {
            display: inline-block;
            vertical-align: top;
            width: calc(50% - 15px);
            margin-top: 20px;
        }

            .diagram_onlineService .listWrap .boxList + .boxList {
                margin-left: 30px;
            }

            .diagram_onlineService .listWrap .boxList > li {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 12px;
                text-align: center;
                border-radius: 10px;
            }

                .diagram_onlineService .listWrap .boxList > li + li {
                    margin-top: 30px;
                }

            .diagram_onlineService .listWrap .boxList li:first-child {
                min-height: 78px;
            }

            .diagram_onlineService .listWrap .boxList > li:first-child::before {
                content: '';
                position: absolute;
                top: calc(50% - 8px);
                left: -18px;
                width: 9px;
                height: 17px;
                background: url(../img/common/onlineService_arr.svg);
            }

            .diagram_onlineService .listWrap .boxList > li + li::before {
                content: '';
                position: absolute;
                top: -24px;
                left: calc(50% - 4px);
                width: 9px;
                height: 17px;
                background: url(../img/common/onlineService_arr.svg);
                transform: rotate(90deg);
            }

        .diagram_onlineService .listWrap .list2 {
            max-width: 380px;
            width: 33.3333%;
            margin-left: 30px;
            font-size: 0;
        }

            .diagram_onlineService .listWrap .list2 .topTit {
                background-color: #003883;
            }

            .diagram_onlineService .listWrap .list2 .boxList > li {
                background-color: #E5F1FB;
            }

            .diagram_onlineService .listWrap .list2 .boxList:nth-child(3) li:last-child {
                background-color: #0075D2;
            }

                .diagram_onlineService .listWrap .list2 .boxList:nth-child(3) li:last-child .tit {
                    color: #fff;
                }

        .diagram_onlineService .listWrap .list3 {
            max-width: 380px;
            width: 33.3333%;
            margin-left: 30px;
            font-size: 0;
        }

            .diagram_onlineService .listWrap .list3 .topTit {
                background-color: #00874A;
            }

            .diagram_onlineService .listWrap .list3 .boxList > li {
                background-color: #E4F1EC;
            }

                .diagram_onlineService .listWrap .list3 .boxList > li:nth-child(n+3)::before {
                    display: none;
                }

                .diagram_onlineService .listWrap .list3 .boxList > li:nth-child(4)::before {
                    display: block;
                    top: auto;
                    bottom: 25px;
                    left: auto;
                    right: -15px;
                    width: 2px;
                    height: 163px;
                    background: #666;
                    transform: none;
                }

                .diagram_onlineService .listWrap .list3 .boxList > li:nth-child(n+2)::after {
                    content: '';
                    position: absolute;
                    right: -15px;
                    top: calc(50% - 1px);
                    width: 15px;
                    height: 2px;
                    background: #666;
                    transform: none;
                }

                .diagram_onlineService .listWrap .list3 .boxList > li:nth-child(3)::after {
                    width: 30px;
                    right: -30px;
                }

        .diagram_onlineService .listWrap .list4 {
            display: flex;
            align-items: flex-start;
            max-width: 175px;
            width: 16.6666%;
            margin-left: 30px;
            padding-top: 163px;
        }

            .diagram_onlineService .listWrap .list4 .box {
                position: relative;
                width: 100%;
                min-height: 75px;
                background-color: #DFE3EC;
            }

                .diagram_onlineService .listWrap .list4 .box .tit {
                    border-radius: 10px;
                }

                .diagram_onlineService .listWrap .list4 .box::before {
                    content: '';
                    position: absolute;
                    top: calc(50% - 8px);
                    left: -19px;
                    width: 9px;
                    height: 17px;
                    background: url(../img/common/onlineService_arr.svg);
                }

        .diagram_onlineService .listWrap .list3 .boxList > li:nth-child(n+2)::after {
            display: none;
        }

    .diagram_onlineService .botBox {
        position: relative;
        width: 380px;
        margin-top: -51px;
        padding: 12px;
        border-radius: 10px;
        background-color: #666;
        text-align: center;
        float: right;
    }

        .diagram_onlineService .botBox::before {
            content: '';
            position: absolute;
            top: -13px;
            right: 80px;
            width: 9px;
            height: 17px;
            background: url(../img/common/onlineService_arr.svg);
            transform: rotate(90deg);
        }

        .diagram_onlineService .botBox::after {
            content: '';
            position: absolute;
            bottom: 53px;
            right: 84px;
            width: 2px;
            height: 273px;
            background: #666;
        }

        .diagram_onlineService .botBox .tit {
            color: #fff;
        }

.customizeInfo .customizeBox {
    display: flex;
    flex-wrap: wrap;
    padding-top: 15px;
}

    .customizeInfo .customizeBox .box {
        position: relative;
        width: calc(50% - 11.5px);
        height: 322px;
        border-radius: 40px;
        border: 1px solid #D1D1D1;
        background: #fff;
        padding: 45px 62px;
        text-align: left;
    }

        .customizeInfo .customizeBox .box .ico {
            position: absolute;
            font-size: 0;
            right: 50px;
            bottom: 52px;
        }

        .customizeInfo .customizeBox .box .headLine3 {
            color: #000;
            margin-bottom: 12px;
        }

        .customizeInfo .customizeBox .box:nth-child(odd) {
            margin-right: 23px;
        }

        .customizeInfo .customizeBox .box:nth-child(n+3) {
            margin-top: 24px;
        }

        .customizeInfo .customizeBox .box .btn {
            position: absolute;
            bottom: 60px;
            left: 50px
        }

.logoList {
    width: calc(100% + 30px);
    margin-left: -30px;
    margin-top: 15px;
    font-size: 0;
}

    .logoList > li {
        display: inline-block;
        vertical-align: top;
        width: calc(33.3333% - 30px);
        margin-left: 30px;
    }

        .logoList > li:nth-child(n+4) {
            margin-top: 40px;
        }

        .logoList > li .logo {
            display: flex;
            align-items: center;
            justify-content: center;
            min-height: 135px;
            padding: 0 10px;
            border-radius: 10px;
            background-color: #fff;
            border: 1px solid #D1D1D1;
        }

        .logoList > li .info {
            margin-top: 22px;
        }

            .logoList > li .info .tit {
                position: relative;
                display: inline-block;
                font-size: 24px;
            }

                .logoList > li .info .tit::before {
                    content: '';
                    position: absolute;
                    top: 8px;
                    right: -23px;
                    width: 18px;
                    height: 18px;
                    background: url(../img/common/ico_new_link_black.svg);
                }

            .logoList > li .info .txt {
                padding-top: 9px;
                font-size: 18px;
                word-break: keep-all;
            }

.api_info_list > li {
    display: flex;
    flex-wrap: wrap;
}

    .api_info_list > li + li {
        margin-top: 40px;
    }

    .api_info_list > li .cont {
        flex: 1;
        position: relative;
        padding-left: 56px;
    }

        .api_info_list > li .cont .num {
            width: 40px;
            height: 40px;
            background: var(--second);
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 600;
            color: #fff;
            border-radius: 50%;
            font-style: normal;
            position: absolute;
            left: 0;
            font-size: 18px
        }

    .api_info_list > li .img {
        width: 632px;
        margin-left: 30px;
        font-size: 0;
    }

    .api_info_list > li .tit {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }

.reportCenter .groupCont .headLine4 {
    margin-top: 25px;
    display: block;
    margin-bottom: 15px;
}

.reportCenter .agreeCont .contTit2 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.reportCenter .txtAlert.c_Black {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-position: left 0 top 14px;
}

    .reportCenter .txtAlert.c_Black .baseBtn {
        margin-left: 20px;
    }

.reportCenter .txtAlert.red {
    font-size: 16px;
    margin-top: 10px;
}

.w_report .typeRow.contTable colgroup col:nth-child(3):nth-child(1) {
    width: 180px !important
}

.w_report .typeRow.contTable colgroup col:nth-child(3):nth-child(2) {
    width: 200px !important
}

.w_report .typeRow.contTable colgroup col:nth-child(3):nth-child(3) {
    width: auto !important
}

.reportCenter .w_report ~ .headLine3 {
    margin-top: 52px;
}

/* 원서접수안내 */
.examBasicInfo .grayBoxList {
    margin-bottom: 20px;
}

    .examBasicInfo .grayBoxList .halfList {
        display: flex;
        flex-wrap: wrap;
    }

        .examBasicInfo .grayBoxList .halfList .txtList {
            width: 50%;
        }

.examBasicInfo .link_s_arrR.wM {
    display: inline-block;
}

.examBasicInfo .txtList.bullet .txtList.hyphen {
    margin-top: 5px;
}

.examBasicInfo.idCard .txtList.bullet > li {
    padding-left: 20px
}

.baseBtn.middle_box.arrR > .base {
    padding-right: 35px;
    background: #fff url(../img/common/link_arrR.svg) no-repeat right 20px top 16px;
}

.pop_disabledInfo .popLayout {
    width: 1100px
}

.pop_disabledInfo .grayBoxList {
    padding: 30px;
}

.pop_disabledInfo .contTit1 {
    margin-top: 35px !important;
}

    .pop_disabledInfo .contTit1.mT0 {
        margin-top: 0px !important;
    }

.qualifiChanges .contTable table tbody td {
    text-align: left;
}

.qualifiChanges .downCont {
    display: flex;
    align-items: flex-start;
}

    .qualifiChanges .downCont .cont {
        flex: 1;
        padding-right: 30px;
        ;
    }

        .qualifiChanges .downCont .cont .txtBody1 {
            padding-top: 2px;
            word-break: keep-all;
        }

.acquisitionInquery .grayBoxList {
    padding: 25px 30px;
    margin-bottom: 40px;
}

.acquisitionInquery .defaultSearchOptBox {
    margin-top: 20px;
    margin-bottom: 52px;
}

.examResultView .numberPagination ~ .txtList {
    margin: 40px 0 24px;
}

.examResultView tr.bgBlue td {
    background: #E5F1FB
}

.middle_box .txt_arrR > span {
    background-position: right 0 top 7px;
}


/* 정오표 */
.jeongoPage {
    background-color: #F1F3F7;
}

.jeongoWrap {
    max-width: 1320px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    padding-bottom: 50px;
}
    /* .jeongoWrap.subPage{padding-top:100px;} */
    .jeongoWrap .loginForm {
        padding-top: 200px;
        font-size: 0;
        padding-bottom: 50px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

        .jeongoWrap .loginForm div {
            width: 50%;
            display: inline-block;
            vertical-align: top;
            font-size: 0;
        }

        .jeongoWrap .loginForm .leftArea {
            padding-top: 0;
            padding-right: 20px;
        }

            .jeongoWrap .loginForm .leftArea .ciImg {
                max-width: 478px;
                width: 100%;
                margin-bottom: 10px;
            }

            .jeongoWrap .loginForm .leftArea .headLine3 {
                margin-bottom: 14px;
                margin-top: 24px;
            }

        .jeongoWrap .loginForm .rightArea {
            font-size: 0;
            padding-top: 47px;
        }

            .jeongoWrap .loginForm .rightArea .inputFrom {
                font-size: 0;
                display: block;
                width: 100%;
            }

                .jeongoWrap .loginForm .rightArea .inputFrom:nth-of-type(n+2) {
                    margin-top: 16px;
                }

                .jeongoWrap .loginForm .rightArea .inputFrom .tit {
                    display: inline-block;
                    width: 103px;
                    vertical-align: middle;
                    font-weight: bold;
                    letter-spacing: -0.5px;
                }

                .jeongoWrap .loginForm .rightArea .inputFrom .selectBase,
                .jeongoWrap .loginForm .rightArea .inputFrom .inputBase {
                    width: calc(100% - 103px);
                    display: inline-block;
                    vertical-align: middle;
                    background-color: #fff;
                }

                .jeongoWrap .loginForm .rightArea .inputFrom .optSchArea {
                    width: calc(100% - 103px);
                    display: inline-block;
                    vertical-align: middle;
                }

                .jeongoWrap .loginForm .rightArea .inputFrom .IDcardNumber {
                    width: calc(100% - 103px);
                    display: inline-block;
                    vertical-align: middle;
                    display: inline-flex;
                    font-size: 16px;
                }

                    .jeongoWrap .loginForm .rightArea .inputFrom .IDcardNumber .inputBase {
                        width: 100%;
                    }

                .jeongoWrap .loginForm .rightArea .inputFrom .optSchArea .inpArea {
                    width: 100%;
                    display: flex;
                    align-items: center;
                }

            .jeongoWrap .loginForm .rightArea .baseBtn {
                width: 100%;
                margin-top: 40px;
            }

.jeongoHeader {
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #F1F3F7;
    z-index: 10;
    border-bottom: 1px solid #D1D1D1;
}

    .jeongoHeader .headerInner {
        position: relative;
        max-width: 1620px;
        width: 100%;
        margin: 0 auto;
        height: 100%;
        padding-left: 170px;
        padding-right: 170px;
    }

    .jeongoHeader .jeongoLogo {
        display: block;
        position: absolute;
        left: 30px;
        top: 15px;
        z-index: 1;
    }

    .jeongoHeader .loginInfo {
        padding-top: 31px;
    }

        .jeongoHeader .loginInfo .c_Point {
            font-weight: bold;
        }

    .jeongoHeader .backBtn {
        position: absolute;
        top: 35px;
        right: 30px;
        width: auto;
        display: inline-block;
        padding: 5px 20px;
        border: 1px solid #8E8E8E;
        border-radius: 27px;
        z-index: 1;
    }

        .jeongoHeader .backBtn > .base {
            display: block;
            font-size: 15px;
            font-weight: 600;
            color: #666;
            line-height: 28px;
        }

.contViewPage {
    padding-top: 70px;
}

    .contViewPage .headLine2 {
        margin-bottom: 20px;
    }

        .contViewPage .headLine2.red {
            color: #B10000
        }

    .contViewPage .headLine3 {
        margin-bottom: 12px;
    }

    .contViewPage .contTable {
        margin-top: 24px;
    }

    .contViewPage .contItem:nth-of-type(n+2) {
        margin-top: 55px;
    }

    .contViewPage.DtlView p.txtBody1 {
        margin-top: 20px;
    }

    .contViewPage .download {
        display: flex;
        align-items: center;
    }

        .contViewPage .download .txtBody3 {
            width: auto;
            margin-right: 16px;
            max-width: calc(100% - 120px);
        }

    .contViewPage .contTable.mbRow.typeRow .inputBase {
        max-width: 100%;
    }

.noticeInfoBox {
    position: relative;
    width: 100%;
    padding: 30px 30px 30px 104px;
    border-radius: 10px;
    background-color: #DFE3EC;
    margin-bottom: 40px;
}

    .noticeInfoBox .iconSVG {
        position: absolute;
        left: 32px;
        top: 32px;
    }

    .noticeInfoBox dl {
        display: block;
        font-size: 0;
    }

    .noticeInfoBox dt {
        display: inline-block;
        width: 80px;
        vertical-align: top;
        color: #666;
        font-weight: bold;
    }

    .noticeInfoBox dd {
        display: inline-block;
        width: calc(100% - 80px);
        vertical-align: top;
        font-weight: 600;
        word-break: keep-all;
    }

        .noticeInfoBox dt:nth-of-type(n+2),
        .noticeInfoBox dd:nth-of-type(n+2) {
            margin-top: 2px;
        }


/* 온라인 도움말 240704 */
.btnOnlinehelp .btn_onlinehelp.btn_test01 > .base > span {
    background-image: url(../img/common/per/hidden/ico_help_test01.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn_test01.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_help_test01_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn_test02 > .base > span {
    background-image: url(../img/common/per/hidden/ico_help_test02.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn_test02.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_help_test02_on.svg);
}

.onlinehelp .experienceTop {
    padding-bottom: 27px;
}

.btnOnlinehelp {
    text-align: left;
    padding: 0 32px 0 40px;
    width: calc(100% + 6px);
    margin-left: -3px;
}

    .btnOnlinehelp .btn_onlinehelp {
        margin: 5px 3px;
    }

.experienceTop .btnOnlinehelp .btn_onlinehelp > .base {
    padding: 0 24px;
    background-color: #fff;
    min-width: auto;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.btnOnlinehelp .btn_onlinehelp > .base > span {
    padding-left: 28px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 22px auto;
}

.btnOnlinehelp .btn_onlinehelp.on > .base {
    background-color: var(--second);
    color: #fff;
}

.btnOnlinehelp .btn_onlinehelp.btn03 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp01.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn03.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp01_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn04 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp02.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn04.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp02_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn04_2 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp05_id.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn04_2.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp05_id_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn05 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp03.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn05.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp03_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn06 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp04.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn06.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp04_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn07 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp05.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn07.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp05_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn08 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp06.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn08.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp06_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn09 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp07.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn09.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp07_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn10 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp08.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn10.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp08_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn11 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp09.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn11.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp09_on.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn12 > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp10.svg);
}

.btnOnlinehelp .btn_onlinehelp.btn12.on > .base > span {
    background-image: url(../img/common/per/hidden/ico_onlineHelp10_on.svg);
}

.onlinehelp .division,
.onlinehelp .division .division_bx {
    display: flex;
    flex-wrap: wrap;
}

    .onlinehelp .division .txt {
        width: 356px;
    }

    .onlinehelp .division .img {
        width: calc(100% - 356px);
        padding-right: 39px;
    }

    .onlinehelp .division .txtList.hyphen {
        margin-top: 5px;
    }

        .onlinehelp .division .txtList.hyphen > li {
            padding-left: 11px;
            padding-top: 0;
            margin-bottom: 0px;
        }

            .onlinehelp .division .txtList.hyphen > li .pL10 {
                font-size: 16px;
            }

            .onlinehelp .division .txtList.hyphen > li:not(:last-child) {
                margin-bottom: 0;
            }

.onlinehelp .cont .txtBody3 {
    font-weight: 500;
}

.onlinehelp .cont .headLine2,
.onlinehelp .cont .headLine3 {
    line-height: 46px;
}

.onlinehelp .cont .headLine2 {
    margin-bottom: 40px;
}

.onlinehelp .cont .headLine3 {
    margin: -4px 0 21px;
    color: #000;
    font-weight: 600;
}

    .onlinehelp .cont .headLine3 .onlinehelp_tit {
        padding-left: 22px;
        line-height: 46px;
    }

        .onlinehelp .cont .headLine3 .onlinehelp_tit:before {
            content: "-\00a0";
            font-size: inherit;
            font-weight: inherit;
            line-height: inherit;
            color: inherit;
            background: none;
            width: auto;
            height: auto;
            top: 0;
        }

.onlinehelp .cont .txt ul li {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding: 5px 0 0 33px;
}

    .onlinehelp .cont .txt ul li .num {
        position: absolute;
        left: 0;
        top: 2px;
        width: 21px;
        height: 28px;
        background: #333;
        border-radius: 11px;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
        font-weight: 500;
        font-family: 'Roboto', sans-serif;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        align-content: center;
    }

    .onlinehelp .cont .txt ul li:not(:last-child) {
        margin-bottom: 11px;
    }

.onlinehelp .cont .division .img .halfImg,
.onlinehelp .cont .division .img .halfImg2,
.onlinehelp .cont .division .img .thirdImg,
.onlinehelp .cont .division .img .fourthImg {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .onlinehelp .cont .division .img .halfImg > * {
        width: calc(50% - 10px);
    }
    /* .onlinehelp .cont .division .img .halfImg2 >img:nth-child(1){width:calc(70% - 10px);} */
    /* .onlinehelp .cont .division .img .halfImg2 >img:nth-child(2){width:calc(30% - 10px);} */
    .onlinehelp .cont .division .img .thirdImg > * {
        width: calc(33.33% - 14px);
    }

    .onlinehelp .cont .division .img .fourthImg > * {
        width: calc(25% - 14px);
    }

.onlinehelp .cont .division .img img {
    display: block;
    border-radius: 16px;
    overflow: hidden;
}

.onlinehelp .cont .division ~ .division {
    padding-top: 83px;
}

.onlinehelp .cont .division > .division_bx ~ .division_bx {
    padding-top: 73px;
}

.onlinehelp .cont .division .img > div ~ div,
.onlinehelp .contWrap .contTab ul li {
    margin-top: 20px;
}

.onlinehelp .cont .division:not(:first-of-type) .headLine3 {
    margin-bottom: 24px;
}

.onlinehelp .contWrap .contTab ul li:first-child {
    margin-top: 0;
}

.onlinehelp .contWrap .contTab ul li a {
    display: inline-block;
    word-break: keep-all;
}

    .onlinehelp .contWrap .contTab ul li a.on {
        line-height: 30px;
        font-weight: 600;
    }

        .onlinehelp .contWrap .contTab ul li a.on br {
            display: none;
        }

.onlinehelp .contWrap .contTab ul li:first-child a.on br {
    display: block;
}

.onlinehelp .contWrap .contTab.onlinehelp04 ul li a br {
    display: none;
}

.onlinehelp_9 .cont > .txtList.dot {
    margin: -13px 0 37px;
}

    .onlinehelp_9 .cont > .txtList.dot > li {
        padding-left: 12px;
    }

        .onlinehelp_9 .cont > .txtList.dot > li::before {
            width: 4px;
            height: 4px;
            top: 12px;
        }

        .onlinehelp_9 .cont > .txtList.dot > li + li {
            margin-top: 10px;
        }

/* CBT 체험하기 240708 */
.contentCbt .experienceTop {
    padding: 43px 0;
}

    .contentCbt .experienceTop .btnCBT {
        padding: 0 40px;
        width: calc(100% + 6px);
        margin-left: -3px;
    }

    .contentCbt .experienceTop .btn_cbt {
        margin: 5px 3px;
    }

    .contentCbt .experienceTop .baseBtn.btn_cbt > .base {
        padding: 0 24px 0 20px;
        background-color: #fff;
        min-width: auto;
        color: #000;
        font-size: 16px;
        font-weight: 600;
        background-image: none;
    }

    .contentCbt .experienceTop .btn_cbt > .base span {
        padding-left: 28px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 22px auto;
    }

    .contentCbt .experienceTop .btn_cbt.on > .base {
        background-color: var(--second);
        color: #fff;
    }

    .contentCbt .experienceTop .btn_cbt.btn01 > .base > span {
        background-image: url(../img/common/per/hidden/ico_cbt01.svg);
    }

    .contentCbt .experienceTop .btn_cbt.btn01.on > .base > span {
        background-image: url(../img/common/per/hidden/ico_cbt01_on.svg);
    }

    .contentCbt .experienceTop .btn_cbt.btn02 > .base > span {
        background-image: url(../img/common/per/hidden/ico_cbt02.svg);
    }

    .contentCbt .experienceTop .btn_cbt.btn02.on > .base > span {
        background-image: url(../img/common/per/hidden/ico_cbt02_on.svg);
    }

.personalInformationArea .infoStep li {
    width: calc(33.333% - 20px);
    min-height: 330px;
}

/* 240911 추가 */
.groupCont .topNotice.homeGuide {
    background-image: url(../img/common/ico_notNoti_homeGuide.svg)
}

    .groupCont .topNotice.homeGuide a {
        display: block;
        position: absolute;
        right: 33px;
        top: 50%;
        margin-top: -25px;
        width: 140px;
        height: 50px;
        line-height: 50px;
        background: #fff;
        text-align: center;
        border-radius: 25px;
        font-size: 18px;
    }

/* 240923 - 국가자격종목별 상세정보 게시글 스타일 추가 */
.whiteBox {
    display: flex
}

    .whiteBox .left {
        display: flex;
        width: 33.33%;
    }

        .whiteBox .left .img {
            width: 92px;
            flex-shrink: 0;
        }

    .whiteBox .right {
        width: 66.66%;
    }

        .whiteBox .right ul {
            display: flex;
        }

            .whiteBox .right ul li {
                width: 25%;
                text-align: center;
                background: #DFE3EC;
                height: 56px;
                line-height: 56px;
                border-left: 1px solid #fff;
                box-sizing: border-box;
            }

                .whiteBox .right ul li:first-child {
                    border-radius: 10px 0 0 10px;
                    border-left: 0;
                }

                .whiteBox .right ul li:last-child {
                    border-radius: 0 10px 10px 0;
                }

                .whiteBox .right ul li.on {
                    background: #0075D2;
                    color: #fff;
                }

/* 240924 장소 선택 */
/* .placeSelect .division .contTable{display: none;} */
/* .placeSelect .division:first-child .contTable{display: block;} */
/* .placeSelect .division .headLine2{text-align: left;} */
/* 240925 수정 */
/* .placeSelect .division>button{background: url(../img/common/ico_arrow_down.svg) no-repeat right center;width: 100%;} */
/* .placeSelect .division>button.on{background-image: url(../img/common/ico_arrow_up.svg);} */

/* 241007 추가 */
.diagram_onlineService.diagram_type02 .listWrap .list2 .boxList > li:nth-child(2):before {
    display: none;
}

.diagram_onlineService.diagram_type02 .listWrap .list4 {
    padding-top: 188px;
}

.diagram_onlineService.diagram_type02 .botBox::after {
    height: 248px;
}

/* 241014 - 로그인 키보드 보안 체크*/
.loginPage .loginBox .form .contTit {
    margin-bottom: 0;
}

.loginPage .loginBox .keyboard {
    margin-bottom: 7px;
}

/* 241016 정부 가이드 보완 소스 */
.examCal .calendar table td.prevNum, .examCal .calendar table td.nextNum {
    color: #D1D1D1;
}


@media only screen and (max-width:1660px) {
    .siteListBox br {
        display: none;
    }

    /* 지역별 자격취득 현황 */
    .statusByRegion .regionSchWrap .periodArea {
        width: calc(100% - 580px);
    }

    .statusByRegion .regionSchWrap .defaultSearchOptBox .optList .inputBox {
        margin-right: 20px;
    }

    /* 응시자격서류온라인제출 */
    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2 {
        right: -4%
    }

    .logoList br {
        display: none;
    }

    .onlinehelp .cont .division .img .halfImg2 > img:nth-child(1) {
        width: calc(70% - 10px);
    }

    .onlinehelp .cont .division .img .halfImg2 > img:nth-child(2) {
        width: calc(30% - 10px);
    }
}

@media only screen and (max-width:1620px) {
    /* 공통 */
    .pcOnly {
        display: none;
    }

    /* 홍보영상 */
    .board_area .videoArea .video {
        width: 65%
    }

    /* 원서접수 */
    .stepArea > li .stepTit {
        padding-right: 10px;
    }

    .stepArea > li:nth-child(n+2) {
        padding-left: 10px;
    }

    .stepArea > li .stepTit {
        font-size: 16px;
    }

    /* 마이페이지 - 원서접수내역 */
    .bnrTypeGreenChild {
        padding-left: 625px;
    }

        .bnrTypeGreenChild .txtBody1 br {
            display: none;
        }

    /* 가답안/확정답안 */
    .answerInformation .groupCont .topNotice {
        padding-right: 30px;
    }

        .answerInformation .groupCont .topNotice .btn {
            position: relative;
            top: 0;
            left: 0;
            margin-top: 10px;
        }

        .answerInformation .groupCont .topNotice .txtBody1 br {
            display: none;
        }

    /* 민간자격 */
    .listLinkBox > li .txtList.dot.half > li {
        width: 100%;
    }

        .listLinkBox > li .txtList.dot.half > li + li {
            margin-top: 7px;
        }

    .selectItemList > ul > li {
        width: 33%;
        padding-right: 30px;
    }

        .selectItemList > ul > li:nth-child(n+5) {
            margin-top: 0
        }

        .selectItemList > ul > li:nth-child(n+4) {
            margin-top: 10px
        }

    .examInformation .typeSm > table thead th {
        font-size: 15px;
    }

    .examInformation .typeSm > table tbody td {
        font-size: 15px;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* 국가별 운영현황 */
    .diagram_japan .chart1 .boxList {
        min-height: 300px;
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(1) .box_tit {
        height: 75px
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(2) .box_tit {
        height: 75px
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(3) .box_tit {
        height: 75px
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(1) .box {
        height: 150px;
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(2) .box {
        height: 150px;
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(3) .box {
        height: 150px;
    }

    .diagram_france .inner .left_area {
        margin-right: 30px;
    }

    .diagram_france .inner .area {
        width: calc(50% - 15px)
    }

    .diagram_france .inner .btm_list > ul.list4 li.side .box {
        font-size: 16px;
        padding: 0 10px;
        word-break: keep-all;
        line-height: 20px;
    }

    .diagram_france .inner .box_tit {
        font-size: 16px;
    }
}


@media only screen and (max-width:1560px) {
    .diagram_onlineService .inner {
        transform: scale(0.85);
        width: calc(100% + 100px);
        margin-left: -50px;
    }

    .diagram_onlineService .listWrap .tit {
        font-size: 16px;
        line-height: 27px;
        letter-spacing: -1.5px;
    }

    .api_info_list > li .img {
        width: 450px;
    }
}

@media only screen and (max-width:1400px) {
    /* 공통 */
    .optSchArea.typeDivision .inpArea .opt_tit {
        margin-right: 10px;
    }

    .optSchArea.typeDivision .inpArea .inputBase {
        margin-right: 20px;
    }

    /* 사이트맵 */
    #sitemap_gnb > li > .menuM > li {
        width: 33.333%
    }

    .excepTable .certificateName {
        width: 220px
    }




    /* 일정안내 */
    .examCal .month_top {
        position: relative;
        padding-top: 100px;
    }

    .examCal .selDateGrp {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }

    .examCal .calendar table {
        width: 350px;
    }

    /* 로그인 */
    .loginPage .loginBox {
        height: auto;
        min-height: inherit;
    }

        .loginPage .loginBox .typeInform {
            padding-top: 25px;
        }

            .loginPage .loginBox .typeInform .txtBody1 {
                word-break: keep-all;
            }

                .loginPage .loginBox .typeInform .txtBody1 br {
                    display: none;
                }

            .loginPage .loginBox .typeInform .contTit {
                word-break: keep-all;
            }

        .loginPage .loginBox .btnArea.add .baseBtn > .base {
            min-width: inherit;
            padding: 0 8px;
        }

        .loginPage .loginBox .typeInform .btnArea.add {
            margin-top: 30px;
        }

    .loginPage.typeGroup .loginBox .typeInform .txtBody1 br {
        display: block;
    }

    .loginPage.typeGroup .loginBox .typeInform .btnArea.add {
        margin-top: 60px
    }

    /* 아이디찾기/비밀번호 재설정 */
    .findInfo .findBox .form > .txtBody1 {
        word-break: keep-all;
    }

        .findInfo .findBox .form > .txtBody1 br {
            display: none;
        }

    .findInfo .findBox .form {
        padding: 0 30px;
    }

    .findInfo .findBox .findList > li > a {
        font-size: 16px;
    }

    .settingPW .findList > li {
        margin-right: 10px;
    }

        .settingPW .findList > li > a {
            font-size: 16px;
        }

    .settingPW .contSideBtn {
        display: block;
    }

        .settingPW .contSideBtn .txtBody1 {
            margin-bottom: 15px;
        }

    /* 자격 찾기 */
    .schQualForm .hidden .txtAlert > span {
        display: block;
        max-width: 115px;
        word-break: keep-all;
    }

    .schQualForm .qualList .list > li > a {
        padding-left: 12px;
        font-size: 15px;
        padding-right: 26px;
    }

    .schQualForm .qualList .list > li.on > a {
        background-position: top 14px right 12px;
    }

    .schQualForm .qulList_lv2 .list > li {
        width: 100%;
    }

    .schQualForm .qulList_lv2 {
        width: 28.35%;
    }

    .schQualForm .qualList .item .tit {
        padding: 0 12px;
    }

    .fullSearchOptBox {
        padding: 0 20px;
    }

        .fullSearchOptBox .optList > li .opt .area.typeDevide {
            padding-right: 130px;
        }

            .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s {
                margin-right: 20px;
            }

    .areaPrice .inputBase {
        width: 120px;
    }

    .defaultSearchOptBox .optList {
        flex-wrap: wrap;
    }

        .defaultSearchOptBox .optList > li {
            width: calc(50% - 10px);
            flex: inherit;
            margin-right: 0;
        }

            .defaultSearchOptBox .optList > li:nth-child(odd) {
                margin-right: 20px;
            }

            .defaultSearchOptBox .optList > li:nth-child(n+3) {
                margin-top: 10px;
            }

            .defaultSearchOptBox .optList > li.full {
                width: 100%;
                margin-right: 0;
            }

    .defaultSearchOptBox.typeBtn .optList {
        padding-right: 100px;
    }

    .defaultSearchOptBox.typeBtn .btn {
        height: calc(100% - 55px);
    }

    .defaultSearchOptBox.typeBtn .btnSch {
        height: 100%
    }

    /* 가답안/확정답안 */
    .answerInformation .defaultSearchOptBox .optList > li {
        width: 100%;
        margin-right: 0;
    }

    /* 합격자발표조회 */
    .w_viewPass .btnWrap {
        width: 320px;
    }

        .w_viewPass .btnWrap .baseBtn > .base {
            min-width: inherit;
        }

    /* 지역별 자격취득 현황 */
    .statusByRegion .defaultSearchOptBox .optList {
        display: block;
    }

        .statusByRegion .defaultSearchOptBox .optList > li {
            width: 100%;
        }

            .statusByRegion .defaultSearchOptBox .optList > li:nth-of-type(n+2) {
                margin-top: 15px;
            }

    .statusByRegion .mapStatus .mapWrap {
        padding: 30px 20px;
        width: 450px;
    }

    .statusByRegion .mapStatus .mapWrap {
        display: flex;
        width: 450px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    /* 241015 수정 */
    .statusByRegion .mapStatus .mapBg .kangwon {
        width: 225px;
    }

    .statusByRegion .mapStatus .mapBg .seoul {
        width: 62px;
    }

    .statusByRegion .mapStatus .mapBg .incheon {
        width: 64px;
        left: 13.5%;
        top: 12.7%;
    }

    .statusByRegion .mapStatus .mapBg .kyungki {
        width: 144px;
    }

    .statusByRegion .mapStatus .mapBg .chungbuk {
        width: 149px;
        left: 34.9%;
    }

    .statusByRegion .mapStatus .mapBg .kyungbuk {
        width: 224px;
    }

    .statusByRegion .mapStatus .mapBg .daegu {
        width: 59px;
    }

    .statusByRegion .mapStatus .mapBg .ulsan {
        width: 49px;
    }

    .statusByRegion .mapStatus .mapBg .busan {
        width: 67px;
    }

    .statusByRegion .mapStatus .mapBg .daejun {
        width: 49px
    }

    .statusByRegion .mapStatus .mapBg .chungnam {
        width: 151px;
    }

    .statusByRegion .mapStatus .mapBg .kyungnam {
        width: 176px;
    }

    .statusByRegion .mapStatus .mapBg .jeonnam {
        width: 199px;
        left: -1.9%
    }

    .statusByRegion .mapStatus .mapBg .gwangju {
        width: 57px;
    }

    .statusByRegion .mapStatus .mapBg .jeonbuk {
        width: 163px;
    }

    .statusByRegion .mapStatus .mapBg .jeju {
        width: 97px;
    }

    /* 국가별 운영현황 */
    .diagram_japan .chart1 .boxList {
        min-height: 300px;
    }

    .diagram_japan .dia_left {
        width: calc(60% - 16px);
    }

    .diagram_japan .dia_right1 {
        flex: none;
        width: calc(20% - 8px)
    }

    .diagram_japan .dia_right2 {
        flex: none;
        width: calc(20% - 8px)
    }

    .diagram_japan h3.box {
        width: 170px;
    }


    .diagram_uk2 .inner > .list1 > li:nth-child(1) .box {
        height: 180px;
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(2) .box {
        height: 180px;
    }

    .diagram_uk2 .inner > .list1 > li:nth-child(3) .box {
        height: 180px;
    }

    .diagram_uk2 .box_tit {
        line-height: 20px;
    }

    /* 응시자격온라인서류제출 */
    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2 {
        right: -7%
    }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.abTxt {
        left: 64%
    }

    .diagram_australia .listWrap .list .tit {
        font-size: 17px;
        letter-spacing: -0.5px;
    }

    .customizeInfo .customizeBox .box {
        padding: 45px 30px;
    }

        .customizeInfo .customizeBox .box .ico {
            right: 30px;
        }

        .customizeInfo .customizeBox .box .btn {
            left: 30px;
        }

    /* 온라인도움말 */
    .onlinehelp .division, .onlinehelp .division .division_bx {
        display: block;
    }

        .onlinehelp .division .txt {
            width: 100%;
            padding-right: 40px;
        }

        .onlinehelp .division .img {
            width: 100%;
            margin-top: 30px;
        }

    .onlinehelp .cont .txt ul li .txtBody3 {
        word-break: keep-all;
    }

        .onlinehelp .cont .txt ul li .txtBody3 br {
            display: none;
        }
}

@media only screen and (max-width:1300px) {
    /* 홍보영상 */
    .videoList > li {
        width: calc(33.333% - 32px)
    }

        .videoList > li:nth-child(n+4) {
            margin-top: 32px;
        }


    /* 통합검색 */
    .totalSch .resultInfo br {
        display: block;
    }

    .totalSch .totalSchArea:before {
        right: 280px;
    }

    .totalSch .totalSch_cont {
        padding-right: 30px;
    }

    .totalSch .totalSch_etc {
        width: 280px;
        padding-left: 30px;
    }

    /* 원서접수 */
    .placeTit .headLine3 {
        font-size: 28px;
    }

        .placeTit .headLine3:before {
            top: 10px;
        }

    .payment .contTable .baseBtn.middle.mL20 {
        margin-left: 0 !important;
        display: block;
        margin-top: 5px;
    }

    .certificateFinish .txtBody1.c_Point + .contTable colgroup col:nth-child(1) {
        width: 150px !important
    }

    .certificateFinish .txtBody1.c_Point + .contTable colgroup col:nth-child(3) {
        width: 150px !important
    }

    /* 마이페이지 - 원서접수내역 */
    .bnrTypeGreenChild {
        position: relative;
        padding: 30px;
    }

        .bnrTypeGreenChild:before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: rgba(0,0,0,0.5);
        }

        .bnrTypeGreenChild .inner {
            position: relative;
            z-index: 1;
        }

    .pop_identifiSlip .grayBoxList {
        padding: 20px;
    }

        .pop_identifiSlip .grayBoxList .halfList {
            display: block;
        }

            .pop_identifiSlip .grayBoxList .halfList .txtList + .txtList {
                margin-top: 10px;
            }

    .bnrTypeGreenChild .btmTxt {
        margin-top: 20px;
        padding-top: 20px;
    }

    .bnrTypeBank {
        padding: 0 20px;
    }

    /* 회원가입 */
    .join_select .stepArea {
        margin-bottom: 40px;
    }

    .join_select .selectArea > .selectCont {
        background-size: 100px auto;
        padding: 40px;
        background-position: right 40px bottom 50px;
    }

    .emergencyItems .txtList.half > li {
        width: 100%;
    }

        .emergencyItems .txtList.half > li + li {
            margin-top: 5px;
        }

    .selectItemList > ul > li {
        width: 50%;
        padding-right: 30px;
    }

        .selectItemList > ul > li:nth-child(n+4) {
            margin-top: 0
        }

        .selectItemList > ul > li:nth-child(n+3) {
            margin-top: 10px
        }

    /* 국가별 운영현황 */
    .diagram_japan {
        padding-left: 20px;
        padding-right: 20px;
    }

        .diagram_japan .chart1 .boxList {
            min-height: 400px;
        }

        .diagram_japan .dia_left h3.box {
            width: calc(33.333% - 16px)
        }

        .diagram_japan .chart1 .boxList {
            padding: 15px;
        }

        .diagram_japan h3.box {
            width: 100%;
        }

    .lineSelectForm ul > li .opt_cont .inputBox {
        margin: 5px 0;
        margin-right: 20px;
    }

    .numLineBox {
        padding: 20px;
    }

        .numLineBox .halfType > div > ul > li {
            padding-top: 0;
            justify-content: flex-start;
        }

            .numLineBox .halfType > div > ul > li .txt {
                flex: 1;
            }

        .numLineBox .halfType {
            display: block;
        }

            .numLineBox .halfType .right {
                padding-left: 0;
                margin-top: 25px;
            }

            .numLineBox .halfType > div > ul > li br {
                display: none;
            }

            .numLineBox .halfType > div > ul > li + li {
                margin-top: 30px;
            }

            .numLineBox .halfType > div > ul > li:not(:last-child):before {
                height: 60px;
            }

    .acquisitionInquery .defaultSearchOptBox .optList > li {
        flex: 1;
    }

        .acquisitionInquery .defaultSearchOptBox .optList > li ~ li {
            width: 35%;
            flex: none
        }
}


@media only screen and (max-width:1280px) {
    /* Chart */
    .chart_warp {
        padding: 30px 20px 30px 40px;
    }

    .chart_area {
        padding-bottom: 41.764705%;
    }


    /* 원서접수 */
    .stepArea {
        flex-wrap: wrap;
        align-items: flex-start;
    }

        .stepArea > li {
            width: 50%;
        }

            .stepArea > li:nth-child(n+5) {
                margin-top: 5px;
            }

            .stepArea > li.line {
                display: none;
            }

            .stepArea > li:nth-child(n+2) {
                padding-left: 0;
            }


    /* 일정안내 */
    .examCal .calendar table {
        width: 320px;
    }

    .examCal .cal_group .calList_con .calCont > div {
        padding-left: 0;
    }

        .examCal .cal_group .calList_con .calCont > div > span {
            position: relative;
            margin-bottom: 5px;
        }

    .examCal .calendar table td {
        height: 56px;
        font-size: 18px;
    }

        .examCal .calendar table td > span,
        .examCal .calendar table td > a.sched {
            height: 56px;
            line-height: 56px;
        }

            .examCal .calendar table td > a.sched .hasSch {
                bottom: 2px;
            }

            .examCal .calendar table td > a.sched.on:before {
                width: 32px;
                height: 32px;
                margin-top: -1px;
            }

    .examCal.cal_list .cal_group .calList_con {
        margin-top: 10px;
    }

    /* 로그인 */
    .loginPage .loginBox .typeInform {
        padding-top: 0;
    }

    .loginPage .loginBox .form {
        padding: 0 25px;
    }

    .loginPage .loginBox .typeInform .txtBody1 {
        margin-top: 15px;
    }

    .loginPage .loginBox .typeInform .btnArea {
        margin-top: 65px;
    }

    .loginPage.typeGroup .loginBox .typeInform .btnArea.add {
        margin-top: 95px
    }

    /* 아이디찾기/비밀번호 재설정 */
    .findInfo .findBox .findList > li {
        width: calc(50% - 16px);
        height: 115px;
    }

        .findInfo .findBox .findList > li:nth-child(n+3) {
            margin-top: 15px;
        }

    .findInfo .findBox .form .formInput .guide {
        display: block;
    }

        .findInfo .findBox .form .formInput .guide .tit {
            margin-bottom: 8px;
        }

    .settingPW .finishBox .headLine3 br {
        display: block
    }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.abTxt {
        left: 63%
    }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2 {
        right: -9%
    }

    .onlineSubmitDoc .onlineFlowBox {
        padding: 30px;
    }

        .onlineSubmitDoc .onlineFlowBox .txtBody1 {
            font-size: 16px;
        }

    .onlineSubmitDoc .contArea_side {
        display: block;
    }

        .onlineSubmitDoc .contArea_side .btn {
            margin-top: 10px;
        }

    .customizeInfo .customizeBox .box {
        width: 100%;
        heighT: auto;
    }

        .customizeInfo .customizeBox .box:nth-child(odd) {
            margin-right: 0;
        }

        .customizeInfo .customizeBox .box:nth-child(n+2) {
            margin-top: 23px;
        }

        .customizeInfo .customizeBox .box .btn {
            position: relative;
            margin-top: 30px;
            left: auto;
            bottom: auto;
        }

    .api_info_list > li .img {
        width: 350px;
    }

    /* 241007 수정 */
    .diagram_onlineService.diagram_type02 .listWrap .list4 {
        padding-top: 216px;
    }

    .diagram_onlineService.diagram_type02 .botBox::after {
        height: 220px;
    }
}

@media only screen and (max-width:1200px) {
    /* 로그인 */
    .loginPage .loginBox .typeInform .btnArea {
        margin-top: 78px;
    }

    .loginPage .loginBox .typeInform .contTit {
        font-size: 26px;
        line-height: 37px;
        ;
    }

    .settingPW .findList {
        flex-wrap: wrap;
    }

        .settingPW .findList > li {
            width: calc(25% - 7.777px);
            flex: inherit;
            height: 100px;
        }

            .settingPW .findList > li:nth-of-type(n+5) {
                margin-top: 8px;
            }

        .settingPW .findList > li {
            margin-right: 7.777px;
        }

    .settingPW .contSideBtn .txtBody1 {
        word-break: keep-all;
    }

        .settingPW .contSideBtn .txtBody1 br {
            display: none;
        }

    /* 확인서 발급신청 */
    .certificate_selectType .halfTable > .contTable {
        width: 100%;
    }

        .certificate_selectType .halfTable > .contTable + .contTable {
            margin-top: 0;
            border-left: 0;
        }

        .certificate_selectType .halfTable > .contTable + .contTable {
            border-top: 0;
        }

            .certificate_selectType .halfTable > .contTable + .contTable thead {
                display: none;
            }

    /* 마이페이지 - 원서접수내역 */
    .appliCancel .optSchArea .inpArea {
        display: block;
    }

        .appliCancel .optSchArea .inpArea .btn_sch {
            width: 100%;
            margin-top: 5px;
        }

    .personalInformationArea .infoStep {
        width: 100%;
        margin-left: 0;
    }

        .personalInformationArea .infoStep > li {
            width: 100%;
            margin-left: 0;
            min-height: inherit;
        }

    /* 합격자발표조회 */
    .w_viewPass {
        display: block;
    }

    .contTable.mbRow.typeRow .w_viewPass .selectBase {
        margin-right: 0;
    }

    .w_viewPass .btnWrap {
        width: 100%;
        margin-top: 8px;
    }

    .realtiveDepApplication .contArea_next .inputBase {
        margin-right: 0px;
    }

    .realtiveDepApplication .contArea_next .txtBody3 {
        width: 100%;
        margin-top: 10px;
    }

    .autodiagnosis .contTable.typeRow .contArea_next .baseBtn.lineGray {
        width: 100%;
        max-width: 488px;
        margin-top: 10px;
    }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2 {
        right: -11%;
    }

    .diagram_france .inner {
        display: block;
        padding: 25px 30px;
    }

        .diagram_france .inner .area {
            width: 100%;
            margin-left: 0;
        }

        .diagram_france .inner .left_area {
            margin-right: 0;
        }

        .diagram_france .inner .right_area {
            position: relative;
            padding-top: 25px;
            margin-top: 30px;
        }

            .diagram_france .inner .right_area:before {
                content: '';
                display: block;
                width: calc(100% + 60px);
                height: 1px;
                background: #d1d1d1;
                position: absolute;
                left: -30px;
                top: 0;
            }

        .diagram_france .inner .area .wB {
            word-break: keep-all;
        }

        .diagram_france .inner .list1 > li + li {
            margin-top: 20px;
        }

        .diagram_france .inner .btm_list {
            display: block;
        }

            .diagram_france .inner .btm_list > ul {
                width: 100%;
                margin-right: 0;
            }

        .diagram_france .inner .list2 > .box_tit {
            margin-bottom: 40px;
        }

        .diagram_france .inner .btm_list > ul.list3 > li:nth-child(1):before {
            height: 40px;
            top: -40px;
        }

        .diagram_france .inner .btm_list > ul.list3 > li:last-child {
            margin-top: 40px;
        }

        .diagram_france .inner .btm_list > ul.list3 > li:nth-child(2):before {
            height: 40px;
            top: -40px;
        }

        .diagram_france .inner .btm_list > ul.list4 {
            margin-top: 40px;
        }

            .diagram_france .inner .btm_list > ul.list4 li.hidden {
                display: block;
                margin-bottom: 40px;
            }

            .diagram_france .inner .btm_list > ul.list4 li:nth-child(2):before {
                content: '';
                display: block;
                width: 17px;
                height: 40px;
                background: url(../img/common/per/qualInfo/diagram_arrT.svg) no-repeat top 0 left 50%;
                position: absolute;
                left: 50%;
                margin-left: -8.5px;
                top: -40px;
            }

            .diagram_france .inner .btm_list > ul.list4 li.hidden::before {
                display: none;
            }

            .diagram_france .inner .btm_list > ul.list4 li.hidden .box_tit {
                background: var(--second)
            }

            .diagram_france .inner .btm_list > ul.list4 > li:last-child {
                margin-top: 40px;
            }

                .diagram_france .inner .btm_list > ul.list4 > li:last-child:before {
                    height: 40px;
                    top: -40px;
                }

        .diagram_france .inner .txtR {
            text-align: left !important;
        }

    .diagram_australia .pcWrap {
        display: none;
    }

    .diagram_australia .mbWrap {
        display: block;
    }

    .diagram_australia .mbBr {
        display: block;
    }

    .diagram_australia .listWrap .list > li {
        height: auto !important;
    }

    .diagram_australia .listWrap .list .tit {
        padding: 12px 10px;
        font-size: 16px;
        line-height: 1.5;
    }

    .diagram_australia .listWrap1 {
        max-width: 560px;
        padding: 0 10px;
    }

        .diagram_australia .listWrap1::before {
            right: -2%;
            bottom: 118px;
        }

        .diagram_australia .listWrap1 .list1 > li + li {
            margin-top: 20px;
        }

            .diagram_australia .listWrap1 .list1 > li + li + li {
                margin-top: 20px;
            }

        .diagram_australia .listWrap1 .list1 > li:first-child::after {
            top: 96px;
            height: 142px;
        }

        .diagram_australia .listWrap1 .list1 > li:nth-child(2)::after {
            top: 152px;
            left: -20px;
            width: 1px;
            height: 676px;
            background: #0075D2;
        }

        .diagram_australia .listWrap1 .list1 > li:nth-child(2):before {
            top: 38px;
            width: calc(50% + 50px);
            right: calc(-50% - 50px);
        }

        .diagram_australia .listWrap1 .list1 > li:nth-child(3):before {
            top: -62px;
            width: calc(50% + 50px);
            right: calc(-50% - 50px);
        }

        .diagram_australia .listWrap1 .list1 > li:nth-child(3):after {
            content: '';
            position: absolute;
            left: -20px;
            top: calc(50% - 0.5px);
            width: 20px;
            height: 1px;
            background: #0075D2;
        }

        .diagram_australia .listWrap1 .list2 > li:first-child {
            min-height: 102px;
            margin-top: 0;
        }

        .diagram_australia .listWrap1 .list2 > li + li {
            margin-top: 120px;
        }

            .diagram_australia .listWrap1 .list2 > li + li + li {
                margin-top: 60px;
            }

        .diagram_australia .listWrap1 .list2 > li:first-child::after {
            font-size: 14px;
        }

        .diagram_australia .listWrap1 .list2 > li:nth-child(2)::after {
            font-size: 14px;
        }

        .diagram_australia .listWrap1 .list2 > li:nth-child(3)::before {
            top: -60px;
            height: 60px;
        }

        .diagram_australia .listWrap1 .list2 > li:nth-child(3)::after {
            top: -20px;
            left: auto;
            right: -20px;
            width: calc(50% + 20px);
            height: 1px;
            background: #0075D2;
        }

    .diagram_australia .listWrap2 {
        margin-top: 15px;
        padding: 0 30px;
    }

        .diagram_australia .listWrap2 .list {
            flex-direction: column;
            align-items: center;
        }

            .diagram_australia .listWrap2 .list::before {
                top: auto;
                bottom: -13px;
                right: 50%;
                max-width: 520px;
                width: calc(100% + 20px);
                height: calc(75% + 15px);
                transform: translateX(50%);
            }

            .diagram_australia .listWrap2 .list > li {
                max-width: 498px;
            }

                .diagram_australia .listWrap2 .list > li::before {
                    top: calc(50% - 0.5px) !important;
                    left: -40px;
                    width: 41px;
                    height: 1px !important;
                }

                .diagram_australia .listWrap2 .list > li:first-child {
                    margin-bottom: 10px;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(3)::after {
                    display: block !important;
                    content: '';
                    position: absolute;
                    right: -41px;
                    left: auto;
                    margin-left: 0;
                    top: auto;
                    bottom: -69px;
                    width: 1px;
                    height: 538px;
                    background: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:last-child:after {
                    content: '';
                    position: absolute;
                    left: auto;
                    right: -40px;
                    top: calc(50% - 0.5px);
                    width: 30px;
                    height: 1px;
                    background: #0075D2;
                }

                .diagram_australia .listWrap2 .list > li:not(:last-child):after {
                    display: none;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(1) .tit::before {
                    left: -35px;
                    top: 55%;
                    font-size: 14px;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(2) .tit::before {
                    left: -35px;
                    top: 55%;
                    font-size: 14px;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(3) .tit::before {
                    left: -35px;
                    top: 24%;
                    font-size: 14px;
                }

                .diagram_australia .listWrap2 .list > li:nth-child(4) .tit::before {
                    left: -35px;
                    top: -20px;
                    font-size: 14px;
                }

    .diagram_australia .listWrap3 {
        margin-top: 70px;
        padding: 0 30px;
    }

        .diagram_australia .listWrap3 .list {
            flex-direction: column;
            align-items: center;
        }

            .diagram_australia .listWrap3 .list > li:nth-child(2) {
                margin-top: 0;
            }

            .diagram_australia .listWrap3 .list > li:nth-child(3) {
                margin-top: 30px;
                background-color: transparent;
            }

                .diagram_australia .listWrap3 .list > li:nth-child(3) .tit {
                    border-top-left-radius: 10px;
                    border-top-right-radius: 10px;
                    background-color: #003883;
                }

        .diagram_australia .listWrap3 .list1 > li::after {
            content: '';
            position: absolute;
            top: 50%;
            margin-top: -9px;
            right: -11px;
            width: 9px;
            height: 17px;
            background: url(../img/common/diagram_arr.svg) no-repeat;
            transform: rotate(180deg);
        }

        .diagram_australia .listWrap3 .list2 > li:first-child::before {
            content: '';
            position: absolute;
            top: -33px;
            left: 50%;
            margin-left: -25px;
            width: 50px;
            height: 16px;
            background: url(../img/common/diagram_line_arr.svg) no-repeat;
            transform: rotate(270deg);
        }

        .diagram_australia .listWrap3 .list2 > li:first-child::after {
            right: -40px;
            left: auto;
            width: 38px;
            margin-left: 0;
        }

        .diagram_australia .listWrap3 .list2 > li:nth-child(2)::before {
            width: 40px;
            height: 1px;
            left: -40px;
            top: calc(50% - 0.5px);
            margin-left: 0;
            background: #0075D2;
            transform: inherit;
        }

        .diagram_australia .listWrap3 .list2 > li:nth-child(2)::after {
            top: -105px;
            font-size: 14px;
        }

        .diagram_australia .listWrap3 .list2 > li:last-child::before {
            display: none;
        }

        .diagram_australia .listWrap3 .list2 > li:last-child::after {
            display: none;
        }

        .diagram_australia .listWrap3 .list2 > li:first-child .tit::before {
            top: -100px;
            left: -40px;
            font-size: 14px;
        }

        .diagram_australia .listWrap3 .list2 > li:first-child .tit::after {
            content: '';
            position: absolute;
            top: -74px;
            left: -40px;
            width: 37px;
            height: 1px;
            background: #0075D2;
        }

        .diagram_australia .listWrap3 .list2 > li:nth-child(2) .tit::before {
            content: '';
            position: absolute;
            bottom: 35px;
            left: -40px;
            width: 1px;
            height: 178px;
            background: #0075D2;
        }

        .diagram_australia .listWrap3 .list2 > li:last-child .tit::before {
            top: -35px;
            left: auto;
            right: -25px;
            font-size: 14px;
        }

        .diagram_australia .listWrap3 .list2 > li .txt::before {
            content: '';
            position: absolute;
            top: 40px;
            right: -40px;
            width: 40px;
            height: 1px;
            background: #0075D2;
        }

        .diagram_australia .listWrap3 .list2 > li .txt::after {
            content: '';
            position: absolute;
            bottom: 114px;
            right: -40px;
            width: 1px;
            height: 352px;
            background: #0075D2;
        }

    .diagram_australia .bottomTxt {
        text-align: left;
    }

    .diagram_onlineService .pcWrap {
        display: none;
    }

    .diagram_onlineService .mbWrap {
        display: block;
        transform: scale(1);
        width: 100%;
        margin-left: 0;
    }

    .diagram_onlineService .mbListWrap > div + div {
        margin-top: 25px;
    }

    .diagram_onlineService .tit {
        position: relative;
        padding: 12px;
        text-align: center;
        border-radius: 10px;
    }

    .diagram_onlineService .topTit {
        position: relative;
        padding: 12px;
        text-align: center;
        border-radius: 10px;
    }

        .diagram_onlineService .topTit::before {
            content: '';
            position: absolute;
            left: calc(50% - 4px);
            top: -20px;
            width: 9px;
            height: 17px;
            background: url(../img/common/onlineService_arr.svg);
            transform: rotate(90deg);
        }

    .diagram_onlineService .mbList1 .tit {
        background: #666;
        color: #fff;
    }

    .diagram_onlineService .mbList2 .topTit {
        background: #003883;
        color: #fff;
    }

    .diagram_onlineService .mbList2 .tit {
        margin-top: 15px;
        background: #E5F1FB;
    }

    .diagram_onlineService .mbList2 .tit2 {
        margin-top: 25px;
    }

        .diagram_onlineService .mbList2 .tit2::before {
            content: '';
            position: absolute;
            left: calc(50% - 4px);
            top: -20px;
            width: 9px;
            height: 17px;
            background: url(../img/common/onlineService_arr.svg);
            transform: rotate(90deg);
        }

    .diagram_onlineService .mbList2 .tit6::after {
        content: '';
        position: absolute;
        top: -220px;
        left: calc(50% - 1px);
        width: 2px;
        height: 220px;
        background: #666;
        z-index: -1;
    }

    .diagram_onlineService .mbList2 .tit:last-of-type {
        background: #0075D2;
        color: #fff;
    }

    .diagram_onlineService .mbList3 .topTit {
        background: #00874A;
        color: #fff;
    }

    .diagram_onlineService .mbList3 {
        margin-top: 35px !important;
    }

        .diagram_onlineService .mbList3 .topTit::before {
            top: -24px;
        }

        .diagram_onlineService .mbList3 .tit {
            margin-top: 16px;
            background: #E4F1EC;
        }

            .diagram_onlineService .mbList3 .tit::before {
                content: '';
                position: absolute;
                left: calc(50% - 4px);
                top: -20px;
                width: 9px;
                height: 17px;
                background: url(../img/common/onlineService_arr.svg);
                transform: rotate(90deg);
            }

        .diagram_onlineService .mbList3 .tit1::before,
        .diagram_onlineService .mbList3 .tit4::before,
        .diagram_onlineService .mbList3 .tit5::before {
            display: none;
        }

        .diagram_onlineService .mbList3 .tit5::after {
            content: '';
            position: absolute;
            top: -71px;
            left: calc(50% - 1px);
            width: 2px;
            height: 71px;
            background: #666;
            z-index: -1;
        }

        .diagram_onlineService .mbList3 .tit:nth-of-type(3),
        .diagram_onlineService .mbList3 .tit:nth-of-type(4) {
            margin-top: 25px;
        }

        .diagram_onlineService .mbList3 .tit:nth-of-type(n+5) {
            margin-top: 10px;
        }

    .diagram_onlineService .mbList4 .tit {
        background: #DFE3EC;
    }

        .diagram_onlineService .mbList4 .tit::before {
            content: '';
            position: absolute;
            left: calc(50% - 4px);
            top: -20px;
            width: 9px;
            height: 17px;
            background: url(../img/common/onlineService_arr.svg);
            transform: rotate(90deg);
        }

    .diagram_onlineService .mbList5 .tit {
        background: #666;
        color: #fff;
    }

        .diagram_onlineService .mbList5 .tit::before {
            content: '';
            position: absolute;
            left: calc(50% - 4px);
            top: -20px;
            width: 9px;
            height: 17px;
            background: url(../img/common/onlineService_arr.svg);
            transform: rotate(90deg);
        }

    .diagram_onlineService .mbList6 .tit {
        background: #DFE3EC;
    }

        .diagram_onlineService .mbList6 .tit::before {
            content: '';
            position: absolute;
            left: calc(50% - 4px);
            top: -20px;
            width: 9px;
            height: 17px;
            background: url(../img/common/onlineService_arr.svg);
            transform: rotate(90deg);
        }
}

/***** Tablet *****/
@media only screen and (max-width:1041px) {
    /* 공통 */
    .mobOnly {
        display: block;
    }

    .contTable.mbRow td .tCont {
        flex-flow: row wrap;
    }

    .w_period .inputBase {
        width: 130px;
    }

    .txt_arrR > span {
        background-position: right 0 top 3px;
    }

    .btnArea_s {
        margin-top: 15px;
    }

    .stepArea {
        padding-top: 0;
    }

    .ico_down_s {
        padding-left: 20px;
        padding-right: 20px;
    }

        .ico_down_s > .base {
            font-size: 16px;
            background-position: right 0 top 5px;
            text-align: left;
        }

    .fileUploadArea {
        width: 100%;
    }

        .fileUploadArea .fileRemove {
            max-width: 100%;
            ;
        }

        .fileUploadArea .inputWrap {
            max-width: 100% !important;
        }

        .fileUploadArea .w_file {
            max-width: 100%;
        }

    .contArea_next.chk .inputBase,
    .contArea_next.chk .selectBase,
    .contArea_next.chk .txtBody1 {
        margin-right: 0;
    }

    .contArea_next.chk .inputBox {
        width: 100%;
        margin-top: 10px;
    }

    .groupCont {
        padding-top: 21px;
    }

        .groupCont .division .headLine3 {
            margin-bottom: 12px;
            ;
        }

            .groupCont .division .headLine3:nth-of-type(n+2) {
                margin-top: 40px;
            }

        .groupCont .division .txtBody1 + .headLine3 {
            margin-top: 20px;
        }

        .groupCont .division .headLine2 {
            margin-bottom: 10px;
            ;
        }

        .groupCont .division ~ .division {
            padding-top: 45px;
        }

        .groupCont .division .contTit1 {
            margin-bottom: 10px;
        }

    .w_photo .photoImg {
        font-size: 0;
        margin-bottom: 10px;
    }

    .w_photo .photoInfo + .txtAlert {
        margin-top: 5px;
    }

    .w_photo .photoImg img {
        width: 120px;
    }

    .w_photo .txtAlert br {
        display: none;
    }

    .infoSelect .selectArea .dotTxt {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin: 5px 0;
    }

    .infoSelect .selectArea .wB + .dotTxt {
        margin-left: 0;
    }

    .infoSelect .selectArea .dotTxt:before {
        top: 8px;
    }

    .optSchArea .inpArea .btn_sch {
        font-size: 16px;
    }

    .contArea_next .w_tel {
        margin-right: 0;
    }

        .contArea_next .w_tel ~ .txtBody1 {
            margin: 10px 0 0;
            width: 100%;
        }

    .pop_wrap .area_full {
        width: calc(100% + 48px);
        margin-left: -24px;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .contTable + .agreeBox {
        margin-top: 20px;
    }

    .agreeBox + .txtList.dot {
        margin-top: 10px
    }

    .groupCont .division .txtList.dot + .contTable {
        margin-top: 20px
    }

    .groupCont .division .contTable + .txtList.dot {
        margin-top: 10px
    }

    .groupCont .topNotice {
        padding-right: 24px;
    }

        .groupCont .topNotice .btn {
            position: relative;
            top: 0;
            left: 0;
            right: auto;
            margin-top: 15px;
        }

            .groupCont .topNotice .btn .baseBtn {
                height: 43px
            }

    .profileTb .contTable {
        padding-top: 140px;
    }

        .profileTb .contTable .profileLine {
            position: absolute;
            top: -140px;
            width: 100%;
            padding: 10px !important;
        }

            .profileTb .contTable .profileLine .tCont {
                padding: 0 !important;
            }

    .explainBox {
        padding: 20px 15px 15px 20px
    }

        .explainBox.mT40 {
            margin-top: 20px !important
        }

        .explainBox .txtAlert {
            font-size: 16px;
        }

    .lineOptArea {
        padding: 20px;
    }

    .agrreBox_all {
        padding: 20px 25px;
    }

        .agrreBox_all .inputBox > .data {
            font-size: 18px;
            padding-left: 35px;
        }

    /* 홍보영상 */
    .videoList {
        width: calc(100% + 20px);
        margin-left: -20px;
    }

        .videoList > li {
            width: calc(50% - 20px);
            margin-left: 20px;
        }

            .videoList > li:nth-child(n+3) {
                margin-top: 20px;
            }

            .videoList > li .infoArea {
                padding: 15px;
            }

    .board_area .videoArea {
        display: block;
    }

        .board_area .videoArea .video {
            width: 100%;
            height: 0;
            padding-bottom: 56.25%;
            margin-right: 0;
        }

        .board_area .videoArea .video_caption {
            margin-top: 15px;
            padding-right: 15px;
            padding-bottom: 0;
        }

            .board_area .videoArea .video_caption .limitY {
                padding: 15px;
                padding-right: 0;
                height: 150px;
                padding-bottom: 15px;
                overflow-y: auto;
            }

    .private_register .infoBoxArea .txtBody3 {
        font-size: 16px;
        padding: 0 0px;
    }

    .tCont .job span {
        display: inline-block !important;
        vertical-align: top !important;
    }

    .tCont .job .inputBox {
        margin: 2px 5px !important
    }

        .tCont .job .inputBox span {
            margin: 0;
        }

    /* 단체 원서 접수현황 */
    .eventState .eventTit .contTit1:before {
        top: 7px;
        height: 16px;
    }

    .private_detailInfo .txtList.dot > li > a {
        padding-right: 20px;
        background-size: 15px;
        background-position: top 3px right 0
    }

    /* NCS 능력단위 검색 */
    .pop_searchNCS .optSchArea {
        margin-bottom: 20px;
    }

    .optSchArea.typeDivision .optGroup {
        flex-wrap: wrap;
        margin-right: 0;
    }

    .optSchArea.typeDivision .inpArea .opt_s {
        width: 33.333%
    }

        .optSchArea.typeDivision .inpArea .opt_s .inputBase {
            height: 45px;
        }

        .optSchArea.typeDivision .inpArea .opt_s:nth-of-type(n+4) {
            margin-top: 6px;
        }

    .optSchArea.typeDivision .inpArea .opt_tit {
        width: 60px;
    }

    .optSchArea.typeDivision .inpArea .inputBase {
        margin-right: 12px;
    }

    .optSchArea.typeDivision .inpArea .opt_s:last-of-type .inputBase {
        margin-right: 12px;
    }

    .optSchArea.typeDivision .inpArea .btn_sch {
        height: 100%;
    }

    .optSchArea.typeDivision .inpArea .opt_s .inputBase {
        font-size: 15px;
        padding: 0 8px;
    }

    .searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_tit {
        margin-right: 0;
        width: 60px
    }

    .searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_s {
        flex: auto;
        width: 50%
    }

        .searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_s .selectBase {
            flex: 1;
            margin-right: 12px;
        }

        .searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_s:last-child .selectBase {
            margin-right: 12px;
        }

    .searchNCS .optSchArea.typeDivision.type2 .inpArea .selectBase {
        width: 100%;
        height: 45px;
    }

    .pop_searchNCS .contTable table tbody td {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* 사이트맵 */
    #sitemap_gnb {
        padding-top: 20px;
    }

        #sitemap_gnb > li > a {
            width: 100%;
            margin-bottom: 25px;
            font-size: 35px;
        }

        #sitemap_gnb > li > .menuM > li > a {
            font-size: 21px;
        }

        #sitemap_gnb > li > .menuM {
            width: 100%;
            margin-left: 0;
        }

    /* 통합검색 */
    .totalSch .totalSch_cont {
        padding-right: 0;
    }

    .totalSch .totalSchArea {
        display: block;
        padding-bottom: 80px;
    }

        .totalSch .totalSchArea:before {
            display: none;
        }

    .totalSch .totalSch_etc {
        width: 100%;
        padding-left: 0;
        margin-top: 80px;
    }

    .totalSch .etcGrp .tagArea {
        flex-direction: row;
    }

    .totalSch .resultInfo span {
        font-size: inherit;
    }

    .totalSch .schDetailArea .opt_area .optWrap {
        flex-wrap: wrap;
    }

        .totalSch .schDetailArea .opt_area .optWrap .month {
            width: 100%;
            margin-top: 10px;
        }

    .totalSch .schOptArea {
        flex-wrap: wrap;
    }

        .totalSch .schOptArea .sch_etcOpt {
            width: 100%;
            margin-top: 15px;
            justify-content: flex-end;
        }

    .typeTotalSch.typeSub #container {
        padding-top: 62px
    }


    /* 원서접수 */
    .stepArea {
        margin-bottom: 30px;
    }

    .noLineArticle .no_article {
        padding-top: 120px;
    }

    .agreeBox .agreeCont {
        padding: 25px 25px;
    }

    .agreeBox .agreeChk {
        padding: 15px 25px;
    }

    .placeTit .headLine3 {
        font-size: 18px;
        padding-right: 11px;
        margin-right: 9px;
    }

        .placeTit .headLine3:before {
            right: 0;
            top: 6px;
            height: 15px;
        }

    .placeTit {
        display: block;
        margin-bottom: 15px;
    }

        .placeTit .headLine3 {
            padding-right: 0;
            margin-right: 0;
            padding-bottom: 7px;
            margin-bottom: 7px;
        }

            .placeTit .headLine3:before {
                width: 30px;
                height: 1px;
                background: #111;
                bottom: 0;
                left: 0;
                top: auto;
            }

    .selectPlace .groupCont .division ~ .division {
        padding-top: 40px;
    }

    .selectPlace .contTable.mbRow2 td .mSort {
        width: 80px;
    }

    .payment .contTable.typeRow .profileRow {
        padding-top: 160px;
    }

    .profileLine .profile {
        width: 90px;
        height: 120px;
        margin: 0 auto;
    }

    .payment .contTable.typeRow .profileLine {
        position: absolute;
        left: 0;
        top: 0;
        height: 160px;
        border-left: 0;
        border-right: 0;
    }

    .payment .contTable .baseBtn.middle.mL20 {
        margin-left: 15px !important;
    }

    .payment .contTable .inputBox {
        margin-right: 20px;
    }

    .payment .groupCont .division ~ .division {
        padding-top: 30px;
    }

    .contTable thead.mbBlock {
        display: flex !important
    }

        .contTable thead.mbBlock tr {
            display: block;
            width: 100% !important
        }

        .contTable thead.mbBlock .tbTitle {
            display: flex !important;
            width: 100%;
            align-items: center;
            height: auto;
            border-bottom: 1px solid #d1d1d1;
        }

        .contTable thead.mbBlock .tbTitle {
            padding-left: 10px;
            padding-right: 10px;
            ;
        }

    .contTable .processTitInfo .default > span::before {
        height: 14px;
    }

    .contTable .processTitInfo .status > span::before {
        height: 14px;
    }

    .contTable .processTitInfo .default {
        flex-wrap: wrap
    }

        .contTable .processTitInfo .default > span {
            padding-right: 8px;
            margin-right: 8px;
        }

    .contTable .processTitInfo .status > span {
        padding-right: 8px;
        margin-right: 8px;
    }

    .pop_selProgram .tbTitle {
        padding-left: 15px;
        padding-right: 15px;
    }

    .pop_selProgram .contTable colgroup col:nth-child(1) {
        width: 100px !important;
    }

    .pop_applyLocation .allocation .rowBtn .btn {
        padding: 0 20px;
    }

    .agreeScrollBox .limitY {
        max-height: 200px;
        padding: 25px 20px;
    }

    .agreeScrollBox .agreeChkBox {
        padding: 25px 20px;
    }

    .agreeScrollBox ~ .agreeScrollBox {
        margin-top: 30px;
    }

    .infoSelect .optSchArea .inpArea ~ div {
        margin-left: 0;
    }

    /* 응시자 배정 */
    .pop_applyLocation .allocation .rowBtn .btn {
        top: -28px
    }

        .pop_applyLocation .allocation .rowBtn .btn .baseBtn > span {
            width: 115px
        }

    .pop_applyLocation .allocation .next > span {
        padding-left: 17px;
        padding-right: 33px;
    }

    .pop_applyLocation .allocation .next2 > span {
        padding-left: 17px;
        padding-right: 33px;
    }

    .pop_applyLocation .allocation .prev > span {
        padding-right: 17px;
        padding-left: 33px;
    }

    .pop_applyLocation .allocation .prev2 > span {
        padding-right: 17px;
        padding-left: 33px;
    }

    .pop_applyLocation .division > .contTable colgroup col:nth-child(1) {
        width: 120px !important
    }

    /* 수험표 출력 */
    .pop_printTicket .btnWrap {
        text-align: center;
        margin-bottom: 20px;
    }

    .pop_printTicket .ticketInfo {
        padding: 15px;
        margin-bottom: 40px;
    }

    .pop_printTicket .txtBody1 + .contTable {
        padding-top: 150px;
        position: relative;
    }

    .pop_printTicket .contTable .profileLine {
        position: absolute;
        left: 0;
        top: -151px;
        padding: 15px 0;
    }

    .grayBoxList {
        padding: 20px;
    }

    .pop_printTicket_sub3 .grayBoxList > ul.txtList.dot > li {
        width: 100%
    }

        .pop_printTicket_sub3 .grayBoxList > ul.txtList.dot > li + li {
            margin-top: 10px !important;
        }

    .certificateFinish .contTable.typeRow .profileRow {
        padding-top: 160px;
    }

    .certificateFinish .contTable.typeRow .profileLine {
        position: absolute;
        left: 0;
        top: 0;
        height: 160px;
        border-left: 0;
        border-right: 0;
        align-items: center;
    }

    .exclamBox {
        padding: 15px;
    }

        .exclamBox.mT50 {
            margin-top: 40px !important;
        }

        .exclamBox .txtAlert > b {
            font-size: 16px;
        }


    /* 일정안내 */
    .examCal .selDateGrp .year {
        font-size: 40px;
        padding: 0 20px;
    }

    .examCal .roundBtnGrp .btn_cal {
        width: 90px;
        height: 43px;
        line-height: 43px;
    }

        .examCal .roundBtnGrp .btn_cal > span {
            padding-left: 27px;
        }

        .examCal .roundBtnGrp .btn_cal.month > span {
            background-size: 20px auto;
        }

        .examCal .roundBtnGrp .btn_cal.list > span {
            background-size: 20px auto;
            padding-left: 26px
        }

        .examCal .roundBtnGrp .btn_cal.down {
            width: 120px;
        }

            .examCal .roundBtnGrp .btn_cal.down > span {
                background-size: 20px auto;
                padding-left: 26px
            }

    .examCal .cal_group {
        display: block;
    }

    .examCal .month_top {
        padding-top: 70px;
    }

    .examCal .calendar table {
        width: 100%;
    }

        .examCal .calendar table th {
            font-size: 18px;
        }

        .examCal .calendar table td > span, .examCal .calendar table td > a.sched {
            font-size: 18px;
        }

            .examCal .calendar table td > a.sched > span {
                font-size: 18px;
            }

    .examCal .cal_group .calList_con .schDate {
        font-size: 18px;
    }

    .examCal .cal_group .cal_pop {
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%);
        width: calc(100% - 40px);
    }

    .examCal .calendar .innerArea {
        padding: 30px 15px 16px 15px;
    }

    .examCal .cal_group .calList_con {
        padding-left: 0;
        margin-top: 30px;
    }

        .examCal .cal_group .calList_con .calCont > div {
            padding-left: 75px;
        }

            .examCal .cal_group .calList_con .calCont > div > span {
                position: absolute;
                left: 0;
                margin-bottom: 0;
                font-size: 14px;
                width: 65px;
                height: 28px;
                line-height: 28px;
                margin-top: -1px;
            }

    .examCal .cal_group .contTable table tbody td {
        padding: 15px;
    }

    .examCal .cal_group .contTable table colgroup col:nth-child(1) {
        width: 200px !important
    }

    .examCal .cal_group .contTable table tbody td .month {
        font-size: 18px;
    }

    .examCal .groupCont .division .contTit1 {
        margin-bottom: 15px;
    }

    .examCal.cal_list .cal_group .no_article {
        padding: 90px 0 25px 0;
        background-position: left 50% top 20px;
        word-break: keep-all;
        line-height: 22px;
    }

    /* 로그인 */
    .loginPage .loginBox:before {
        top: 30px;
        height: calc(100% - 60px);
    }

    .loginPage .loginBox {
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .loginPage .loginBox .form .contTit {
            font-size: 26px;
        }

        .loginPage .loginBox .typeInform .contTit .mbBr {
            display: block;
        }

        .loginPage .loginBox .typeInform .btnArea {
            margin-top: 43px;
        }

            .loginPage .loginBox .typeInform .btnArea.add {
                margin-top: 30px;
            }

    .loginPage.typeGroup .loginBox .typeInform .btnArea.add {
        margin-top: 65px
    }

    .loginPage .loginBox .form .formInput .tit {
        font-size: 16px;
        width: 60px;
        margin-right: 10px;
    }

    .loginPage .loginBox .form .formInput .txtAlert_R {
        margin-left: 70px;
        width: calc(100% - 70px);
    }

    /* 아이디찾기/비밀번호 재설정 */
    .findInfo .findBox:before {
        height: calc(100% - 60px);
        top: 30px;
    }

    .findInfo .findBox .form .formInput .guide .tit {
        font-size: 16px;
    }

    .findInfo .findBox .form .formInput .guide .tit {
        margin-bottom: 5px;
    }

    .findInfo .findBox .findList {
        margin-top: 20px;
    }

    .findInfo .findBox .w_write {
        margin-top: 20px;
    }

    .findInfo .findBox {
        padding: 30px 0;
    }

    .findInfo .resultBox .resultTxt {
        font-size: 25px;
        line-height: 32px;
    }

        .findInfo .resultBox .resultTxt + .resultTxt {
            word-break: keep-all;
        }

    .findInfo .resultBox .txtBody1 {
        margin-top: 12px;
    }

    .settingPW .settingForm {
        padding: 0 25px;
    }

        .settingPW .settingForm .formInput > .guide .tit {
            font-size: 16px;
        }

        .settingPW .settingForm .guideTxt {
            font-size: 15px;
        }

    .pop_pwSetting .findForm.type2::before {
        width: calc(100% + 48px);
        margin-left: -24px;
    }

    .pop_pwSetting .findForm .w_write {
        margin-right: 15px;
    }

    .pop_pwSetting .w_birth select {
        margin-right: 15px;
    }

    .pop_pwSetting .findForm .baseBtn > .base {
        min-width: 130px;
    }

    .pop_pwSetting .txtAlert br {
        display: none;
    }

    .pop_pwSetting > select {
        flex: 1;
        margin-right: 15px;
    }

        .pop_pwSetting > select:last-child {
            margin-right: 0;
        }


    .pop_pwSetting .no_article {
        padding-top: 68px;
        background-position: top 0px left 50%;
        padding-bottom: 20px;
        line-height: 24px;
        word-break: keep-all;
    }

    .groupCont .division .headLine3 {
        font-size: 22px;
    }

        .groupCont .division .headLine3 span {
            font-size: inherit;
        }

    .settingPW .finishBox {
        padding: 30px
    }

    /* 사진변경신청 */
    .changePhoto .info {
        padding: 30px;
    }

    .changePhoto .imgArea {
        padding: 30px;
        width: 190px;
    }

    .changePhoto .registerArea .profile {
        width: 120px;
        margin: 0 auto;
        margin-bottom: 12px;
    }

    /* 확인서 발급신청 */
    .txtSide {
        width: 100%;
    }

        .txtSide .selectBase {
            margin-right: 0;
        }

        .txtSide .inputBase {
            margin-right: 0;
        }

    .certificate_selectType .groupCont .division .txtBody1 + .headLine3 {
        margin-top: 35px
    }

    .certificate_selectType .contTable.typeRow .selectBase,
    .certificate_selectType .contTable.typeRow .inputBase {
        max-width: 100%;
    }

    /* 종목검색 */
    .fullSearchOptBox {
        margin-bottom: 20px;
    }

        .fullSearchOptBox .optList > li .opt .tit {
            display: block;
            margin-bottom: 7px;
            ;
        }

        .fullSearchOptBox .btnArea {
            padding: 15px 0;
        }

        .fullSearchOptBox .optList > li .opt {
            display: block;
        }

        .fullSearchOptBox .optList > li {
            padding: 15px 0;
        }

            .fullSearchOptBox .optList > li .opt .labelList.hasInput .inputBox {
                min-height: inherit;
            }

            .fullSearchOptBox .optList > li .opt .area.typeDevide {
                display: block;
                padding-right: 0;
            }

                .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s {
                    margin-right: 0;
                }

                    .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s .tit {
                        margin-bottom: 0;
                        text-align: left;
                    }

                    .fullSearchOptBox .optList > li .opt .area.typeDevide .area_s + .area_s {
                        margin-top: 10px;
                    }

            .fullSearchOptBox .optList > li.typeDetail .opt {
                text-align: right;
            }

            .fullSearchOptBox .optList > li.typeDetail .btnDetail {
                position: relative;
                transform: none;
                top: 0;
                ;
                margin: 10px auto 0;
                display: inline-block;
                vertical-align: top;
                border-radius: 5px;
                height: 48px;
                width: 100%;
            }

        .fullSearchOptBox ~ .contTable table tbody td {
            padding-left: 0;
            padding-right: 0;
        }

    .detailQual .fullSearchOptBox ~ .contTable.mbRow2 td .mSort {
        width: 100px;
    }

    .defaultSearchOptBox {
        padding: 20px;
    }

        .defaultSearchOptBox.typeBtn .btn {
            top: 20px;
            right: 20px;
            height: calc(100% - 40px)
        }

    .detailQual .chart_warp {
        padding: 20px 20px 20px 10px;
    }

    /* 마이페이지 - 원서접수내역 */
    .appliList_complete.finish .profileLine {
        flex-wrap: wrap;
        flex-direction: column;
    }

        .appliList_complete.finish .profileLine .baseBtn {
            margin: 0 auto;
            width: 100px;
        }

    .appliList_complete.finish .profileTb .contTable .profileLine {
        top: -204px;
    }

    .appliList_complete.finish .profileTb .contTable {
        padding-top: 205px;
    }

    .pop_printSurvey .surVeyList {
        padding: 15px
    }

    .pop_identifiSlip .txtList.hyphen > li {
        font-size: 16px;
    }

    .pop_identifiSlip .txtAlert {
        font-size: 16px;
    }

    .pop_identifiSlip .tbInfoArea {
        padding: 20px;
    }

    .pop_identifiSlip .popLayout .groupCont .division + .division {
        padding-top: 40px;
    }

    .pop_identifiSlip .groupCont .division .contTit1:nth-of-type(n+2) {
        margin-top: 30px;
    }

    .pop_identifiSlip .standardTb colgroup col:nth-child(1) {
        width: 100px !important
    }

    .pop_identifiSlip .standardTb colgroup col:nth-child(2) {
        width: 110px !important
    }

    .pop_identifiSlip .standardTb th {
        word-break: keep-all;
    }

        .pop_identifiSlip .standardTb th br {
            display: none;
        }

    .pop_identifiSlip .giftItem {
        padding: 20px;
        border-radius: 20px;
    }

        .pop_identifiSlip .giftItem .headLine3 {
            margin-bottom: 5px !important;
        }

        .pop_identifiSlip .giftItem .area + .area {
            margin-top: 15px;
            padding-top: 15px
        }

    .pop_identifiSlip .docNoticeTb col:nth-child(1) {
        width: 100px !important
    }

    .pop_identifiSlip .profileTb .stampArea {
        right: auto;
        left: 60%;
        top: 70px;
        transform: translateX(-50%);
    }

        .pop_identifiSlip .profileTb .stampArea img {
            width: 90px;
        }

    .appliCancel .optSchArea .inpArea {
        display: flex;
    }

        .appliCancel .optSchArea .inpArea .btn_sch {
            width: 100px;
            margin-top: 0px;
        }

    /* 회원가입 */
    .join_select .selectArea > .selectCont {
        height: 250px;
        background-size: auto 80px;
        background-position: right 40px bottom 40px;
    }

        .join_select .selectArea > .selectCont .baseBtn {
            height: 50px;
        }

        .join_select .selectArea > .selectCont .headLine3 {
            margin-bottom: 13px;
        }

    .lineList_arrR > li .inputBox {
        left: 15px;
        top: 19px;
    }

    .lineList_arrR > li {
        background-position: right 15px top 25px;
    }

        .lineList_arrR > li .agree_btn {
            padding: 25px 40px 25px 55px;
            word-break: keep-all;
        }

    .popLayout .popConts .popBtnArea.typeAgree {
        display: block;
        padding-top: 15px;
    }

        .popLayout .popConts .popBtnArea.typeAgree .btnAgree {
            margin-top: 10px;
            height: 40px;
        }

            .popLayout .popConts .popBtnArea.typeAgree .btnAgree > span {
                font-size: 15px;
                background-position: top 40px right 0;
            }

        .popLayout .popConts .popBtnArea.typeAgree .txtAlert.red {
            font-size: 15px;
            margin-top: 8px !important;
        }

        .popLayout .popConts .popBtnArea.typeAgree .inputBox {
            margin-right: 15px;
        }

            .popLayout .popConts .popBtnArea.typeAgree .inputBox:last-child {
                margin-right: 0;
            }

    .popLayout .groupCont.typeAgree .headLine4 {
        font-size: 20px;
    }

        .popLayout .groupCont.typeAgree .headLine4:nth-of-type(n+2) {
            margin-top: 15px;
        }

    .convenienceSupport .txtList.hyphen > li {
        font-size: 16px;
    }

    /* 합격자발표조회 */
    .pop_wrap .area_full {
        margin-top: 20px;
    }

    .topOption .inputBox {
        margin-right: 20px;
    }

    .failureOfDoc .contTable.mbRow.typeRow .optSchArea {
        width: 100%;
    }

        .failureOfDoc .contTable.mbRow.typeRow .optSchArea .inpArea {
            width: 100%;
        }

            .failureOfDoc .contTable.mbRow.typeRow .optSchArea .inpArea .selectBase {
                width: 100%;
                margin-bottom: 0;
            }

    /* 가답안/확정답안 */
    .pop_answerSheet .groupCont .division .contTit1:nth-of-type(n+2) {
        margin-top: 20px !important;
    }

    .answerReading .contTable.mbRow2 td .mSort {
        width: 100px;
    }

    .answerOpen .contTable.mbRow2 td .mSort {
        width: 150px;
    }

    .answerOpen .defaultSearchOptBox + .noLineArticle {
        margin-top: 30px;
    }

    /* 민간자격 */
    .listLinkBox > li {
        padding: 20px;
        width: 100%;
    }

        .listLinkBox > li + li {
            margin-top: 10px;
        }

    .listLinkBox {
        display: block;
    }

    .infoBoxArea {
        background-size: 60px auto;
        padding: 105px 20px 30px 20px;
        background-position: left 50% top 35px;
        border-radius: 30px;
    }

    .private_system .groupCont .division .txtBody1 + .headLine3 {
        margin-top: 35px;
    }

    .selectItemList {
        padding: 20px;
    }

    .listNum > li b.num {
        width: 30px;
        height: 30px
    }

    .listNum > li {
        padding-left: 40px;
    }

    .remoteSupport .listNum {
        padding-right: 0;
    }

    .listNum > li + li {
        margin-top: 20px
    }

    .remoteSupport .groupCont .division .headLine2 {
        margin-bottom: 30px
    }

    .siteListBox .box {
        padding: 30px 25px;
        width: 100%;
        margin-right: 0 !important;
    }

        .siteListBox .box + .box {
            margin-top: 15px;
        }

        .siteListBox .box .logo {
            position: relative;
            top: 0;
            margin-bottom: 10px;
        }

            .siteListBox .box .logo img {
                transform: scale(0.7);
                transform-origin: left;
            }

    .siteListBox {
        width: 100%;
        display: block;
    }

        .siteListBox .btnArea {
            margin-top: 15px;
        }

        .siteListBox .headLine4 {
            margin-bottom: 8px;
            ;
        }

    /* 지역별 자격취득현황 */
    .statusByRegion .mapStatus {
        display: block;
    }

        .statusByRegion .mapStatus .mapWrap {
            width: 100%;
            padding: 20px;
            border-bottom: 1px solid #D0D2D6;
        }

        .statusByRegion .mapStatus .mapBg > img {
            max-width: 412px;
        }

        .statusByRegion .mapStatus .mapInfo {
            padding: 20px;
        }

    /* 답안지 열람신청 */
    .answerOpen .contTable .contArea_next {
        display: flex;
    }

        .answerOpen .contTable .contArea_next .baseBtn.middle_box {
            margin-top: 0;
            margin-left: 10px;
        }

    .pop_addCertifi .certiArea {
        margin-top: 15px;
    }

        .pop_addCertifi .certiArea .formInput .btnCert > span {
            font-size: 16px;
        }

        .pop_addCertifi .certiArea .formInput .btnCert {
            width: 120px;
        }

        .pop_addCertifi .certiArea .formInput .inputBase {
            margin-right: 10px;
        }

        .pop_addCertifi .certiArea .formInput > .guide .tit {
            margin-right: 15px;
            font-size: 16px;
        }

    .pop_addCertifi .certiArea {
        padding: 30px 20px;
    }

    .pop_reasonDisqual .contTable.mbRow > table > tbody > tr > td .mSort {
        width: 60px;
        justify-content: center;
    }

    .lineNumList li .num {
        width: 50px;
    }

    .examInformation .txtList li .txtList.bullet > li {
        font-size: 14px;
    }

    /* 시행공고 */
    .noticeOfimplementation .announcementBox {
        padding: 35px 20px;
        border-radius: 25px;
    }

        .noticeOfimplementation .announcementBox .day {
            margin-top: 25px;
        }

    .noticeOfimplementation .groupCont .division .headLine2 {
        margin-bottom: 20px;
        ;
    }

    /* 자가진단 */
    .stepLineBox {
        padding: 20px;
    }

        .stepLineBox .boxArrList .arrR {
            width: 30px;
            padding: 0;
        }

    .pop_selfChkInfo .stepLineBox .boxArrList > li br {
        display: none;
    }

    .autodiagProfessional_career .agreeBox .agreeCont {
        padding-top: 25px;
    }

    /* 국가별 운영현황 */
    .diagram_japan {
        padding: 30px 26px
    }

        .diagram_japan .typePC {
            display: none;
        }

        .diagram_japan .typeMB {
            display: block;
        }

        .diagram_japan .chart1 {
            display: block;
            padding-top: 20px;
        }

            .diagram_japan .chart1 > li + li {
                margin-top: 20px;
            }

            .diagram_japan .chart1 .boxList {
                position: relative;
                min-height: inherit;
                padding: 15px;
                z-index: 1;
            }

        .diagram_japan .typeMB .box.green {
            position: relative;
            background: #00874A;
            border-radius: 10px;
        }

        .diagram_japan .typeMB .list1 {
            position: relative;
            padding: 0 25px;
        }

            .diagram_japan .typeMB .list1:before {
                content: '';
                display: block;
                width: 1px;
                height: calc(100% + 117px);
                top: 149px;
                background: #C6C6C6;
                right: -0;
                position: absolute;
            }

            .diagram_japan .typeMB .list1 .box {
                position: relative;
            }

            .diagram_japan .typeMB .list1 > .box:after {
                content: '';
                position: absolute;
                top: 50%;
                left: -24px;
                display: block;
                width: 24px;
                height: 1px;
                background: #C6C6C6
            }

        .diagram_japan .typeMB .list2 {
            margin-top: 20px;
            padding: 0 25px;
        }

        .diagram_japan .typeMB .list3 {
            margin-top: 20px;
            padding: 0 25px;
        }

        .diagram_japan .typeMB .list1:after {
            content: '';
            position: absolute;
            top: 25px;
            left: 0.5px;
            display: block;
            width: 1px;
            height: 50px;
            background: #C6C6C6
        }

        .diagram_japan .list1 .chart1 > li:before {
            content: '';
            display: block;
            width: 1px;
            height: calc(100% + 20px);
            top: 0;
            background: #C6C6C6;
            left: -24px;
            position: absolute;
        }

        .diagram_japan .list1 .chart1 > li:last-child:before {
            height: calc(50% + 0px);
        }

        .diagram_japan .list1 .chart1 > li:after {
            content: '';
            position: absolute;
            top: 50%;
            left: -24px;
            display: block;
            width: calc(100% + 48px);
            height: 1px;
            background: #C6C6C6
        }

        .diagram_japan .chart1 b.box {
            position: relative;
        }

        .diagram_japan .list2 .chart1 > li:nth-child(2) b.box:before {
            content: '';
            position: absolute;
            top: 25px;
            right: -24px;
            display: block;
            width: 24px;
            height: 1px;
            background: #C6C6C6
        }

        .diagram_japan .list2 .chart1 > li:nth-child(2) b.box:after {
            content: '';
            position: absolute;
            bottom: 25px;
            right: -25px;
            display: block;
            width: 1px;
            height: 150px;
            background: #C6C6C6
        }

        .diagram_japan .txtR .txtBody3 {
            text-align: left;
        }

        .diagram_japan .typeMB .list3 .chart1 .box.green:before {
            content: '';
            display: block;
            width: 1px;
            height: calc(100% + 20px);
            background: #C6C6C6;
            left: 50%;
            position: absolute;
            bottom: 50px;
        }

    .diagram_australia .listWrap3 .list2 > li .txt::after {
        bottom: 102px;
    }

    .diagram_german {
        padding: 30px 25px
    }

        .diagram_german .inner {
            padding: 0 25px;
        }

        .diagram_german .btm_diagram {
            display: block;
            width: 100%;
            margin-left: 0;
        }

            .diagram_german .btm_diagram > ul {
                display: block;
                width: 100%;
                margin-left: 0;
            }

                .diagram_german .btm_diagram > ul + ul {
                    margin-top: 40px;
                }

                .diagram_german .btm_diagram > ul > li:before {
                    display: none;
                }

                .diagram_german .btm_diagram > ul:before {
                    display: none;
                }

                .diagram_german .btm_diagram > ul:after {
                    display: none;
                }

                .diagram_german .btm_diagram > ul > li + li {
                    margin-top: 20px;
                }

        .diagram_german .inner > .box_tit {
            position: relative;
            margin-bottom: 20px;
            max-width: 100%;
        }

            .diagram_german .inner > .box_tit:after {
                content: '';
                display: block;
                width: 1px;
                height: calc(50% + 40px);
                background: #C6C6C6;
                position: absolute;
                left: -24px;
                top: 50%;
            }

            .diagram_german .inner > .box_tit:before {
                content: '';
                display: block;
                width: 24px;
                height: 1px;
                background: #C6C6C6;
                position: absolute;
                left: -24px;
                top: 50%;
                margin-top: -1px;
            }

        .diagram_german .btm_diagram > ul > li:first-child:before {
            content: '';
            display: block;
            width: 24px;
            height: 1px;
            background: #C6C6C6;
            position: absolute;
            left: -24px;
            top: 50%;
            margin-top: -1px;
        }

        .diagram_german .btm_diagram .box_tit.green {
            position: relative;
        }

            .diagram_german .btm_diagram .box_tit.green:before {
                content: '';
                display: block;
                width: 24px;
                height: 1px;
                background: #C6C6C6;
                position: absolute;
                left: -24px;
                top: 50%;
                margin-top: -1px;
            }

        .diagram_german .btm_diagram > ul:before {
            content: '';
            display: block;
            width: 1px;
            height: calc(100% + 40px);
            background: #C6C6C6;
            position: absolute;
            left: -24px;
            top: -40px;
        }

        .diagram_german .btm_diagram > ul.list3 > li:first-child:after {
            content: '';
            display: block;
            width: 1px;
            height: calc(50% + 40px);
            background: #C6C6C6;
            position: absolute;
            left: -24px;
            bottom: 50%;
        }

        .diagram_german .txtR .txtBody3 {
            text-align: left;
        }

        .diagram_german .btm_diagram > ul.list1 > li:nth-child(2):before {
            content: '';
            display: block;
            width: 1px;
            height: 20px;
            background: #C6C6C6;
            position: absolute;
            left: 50%;
            top: -20px;
            margin-left: -.5px;
        }

        .diagram_german .btm_diagram > ul.list1 > li:nth-child(3):before {
            content: '';
            display: block;
            width: 1px;
            height: 20px;
            background: #C6C6C6;
            position: absolute;
            left: 50%;
            top: -20px;
            margin-left: -.5px;
        }

        .diagram_german .btm_diagram > ul.list2 > li:nth-child(2):before {
            content: '';
            display: block;
            width: 1px;
            height: 20px;
            background: #C6C6C6;
            position: absolute;
            left: 50%;
            top: -20px;
            margin-left: -.5px;
        }

        .diagram_german .btm_diagram > ul.list2 > li:nth-child(3):before {
            content: '';
            display: block;
            width: 1px;
            height: 20px;
            background: #C6C6C6;
            position: absolute;
            left: 50%;
            top: -20px;
            margin-left: -.5px;
        }

        .diagram_german .btm_diagram > ul.list3 > li:nth-child(2):before {
            content: '';
            display: block;
            width: 1px;
            height: 20px;
            background: #C6C6C6;
            position: absolute;
            left: 50%;
            top: -20px;
            margin-left: -.5px;
        }



    .businessPolicy .groupCont .division .headLine3 {
        margin-top: 20px;
    }

    .linkLineBox {
        padding: 25px;
    }

        .linkLineBox .txtList > li {
            width: 50%;
        }

            .linkLineBox .txtList > li:nth-child(n+3) {
                margin-top: 10px;
            }

    .autodiagProfessional_career .linkLineBox {
        margin-bottom: 45px;
    }

    /* 응시자격서류온라인제출 */
    .onlineSubmitDoc .groupCont .division ~ .division {
        padding-top: 30px;
    }

    .onlineSubmitDoc .onlineFlowBox {
        height: auto;
        padding: 30px 20px;
    }

        .onlineSubmitDoc .onlineFlowBox .topLine > ul {
            display: block;
        }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul > li ~ li {
                margin-top: 40px;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li .txtBody1 {
                min-height: 80px;
                display: flex;
                align-items: center;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li .ico {
                position: absolute;
                left: 0;
                text-align: left;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li .txtBody1 {
                text-align: left;
                padding-left: 95px
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type1 {
                position: relative;
                top: 0;
                left: 0;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2 {
                position: relative;
                top: 0;
                left: 0;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type1:before {
                content: '';
                display: block;
                width: 41px;
                height: 1px;
                background: #d1d1d1;
                position: absolute;
                top: 50%;
                left: -40px;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2:before {
                content: '';
                display: block;
                width: 41px;
                height: 1px;
                background: #d1d1d1;
                position: absolute;
                top: 50%;
                left: -40px;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea {
                display: inline-block;
                vertical-align: top;
                padding: 16px;
                background: #E5F1FB;
                border-radius: 10px;
                margin-left: 80px;
            }

                .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2 {
                    right: auto;
                    transform: none;
                }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul:before {
                width: 1px;
                height: 100%;
                left: 40px;
                top: 0;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type1:after {
                top: 16px;
                height: calc(calc(100% - 30px))
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea.type2:after {
                top: 16px;
                height: calc(calc(100% - 30px))
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul li.abTxt {
                left: 60px;
                margin-top: 33px;
            }

            .onlineSubmitDoc .onlineFlowBox .topLine > ul > .abTxt + li {
                margin-top: 100px;
            }

    .diagram_uk1 {
        padding: 30px 50px;
    }

        .diagram_uk1 .inner > .box_tit {
            position: relative;
            left: 0;
            width: 100%;
            max-width: 100%;
            margin-bottom: 20px;
        }

        .diagram_uk1 .list1 {
            display: block;
            width: 100%;
            margin-left: 0;
        }

            .diagram_uk1 .list1 > li {
                width: 100%;
                margin-left: 0;
            }

                .diagram_uk1 .list1 > li + li {
                    margin-top: 20px;
                }

        .diagram_uk1 .list2 {
            margin-top: 20px;
        }

        .diagram_uk1 .inner > .box_tit:before {
            width: 24px;
            height: 1px;
            left: -24px;
            top: 25px;
        }

        .diagram_uk1 .list1 > li:before {
            width: 24px;
            height: 1px;
            left: -24px;
            top: 25px;
        }

        .diagram_uk1 .list1 > li:after {
            left: -24px;
            height: calc(100% + 24px)
        }

        .diagram_uk1 .list1 > li:nth-child(4):after {
            content: '';
            position: absolute;
            top: 25px;
            left: -24px;
            display: block;
            width: 24px;
            height: 1px;
            background: #C6C6C6
        }

        .diagram_uk1 .list1 > li:nth-child(4):before {
            content: '';
            position: absolute;
            top: -24px;
            left: -24px;
            display: block;
            width: 1px;
            height: 50px;
            background: #C6C6C6
        }

        .diagram_uk1 .list1 > li:nth-child(2):after {
            height: calc(100% + 48px)
        }

        .diagram_uk1 .inner > .box_tit:after {
            content: '';
            display: block;
            width: 1px;
            height: 50px;
            position: absolute;
            left: -24px;
            top: 25px;
            background: #c6c6c6
        }

        .diagram_uk1 .list2 > li + li {
            margin-top: 20px;
        }

        .diagram_uk1 .list2 .box_tit {
            position: relative;
        }

            .diagram_uk1 .list2 .box_tit:before {
                content: '';
                display: block;
                width: 1px;
                height: 20px;
                position: absolute;
                left: 50%;
                top: -20px;
                background: #c6c6c6
            }

    .diagram_uk2 .inner {
        display: block;
        padding: 30px 50px 0 50px;
    }

    .diagram_uk2 {
        padding: 0;
    }

        .diagram_uk2 .txtR .txtBody3 {
            padding: 0 25px 30px 25px
        }

        .diagram_uk2 .inner > .box_tit {
            width: 100%;
            margin-right: 0;
            margin-bottom: 20px;
        }

        .diagram_uk2 .inner > .list1 {
            display: flex;
            width: 100%;
            flex-direction: column;
            flex-wrap: wrap;
        }

            .diagram_uk2 .inner > .list1 > li {
                width: 100%;
                margin-left: 0;
            }

                .diagram_uk2 .inner > .list1 > li:nth-child(1) {
                    order: 1;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(2) {
                    order: 5;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(3) {
                    order: 6;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(4) {
                    order: 2;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(5) {
                    order: 3;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(6) {
                    order: 4;
                }

                .diagram_uk2 .inner > .list1 > li + li {
                    margin-top: 20px;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(n+4) {
                    margin-top: 20px;
                }

                .diagram_uk2 .inner > .list1 > li:nth-child(1) .box_tit {
                    height: 50px;
                }

        .diagram_uk2 .txtR .txtBody3 {
            text-align: left;
        }

        .diagram_uk2 .inner > .list1 > li .box {
            height: auto !important;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(2) .box_tit {
            height: 50px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(3) .box_tit {
            height: 50px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(4) .box_tit {
            height: 50px;
        }

        .diagram_uk2 .inner > .box_tit:before {
            content: '';
            display: block;
            width: 24px;
            height: 1px;
            background: #c6c6c6;
            position: absolute;
            left: -24px;
            top: 25px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(4):before {
            height: 20px;
            top: -20px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(5):before {
            content: '';
            display: block;
            width: 1px;
            height: 20px;
            background: #c6c6c6;
            position: absolute;
            left: 50%;
            top: -20px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(6):before {
            content: '';
            display: block;
            width: 1px;
            height: 20px;
            background: #c6c6c6;
            position: absolute;
            left: 50%;
            top: -20px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(2) {
            margin-top: 40px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(3) {
            margin-top: 40px;
        }

        .diagram_uk2 .inner > .list1 > li:before {
            width: 24px;
            left: -24px;
        }

        .diagram_uk2 .inner > .list1 > li:after {
            content: '';
            display: block;
            width: 1px;
            left: -24px;
            height: calc(100% + 48px);
            position: absolute;
            background: #c6c6c6;
            top: -25px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(3) .box_tit:after {
            content: '';
            display: block;
            width: 1px;
            top: auto;
            bottom: 25px;
            height: 110px;
            position: absolute;
            background: #c6c6c6;
            left: -24px;
        }

        .diagram_uk2 .inner > .list1 > li:nth-child(3):after {
            display: none;
        }

        .diagram_uk2 .inner > .box_tit:after {
            content: '';
            display: block;
            width: 1px;
            top: auto;
            top: 25px;
            height: 110px;
            position: absolute;
            background: #c6c6c6;
            left: -24px;
        }


    /* 사후환불 신청서 */
    .pop_afterRefund .inputSide .txtSide .tit {
        width: 100%;
        margin-bottom: 8px;
        display: block;
    }

    .pop_afterRefund .inputSide .txtSide {
        width: 100%;
    }

    .pop_afterRefund .inputSide .btn_confirm {
        width: 100%;
        height: 55px;
        position: relative;
        right: auto;
        margin-left: 0;
        margin-top: 20px;
    }

    .pop_afterRefund .contTable.mbRow.typeRow .optSchArea .inpArea .selectBase {
        margin-right: 8px;
    }

    .pop_afterRefund .inputSide .txtSide .inpArea .btn_sch {
        width: 80px;
    }

    .pop_afterRefund .inputSide .txtSide .inputBase {
        max-width: 100% !important;
    }

    .fileFormArea {
        width: 100%;
    }

    /* 코로나19환불신청 */
    .pop_covidRefund .refundBox {
        padding: 20px;
        margin-top: 15px;
    }

    .pop_covidRefund .inputSide .tit {
        width: 130px;
    }

    .pop_covidRefund .optSchArea .inpArea .selectBase {
        margin-right: 8px;
    }

    .lineSelectForm {
        padding: 12px 20px;
    }

        .lineSelectForm ul > li {
            display: block;
        }

            .lineSelectForm ul > li .opt_tit {
                margin-right: 0;
                margin-bottom: 5px;
            }

            .lineSelectForm ul > li .opt_cont .inputBox {
                margin-top: 0;
                margin-bottom: 0;
            }

    .numLineBox {
        padding: 20px;
    }

        .numLineBox .halfType > div > ul > li:not(:last-child):before {
            display: none;
        }

        .numLineBox .halfType {
            position: relative;
        }

            .numLineBox .halfType:before {
                content: '';
                display: block;
                width: 1px;
                height: calc(100% - 40px);
                background: #D1D1D1;
                position: absolute;
                left: 20px;
                top: 0;
            }

    .languageGrades .w_level {
        display: block;
    }

        .languageGrades .w_level .level {
            margin-right: 0;
        }

            .languageGrades .w_level .level ~ .level {
                margin-top: 10px;
            }

            .languageGrades .w_level .level .opt_tit {
                width: 55px;
                margin-right: 10px;
            }

    .customizeInfo .customizeBox .box {
        padding: 30px;
    }

        .customizeInfo .customizeBox .box .btn {
            margin-top: 25px;
            right: auto;
        }

        .customizeInfo .customizeBox .box .ico img {
            transform: scale(.8);
            transform-origin: bottom;
        }

    .logoList > li {
        width: calc(50% - 30px);
    }

        .logoList > li:nth-child(n+3) {
            margin-top: 40px;
        }

    .api_info_list > li {
        display: block;
    }

        .api_info_list > li .img {
            width: auto;
            margin-top: 20px;
        }

        .api_info_list > li .cont .num {
            width: 30px;
            height: 30px;
            font-size: 16px;
        }

        .api_info_list > li .cont {
            padding-left: 40px;
        }

        .api_info_list > li .tit {
            font-size: 18px;
            margin-bottom: 10px;
        }

    .pop_disabledInfo .grayBoxList {
        padding: 20px;
    }

    .acquisitionInquery .grayBoxList {
        padding: 20px;
        margin-bottom: 20px;
    }

        .acquisitionInquery .grayBoxList p.txtAlert {
            margin: 0;
        }

    /*로그아웃*/
    .pop_logout .logoutCount {
        padding: 20px 20px 15px 20px;
    }

    .pop_logout .btnArea {
        margin-top: 25px;
    }

    /* 240716 */
    .remoteSupport .serviceCont {
        display: block;
    }

        .remoteSupport .serviceCont .right {
            width: auto;
            max-width: 632px;
            margin: 0 auto;
        }

    /* 정오표 */
    .jeongoWrap .loginForm {
        display: block
    }

    .jeongoWrap .loginForm {
        padding-top: 50px;
    }

        .jeongoWrap .loginForm div {
            width: 100%;
        }

        .jeongoWrap .loginForm .leftArea {
            padding: 0;
            text-align: center;
            padding-bottom: 40px;
        }

            .jeongoWrap .loginForm .leftArea .ciImg {
                width: 300px;
                margin-bottom: 30px;
            }

            .jeongoWrap .loginForm .leftArea .headLine3 {
                margin-bottom: 20px;
                margin-top: 0;
            }

    .jeongoWrap .loginForm {
        padding-bottom: 40px;
    }

        .jeongoWrap .loginForm .rightArea {
            padding-top: 0;
        }

    .contViewPage {
        padding-top: 20px;
    }

        .contViewPage .headLine2 {
            margin-bottom: 10px;
        }

        .contViewPage .headLine3 {
            margin-bottom: 5px;
        }

        .contViewPage .contTable {
            margin-top: 12px;
        }

        .contViewPage .contItem:nth-of-type(n+2) {
            margin-top: 30px;
        }

    .jeongoHeader .backBtn {
        top: 25px;
    }

    /* 온라인 도움말 */
    .onlinehelp .division .txt,
    .onlinehelp .division .img {
        padding-right: 20px;
    }

    .onlinehelp .cont .division .txt p span {
        display: block;
        font-size: 14px;
    }

    .onlinehelp .cont .division ~ .division,
    .onlinehelp .cont .division > .division_bx ~ .division_bx {
        padding-top: 45px;
    }

    .onlinehelp .cont .division:not(:first-of-type) .headLine3 {
        margin-bottom: 12px;
    }

    .onlinehelp_9 .cont > .txtList.dot > li::before {
        top: 10px;
    }

    .onlinehelp .cont .headLine3 {
        line-height: 30px;
    }

        .onlinehelp .cont .headLine3 .onlinehelp_tit {
            line-height: 30px;
        }

    .onlinehelp .cont .division:not(:first-of-type) .headLine3 br {
        display: none;
    }

    /* 240923 - 국가자격종목별 상세 게시글 스타일 추가 */
    .whiteBox {
        display: block;
    }

        .whiteBox .left {
            width: 100%;
        }

        .whiteBox .right {
            width: 100%;
        }
}


@media only screen and (max-width:900px) {
    /* 공통 */
    .optSchArea {
        flex-wrap: wrap;
    }

        .optSchArea .selectBase {
            width: 100%;
            margin-bottom: 8px;
        }

    .multiInputArea {
        flex-direction: column;
        width: 100%;
    }

        .multiInputArea .selectBase,
        .multiInputArea .inputBase {
            width: 100%;
            margin-right: 0;
        }

            .multiInputArea .selectBase ~ .selectBase {
                margin-top: 10px;
            }

            .multiInputArea .inputBase ~ .inputBase {
                margin-top: 10px;
            }

    .optSchArea .inpArea {
        margin-left: 0;
    }

        .optSchArea .inpArea .opt_tit {
            margin-right: 15px;
        }

        .optSchArea .inpArea .txtBody1 {
            margin-right: 15px;
        }


    /* Chart */
    .chart_warp {
        padding: 30px 20px 30px 20px;
    }

    .chart_area {
        padding-bottom: 60%;
    }

    /* 단체 원서 접수현황 */
    .eventState .eventTit .contTit1 {
        padding-right: 10px;
        margin-right: 10px;
    }

    /* 종목 검색 팝업 */
    .pop_searchItem .selectItemArea {
        margin-top: 20px;
        padding: 20px 0;
        max-height: 35vh;
        max-height: 35dvh;
    }

        .pop_searchItem .selectItemArea .schList > li > a {
            padding: 12px 0;
        }

    .pop_searchItem .optSchArea .inpArea {
        margin-left: 0;
    }

    /* NCS 능력단위 검색 */
    .optSchArea.typeDivision .inpArea .opt_s {
        width: 100%;
    }

        .optSchArea.typeDivision .inpArea .opt_s .inputBase {
            height: 40px;
        }

        .optSchArea.typeDivision .inpArea .opt_s:nth-child(n+2) {
            margin-top: 5px;
        }

        .optSchArea.typeDivision .inpArea .opt_s .inputBase {
            font-size: 16px;
            padding: 0 13px;
        }

    .programOpt .total {
        font-size: 20px;
    }

    .pop_searchNCS.pop_wrap .contTable.mbRow2 td .mSort {
        width: 115px;
    }

        .pop_searchNCS.pop_wrap .contTable.mbRow2 td .mSort br {
            display: block;
        }

    .searchNCS .optSchArea.typeDivision.type2 .inpArea .opt_s {
        width: 100%;
    }

    /* 사이트맵 */
    #sitemap_gnb {
        padding-top: 10px;
    }

        #sitemap_gnb > li {
            padding-bottom: 30px;
        }

            #sitemap_gnb > li > a {
                font-size: 32px;
            }

            #sitemap_gnb > li:nth-of-type(n+2) {
                padding-top: 30px;
            }

            #sitemap_gnb > li > .menuM {
                margin-top: -30px;
            }

                #sitemap_gnb > li > .menuM > li {
                    margin-top: 30px;
                }

                    #sitemap_gnb > li > .menuM > li > a {
                        font-size: 20px;
                    }

                    #sitemap_gnb > li > .menuM > li > .menuS {
                        margin-top: 8px;
                    }

                    #sitemap_gnb > li > .menuM > li:nth-child(even) {
                        padding-right: 0;
                    }

    /* 통합검색 */
    .totalSch .resultInfo {
        font-size: 28px;
    }

    .totalSch .totalSch_top {
        padding-top: 20px;
    }

    .totalSch .schOptArea {
        padding-bottom: 20px;
    }

    .totalSch .total_schArea fieldset {
        height: 45px;
    }

        .totalSch .total_schArea fieldset .inpArea:before {
            height: 25px;
        }

        .totalSch .total_schArea fieldset .inpArea input {
            font-size: 15px;
            padding: 0 15px;
            width: calc(100% - 50px)
        }

        .totalSch .total_schArea fieldset .inpArea button {
            height: 45px;
            width: 50px;
            background-size: 20px auto;
        }

        .totalSch .total_schArea fieldset select {
            width: 100px;
            font-size: 15px;
            padding-left: 15px;
            padding-right: 25px;
            background-position: right 15px top 50%;
        }

    .totalSch .schOptArea {
        margin-top: 23px;
    }

        .totalSch .schOptArea .sch_opt {
            display: flex;
            padding-left: 0;
            flex-wrap: wrap;
        }

            .totalSch .schOptArea .sch_opt .opt_tit {
                position: relative;
                left: 0;
                top: 0;
                display: block;
                width: 100%;
            }

            .totalSch .schOptArea .sch_opt > a {
                padding: 2px 25px 2px 10px;
                font-size: 13px;
                margin-right: 5px;
                margin-top: 5px;
            }

        .totalSch .schOptArea .sch_opt {
            margin-top: -5px;
        }

        .totalSch .schOptArea .sch_etcOpt .btn_detailView {
            width: 120px;
            height: 35px;
        }

    .totalSch .schDetailArea {
        padding-top: 5px;
    }

        .totalSch .schDetailArea .opt_area {
            flex-wrap: wrap;
        }

            .totalSch .schDetailArea .opt_area .opt_tit {
                width: 100%;
                margin-bottom: 10px;
            }

            .totalSch .schDetailArea .opt_area .optWrap .period {
                display: flex;
                align-items: center;
                margin-right: 0;
                width: 100%;
                flex-wrap: wrap;
            }

                .totalSch .schDetailArea .opt_area .optWrap .period span {
                    width: 20px;
                    text-align: center;
                }

                .totalSch .schDetailArea .opt_area .optWrap .period input {
                    width: calc(50% - 10px)
                }

            .totalSch .schDetailArea .opt_area .optWrap .inputBox {
                margin-right: 0;
                width: 50%;
                margin-right: 0 !important;
                margin-top: 3px !important;
                margin-bottom: 3px !important;
            }

                .totalSch .schDetailArea .opt_area .optWrap .inputBox:nth-child(n+3) {
                    margin-top: 10px;
                }

            .totalSch .schDetailArea .opt_area .optWrap .month > button {
                width: 70px;
                height: 40px;
            }

    .totalSch .titArea {
        display: block;
    }

        .totalSch .titArea .opt {
            justify-content: flex-end;
            margin-bottom: 15px;
            margin-top: 10px;
        }

    .totalSch .resultGrp .resultArea > ul > li {
        padding: 15px 0;
    }

    .totalSch .titArea .opt .selectBase {
        width: 122px;
        height: 43px;
        margin-right: 10px;
    }

    .totalSch .titArea > .contTit1 {
        padding-right: 0;
        padding-top: 0;
    }

    .totalSch .resultGrp .resultArea > ul > li > a .tit {
        margin-bottom: 6px;
    }

    .totalSch .resultGrp .resultArea > ul > li > a .cont {
        font-size: 15px;
    }

    .totalSch .resultGrp .resultArea > ul > li > a .navi {
        font-size: 14px;
        margin-top: 5px;
    }

    .totalSch .resultGrp:nth-of-type(n+2) {
        margin-top: 50px;
    }

    .totalSch .totalSch_etc {
        margin-top: 50px;
    }

    .totalSch .totalTabArea {
        display: block;
    }

        .totalSch .totalTabArea > ul {
            display: block;
            white-space: nowrap;
            overflow-x: auto;
        }

            .totalSch .totalTabArea > ul > li {
                flex: inherit;
                display: inline-block;
                vertical-align: top;
                padding-bottom: 10px;
            }

                .totalSch .totalTabArea > ul > li a {
                    padding: 0 15px;
                }

    /* NCS 능력단위 검색 */
    .programOpt.typeBoth {
        display: block;
    }

        .programOpt.typeBoth .optL {
            margin-bottom: 3px;
            ;
        }

    /* 사이트맵 */
    #sitemap_gnb > li > .menuM > li {
        width: 50%;
    }

    /* 아이디찾기/비밀번호 재설정 */
    .settingPW .settingForm .formInput > .guide .tit {
        width: 100%;
        margin-bottom: 5px;
    }

    .settingPW .settingForm .guideTxt {
        padding-left: 0;
    }

    .settingPW .settingForm .formInput > .guide {
        display: block;
    }

    .settingPW .findList > li {
        width: calc(50% - 5px);
        margin-right: 10px;
    }

        .settingPW .findList > li:nth-child(n+3) {
            margin-top: 10px;
        }

        .settingPW .findList > li:nth-child(even) {
            margin-right: 0;
        }

    /* 답안지 열람신청 */
    .answerOpen .groupCont .division .agreeBox .txtBody1 + .contTable {
        margin-top: 20px;
    }

    .answerOpen .groupCont .division .agreeBox .agreeCont {
        padding-bottom: 25px;
    }

    /* 지역별 자격현황 */
    .statusByRegion .defaultSearchOptBox .optList .opt {
        display: block;
    }

        .statusByRegion .defaultSearchOptBox .optList .opt .tit {
            margin-bottom: 7px;
        }

    .statusByRegion .regionSchWrap .area {
        flex-wrap: wrap;
    }

    .statusByRegion .regionSchWrap .periodArea .area .period ~ .period {
        margin-left: 20px;
    }

    /* 마이페이지 - 원서접수내역 */
    .appliCancel .appArea button {
        margin-top: 5px;
        margin-bottom: 5px;
        ;
    }

    .appliCancel .appArea ~ .baseBtn.middle_box {
        margin-top: 5px !important;
    }

    .appliCancel .fastIdentity {
        display: block;
        width: 100%;
    }

        .appliCancel .fastIdentity .baseBtn.middle_box {
            width: 100%;
            margin-top: 10px;
        }

            .appliCancel .fastIdentity .baseBtn.middle_box > .base {
                min-width: inherit;
                width: 100%;
            }
}


@media only screen and (max-width:768px) {
    .pop_applyLocation .allocation {
        flex-direction: column;
    }

        .pop_applyLocation .allocation .rowBtn {
            width: 100%;
            margin-top: 20px;
            margin-bottom: 20px;
        }

            .pop_applyLocation .allocation .rowBtn .contTable table th {
                height: 48px
            }

            .pop_applyLocation .allocation .rowBtn .contTable table tbody td {
                height: 48px;
            }

            .pop_applyLocation .allocation .rowBtn .btn {
                display: flex;
                flex-wrap: wrap;
                top: 0;
                padding: 0;
            }

                .pop_applyLocation .allocation .rowBtn .btn > .baseBtn {
                    width: calc(50% - 5px);
                }

                    .pop_applyLocation .allocation .rowBtn .btn > .baseBtn:nth-child(n+3) {
                        margin-top: 10px;
                    }

            .pop_applyLocation .allocation .rowBtn .baseBtn + .baseBtn {
                margin-top: 0
            }

            .pop_applyLocation .allocation .rowBtn .btn > .baseBtn:nth-child(odd) {
                margin-right: 10px;
            }

            .pop_applyLocation .allocation .rowBtn .btn .baseBtn > span {
                background: inherit;
                border-radius: 0;
                display: inline-block;
                vertical-align: top;
                width: auto;
                border: 0;
                line-height: 40px;
                padding-left: 0;
                padding-right: 22px;
                min-width: auto;
            }

            .pop_applyLocation .allocation .rowBtn .btn > .baseBtn.next,
            .pop_applyLocation .allocation .rowBtn .btn > .baseBtn.next2 {
                background: var(--second);
                border-radius: 8px;
            }

            .pop_applyLocation .allocation .rowBtn .btn > .baseBtn.prev2,
            .pop_applyLocation .allocation .rowBtn .btn > .baseBtn.prev {
                background: #fff;
                border: 1px solid #8E8E8E;
                color: #000;
                border-radius: 8px;
            }

            .pop_applyLocation .allocation .rowBtn .btn .baseBtn > span:before {
                transform: rotate(90deg);
                top: 0;
                margin-top: 14px;
                right: 0;
            }

        .pop_applyLocation .allocation .prev > span:before {
            left: 0;
        }

        .pop_applyLocation .allocation .prev2 > span:before {
            left: 0;
        }

        .pop_applyLocation .allocation .rowBtn .btn > .baseBtn.prev2 > span,
        .pop_applyLocation .allocation .rowBtn .btn > .baseBtn.prev > span {
            padding-left: 22px;
            padding-right: 0;
        }

        .pop_applyLocation .allocation .rowBtn .btn .baseBtn.next > span:before {
            margin-top: 12px;
        }

        .pop_applyLocation .allocation .rowBtn .btn .baseBtn.prev > span:before {
            margin-top: 12px;
        }

    .qualifiChanges .downCont {
        display: block;
    }

        .qualifiChanges .downCont .cont {
            padding-right: 0;
        }

        .qualifiChanges .downCont .btn {
            margin-top: 10px;
        }

    .itemInformation .itemImg {
        width: 260px;
    }

        .itemInformation .itemImg .img img {
            height: 90px;
        }

    .findInfo .w_tel > select:first-of-type {
        margin-right: 5px;
        min-width: 80px;
    }

    .logoList {
        width: 100%;
        margin-left: 0;
    }

        .logoList > li {
            width: 100%;
            margin-left: 0;
        }

            .logoList > li:nth-child(n+2) {
                margin-top: 40px;
            }

            .logoList > li .info {
                margin-top: 15px;
            }

                .logoList > li .info .tit {
                    font-size: 22px;
                }

                .logoList > li .info .txt {
                    padding-top: 5px;
                    font-size: 16px;
                }

    /* 로그인 */
    .loginPage .loginBox {
        padding: 0;
    }

        .loginPage .loginBox .form {
            position: relative;
            width: 100%;
            padding: 30px 25px;
        }

        .loginPage .loginBox:before {
            display: none;
        }

        .loginPage .loginBox .form.typeInform:before {
            content: '';
            display: block;
            width: calc(100% - 50px);
            height: 1px;
            top: auto;
            top: 0;
            left: 25px;
            position: absolute;
            background: #D1D1D1;
        }

        .loginPage .loginBox .form .contTit {
            margin-bottom: 15px;
        }

    .loginPage .formInput + .formInput {
        margin-top: 10px;
    }

    .loginPage .loginBox .btnArea {
        margin-top: 20px;
    }

        .loginPage .loginBox .btnArea.add {
            margin-top: 15px;
        }

            .loginPage .loginBox .btnArea.add .baseBtn {
                width: calc(50% - 5px)
            }

        .loginPage .loginBox .btnArea > .baseBtn > .base {
            padding: 0 10px
        }

        .loginPage .loginBox .btnArea.add .baseBtn:nth-child(n+2) {
            margin-top: 0;
        }

        .loginPage .loginBox .btnArea.add .baseBtn:nth-child(n+3) {
            margin-top: 10px;
        }

        .loginPage .loginBox .btnArea.add .baseBtn:nth-child(odd) {
            margin-right: 10px;
        }

    .loginPage .loginBox .typeInform .contTit br {
        display: none;
    }

    .loginPage .loginBox .typeInform .btnArea.add {
        margin-top: 20px;
    }

    .loginPage .loginBox .typeInform .btnArea {
        margin-top: 20px;
    }

        .loginPage .loginBox .typeInform .btnArea.add {
            margin-top: 15px;
        }

    .loginPage .loginBox + .txtBody1 br {
        display: none;
    }

    .loginPage.typeGroup .loginBox .typeInform .btnArea.add {
        margin-top: 20px
    }



    /* 아이디찾기/비밀번호 재설정 */
    .findInfo .findBox {
        padding: 0;
    }

        .findInfo .findBox .form {
            position: relative;
            width: 100%;
            padding: 30px 25px;
        }

        .findInfo .findBox:before {
            display: none;
        }

        .findInfo .findBox .form.find2:before {
            content: '';
            display: block;
            width: calc(100% - 50px);
            height: 1px;
            top: auto;
            top: 0;
            left: 25px;
            position: absolute;
            background: #D1D1D1;
        }

        .findInfo .findBox .form .contTit {
            margin-bottom: 15px;
        }

        .findInfo .findBox .findList > li {
            height: 75px;
        }

        .findInfo .findBox .form .contTit {
            font-size: 26px;
            margin-bottom: 10px;
        }

        .findInfo .findBox .findList {
            width: calc(100% + 10px);
            margin-left: -10px;
        }

            .findInfo .findBox .findList > li {
                width: calc(50% - 10px);
                margin-left: 10px;
            }

                .findInfo .findBox .findList > li:nth-child(n+3) {
                    margin-top: 10px;
                }

        .findInfo .findBox select {
            flex: 1;
            margin-right: 7px;
        }

            .findInfo .findBox select:last-child {
                margin-right: 0;
            }

    /* 마이페이지 - 원서접수내역 */
    .pop_refund .contTable table colgroup col:nth-child(1) {
        width: 110px !important
    }

    .pop_refund .txtBody1 br {
        display: none;
    }

    /* 회원가입 */
    .join_select .selectArea {
        display: block;
    }

        .join_select .selectArea .over {
            margin-right: 0px
        }

        .join_select .selectArea > .selectCont {
            width: 100%;
            height: 180px;
            padding: 30px;
            border-radius: 30px;
            background-position: bottom 30px right 30px;
            background-size: auto 70px;
        }

            .join_select .selectArea > .selectCont + .selectCont {
                margin-top: 15px;
            }

    .join_select .stepArea {
        margin-bottom: 20px;
    }

    .pop_agree_essentail1 .popLayout .popConts .popInner {
        max-height: calc(100vh - 260px);
        max-height: calc(100dvh - 260px);
    }

    .pop_agree_essentail2 .popLayout .popConts .popInner {
        max-height: calc(100vh - 260px);
        max-height: calc(100dvh - 260px);
    }

    .pop_agree_essentail3 .popLayout .popConts .popInner {
        max-height: calc(100vh - 260px);
        max-height: calc(100dvh - 260px);
    }

    .pop_agree_info .popLayout .popConts .popInner {
        max-height: calc(100vh - 260px);
        max-height: calc(100dvh - 260px);
    }

    .pop_agree_info2 .popLayout .popConts .popInner {
        max-height: calc(100vh - 260px);
        max-height: calc(100dvh - 260px);
    }

    .examCal .month_top {
        flex-wrap: wrap;
    }

    .examCal .schGrp {
        width: 100%;
    }

    .examCal .roundBtnGrp {
        width: 100%;
        justify-content: space-between;
    }

    .examCal .schGrp .inputBase {
        width: 100%;
        margin-top: 10px;
    }

    .examCal .roundBtnGrp .btn_cal {
        width: 85px;
    }

    .examCal .schGrp .btnSch {
        top: 25px;
    }

    /* 사진 편집 */
    .imgEdit .editArea {
        width: 182px;
    }

        .imgEdit .editArea .mem_photo {
            width: 182px;
            height: auto;
        }

        .imgEdit .editArea .baseBtn.middle_box > .base {
            padding: 0 10px;
        }

        .imgEdit .editArea.after {
            width: 180px;
        }

            .imgEdit .editArea.after .mem_photo {
                width: 90px;
                height: 118px;
            }

    .pop_registerImg .infoArea {
        padding-top: 20px;
    }

        .pop_registerImg .infoArea .contTit1 {
            margin-bottom: 10px;
        }

    .typeState .sideR {
        position: relative;
        justify-content: flex-end;
    }

        .typeState .sideR .inputBtnArea {
            flex: 1;
        }

    .typeState .schQualForm .qulList_lv1 .list > li {
        width: 50%
    }


    /* 전문자격 - 자격정보 */
    .examInformation .itemInformation {
        margin-bottom: 30px;
    }

    .examInformation .contTit1 {
        margin-top: 25px !important;
    }

    .examInformation .txtBody1.dot + p.txtBody1 {
        padding-left: 13px;
        padding-top: 5px;
    }

    .examInformation .txtBody1.dot:before {
        top: 9px;
    }

    /* 자가진단 */
    .stepLineBox .boxArrList {
        flex-direction: column;
        align-items: center;
    }

        .stepLineBox .boxArrList > li {
            min-height: inherit;
            width: 100%;
            padding: 20px;
        }

        .stepLineBox .boxArrList .arrR {
            transform: rotate(90deg);
            margin-top: 10px;
            margin-bottom: 10px;
        }

    .examBasicInfo .grayBoxList .halfList {
        display: block;
    }

        .examBasicInfo .grayBoxList .halfList .txtList ~ .txtList {
            margin-top: 7px;
        }

    .acquisitionInquery .optList {
        display: block;
    }

    .acquisitionInquery .defaultSearchOptBox .optList .opt {
        display: block;
    }

    .acquisitionInquery .defaultSearchOptBox .optList > li {
        width: 100%;
    }

        .acquisitionInquery .defaultSearchOptBox .optList > li ~ li {
            width: 100%;
            margin-top: 10px;
        }

    .acquisitionInquery .defaultSearchOptBox .optList .opt .tit {
        margin-bottom: 7px;
    }

    /*정오표*/
    .jeongoWrap {
        padding: 0 20px 50px 20px;
    }

        .jeongoWrap .loginForm .rightArea .inputFrom .optSchArea {
            width: 100%;
        }

        .jeongoWrap .loginForm .leftArea .ciImg {
            width: 200px;
        }

        .jeongoWrap .loginForm .leftArea .headLine3 {
            margin-bottom: 10px;
            word-break: keep-all;
        }

        .jeongoWrap .loginForm .leftArea .txtBody1 {
            word-break: keep-all;
        }

        .jeongoWrap .loginForm .rightArea .inputFrom:nth-of-type(n+2) {
            margin-top: 10px;
        }

        .jeongoWrap .loginForm .rightArea .inputFrom .tit {
            width: 100%;
        }

        .jeongoWrap .loginForm .rightArea .inputFrom .selectBase,
        .jeongoWrap .loginForm .rightArea .inputFrom .inputBase {
            width: 100%;
            margin-top: 3px;
        }

        .jeongoWrap .loginForm .rightArea .inputFrom .IDcardNumber {
            width: 100%;
        }

    .jeongoHeader {
        min-height: 70px;
        height: auto;
    }

        .jeongoHeader .jeongoLogo {
            left: 20px;
            width: 73px;
        }

        .jeongoHeader .backBtn {
            right: 20px;
            padding: 3px 10px;
            top: 19px;
        }

            .jeongoHeader .backBtn > .base {
                font-size: 13px;
            }

        .jeongoHeader .headerInner {
            padding: 80px 20px 20px 20px;
        }

        .jeongoHeader .loginInfo {
            padding-top: 0
        }

            .jeongoHeader .loginInfo .txtBody1 {
                word-break: keep-all;
            }

    .tableFileDown p {
        display: block;
        width: 100%;
        margin: 0 0 8px 0;
    }

    .tableFileDown .btn_downBox {
        display: inline-block;
        vertical-align: middle;
    }

    .noticeInfoBox {
        padding: 70px 20px 20px 20px;
        margin-bottom: 20px;
    }

        .noticeInfoBox .iconSVG {
            left: 20px;
            top: 20px;
            width: 35px;
        }

        .noticeInfoBox dt {
            width: 70px;
        }

        .noticeInfoBox dd {
            width: calc(100% - 70px);
        }

    /* 온라인 도움말 공통 */
    .contWrap .contTab ul li a.on {
        font-size: 18px;
    }

    .onlinehelp .contWrap .contTab {
        position: relative;
        border-bottom: 0;
    }

        .onlinehelp .contWrap .contTab:before {
            content: '';
            display: block;
            width: calc(100% + 44px);
            height: 1px;
            background: #DFE0E3;
            position: absolute;
            bottom: 0;
            left: -22px;
        }

        .onlinehelp .contWrap .contTab ul {
            flex-wrap: nowrap;
            white-space: pre;
            overflow-x: auto;
        }

            .onlinehelp .contWrap .contTab ul li {
                margin-bottom: 0;
                margin-right: 20px;
            }

                .onlinehelp .contWrap .contTab ul li a br,
                .onlinehelp .contWrap .contTab ul li:first-child a.on br {
                    display: none;
                }

            .onlinehelp .contWrap .contTab ul li {
                margin-top: 0;
            }

    .contentCbt .contWrap .contTab {
        position: relative;
        border-bottom: 0;
    }

        .contentCbt .contWrap .contTab:before {
            content: '';
            display: block;
            width: calc(100% + 44px);
            height: 1px;
            background: #DFE0E3;
            position: absolute;
            bottom: 0;
            left: -22px;
        }

        .contentCbt .contWrap .contTab ul {
            flex-wrap: nowrap;
            white-space: pre;
            overflow-x: auto;
        }

            .contentCbt .contWrap .contTab ul li {
                margin-bottom: 0;
                margin-right: 20px;
            }

                .contentCbt .contWrap .contTab ul li a br,
                .contentCbt .contWrap .contTab ul li:first-child a.on br {
                    display: none;
                }

            .contentCbt .contWrap .contTab ul li {
                margin-top: 0;
            }

    .onlinehelp .division .txt,
    .onlinehelp .division .img {
        padding-right: 0px;
    }

    .onlinehelp .cont .headLine3 {
        margin-top: 0;
    }

    .onlinehelp .cont .txt ul li .num {
        width: 18px;
        height: 24px;
    }

    .onlinehelp .cont .txt ul li {
        padding: 4px 0 0 28px;
    }

        .onlinehelp .cont .txt ul li:not(:last-child) {
            margin-bottom: 10px;
        }

    .onlinehelp .division .img {
        margin-top: 24px;
    }

    .onlinehelp .cont .division .img img {
        border-radius: 8px;
    }

    .onlinehelp_9 .cont > .txtList.dot {
        margin: -20px 0 24px;
    }

        .onlinehelp_9 .cont > .txtList.dot > li {
            padding-left: 10px;
        }

            .onlinehelp_9 .cont > .txtList.dot > li::before {
                width: 3px;
                height: 3px;
                top: 10px;
            }

    .onlinehelp .contWrap {
        margin-top: 30px;
    }

        .onlinehelp .contWrap .contTab ul li a {
            font-size: 15px !important;
        }

            .onlinehelp .contWrap .contTab ul li a.on {
                font-size: 18px !important;
            }

    .onlinehelp .cont .headLine2 {
        margin-bottom: 25px;
    }

    /* 240911 */
    .groupCont .topNotice.homeGuide a {
        position: static;
        margin-top: 10px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
}



/***** Mobile *****/
@media only screen and (max-width:600px) {
    /* 공통 */
    .contF .help {
        position: unset !important;
    }

        .contF .help .help_cont {
            width: calc(100vw - 50px) !important;
            max-width: calc(100vw - 50px) !important;
            top: 91px !important
        }

    .w_period .inputBase {
        font-size: 15px;
        width: 120px;
        padding: 0 10px;
    }

    .pageTitleArea .typeSch .optSchArea .selectBase

    .optSchArea .opt_tit {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
        ;
    }

    .optSchArea .txtBody1 {
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }

    .optSchArea .opt_tit ~ .inpArea {
        margin-left: 0
    }

    .optSchArea .txtBody1 ~ .inpArea {
        margin-left: 0
    }

    .fileUploadArea .inputWrap .btn_remove {
        top: 11px;
    }

    .inputSide .txtSide {
        display: block;
    }

        .inputSide .txtSide .txtBody3.tit {
            margin-right: 0;
            margin-bottom: 8px;
        }

    .inputSide .formInput.year {
        flex-wrap: wrap;
    }

        .inputSide .formInput.year .inputBase {
            max-width: 100%;
            margin-right: 0;
        }

        .inputSide .formInput.year .txtBody3 {
            margin-top: 5px;
        }


    .contArea_next .baseBtn {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .contArea_next .inputBase {
        flex: auto;
    }

    .optSchArea .inpArea {
        margin-left: 0;
    }

        .optSchArea .inpArea .opt_tit {
            margin-right: 0;
            margin-bottom: 5px;
        }

        .optSchArea .inpArea .txtBody1 {
            margin-right: 0;
            margin-bottom: 5px;
        }

    .contArea_next.idChk .baseBtn.middle_box {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .btnArea_side .btn {
        width: 100%;
        margin-bottom: 20px;
        text-align: right;
    }

        .btnArea_side .btn .baseBtn {
            margin-top: 0;
            margin-bottom: 0;
        }

    .appliList_pending .profileLine .profile .baseBtn {
        width: 100%;
    }

    .videoList {
        width: calc(100% + 15px);
        margin-left: -15px;
    }

        .videoList > li {
            width: calc(50% - 15px);
            margin-left: 15px;
        }

            .videoList > li:nth-child(n+3) {
                margin-top: 15px;
            }

    .btnArea_side {
        flex-direction: column;
        align-items: flex-start;
    }

        .btnArea_side > * {
            margin: 3px 0;
        }

    .groupCont .topNotice {
        padding: 60px 20px 20px;
        background-position: left 50% top 15px;
        background-size: 28px auto;
    }

        .groupCont .topNotice .txtBody1 {
            font-size: 15px;
            line-height: 21px;
        }

        .groupCont .topNotice .btn {
            text-align: center;
        }

    .lineAgree.area_full .inputBox {
        display: block;
    }

        .lineAgree.area_full .inputBox ~ .inputBox {
            margin-top: 10px;
        }


    /* 원서접수 */
    .noLineArticle {
        border-radius: 30px;
    }

        .noLineArticle .no_article {
            padding-top: 115px;
            background-size: 56px auto;
            font-size: 20px;
            padding-left: 20px;
            padding-right: 20px;
            word-break: keep-all;
        }

    .stepArea > li {
        align-items: flex-start;
    }

        .stepArea > li:nth-child(n+5) {
            margin-top: 10px;
        }

        .stepArea > li i.num {
            width: 25px;
            height: 25px;
            margin-right: 5px;
            font-size: 15px;
            line-height: 25px;
        }

    .contTable .processTitInfo .default > span:first-child {
        display: block;
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        ;
    }

        .contTable .processTitInfo .default > span:first-child:before {
            display: none;
        }

    .pop_searchItem .optSchArea {
        display: block;
    }

        .pop_searchItem .optSchArea .opt_tit {
            margin-bottom: 5px;
            ;
        }

        .pop_searchItem .optSchArea .inpArea {
            margin-left: 0px;
        }

    /* 약도보기 */
    .pop_map .mapViewer {
        height: 180px;
        margin-top: -24px;
        margin-bottom: 20px;
        ;
    }

    .pop_map .contTable table colgroup col:nth-child(1) {
        width: 90px !important
    }

    .appliList_account .txtAlert.contArea_next button {
        margin-left: 0px;
    }


    /* 일정안내 */
    .examCal .month_top {
        margin-bottom: 17px;
        padding-bottom: 17px;
    }

    .examCal .cagList .legend {
        flex-wrap: wrap;
        width: 230px;
        margin-bottom: 15px;
    }

    .examCal .cagList {
        display: flex;
        justify-content: flex-end;
    }

        .examCal .cagList .legend .cagDiv {
            width: 50%;
            margin-right: 0;
        }

            .examCal .cagList .legend .cagDiv:nth-child(n+3) {
                margin-top: 6px;
            }

    .examCal .cal_group .calList_con .schDate {
        margin-bottom: 15px;
    }

    .examCal .cal_group .calList_con .calCont > div {
        padding-left: 0;
        padding-right: 90px;
    }

        .examCal .cal_group .calList_con .calCont > div > span {
            position: relative;
            margin-bottom: 5px;
        }

    .examCal .cal_group .calList_con .linkArea {
        position: absolute;
    }

    .examCal .cal_group .contTable table colgroup col:nth-child(1) {
        width: 120px !important
    }

    .examCal .cal_group .contTable table tbody td .month {
        width: 94px
    }

    .examCal.cal_list .cal_group .calList_con .calCont > div {
        padding-right: 0;
    }

    .examCal.cal_list .cal_group .calList_con .linkArea {
        position: relative;
        margin-top: 10px;
    }

    .examCal.cal_list .contTable table tbody th {
        padding: 12px 15px
    }

    .findInfo .resultBox {
        padding: 40px 20px;
    }

        .findInfo .resultBox .resultTxt {
            font-size: 20px;
            line-height: 27px;
        }

    .pop_pwSetting .findForm .formInput > .guide {
        display: block;
    }

        .pop_pwSetting .findForm .formInput > .guide .tit {
            width: auto;
            font-size: 16px;
            margin-bottom: 5px;
        }

    .pop_pwSetting .findForm .formInput + .formInput {
        margin-top: 10px;
    }

    .pop_pwSetting .findForm.type2 {
        padding-top: 20px;
        margin-top: 20px;
    }

    .pop_pwSetting .findForm {
        display: block;
    }

        .pop_pwSetting .findForm .baseBtn {
            height: 50px;
            width: 100%;
            margin-top: 15px;
        }

            .pop_pwSetting .findForm .baseBtn > .base {
                min-width: 100%;
            }

        .pop_pwSetting .findForm .w_write {
            margin-right: 0;
        }

    .pop_pwSetting .w_birth select {
        flex: 1;
        margin-right: 7px;
    }

        .pop_pwSetting .w_birth select:last-child {
            margin-right: 0;
        }

    .settingPW .finishBox {
        padding: 30px 20px
    }

        .settingPW .finishBox .finishForm {
            margin-top: 20px;
        }

            .settingPW .finishBox .finishForm .formInput > .guide .tit {
                font-size: 16px;
                margin-bottom: 5px;
            }

            .settingPW .finishBox .finishForm .formInput > .guide {
                display: block;
            }

            .settingPW .finishBox .finishForm .formInput .alert {
                margin-left: 0;
            }

            .settingPW .finishBox .finishForm .btnArea {
                margin-top: 20px;
            }

    .settingPW .listBox {
        margin-top: 25px;
    }

    /* 사진변경신청 */
    .changePhoto .info {
        border-right: 0;
        border-bottom: 1px solid #d1d1d1;
    }

    .changePhoto .registerArea {
        flex-wrap: wrap;
    }

    .changePhoto .info {
        padding: 20px 20px;
    }

    .changePhoto .imgArea {
        width: 100%;
        padding: 20px;
    }

    .imgEdit .editArea {
        width: 100%;
    }

        .imgEdit .editArea.after {
            width: 100%;
        }

        .imgEdit .editArea .mem_photo {
            margin: 0 auto;
        }

        .imgEdit .editArea .rotateBtn {
            max-width: 120px;
            margin: 5px auto 0 auto;
        }

    .imgEdit .arrArea {
        height: auto;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .imgEdit .arrArea {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex: inherit
    }

        .imgEdit .arrArea .txt {
            padding-top: 0;
        }

        .imgEdit .arrArea .arrow {
            width: 50px;
            background-size: 50px auto;
            transform: rotate(90deg);
        }

    .imgEdit .editArea .mem_photo {
        width: 150px;
    }

    .imgEdit .editArea .editBtn {
        max-width: 200px;
    }

    .pop_registerImg .editForm {
        max-width: 200px;
        margin: 0 auto;
        margin-top: 15px;
    }

        .pop_registerImg .editForm .formInput .tit {
            font-size: 16px;
        }

    .formInput.devided.devidedNo .inputWrap {
        display: block;
        width: 100%;
    }

        .formInput.devided.devidedNo .inputWrap + .inputWrap {
            margin-left: 0;
            margin-top: 10px;
        }

    .certificate_register .contTable.mbRow2 td .mSort {
        width: 95px
    }

    .certificate_register .link_s_arrR {
        display: block;
    }

    .certificate_list .contTable.mbRow > table > tbody > tr > td .mSort {
        width: 100px
    }

    /* 자격 찾기 */
    .schQualForm .selQualBox.typePC {
        display: none;
    }

    .schQualForm .schArea {
        display: block;
        padding: 20px;
    }

        .schQualForm .schArea .baseBtn {
            margin-top: 16px;
        }

            .schQualForm .schArea .baseBtn.middle {
                width: 100%;
            }

                .schQualForm .schArea .baseBtn.middle > .base {
                    width: 100%;
                    border-radius: 10px;
                }

    .schQualForm .selQualBox.typeMobile {
        display: block;
        height: auto;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

        .schQualForm .selQualBox.typeMobile .selQualSearch {
            padding: 20px;
        }

            .schQualForm .selQualBox.typeMobile .selQualSearch > li + li {
                margin-top: 22px;
            }

            .schQualForm .selQualBox.typeMobile .selQualSearch > li .sort_tit {
                display: block;
                padding-bottom: 7px;
                font-weight: 600;
            }


        .schQualForm .selQualBox.typeMobile .btnWrap {
            padding: 20px;
            padding-top: 0;
        }

        .schQualForm .selQualBox.typeMobile .baseBtn.middle {
            width: 100%;
        }

            .schQualForm .selQualBox.typeMobile .baseBtn.middle > .base {
                width: 100%;
                border-radius: 10px;
            }

    .fullSearchOptBox .optList > li .opt .labelList {
        top: 0;
        display: block;
    }

        .fullSearchOptBox .optList > li .opt .labelList .inputBox {
            margin-top: 0;
            display: block;
        }

            .fullSearchOptBox .optList > li .opt .labelList .inputBox + .inputBox {
                margin-top: 5px;
            }

        .fullSearchOptBox .optList > li .opt .labelList.hasInput .inputBox {
            display: block;
        }

    .areaPrice {
        flex-wrap: wrap;
        margin-top: 10px;
        margin-left: 0;
    }

        .areaPrice span + .price {
            margin-top: 10px;
        }

        .areaPrice .price {
            width: calc(100% - 100px);
            margin-right: 5px;
        }

        .areaPrice .inputBase {
            width: 100%;
        }

    .infoBlueBox {
        padding: 15px;
    }

        .infoBlueBox .download {
            display: block;
        }

            .infoBlueBox .download .btn_downBox {
                margin-top: 3px;
            }

            .infoBlueBox .download + .download {
                margin-top: 15px;
            }

    .detailQual .baseInfoList > li > b {
        position: relative;
        display: block;
        margin-bottom: 5px;
        font-weight: 700;
        padding-left: 10px;
    }

    .detailQual .baseInfoList > li {
        padding-left: 0;
    }

        .detailQual .baseInfoList > li > b:before {
            top: 10px;
        }

    .itemInformation {
        flex-direction: column;
    }

        .itemInformation .itemImg {
            order: 1;
            margin-bottom: 20px;
        }

        .itemInformation .itemTxt {
            order: 2
        }

        .itemInformation .itemImg {
            padding: 50px;
            width: auto;
            height: auto;
        }

        .itemInformation .info > li {
            padding-left: 72px;
        }

        .itemInformation + .contTabBase {
            margin-top: 45px;
        }

    .roundTab .tabList > li > a {
        height: 42px;
        padding: 5px 26px
    }

    .defaultSearchOptBox .optList .opt {
        display: block;
        ;
    }

        .defaultSearchOptBox .optList .opt .tit {
            margin-bottom: 7px;
            margin-right: 0;
        }

    .defaultSearchOptBox .optList > li {
        width: 100%;
    }

        .defaultSearchOptBox .optList > li:nth-child(odd) {
            margin-right: 0;
        }

        .defaultSearchOptBox .optList > li ~ li {
            margin-top: 15px;
        }

    .defaultSearchOptBox.typeBtn .btn {
        position: relative;
        top: auto;
        right: auto;
    }

    .defaultSearchOptBox.typeBtn .optList {
        padding-right: 0;
        margin-bottom: 10px;
    }

    .defaultSearchOptBox.typeBtn .btnSch {
        width: 100%;
        height: 45px;
    }

    /* 약도보기 */
    .pop_map .mapInfo {
        padding: 20px;
    }

    .pop_map .contTable table tbody th {
        word-break: keep-all;
    }

    .reciptStatus.qual .contTable.mbRow2 td .mSort {
        width: 100px
    }

    .reciptStatus.qual .contTable.mbRow > table > tbody > tr > td .mSort {
        width: 150px;
    }

    .reciptStatus.qual .headLine3 {
        margin-top: 35px;
    }

    .reciptStatus.qual .tbBtn {
        margin-top: 10px;
    }

    /* 마이페이지 - 원서접수내역 */
    .appliList_account .groupCont .division .headLine2 {
        margin-bottom: 20px;
    }

    .appliList_account .txtAlert.contArea_next {
        flex-direction: column;
        align-items: flex-start;
        background-position: left 0 top 4px;
    }

    .pop_printSurvey .surVeyList .inputBox {
        display: block;
    }

    .bnrTypeGreenChild .bnrInfo {
        margin-top: 10px;
    }

        .bnrTypeGreenChild .bnrInfo .txtHome {
            margin-right: 10px;
            margin-top: 3px;
            margin-bottom: 3px;
            ;
        }

        .bnrTypeGreenChild .bnrInfo .txtTel {
            padding-bottom: 5px;
            margin-top: 3px;
            margin-bottom: 3px;
            ;
        }

    .bnrTypeBank .txtBody1 {
        word-break: keep-all;
    }

    .bnrTypeBank .contTit1 {
        word-break: keep-all;
    }

    .bnrTypeBank {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: inherit;
        height: auto;
        padding: 20px;
    }

        .bnrTypeBank .qnArea {
            margin-top: 10px;
        }

            .bnrTypeBank .qnArea img {
                width: 60px;
            }

    .pop_identifiSlip .baseBtn > .base {
        padding: 0 15px;
    }

    /* 마이페이지 - 원서접수내역 */
    .appliCancel .optSchArea {
        width: 100%;
    }

        .appliCancel .optSchArea .inpArea {
            display: block;
        }

            .appliCancel .optSchArea .inpArea .btn_sch {
                width: 100%;
                margin-top: 10px;
            }

    /* 답안지 열람신청 */
    .answerReading .contTable.mbRow2 td .mSort {
        width: 85px;
    }

    .answerOpen .contTable.mbRow2 td .mSort {
        width: 80px;
    }

    .realtiveDepApplication.application .contTable.mbRow > table > tbody > tr > td .mSort {
        width: 105px
    }

    .typeState .sideSearch {
        margin-bottom: 20px;
    }

    .remoteSupport .serviceCont .right img {
        display: block;
    }

        .remoteSupport .serviceCont .right img + img {
            margin-top: 10px;
        }

    /* 지역별 자격취득현황 */
    .statusByRegion .mapStatus .mapBg {
        transform: scale(0.7);
        transform-origin: top;
    }

    .statusByRegion .mapStatus .mapWrap .txtAlert {
        margin-top: -125px;
    }

    .pop_addCertifi .certiArea .formInput {
        display: block;
    }

        .pop_addCertifi .certiArea .formInput .btnCert {
            margin-top: 10px;
            width: 100%;
        }

    .infoSelect .contTable.mbRow > table > tbody > tr > td .mSort {
        word-break: keep-all;
    }

    .linkLineBox .txtList > li {
        width: 100%;
    }

        .linkLineBox .txtList > li + li {
            margin-top: 10px;
        }

    .exemptionInfo_view .contTable.typeRow .inputBox {
        width: 100%;
        margin-right: 0
    }

    /* 코로나19환불신청 */
    .pop_covidRefund .inputSide .tit {
        display: block;
        margin-bottom: 5px;
        ;
    }

    .languageGrades .w_level .level {
        display: block;
    }

        .languageGrades .w_level .level .opt_tit {
            margin-bottom: 5px;
        }

    /* 온라인 도움말 */
    .btnOnlinehelp,
    .contentCbt .experienceTop .btnCBT {
        padding: 0 20px;
        width: 100%;
        margin: 0;
    }

        .btnOnlinehelp .baseBtn,
        .contentCbt .experienceTop .btn_cbt {
            width: 100%;
            margin: 5px 5px 5px 0;
        }

        .btnOnlinehelp .baseBtn {
            height: 38px !important
        }

    .experienceTop .btnOnlinehelp .btn_onlinehelp > .base,
    .contentCbt .experienceTop .baseBtn.btn_cbt > .base {
        padding: 0 15px;
    }

    .onlinehelp .cont .division .img .halfImg2 > img:nth-child(1) {
        width: calc(70% - 5px);
    }

    .onlinehelp .cont .division .img .halfImg2 > img:nth-child(2) {
        width: calc(30% - 5px);
    }

    .onlinehelp .cont .division .img .thirdImg > * {
        width: calc(33.33% - 5px);
    }

    .onlinehelp .cont .division .img .fourthImg {
        justify-content: center;
    }

        .onlinehelp .cont .division .img .fourthImg > img {
            width: calc(50% - 10px) !important;
            margin: 5px;
        }

    .onlinehelp .cont .division .img > div ~ div {
        margin-top: 10px;
    }

    .onlinehelp .cont .division .img .halfImg2 > img:nth-child(1) {
        width: auto;
    }

    .onlinehelp .cont .division .img .halfImg2 > img:nth-child(2) {
        width: auto;
        margin: 0 auto;
        margin-top: 15px;
    }

    .onlinehelp .cont .division .img .halfImg,
    .onlinehelp .cont .division .img .halfImg2,
    .onlinehelp .cont .division .img .thirdImg,
    .onlinehelp .cont .division .img .fourthImg {
        justify-content: center;
    }

    .onlinehelp .cont .division .img .thirdImg {
        justify-content: flex-start;
    }

        .onlinehelp .cont .division .img .thirdImg img {
            width: calc(50% - 10px);
            margin: 5px;
        }


    .onlinehelp .cont .headLine3 {
        word-break: keep-all;
    }

    .onlinehelp .cont .division .img .halfImg > img {
        margin: 5px;
    }

    .onlinehelp .cont .division .img .halfImg ~ .halfImg {
        margin-top: 0;
    }

    /* 240911 */
    .groupCont .topNotice.homeGuide {
        text-align: center;
    }

        .groupCont .topNotice.homeGuide a {
            margin: 10px auto 0;
        }
}

/***** Mobile (Small) *****/
@media only screen and (max-width:480px) {
    .videoList {
        width: 100%;
        margin-left: 0px;
    }

        .videoList > li {
            width: 100%;
            margin-left: 0;
        }

            .videoList > li:nth-child(n+2) {
                margin-top: 15px;
            }

    .pageTitleArea .typeSch {
        display: block;
    }

        .pageTitleArea .typeSch .optSchArea {
            margin-top: 15px;
        }

            .pageTitleArea .typeSch .optSchArea .selectBase {
                margin-bottom: 0;
                width: 100%;
                margin-right: 0;
            }

    .recruitmentSchedule .btnArea {
        display: flex;
        flex-wrap: wrap;
    }

        .recruitmentSchedule .btnArea > a {
            widtH: 100%;
        }

    .contTable.typeRow .tCont .w_tel {
        margin-right: 0;
    }

    .w_tel .selectBase ~ .inputWrap {
        margin-left: 0;
        margin-right: 0;
    }

    .w_tel + .txtBody1 {
        margin-top: 5px;
    }

    .txtSide .w_tel .selectBase {
        margin-right: 0px;
    }

    .w_period {
        display: block;
        text-align: center;
    }

        .w_period .inputBase {
            width: 100%;
        }

    .contTable.typeRow .tCont .w_tel {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center;
    }

        .contTable.typeRow .tCont .w_tel .inputWrap {
            width: 100%;
        }

        .contTable.typeRow .tCont .w_tel .selectBase {
            width: 100%;
        }

    .join_over_uncertified .formInput.devided .contF .baseBtn.gray {
        width: calc(100% - 40px)
    }

    /* 로그인 */
    .loginPage .loginBox .form .contTit {
        font-size: 22px;
        line-height: 33px;
        margin-bottom: 10px;
    }

    .loginPage .loginBox .btnArea > .baseBtn > .base {
        font-size: 15px;
        letter-spacing: -.3px;
        min-width: inherit;
    }

    /* 합격자발표조회 */
    .w_viewPass .btnWrap {
        display: block;
        width: 100%;
        margin-top: 0;
        margin-top: 8px;
    }

        .w_viewPass .btnWrap .baseBtn {
            width: 100%;
        }

            .w_viewPass .btnWrap .baseBtn:last-child {
                margin-left: 0;
            }

            .w_viewPass .btnWrap .baseBtn + .baseBtn {
                margin-top: 8px;
            }

    .failureOfDoc .contTable.mbRow.typeRow .optSchArea .inpArea {
        display: block;
    }

        .failureOfDoc .contTable.mbRow.typeRow .optSchArea .inpArea .btn_sch {
            width: 100%;
        }

    /* 가답안/확정답안 */
    .answerInformation .groupCont .topNotice .btn .baseBtn {
        width: 100%;
    }

        .answerInformation .groupCont .topNotice .btn .baseBtn + .baseBtn {
            margin-left: 0;
            margin-top: 8px;
        }

    .answerInformation .defaultSearchOptBox {
        margin-bottom: 25px;
    }

    .w_file {
        display: block;
        width: 100%;
    }

        .w_file .inputWrap {
            margin-right: 0;
        }

        .w_file .baseBtn.middle_box {
            width: 100%;
            margin-top: 5px;
        }

    .formInput.devided .inputWrap {
        width: 100%;
    }

        .formInput.devided .inputWrap ~ .inputWrap {
            margin-left: 0;
            margin-top: 8px;
        }

        .formInput.devided .inputWrap .baseBtn {
            width: 100%;
        }

    .optSchArea .inpArea {
        flex-wrap: wrap;
    }

        .optSchArea .inpArea .inputBase {
            flex: auto;
            width: 100%;
            margin-right: 0;
        }

        .optSchArea .inpArea .btn_sch {
            width: 100% !important;
            margin-top: 10px;
        }

    /* 응시자격자가진단 */
    .btnArea_side .btn {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 100%;
        ;
    }

        .btnArea_side .btn .baseBtn {
            margin-right: 0;
            margin-top: 8px;
        }

            .btnArea_side .btn .baseBtn:first-of-type {
                margin-top: 0;
            }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea .tit {
        width: 180px;
    }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea .boxList > li {
        width: 180px;
    }

    .diagram_japan .typeMB .list1:before {
        top: 160px
    }

    .diagram_japan {
        padding-left: 20px;
        padding-right: 20px;
    }

    /* 사후환불신청서 */
    .pop_afterRefund .contTable.mbRow.typeRow .optSchArea .inpArea .selectBase {
        margin-right: 0;
    }

    .pop_afterRefund .inputSide .txtSide .inpArea .btn_sch {
        margin-top: 0;
    }

    .fileFormArea .w_file {
        display: flex;
        flex-wrap: wrap;
    }

        .fileFormArea .w_file .inputWrap {
            flex: none;
        }

        .fileFormArea .w_file .baseBtn.middle_box {
            width: calc(100% - 58px);
        }

            .fileFormArea .w_file .baseBtn.middle_box .base {
                padding: 0 5px;
            }

        .fileFormArea .w_file .btn_del {
            margin-top: 5px
        }

    .pop_covidRefund .optSchArea .inpArea .selectBase {
        margin-right: 0;
    }

    .lineSelectForm ul > li .optSchArea .inpArea {
        display: block;
    }

    .lineSelectForm ul > li .optSchArea {
        display: block;
    }

        .lineSelectForm ul > li .optSchArea .selectBase {
            max-width: 100%;
        }

        .lineSelectForm ul > li .optSchArea .baseBtn.middle_box {
            width: 100%;
        }

    .diagram_australia {
        height: 1360px;
        padding: 40px 0px;
    }

        .diagram_australia .mbWrap {
            transform: scale(0.8);
            margin-top: -158px;
        }

        .diagram_australia .listWrap .list .tit {
            font-size: 15px;
        }

        .diagram_australia .listWrap1 .list1 > li:first-child::after {
            top: 93px;
        }

        .diagram_australia .listWrap1 .list1 > li:nth-child(2):before {
            top: 41px;
        }

        .diagram_australia .listWrap1 .list1 > li:nth-child(2)::after {
            top: 145px;
            height: 659px;
        }

        .diagram_australia .listWrap1 .list1 > li:nth-child(3):before {
            top: -53px;
        }

        .diagram_australia .listWrap1 .list2 > li:first-child::after {
            left: -25px;
        }

        .diagram_australia .listWrap1 .list2 > li:nth-child(2)::after {
            left: 0;
        }

        .diagram_australia .listWrap2 .list > li:nth-child(3)::after {
            bottom: -66px;
            height: 517px;
        }

        .diagram_australia .listWrap3 .list2 > li:nth-child(2) .tit::before {
            height: 173px;
        }

        .diagram_australia .listWrap3 .list2 > li .txt::after {
            height: 347px;
        }

    .customizeInfo .customizeBox {
        padding-top: 0;
    }

        .customizeInfo .customizeBox .box br {
            display: none;
        }

        .customizeInfo .customizeBox .box .ico {
            bottom: 30px;
            right: 15px;
        }

            .customizeInfo .customizeBox .box .ico img {
                transform: scale(0.7);
            }

    /* 240716 */
    .remoteSupport .serviceCont .right ul {
        display: block;
    }

        .remoteSupport .serviceCont .right ul li {
            width: 100%;
            text-align: center;
        }

    .contViewPage .download {
        display: block;
    }

        .contViewPage .download .txtBody3 {
            max-width: 100%;
            margin-bottom: 10px;
        }
}


@media only screen and (max-width:430px) {
    .w_period {
        display: block;
        text-align: center;
        width: 100%;
    }

        .w_period .inputBase {
            width: 100%;
        }

    .tCont .job span {
        display: block !important
    }

    .tCont .job .inputBox {
        margin: 0 !important
    }

        .tCont .job .inputBox:first-child {
            margin-right: 5px !important
        }

    .totalSch .schDetailArea .opt_area .optWrap .inputBase {
        width: 130px;
    }
}


@media only screen and (max-width:380px) {
    /* 사이트맵 */
    .totalSch .schDetailArea .btnArea {
        display: flex;
    }

        .totalSch .schDetailArea .btnArea .baseBtn {
            flex: 1;
        }

            .totalSch .schDetailArea .btnArea .baseBtn.middle > .base {
                min-width: inherit;
            }

    .findInfo .findBox .findList > li > a {
        font-size: 15px;
    }

    .popLayout .popConts .popBtnArea.typeAgree {
        padding-left: 10px;
        padding-right: 10px;
    }

        .popLayout .popConts .popBtnArea.typeAgree .inputBox > .data {
            padding-left: 29px;
            padding-top: 5px;
            font-size: 14px;
        }

    /* 지역별 자격현황 */
    .statusByRegion .regionSchWrap .periodArea .area {
        display: block;
    }

        .statusByRegion .regionSchWrap .periodArea .area .period ~ .period {
            margin-left: 0;
            margin-top: 10px;
        }

    .withdraw .baseBtn > .base {
        min-width: 110px;
    }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea .tit {
        width: 150px;
    }

    .onlineSubmitDoc .onlineFlowBox .topLine > ul li.boxArea .boxList > li {
        width: 150px;
    }

    .onlineSubmitDoc .baseBtn.middle_box {
        height: 60px;
    }

    .fileFormArea .w_file .baseBtn.middle_box {
        width: 100%;
    }

    .fileFormArea .w_file .btn_del {
        margin-left: 0px;
        width: 100%;
    }

    .fileUploadArea .fileRemove {
        margin-top: 5px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:360px) {
    /* 로그인 */
    .loginPage .loginBox .btnArea > .baseBtn > .base {
        padding: 0 5px;
    }

    .loginPage .loginBox .form.typeInform:before {
        width: calc(100% - 30px);
        left: 15px;
    }

    .loginPage .loginBox .form {
        padding: 30px 15px;
    }

    /* 회원가입 */
    .join_select .selectArea > .selectCont {
        padding: 30px 20px;
        background-position: bottom 20px right 20px;
    }

    .contTable.mbRow.typeRow .inputBase[type="date"] {
        max-width: 135px !important;
    }
}



/* 인쇄 */
@media print {
    * {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    html, body {
        width: 1100px;
        height: 100%;
    }

    .popPrint {
        overflow-y: auto !important;
    }

        .popPrint article .groupCont > div:not(.pop_wrap) {
            display: none !important
        }

        .popPrint article .pop_wrap .groupCont > div {
            display: block !important
        }

        .popPrint #container {
            background: #fff;
        }

        .popPrint .popLayout .popConts .popInner .txtG {
            padding-left: 0;
            padding-right: 0;
            padding-top: 0;
        }

        .popPrint .popLayout .popConts .popInner {
            padding-top: 0
        }

            .popPrint .popLayout .popConts .popInner .groupCont {
                padding-top: 0;
            }

        .popPrint .sLocation {
            display: none;
        }

        .popPrint.typeSub #contents article {
            margin-left: 0;
        }

        .popPrint .pop_wrap {
            position: relative;
            background: none !important;
        }

        .popPrint .popLayout {
            width: 100% !important;
            max-width: 100% !important;
            border-radius: 0;
        }

            .popPrint .popLayout .popConts .popInner {
                max-height: inherit;
                overflow: inherit;
                padding-top: 0;
            }

        .popPrint #header {
            display: none;
        }

        .popPrint #lnb_nav {
            display: none;
        }

        .popPrint.typeSub #container .contentsWrap {
            max-width: 100%;
            display: block;
            padding: 0;
            ;
        }

        .popPrint #container {
            padding-top: 0
        }

        .popPrint #footer {
            display: none;
        }

        .popPrint .pageTitleArea {
            display: none;
        }

        .popPrint .popLayout .popTit {
            display: none;
        }

        .popPrint .fixedBtn {
            display: none;
        }

        .popPrint.typeSub #contents {
            padding-bottom: 0;
            width: 100%;
        }

        .popPrint .popBtnArea {
            display: none;
        }

        .popPrint .area_full.agreeArea {
            display: none;
        }

        .popPrint .contTable thead {
            display: table-row-group
        }

        .popPrint #pageTab {
            display: none;
        }
    /* 241002 수정 */
    /* .pageBreak {page-break-before: always !important;} */

    .pop_identifiSlip .groupCont .division .contTit1:nth-of-type(n+2) {
        margin-top: 25px;
    }

    .pop_identifiSlip .photoTable {
        margin-bottom: 20px;
    }

    .pop_identifiSlip .inspection .contTable + .contTable {
        margin-top: 20px !important
    }

    .pop_identifiSlip .inspection .contTit1.txtC {
        margin-top: -28px !important;
        margin-bottom: -20px !important;
    }

    .pop_identifiSlip p, .pop_identifiSlip li, .pop_identifiSlip ul, .pop_identifiSlip span, .pop_identifiSlip em, .pop_identifiSlip td, .pop_identifiSlip th {
        font-size: 16px;
    }

    .pop_identifiSlip .txtBody1, .pop_identifiSlip .txtList.hyphen > li {
        font-size: 16px;
    }

    .pop_identifiSlip .listType1 li .txt {
        padding-left: 68px;
        text-align: left;
    }
    /* 241015 텍스트 정렬 수정 */
    .pop_identifiSlip .listType2 li .txt {
        padding-left: 90px
    }

    .pop_identifiSlip .tableTouchArea {
        display: none !important
    }

    /* 프린트 신규 240920 */
    /* .pop_identifiSlip .popLayout .popConts .popInner .txtG{padding:0;}
    .pop_identifiSlip .contTable table th {background:#fff;}
    .popPrint .contTable{border-top: 0;}
    .popPrint table {table-layout: fixed;width: 100%;border-top: 1px solid black;box-sizing: border-box;-moz-box-sizing: border-box;border-collapse:collapse;} */

}

/* 240920 */
/* @page{
    width: 206mm;
    height: 297mm;
    margin: 0 2mm;
} */
/* .popPrint table{table-layout: fixed;width: 100%;min-width: auto;} */

/* 
@media print{
    @page{
        size:A4;
        width:210mm;
        height:297mm;
    }
} */

@media print {
    @page {
        size: A4;
        margin: 7mm;
    }
}

/* .pageBreak {page-break-before: always !important;} */

/* 241002 수정 */

.appliList_pending .profileLine {
    padding: 10px 0 !important
}

    .appliList_pending .profileLine .profile {
        height: auto !important;
    }