@charset "UTF-8";

/*제도소개 > isms-p */
.ismsp01 > div {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 20px;
}

.ismsp01 > div div:nth-child(1) {
    width: 84px;
    margin-right: 20px;
    text-align: center;
}

.ismsp01 > div:last-child {
    margin-bottom: 0;
}

.ismsp01 > div div img {
    height: 60px;
    object-fit: contain;
}

.ismsp01 > div div h5 {
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative;
}

.ismsp01 > div div h5::after {
    content: "";
    display: block;
    width: 3px;
    height: 18px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ismsp01 > div div p {
    padding-left: 20px;
}

.small_tit {
    background: #f2f6fa;
    color: #004ea2;
    font-size: 14px;
    font-weight: 700;
    display: inline-block;
    border-radius: 50px;
    padding: 10px 20px;
}

.ismsp02 > div > p.small_tit {
    margin: 0 auto;
    width: 75px;
    display: block;
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 1.4rem;
    position: relative;
}
.ismsp02 > div > p.small_tit::before {
    content: "";
    position: absolute;
    background: url(../images/sub/add_icon.png) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.ismsp02 > div div.ismsp02_bottom {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.ismsp02 > div > div > p {
    padding: 18px 90px;
    background: linear-gradient(90deg, rgba(143,195,31,1) 0%, rgba(60,135,97,1) 20%, rgba(0,78,162,1) 100%);
    border-radius: 50px;
    font-weight: 700;
    font-size: 1.6rem;
    color: #fff;
    width: 70%;
    margin: 0 auto 10px;
    text-align: center;
    letter-spacing: -0.025em;
    word-break: keep-all;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
}


.ismsp02 > div > div > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ismsp02 > div > div > ul li {
    font-size: 1.4rem;
    padding: 6px 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
}

.ismsp02_mo {
    display: none;
}

.ismsp03 > div img {
    display: block;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
}

.img_pc {
    display: block !important;
}

.img_mo {
    display: none !important;
}

.ismsp04 > div > div {
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.ismsp04 > div > div > div.ismsp04_01 {
    width: 80%;
    margin: 0 auto 68px;
}

.ismsp04 > div > div > div.ismsp04_02 {
    width: 50%;
    margin: 0 auto;
}

.ismsp04 > div > div > div.ismsp04_03 {
    width: 40%;
    margin: 0 auto;
}

.ismsp04 > div > div > div p {
    background: #1869c0;
    border-radius: 50px;
    color: #fff;
    height: 51px;
    line-height: 51px;
    margin-bottom: 18px;
}

.ismsp04 > div > div > div.ismsp04_01 p {
    width: 50%;
    margin: 0 auto 18px;
}

.ismsp04 > div > div > div p > span {
    margin: 0 auto;
    display: block;
    font-family: "NanumSquare";
    font-weight: 500;
    text-align: center;
}

.ismsp04 > div > div > div p > span span.num {
    color: #1869c0;
    background: #fff;
    padding: 2px 15px;
    border-radius: 20px;
    font-weight: 500;
    margin-right: 8px;
}

.ismsp04 > div > div > div p > span span {
    font-size: 1.4rem;
}

.ismsp04 > div > div > div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ismsp04 > div > div > div ul li {
    position: relative;
    /* height: 33px;
    line-height: 33px; */
    border: 1px solid #ddd;
    flex: auto;
    padding: 5px 15px 5px 35px;
    margin-right: 10px;
    border-radius: 5px;
    margin-bottom: 8px;
    letter-spacing: -0.05em;
    font-size: 1.4rem;
    word-break: keep-all;
}

.ismsp04 > div > div > div ul li span {
    position: absolute;
    color: #1869C0;
    margin-right: 17px;
    left: 10px;
    top: 5px;
}

.ismsp04 > div > div > div.ismsp04_02,
.ismsp04 > div > div > div.ismsp04_03 {
    position: relative;
}

.ismsp04 > div > div > div.ismsp04_02::after {
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    background: url("../images/sub/arrow_right_top.png") no-repeat 0 0;
    position: absolute;
    left: 40px;
    top: -60px;
    background-size: contain;
}

.ismsp04 > div > div > div.ismsp04_03::after {
    display: block;
    content: "";
    width: 35px;
    height: 35px;
    background: url("../images/sub/arrow_left_top.png") no-repeat 0 0;
    position: absolute;
    right: 40px;
    top: -60px;
    background-size: contain;
}

.ismsp04 > div > div > div.ismsp04_02 ul li {
    width: 47%;
}

.ismsp04 > div > div > div.ismsp04_03 ul li {
    width: 100%;
}
/*240913 (s) padding 조정*/
input.regular_able {
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 35px;
    line-height: 35px;
    padding: 5px 10px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
}
/*240913 (e)*/

/*제도소개 > 정보보호등급제 */
.info_protection01 > div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px;
}

.info_protection01 > div ul li {
    text-align: center;
    position: relative;
    width: 50%;
}

.info_protection01 > div ul li:nth-child(1):after {
    display: block;
    content: "";
    width: 2px;
    height: 84px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.info_protection01 > div ul li img {
    display: block;
    margin: 0 auto 15px;
}

.info_protection01 > div ul li span {
    display: inline-block;
}

.info_protection01 > div p {
    text-align: center;
    font-size: 1.6rem;
}

.info_protection02 > div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    gap: 30px;
}

.info_protection02 > div ul li {
    border: 1px solid #eee;
    padding: 156px 20px 30px 20px;
    border-radius: 20px;
    width: 30%;
    position: relative;
    word-break: keep-all;
    flex: auto;
    width: calc(100% - 80px) / 3;
}

.info_protection02 > div ul li span {
    display: block;
    width: 50%;
    margin: 0 auto;
}

.info_protection02 > div ul li:last-child {
    margin-right: 0;
}

.info_protection02 > div ul li:nth-child(1)::after {
    display: block;
    content: "";
    background: url("../images/sub/expectation_effect_01.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.info_protection02 > div ul li:nth-child(2)::after {
    display: block;
    content: "";
    background: url("../images/sub/expectation_effect_02.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.info_protection02 > div ul li:nth-child(3)::after {
    display: block;
    content: "";
    background: url("../images/sub/expectation_effect_03.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.info_protection .legal_basis {
    border: 1px solid #eee;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 5px;
    line-height: 1.5;
}

.info_protection04 > div img {
    display: block;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
}

.info_protection07 > div img {
    display: block;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
}

/*제도소개 > 클라우드보안인증제 */
.cloud_secure01 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #f2f6fa;
    padding: 30px 35px;
    border-radius: 10px;
}

.cloud_secure01 > div > div.cloud_secure01_logo {
    flex: auto;
    width: 100px;
    margin-right: 43px;
}

.cloud_secure01 > div > div.cloud_secure01_logo img {
    object-fit: contain;
    width: 100px;
    height: 100px;
}

.cloud_secure01 > div > div.cloud_secure01_explain {
    flex: auto;
    width: 83%;
}

.cloud_secure01 > div > div.cloud_secure01_explain p {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 16px;
    position: relative;
    line-height: 1.5;
}

.cloud_secure01 > div > div.cloud_secure01_explain p::after {
    content: "";
    display: block;
    width: 3px;
    height: 18px;
    background: #ddd;
    position: absolute;
    left: -25px;
    top: 5px;
}

.cloud_secure01 > div > div.cloud_secure01_explain ul li {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
}

.cloud_secure02 > div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    gap: 30px;
}

.cloud_secure02 > div ul li {
    border: 1px solid #ddd;
    padding: 156px 20px 30px 20px;
    border-radius: 20px;
    width: 30%;
    position: relative;
    word-break: keep-all;
    flex: auto;
}

.cloud_secure02 > div ul li span {
    display: block;
    width: 80%;
    margin: 0 auto;
}

.cloud_secure02 > div ul li:nth-child(1)::after {
    display: block;
    content: "";
    background: url("../images/sub/cloud_secure02_01.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.cloud_secure02 > div ul li:nth-child(2)::after {
    display: block;
    content: "";
    background: url("../images/sub/cloud_secure02_02.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.cloud_secure .legal_basis {
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 5px;
    line-height: 1.5;
}

.cloud_secure04 > div div.img_box {
    text-align: center;
    padding: 40px;
    border: 1px solid #ddd;
    padding: 40px 35px;
    border-radius: 10px;
    margin-top: 26px;
}

.cloud_secure04 > div div img {
    display: block;
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.cloud_secure05 > div > ul > li {
    height: 176px;
    text-align: right;
    position: relative;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
/* 240830 (s) width 늘림 */
.cloud_secure05 > div > ul > li p {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    font-size: 2.2rem;
    font-family: "NanumSquare";
    font-weight: 600;
    letter-spacing: -0.025em;
    width: 250px;
}
/* 240830 (s) */

.cloud_secure05 > div > ul > li img {
    width: 90.43%;
    object-fit: contain;
}

.cloud_secure05 > div > ul > li:last-child {
    margin-bottom: 0;
}

.cloud_secure05 > div > div {
    margin-top: 25px;
}

.cloud_secure05 > div > div ul li {
    font-size: 1.6rem;
    text-align: left;
    position: relative;
    margin-bottom: 0;
    height: auto;
    line-height: 1.5;
    margin-bottom: 6px;
}

.cloud_secure06 > div ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    gap: 30px;
}

.cloud_secure06 > div ul li {
    border: 1px solid #ddd;
    padding: 156px 20px 30px 20px;
    border-radius: 20px;
    width: 30%;
    position: relative;
    word-break: keep-all;
    flex: auto;
}

.cloud_secure06 > div ul li p {
    width: 85%;
    margin: 0 auto;
    font-size: 1.6rem;
    line-height: 1.5;
}

.cloud_secure06 > div ul li span {
    display: block;
    font-size: 1.4rem;
    color: #1869c0;
    text-align: left;
    width: 85%;
    margin: 5px auto;
    word-break: break-all;
}

.cloud_secure06 > div ul li:nth-child(1)::after {
    display: block;
    content: "";
    background: url("../images/sub/evaluation_certificationcriteria_01.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.cloud_secure06 > div ul li:nth-child(2)::after {
    display: block;
    content: "";
    background: url("../images/sub/evaluation_certificationcriteria_02.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.cloud_secure06 > div ul li:nth-child(3)::after {
    display: block;
    content: "";
    background: url("../images/sub/evaluation_certificationcriteria_03.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translateX(-50%);
}

.cloud_secure07 > div ul {
    margin-bottom: 30px;
}

.cloud_secure07 > div ul li {
    line-height: 1.5;
}
.cloud_secure07 .tb01 td{
    text-align: center;
}

/* 인증신청_isms-p 인증절차 안내 */
.certifi_process01 .certifi_process01_img {
    margin-bottom: 10px;
}

.certifi_process01 .certifi_process01_img img {
    display: block;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
}

.certifi_process01 .certifi_process01_step {
    padding: 15px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border: none;
}

.certifi_process01 > div div dl {
    flex: auto;
    position: relative;
    padding-top: 47px;
    width: 25%;
}

.certifi_process01 > div div dl:nth-child(4) {
    width: 20%;
}

.certifi_process01 > div div dl::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid #007bff;
    position: absolute;
    left: 13px;
    top: 0;
    box-sizing: border-box;
}

.certifi_process01 > div div dl:nth-child(2)::before {
    border: 3px solid #007bff;
}

.certifi_process01 > div div dl:nth-child(3)::before {
    border: 6px solid #007bff;
}

.certifi_process01 > div div dl:nth-child(4)::before {
    background: #007bff;
}

.certifi_process01 > div div dl::after {
    content: "";
    display: block;
    width: 78%;
    height: 2px;
    background: #007bff;
    position: absolute;
    left: 60px;
    top: 16px;
    box-sizing: border-box;
}

.certifi_process01 > div div dl:nth-child(4)::after {
    display: none;
}

.certifi_process01 > div div dl dt {
    font-size: 1.6rem;
    color: #007bff;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: -0.035em;
}

.certifi_process01 > div div dl dd {
    font-size: 1.5rem;
    color: #666;
    font-weight: 400;
    letter-spacing: -0.025em;
    word-break: keep-all;
}

.certifi_process01 > div div dl:nth-child(1) dd {
    width: 133px;
}

.certifi_process01 > div div dl:nth-child(2) dd {
    width: 190px;
}

.certifi_process01 > div div dl:nth-child(3) dd {
    width: 235px;
}

.certifi_process01 > div div dl:nth-child(4) dd {
    width: 220px;
}

.flex-end.two_btn {
    gap: 10px;
}

.certifi_process04 > div img {
    display: block;
    margin: 0 auto;
    width: 100%;
    object-fit: contain;
    margin-bottom: 50px;
}

.certifi_process05 .explain {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 10px;
}

.certifi_process05 .explain ul li {
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
    padding-left: 15px;
}

.certifi_process05 .explain ul li::after {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #111;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 11px;
}

.certifi_process05 .explain span {
    font-size: 1.6rem;
    color: #1869c0;
    display: block;
    margin-top: 8px;
}

.certifi_process06 .explain {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
}

.certifi_process06 .explain p {
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
}

.certifi_process06 .explain span a {
    font-size: 1.6rem;
    color: #007bff;
    display: block;
    margin-left: 15px;
}

.certifi_process06 .btn {
    text-align: right;
}

/* 인증신청_인증대상 */
.certifi_target01 .explain {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.certifi_target01 .explain p {
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
}

.certifi_target02 .explain {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.certifi_target02 .explain p {
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
}

.certifi_target03 .explain {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 15px;
}

.certifi_target03 .explain ul li {
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
    padding-left: 11px;
}

.certifi_target03 .explain ul li::after {
    display: block;
    content: "";
    width: 3px;
    height: 3px;
    background: #0162ca;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;
}

.certifi_target03 .explain span {
    font-size: 1.6rem;
    color: #1869c0;
    display: block;
    margin-top: 5px;
}

.certifi_target04 .btn {
    text-align: center;
    margin-top: 50px;
}

.certifi_target04 .regi_number {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.certifi_target04 .regi_number input {
    flex: auto;
}

.certifi_target04 .regi_number span {
    margin: 0 3px;
    text-align: center;
    line-height: 35px;
}

/* 의무대상자 여부 확인 결과 */
.certifi_target_result .box{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin: 0 auto;
}
.certifi_target_result .box .img{
    display: block;
    background: url("../images/sub/evaluation_certificationcriteria_03.png") no-repeat 0 0;
    background-size: contain;
    width: 106px;
    height: 106px;
}
.certifi_target_result .box .txt p,
.certifi_target_result .box .txt span{
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.5;
    color: #111;
}
.certifi_target_result .box .txt span:last-child{
    color: #1869c0;
}
.certifi_target_result .btn {
    text-align: center;
    margin-top: 50px;
}


/* 인증 신청_신청 */
.certifi_apply h5 {
    margin-bottom: 20px;
}

/* sj230425(s) */
.sub_page section.certifi_apply01 {
    margin-bottom: 50px;
}

/* //sj230425(e) */
.certifi_apply02_02 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.certifi_apply02_02 > div .middle_able2 {
    margin-top: 0;
}

.certifi_apply02 .procedure_box .procedure_inner .group .item {
    height: 150px;
}
.certifi_apply02 .procedure_box .procedure_inner .group .action {
    display: flex;
    height: 100%;
    text-align: center;
    margin: auto 0;
    align-items: center;
    justify-content: center;
    flex-flow: column;
}
.certifi_apply02 .procedure_box .procedure_inner .group .action .text_sm{
    color: #666;
}

/* .procedure_box .procedure_inner .group.last .item:nth-child(4)::before {
    display: none;
}

.procedure_box .procedure_inner .group.last .item:nth-child(4)::after {
    display: none;
} */

.certifi_apply02 .explain {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 10px;
}

.certifi_apply02 .explain p {
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
}

.certifi_apply02 .explain span {
    font-size: 1.6rem;
    color: #111;
    display: block;
    margin-top: 8px;
    display: block;
}

.certifi_apply02 .explain .blue {
    color: #1869c0;
}

.certifi_apply02 .explain span a {
    margin-right: 20px;
    color: #1869c0;
}

.certifi_apply02 > div {
    margin-bottom: 50px;
}

.certifi_apply02 .middle_Able3 {
    margin-top: 15px;
}

.certifi_apply02 .apply_process {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2%;
}

.certifi_apply02 .apply_process li {
    position: relative;
    flex: auto;
    font-size: 1.6rem;
}

.certifi_apply02 .apply_process li::after {
    display: block;
    content: "";
    width: 18px;
    height: 18px;
    background: url("../images/sub/arrow_right.png") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.certifi_apply02 .apply_process li:last-child::after {
    display: none;
}

.certifi_apply > .btn {
    text-align: center;
}

/* 인증 신청_신청서작성_단일인증 */
/* 240716 (s) */
.apply_write .oper_status01 dl dd input.item_radio {
    width: 100%
}

.apply_write .oper_status01 .single_line dd.certify_select01,
.apply_write .oper_status01 .single_line dd.certify_select02 {
    gap: 10px;
    justify-content: flex-end;
}

.apply_write .oper_status01 .single_line dd.certify_select02 {
    justify-content: flex-end;
}
/* 240716 (s) */
.apply_write {
    position: relative;
}

.single_certify_ex {
    display: none;
    margin-top: 10px;
}

#single_certify {
    display: none;
}

.apply_write > span {
    position: absolute;
    right: 0;
    top: 16px;
    font-size: 1.4rem;
    color: #666;
    font-weight: 400;
}

.apply_write > span > span {
    color: #da2b27;
}

/* sj230426(s) */
.apply_write > div {
    margin-bottom: 50px;
}
/*240913 (s) padding 조정*/
.apply_write input.regular_disabled {
    background: #f7f7f7 !important;
    border-radius: 3px;
    border: 1px solid #eee !important;
    padding: 5px 10px;
    width: auto;
}
/*240913 (e)*/

/* //sj230426(e) */
.apply_write #simple_content.on {
    background: #fff !important;
}

.apply_write #simple_content.on::placeholder {
    font-size: 0;
    text-indent: -9999px;
}

.apply_write #man.on {
    background: #fff !important;
}

.apply_write #etc01.on {
    background: #fff !important;
}

.apply_write #etc02.on {
    background: #fff !important;
}

.apply_write #etc03.on {
    background: #fff !important;
}

.apply_write #etc04.on {
    background: #fff !important;
}

.apply_write #etc04.on::placeholder {
    font-size: 0;
    text-indent: -9999px;
}

.apply_write #etc05.on {
    background: #fff !important;
}

.apply_write #etc05.on::placeholder {
    font-size: 0;
    text-indent: -9999px;
}

input::placeholder {
    color: #666;
    font-size: 1.5rem;
    font-weight: 400;
}

.select03 span input[type="radio"] + label {
    margin-right: 80px;
}

/* sj230426(s) */
.select03 .con_tit.on {
    color: #1869c0;
}


/* .select03 input[type="checkbox"] {
    display: none;
}
 */
/* .select03 input[type="checkbox"] + label span.square {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -2px 10px 0 0;
    font-size: 0;
    vertical-align: middle;
    cursor: pointer;
    text-indent: -9999px;
    background: url("../images/sub/checkbox.png") no-repeat;
    background-size: contain;
}

.select03 input[type="checkbox"]:disabled + label span.square{
    border: 1px solid #ddd;
    background: none;
    background-color: #eee;
    border-radius: 3px;
}
.select03 input[type="checkbox"]:checked + label span.square {
    background: url("../images/sub/checkbox_checked.png") no-repeat;
    background-size: contain;
} */

.select01 select {
    width: 80px;
    color: #333;
    border-bottom: 1px solid #1869c0;
    background: url("../images/sub/select_arrowdown.png") no-repeat 95% 50%;
    margin-right: 40px;
    font-size: 14px;
    padding: 7px 5px;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.apply_write #range01.on {
    background: #fff !important;
}

.apply_write #range02.on {
    background: #fff !important;
}

.apply_write #range03.on {
    background: #fff !important;
}

.screening_classify01 input[type="radio"] + label,
.screening_classify02 input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    border: 1px solid #eee;
    border-radius: 50px;
    text-align: center;
    font-weight: 400;
    font-size: 1.6rem;
    padding: 0 22px;
    box-sizing: border-box;
    margin-right: 40px;
    background: #eee;
    color: #999;
}

.screening_classify01 input[type="radio"]:checked + label,
.screening_classify02 input[type="radio"]:checked + label {
    background: #fff;
    color: #666;
    position: relative;
    padding-left: 22px;
}

.screening_classify01 input[type="radio"]:checked + label::after,
.screening_classify02 input[type="radio"]:checked + label::after {
    display: block;
    content: "";
    background: none;
    width: 14px;
    height: 14px;
    background-size: contain;
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.screening_classify01.on input[type="radio"] + label,
.screening_classify02.on input[type="radio"] + label {
    display: inline-block;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    border: 1px solid #1869c0;
    border-radius: 50px;
    text-align: center;
    font-weight: 400;
    font-size: 1.6rem;
    padding: 0 22px;
    box-sizing: border-box;
    margin-right: 40px;
    background: #fff;
    color: #004ea2;
}

.screening_classify01.on input[type="radio"]:checked + label,
.screening_classify02.on input[type="radio"]:checked + label {
    background: #1869c0;
    color: #fff;
    position: relative;
    padding-left: 31px;
}

.screening_classify01.on input[type="radio"]:checked + label::after,
.screening_classify02.on input[type="radio"]:checked + label::after {
    display: block;
    content: "";
    background: url("../images/sub/select_check.png") no-repeat 0 0;
    width: 14px;
    height: 14px;
    background-size: contain;
    position: absolute;
    left: 11px;
    top: 50%;
    transform: translateY(-50%);
}

.screening_classify02 .screening_classify02_select {
    width: 80px;
    color: #666;
    border-bottom: 1px solid #aaa;
    background: #eee url(../images/sub/select_arrowdown_off.png) no-repeat 95% 50%;
    margin-right: 40px;
    font-size: 14px;
    padding: 7px 5px;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.screening_classify02.on .screening_classify02_select {
    width: 80px;
    color: #333;
    border-bottom: 1px solid #1869c0;
    background: url("../images/sub/select_arrowdown.png") no-repeat 95% 50%;
    margin-right: 40px;
    font-size: 14px;
    padding: 7px 5px;
    box-sizing: border-box;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.certify_select01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.certify_select01 .certify_select01_btn {
    text-align: right;
    display: none;
}

.certify_select02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.certify_select02 .certify_select02_btn {
    text-align: right;
    display: none;
}

/* sj230426(s) */
.apply_write_foot p {
    margin-top: 60px;
    line-height: 1.5;
}

/* .apply_write_foot .write_date{margin-top: 60px; text-align: center;}
.apply_write_foot .write_date span{color: #111; font-weight: 700; font-size: 1.8rem;}
.apply_write_foot .write_date input{text-align: right; width: 42px; margin-right: 5px; font-size: 1.8rem;}
.apply_write_foot .write_name{margin-top: 40px; text-align: right;}
.apply_write_foot .write_name span{color: #111; font-weight: 700; font-size: 1.8rem;}
.apply_write_foot .write_name input{text-align: right; width: 134px; font-size: 1.8rem;} */
.apply_write_foot .date {
    font-size: 18px;
    font-weight: 500;
}

.apply_write_foot .name {
    font-size: 18px;
    font-weight: 500;
}

/* //sj230426(e) */
.apply_write_foot input::placeholder {
    color: #111;
    font-size: 1.8rem;
    font-weight: 500;
}

.apply_write_foot input:disabled,
.apply_write_foot input:read-only:not(select) {
    color: #111;
    -webkit-text-fill-color: #111;
    font-size: 1.8rem;
}

/* //sj(e) */

/* 팝업 */
.popup_layer {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

/*팝업 박스*/
.popup_box {
    position: relative;
    top: 50%;
    left: 50%;
    overflow: auto;
    height: 650px;
    width: 80%;
    transform: translate(-50%, -50%);
    z-index: 1001;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.35);
}

/*컨텐츠 영역*/
.popup_box .popup_cont {
    padding: 40px 30px;
    line-height: 1.5;
    font-size: 1.6rem;
}

.popup_box .popup_cont h2 {
    color: #333;
    margin: 0;
}

/*버튼영역*/
.popup_box .popup_btn {
    position: absolute;
    right: 64px;
    top: 40px;
}

.popup_box .popup_btn a {
    text-indent: -9999px;
    font-size: 0;
    position: relative;
    display: block;
}

.popup_box .popup_btn a::after {
    background: url("../images/sub/tool_tip_close.png") no-repeat 0 0;
    background-size: contain;
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
}

.popup_cont > div {
    margin-top: 30px;
}

/* 인증 신청_신청서작성_다수인증 */
#multi_certify {
    display: none;
}

/* sj(s) */
.apply_write .add button {
    position: relative;
    color: #999;
    background: #eee;
    border: 1px solid #ddd;
    box-shadow: none;
}
.apply_write .add_01.on button,
.apply_write .add_02.on button {
    position: relative;
    color: #004ea2;
    background: #fff;
    border: 1px solid #1869c0;
    box-sizing: border-box;
}
/*240913 (s) 인증신청 추가버튼 font-size 추가*/
.write_certifi_apply .apply_write .add_01.on button,
.write_certifi_apply .apply_write .add_02.on button {
    position: relative;
    color: #004ea2;
    background: #fff;
    border: 1px solid #1869c0;
    box-sizing: border-box;
    font-size: 16px;
}
/*240913 (e)*/
/* //sj(e) */
.apply_write .del_01 a {
    padding: 0 15px;
    color: #999;
    background: #eee;
    border: 1px solid #ddd;
}

.apply_write .del_01.on a,
.apply_write .del_02.on a {
    padding: 0 15px;
    position: relative;
    color: #004ea2;
    background: #fff;
    border: 1px solid #1869c0;
    box-sizing: border-box;
}

/* sj(s) */
.apply_write_2 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* //sj(e) */
.apply_write .apply_write_box {
    margin-bottom: 30px;
}

.apply_write .oper_status01.apply_write_add {
    display: none;
    border-top: 1px solid #ddd;
}
.certifi_apply #multi_certify.apply_write .text_nm {
    word-break: keep-all;
}

/* sj(s) */
.apply_write_add > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
/*240913 (s) */
/*인증신청-신청구분 margin-top 조정*/
.certifi_apply .certifi_apply03 .two_sort .explain{margin-top: 15px;}
/*인증신청-심사구분 gap 조정*/
.sub .certifi_apply .apply_write .answer_list{gap: 15px;}
/*인증신청-input*/
.certifi_apply .apply_write#single_certify .oper_status01 dl dd input[type="text"],
.certifi_apply .apply_write #ismspDiv .oper_status01 dl dd input[type="text"],
.certifi_apply .apply_write #ismsDiv .oper_status01 dl dd.certify_select02 input[type="text"]{width: 100%; margin-right: 0;}
/*인증신청-전화번호*/
/*240923 (s) flex 좌측 정렬*/
.apply_write .oper_status01 dl dd.phone_wrap{display: flex; justify-content: flex-start; align-items: center; gap: 2px;}
/*240923 (e)*/
.apply_write .oper_status01 dl dd.phone_wrap input{width: calc((100% - 15px - 15px) / 3); margin-right: 0;}
/*인증신청 con_tit 정렬*/
.write_certifi_apply #ismsDiv .select03,
.write_certifi_apply #ismspDiv .select03
{align-items: center;}
/*240913 (e)*/

.apply_write_add > div > div.del_01 {
    vertical-align: middle;
    width: 10%;
    text-align: center;
    border-left: 1px solid #eee;
    padding: 20px 10px;
    border-bottom: 1px solid #eee;
}

/* sj(s) */

/* 인증 신청_운영현황 작성 */
/* sj230426(s) */
.apply_write_q > div {
    margin-bottom: 50px;
}
/*240229 hy(s)*/
.certifi_apply .apply_write_q > div .con_tit > button{
    display: inline-block;
}
/*240229 hy(e)*/
/*240322 (s)*/
.certifi_apply .ttip06_02,
.certifi_apply .ttip04_01{
    display: inline;
    margin-bottom: 7px;
}
.apply_write .oper_status01.question07 dl::after,
.apply_write .oper_status01.question07 dl dt::after,
.apply_write .oper_status01.question04 dl::after,
.apply_write .oper_status01.question04 dl dt::after,
.apply_write .oper_status01.question02 dl::after,
.apply_write .oper_status01.question02 dl dt::after{
    width: 0; height: 0;
}
.certifi_apply .apply_write .oper_status01.question05 dl::after{
    background-color: #eee;
}
.certifi_apply .apply_write .oper_status01.question05 dl:last-child:after{
    background-color: #fff;
}
.ttip_wrap{
    word-break: keep-all;
    font-weight: 500;
}
/*240322 (e)*/

.apply_write .radio_box {
    flex-flow: column;
    align-items: flex-start;
}
/*240830 (s)*/
.apply_write .oper_status01 dl.frstSrng.excpt dd .radio_box{
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 30px;
}
.apply_write .oper_status01 dl.frstSrng.excpt dd .radio_box.r_excpt{
    padding: 10px 10px;
}
.apply_write .oper_status01 dl.frstSrng.excpt dd .radio_box:nth-child(2){
    flex-flow:column;
    align-items: flex-start;
    gap:10px;
    padding: 10px 0 10px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}
/*240830 (e)*/
/* //sj230426(e) */
.apply_write .essential {
    font-size: inherit;
    color: #da2b27;
    font-weight: inherit;
    margin-left: 3px;
}

.apply_write .explain02 {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 30px 35px;
    background: #f2f6fa;
    border-radius: 10px;
}

.apply_write .explain02 p {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
}

.question02 .select02 {
    display: flex;
    flex-wrap: wrap;
}

.question02 .select02 > span {
    margin-right: 80px;
}

.question02 .select02 > span:last-child {
    margin-right: 0;
}

.apply_write .question02_wrap .oper_status01 {
    border-top: none;
}

.apply_write .question02_wrap .oper_status01 dl {
    border-bottom: none;
}

.apply_write .question02_wrap .oper_status01 dl dt {
    border-right: none;
    padding: 10px 0 0 0;
}

.apply_write .question04.oper_status01 {
    border-top: none;
}

.apply_write .question04.oper_status01 dl {
    border-bottom: none;
}

.apply_write .question04.oper_status01 dl dt {
    border-right: none;
    padding: 10px 0 0 0;
}

.apply_write .question07.oper_status01 {
    border-top: none;
}

.apply_write .question07.oper_status01 dl {
    border-bottom: none;
}

.apply_write .question07.oper_status01 dl dt {
    border-right: none;
    padding: 10px 0 0 0;
}

.select02 .dedicated_team {
    position: relative;
}

/*rami수정*/
.select02{ display:flex; align-items: center; }
.select02.choice5{ flex-direction: column; }

.select02 input + label span.round { display:none; }
.select02 input[type="radio"] { display: inline-block; width: 20px; height: 20px; margin-right: 10px; cursor: pointer; background: url("../images/sub/radio_btn.png") no-repeat center center / contain;  } 
.select02 input[type="radio"]:checked{ background: url("../images/sub/radio_btn_checked.png") no-repeat center center / contain;  }      


.select03 .dedicated_team.type02 { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; }
.select03 input[type="radio"] + label span.square { display:none; }
.select03 input[type="radio"] { display:inline-block; width: 20px; height: 20px; margin-right: 10px; cursor: pointer; background: url("../images/sub/radio_btn.png") no-repeat center center / contain;  }    
.select03 input[type="radio"]:checked{ background: url("../images/sub/radio_btn_checked.png") no-repeat center center / contain;  }    
.select03 .dedicated_team.type02 input[type="radio"] + label{ margin-right:15px; }
.select03 input[type="checkbox"] + label span.square { display:none; }
.select03 input[type="checkbox"] { display:inline-block; width: 20px; height: 20px; margin-right: 10px; cursor: pointer; background: url("../images/sub/checkbox.png") no-repeat center center / contain; }
.select03 input[type="checkbox"]:checked{ background: url("../images/sub/checkbox_checked.png") no-repeat center center / contain;  }
.select03 .dedicated_team.type02 input[type="checkbox"] + label{ margin-right:15px; }

.list_item  input + label span.square { display:none; }
.list_item input[type="checkbox"] { width: 20px; height: 20px; margin: 5px; cursor: pointer; background: url("../images/sub/checkbox.png") no-repeat center center / contain;  } 
.list_item input[type="checkbox"]:checked{ background: url("../images/sub/checkbox_checked.png") no-repeat center center / contain;  }     


.check_box01 input + label span.square{ display:none; }
.check_box01 input[type="checkbox"] { width: 20px; height: 20px; margin-right: 10px; cursor: pointer; background: url("../images/sub/checkbox.png") no-repeat center center / contain;  }    
.check_box01 input[type="checkbox"]:checked{ background: url("../images/sub/checkbox_checked.png") no-repeat center center / contain; }

.file_input_fxwrap{ position: relative; display:flex; flex-flow:row nowrap;  }
.file_input_fxwrap.one_button{ width:66.6%; }
.file_input_fxcell{ position: relative; width:50%; }
.file_input_fxcell.type02{ position: relative; width:100%; }
.file_input_fxcell.type02 .input_box{ padding:8px 10px; }
.file_btn_fxcell{ position: relative; }
input.btn_fileupload{position:absolute;top:0;left:0;opacity:0;z-index:0;cursor: pointer;width:100%;height:100%;display:block;appearance: none; cursor: pointer; }
.upload_box .input_box::placeholder { color:#666; opacity: 1; }
.tb01 tbody tr td input::placeholder{ color:#666; }

.answer_list .list_item input[type="radio"]{ border:none; line-height: normal; height:auto; }
.list_item.type02{ display:flex; align-items: center; gap:5px; }

/* input file type */
.input-file { display: inline-block; }
.input-file [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
/* 접근성 탭 포커스 스타일 */
.file-focus { outline: 2px solid #d2310e; }
.input_box.datePickInput{ width:80%; }

/*응시원서 보완서류 제출*/
.input_form.down_label{ position: relative; display: flex; align-items: center; }
.input_form.down_label::before{display: block; content: ''; margin-right: 5px; width: 14px; height: 17px; background: url("../images/sub/file_icon_on.png") no-repeat 0 0 / 100% auto; flex: 0 0 14px; position: relative; top: 1px;}
.input_box.down_input { color:#666; -webkit-text-fill-color: #666; background: none; border: none; padding: 5px 10px 5px 0px; }

.password_inputwrap .input_box{ position: relative; width:290px; border: none; background: none; border-radius: 0; } 
.password_inputwrap .func_box{ right:350px; z-index:3; }
    
/* 공통 스타일 */
.password_inputwrap { position: relative; width: 100%; max-width: 400px; }
.input_wrapper { position: relative; display: flex; align-items: center; border: 1px solid blue; width: 360px; border-radius: 4px; border: 1px solid #ddd; box-sizing: border-box; font-size: 15px; background-color: #fff; }

/* 버튼 스타일 */
.input_wrapper button { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; cursor: pointer; font-size: 14px; line-height: 1; color: #888; }
/* 텍스트 삭제 버튼 위치 */
.input_wrapper .del_txt { right:40px; visibility: hidden; }
/* 비밀번호 보기 버튼 위치 */
.input_wrapper .show_txt { position: absolute; top: 50%; right: 10px; width: 18px; height: 18px; background: url("../images/sub/icon_eye_slash.png") no-repeat; background-position: center; background-size: cover; border: none; cursor: pointer; transform: translateY(-50%); }
.input_wrapper .show_txt.active { background: url("../images/sub/icon_eye.png") no-repeat center center / cover }

 /* 입력 값이 있을 때 삭제 버튼 표시 */
 /*241129 hy(s)*/
.input_box:not(:placeholder-shown) ~ .del_txt { visibility: visible; color: #666;}
/*//241129 hy(e)*/
/* Hover 및 Focus 상태 스타일 */
.input_wrapper button:hover, .input_wrapper button:focus { color: #000; }
.form_wrap .fileArea{ width:100%; }

/*회원가입 step03수정*/
.corponum{ display: flex; align-items: center; width:50%; gap: 10px;}
.businessnum{ display: flex; align-items: center; width:50%; gap:5px;}

/*rami수정 _ (e)*/


/*230414 hy(s)*/
.select02 input[type="radio"]:disabled + label span.round {
    background: url("../images/sub/radio_btn_disabled.png") no-repeat;
    background-size: contain;
}

/*230414 hy(e)*/
.select02 > span {
    position: relative;
}

.question04 .select02 > span {
    margin-right: 80px;
    line-height: 35px;
}

/*sub_common.css로 이동(s)*/
/*
.ttip10_01{display: inline!important;}
.ttip11_01{display: inline!important;}
.ttip12_01{display: inline!important;}
.ttip02_02{display: inline!important;}
*/

/* 툴팁 */
/*
.ttip_wrap{display: flex; flex-wrap: wrap;}
.ttip_wrap02{display: flex; flex-wrap: wrap;}
*/
/*sub_common.css로 이동(e)*/

.apply_write input.regular_disabled.etc01 {
    width: 247px;
    margin: 0 3px 0 0;
}

.apply_write input.regular_disabled.etc02 {
    width: 247px;
    margin: 0 3px;
}

.apply_write input.regular_disabled.etc03 {
    width: 247px;
    margin: 0 3px;
}

.apply_write .oper_status01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 2px solid #ddd;
}

/*240226 (s)*/
/* sj230426(s) */
.apply_write .oper_status01 dl {
    position: relative;
    width: 50%;
    flex: auto;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    align-items: center;
}
/*240913 (s)*/
.apply_write .oper_status01.apply_write_add dl.single_line{width: 100%;}
/*240913 (e)*/
.apply_write .oper_status01 dl::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #eee;
}
.apply_write .oper_status01 dl.single_line::after {
    background-color: rgba(0, 0, 0, 0);
}

/* //sj230426(e) */
.ttip_wrap span{
    font-size: 1.5rem;
    font-weight: 500;
}
.apply_write .oper_status01 dl dt {
    position: relative;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    width: 40%;
    height: 100%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 20px 15px;
    /* border-right: 1px solid #eee; */
    box-sizing: border-box;
}
/*240913 (s) 인증신청-신청*/
/*240925 (s) 인증 신청 font-weight 변경*/
.write_certifi_apply .apply_write .oper_status01 dl dt {
    position: relative;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    width: 40%;
    height: 100%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 15px 10px;
    /* border-right: 1px solid #eee; */
    box-sizing: border-box;
}
.write_certifi_apply .apply_write .apply_write_add dl dt{width: 44.4%;}
/*인증 신청*/
.write_certifi_apply .apply_write .oper_status01 dl.single_line dt{width: 20%;}
.write_certifi_apply .apply_write .oper_status01.apply_write_add dl.single_line dt {width: 22.2%;}
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dt::after{background: none;}
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd{position: relative;}
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd::before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: -1px;
    background-color: #eee;
}
/*240913 (e)*/
.apply_write .oper_status01 dl dt::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #eee;
}
.apply_write .oper_status01.question05 dl dt{
    width: 60%;
}
.apply_write .oper_status01.question05 dl dd{
    display: flex;
    align-items: center;
    width: 40%;
}

.apply_write .oper_status01 dl dd {
    width: 60%;
    padding: 10px;
    /* border-right: 1px solid #eee; */
    box-sizing: border-box;
}
.apply_write .oper_status01 dl:nth-of-type(even)::after,
.apply_write .oper_status01 dl:nth-child(2n) dd:last-child {
    border-right: none;
    background-color: rgba(0, 0, 0, 0);
}
/*241015 (s) 인증신청-단일인증*/
.write_certifi_apply #single_certify .oper_status01.ismsDiv .certify_select02{flex-flow: row;}
/*//241015 (e)*/
/*240926 (s) */
/*인증신청*/
.apply_write .oper_status01.ismsDiv_wrap dl:not(.single_line)::after{background-color: rgba(0, 0, 0, 0);}
.apply_write .oper_status01.ismsDiv_wrap dl.wrap_even::after{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right:unset;
    left:0;
    background-color: #eee;
}
/*240926 (e)*/
/*240226 (e)*/
/*240913 (s)*/
.apply_write .oper_status01 dl dd input {
    
    margin-right: 5px;
    font-size: 1.5rem;
}
/*241022 (s) - 마이페이지, 인증신청 >의무대상자 제외의견 제출*/
.write_exception .apply_write .oper_status01 dl dt{justify-content: center;}
.write_exception .apply_write .oper_status01 dl dd input{width: 100%;margin-right: 0;font-size: 1.5rem;}
.write_exception .apply_write .question13 textarea{width: 100%; margin-left: 0;}
/*//241022 (e)*/
/*인증신청-다수인증 radio tablediv 라인*/
.write_certifi_apply .apply_write .oper_status01 dl dd input[type="radio"] {margin: 5px;}
/*인증신청-다수인증-심사구분 input 너비*/
.write_certifi_apply .apply_write .oper_status01 dl dd input.item_radio {width: inherit;}
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd label{align-items: flex-start;}
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd label span{padding-top: 5px;}
/*240913 (e)*/
/*240830 (s)*/
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd .radio_box input[type="radio"]{width: 20px;}
/*240830 (e)*/
.certifi_apply .apply_write .oper_status01 dl dd.certify_select02 input{
    width: calc(100% - 85px);
}
/*240927 (s) 인증신청 single_line 나누기*/
.write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dt,
.write_certifi_apply .apply_write .oper_status02 dl.single_line.devide2 dt{width: 20%;}
.write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dd,
.write_certifi_apply .apply_write .oper_status02 dl.single_line.devide2 dd{width: 30%; position: relative;}
.write_certifi_apply .apply_write .oper_status01.apply_write_add dl.single_line.devide2 dt,
.write_certifi_apply .apply_write .oper_status02.apply_write_add dl.single_line.devide2 dt{width: 22.22%;}
.write_certifi_apply .apply_write .oper_status01.apply_write_add dl.single_line.devide2 dd,
.write_certifi_apply .apply_write .oper_status02.apply_write_add dl.single_line.devide2 dd{width: 27.78%; position: relative;}
.write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dt:nth-of-type(even):after,
.write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dd:nth-of-type(even):after{content: "";position: absolute; top: 0; left: -1px; width: 1px; height: 100%; background: #eee;}
/*240927 (e)*/
.apply_write .oper_status01 dl.single_line dd input.number {
    width: calc(100% - 22px);
    margin-right: 5px;
}

.apply_write .oper_status01 dl dd input.percent {
    width: calc(100% - 22px);
    margin-right: 5px;
}

.apply_write .oper_status01 dl dd span {
    font-size: 1.4rem;
    font-weight: 400;
}
/*240830 (s)*/ 
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd .radio_box span{
    font-size: 15px;
    color: #333;
}
.write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd{
    width: 80%;
}
/*240925 (s)마이페이지 지난인증신청내역 특례적용*/
/* .write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd{width: 77.8%;} */
/*인증신청-특례적용 대상여부 너비 수정*/
.apply_write .apply_write_add.oper_status01 dl.frstSrng.excpt dd,
.apply_write .apply_write_add.oper_status01 .single_line dd {position: relative; width: 77.8%;}
/*240925 (e)*/

/*240913 (s) flex 값 추가*/
.apply_write .apply_write_add > div > div {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
}
.write_certifi_apply .apply_write .oper_status01.apply_write_add dl dt,
.write_certifi_apply .apply_write .oper_status02.apply_write_add dl dt,
.write_certifi_apply .apply_write .apply_write_add dt {width: 44.4%;}
.apply_write .oper_status01.apply_write_add dl dd,
.write_certifi_apply .apply_write .apply_write_add dd {width: 55.6%;}
.apply_write .apply_write_add .del_01{width: 10%; justify-content: center; align-items: center;}
/*240913 (e)*/
/*240830 (e)*/

.apply_write .oper_status01 .single_line {
    width: 100%;
}

.apply_write .oper_status01 .single_line dt {
    width: 20%;
}

.apply_write .oper_status01 .single_line dd {
    width: 80%;
    border-right: none;
}
.apply_write .question04.oper_status01 dl dt .select02{
    display: flex;
    align-items: center;
}
.certifi_apply .apply_write .question08 .select02.choice5{
    padding-left: 20px;
}
/* .certifi_apply .apply_write .con_tit.ttip_wrap02{
    display: flex;
    align-items: center;
}
.certifi_apply .apply_write .con_tit.ttip_wrap02 .gnb.ml5.ttip04_01{
    display: flex;
    align-items: center;
} */

.apply_write .oper_status01 .single_line dd.txt_info {
    padding: 28px;
    font-size: 1.6rem;
    color: #666;
    font-weight: 400;
}

.apply_write .small_title {
    font-size: 1.8rem;
    font-weight: 700;
    font-family: "NanumSquare";
    letter-spacing: -0.05em;
    margin-bottom: 20px;
}

.apply_write .choice5 {
    margin-bottom: 37px;
}

.apply_write .choice5 > span {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.apply_write .choice5 > span:last-child {
    margin-bottom: 0;
}

/* sj230426(s) */
.apply_write .question8_2 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* //sj230426(e) */
.apply_write .question8_2 .small_title {
    margin-bottom: 0;
}

.apply_write .question8_2 div {
    margin-top: -6px;
    margin-left: 30px;
}

.apply_write .question8_2 div span {
    font-size: 1.6rem;
    font-weight: 400;
}

.apply_write .question8_2 div span input {
    margin: 0 10px;
    width: auto;
}


/*230414 hy(s)*/
.check_box01 input[type="checkbox"]:disabled + label span.square {
    background: url("../images/sub/checkbox_disabled.png") no-repeat;
    background-size: contain;
}

/*230414 hy(e)*/

.apply_write .choice_check5 {
    margin-bottom: 37px;
}

.apply_write .choice_check5 > span {
	display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}

.apply_write .choice_check5 > span:last-child {
    margin-bottom: 0;
}
/*240913 (s) padding 조정*/
.apply_write .question13 textarea {
    width: calc(100% - 15px);
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 150px;
    line-height: 1.5;
    padding: 5px 10px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
}
/*240913 (e)*/

.apply_write .prev_next_btn {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.apply_write .prev_next_btn a {
    min-width: 120px;
    /* height: 60px; */
    /* margin-right: 30px; */
}

.apply_write .prev_next_btn a:last-child {
    margin-right: 0;
}

.apply_write .question13 > span {
    color: #666;
    font-size: 1.4rem;
    text-align: right;
    display: block;
}

/* sj230426(s) */
/* .apply_write .question02 input{width:320px;} */
/* //sj230426(e) */
.apply_write .question02 input.mgt_10 {
    margin-top: -10px;
    margin-left: 5px;
}


/* sj230426(s) */
/* .apply_write .question04 input{width:247px;} */
/* //sj230426(e) */
.apply_write .question02,
.apply_write .question04,
.apply_write .question07,
.apply_write .question08,
.apply_write .question09,
.apply_write .question10,
.apply_write .question11,
.apply_write .question12,
.apply_write .question13 textarea {
    margin-left: 15px;
}

/* sj230426(s) */
/* .apply_write .question11 input{margin: 0 5px 0 0;} */
.apply_write .check_box label {
    margin-bottom: 20px;
}

.check_box .etc input + span {
    flex: unset;
}

/* //sj230426(e) */

/* sj230426(s) */
/* .apply_write .question12 input{margin: 0 5px 0 0;} */
/* //sj230426(e) */

/* 정보보호 관리체계(ISMS) 예비인증 운영현황 */
.apply_write .question001 span em {
    font-size: 1.6rem;
    color: #1869c0;
    font-style: normal;
}

/* 인증신청_파일첨부 */
/*240913 (s) padding 조정*/
.apply_write .file_attach input.regular_abled {
    background: #fff !important;
    border-radius: 3px;
    border: 1px solid #eee !important;
    padding: 5px 10px;
    width: 85%;
}
/*240913 (e)*/

.apply_write .file_attach .file_attach_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* .apply_write .file_attach .file_attach_btn input{flex: auto;} */
.apply_write .file_attach .file_attach_btn span.attach_btn {
    margin-left: 10px;
    display: inline;
}

.apply_write .file_attach .file_attach_btn span.add_btn {
    margin-left: 20px;
}

.apply_write .file_attach .file_attach_btn em {
    display: block;
    margin-top: 7px;
    font-size: 1.5rem;
    text-align: left;
    font-style: normal;
    color: #111;
    width: 100%;
}

.apply_write .file_attach .file_attach_btn span.attach_add_btn {
    display: none;
    width: 100%;
    margin-top: 10px;
}

.apply_write .file_attach .two_button input.regular_abled {
    width: 65%;
}

.file_attach .add_btn a {
    padding: 0 31px 0 15px;
    position: relative;
    color: #004ea2;
    background: #fff;
    border: 1px solid #1869c0;
    box-sizing: border-box;
}

.file_attach .add_btn a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/sub/add_icon.png) no-repeat 0 0;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.apply_write .file_attach .file_attach_btn span.attach_add_btn {
    margin-left: 0;
    flex: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.apply_write .file_attach .file_attach_btn span.del_btn {
    margin-left: 20px;
}

/* 인증신청_제출완료 */
.certifi_target_result .explain > span {
    text-align: center;
    display: block;
    margin-top: 10px;
    color: #666;
    font-size: 1.6rem;
    font-weight: 400;
}

/* 의무대상자 이의신청_신청 */
.cutomer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.certifi_apply02 .explain.cutomer span {
    margin-top: 0;
}

.certifi_apply02 .explain.cutomer span a {
    color: #333;
    margin-right: 0;
    margin-bottom: 0;
    box-sizing: border-box;
}

.certifi_apply02 .explain.cutomer span a:nth-child(1) {
    margin-top: 0;
    margin-right: 10px;
    margin-left: 0;
}

.certifi_apply02 .explain.cutomer span a {
    margin-left: 10px;
}

.certifi_apply02 .explain.cutomer span em {
    font-style: normal;
    margin: 0 0 0 10px;
    text-align: left;
}
/*240422*/
.certifi_target .certifi_target05 .box.bg_f7f7f7.flex-end > p:first-child,
.certifi_apply .certifi_apply02 .box.bg_f7f7f7.flex-end > p:first-child{
    font-size: 16px!important;
    font-weight: 600!important;
    padding-bottom: 10px;
}
.certifi_target .certifi_target05 .box.bg_f7f7f7.flex-end > div{
    display: flex;
    align-items: center;
}

/* 의무대상자 이의신청_신청서 작성 */
.obj .busi_number {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.apply_write.obj .oper_status01 dl dd.busi_number input {
    flex: auto;
    width: 45%;
}

.apply_write.obj .oper_status01 dl dd.busi_number span {
    line-height: 35px;
    margin: 0 3px;
}

.obj .corp_number {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.apply_write.obj .oper_status01 dl dd.corp_number input {
    flex: auto;
    width: 30%;
}

.apply_write.obj .oper_status01 dl dd.corp_number span {
    line-height: 35px;
    margin: 0 3px;
}

.apply_write.obj .oper_status01 dl dd.service_type {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.apply_write.obj .oper_status01 dl dd.service_type input {
    width: calc(100% - 60px);
}
.apply_write.obj .oper_status01 dl dd.service_type .upload_box input {
    width: 100%;
}

/*240226 (s)*/
/* 의무대상자 이의신청_제출완료 */
/* .obj_btn .large_able1 {
    padding: 0 20px;
} */
/*240226 (e)*/

/* 클라우드보안인증제_평가인증 절차 안내 */
.certifi_process .blue_txt {
    color: #1869c0;
    font-size: 1.6rem;
}
/*231121 hy(s)*/
.certifi_process .procedure_box .group.first::after {
    display: none;
}
/*231121 hy(s)*/

.cloud_procedure02 ul {
    margin-bottom: 15px;
}

.cloud_procedure02 li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.cloud_procedure02 li > p {
    width: 32%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    text-align: center;
    height: 60px;
    line-height: 60px;
    position: relative;
}

.cloud_procedure02 li > p::after {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background: url("../images/sub/arrow_blue_down.png") no-repeat 0 0;
    position: absolute;
    left: 50%;
    top: 80px;
    background-size: contain;
    transform: translateX(-50%);
}

.cloud_procedure02 li:last-child > p::after {
    display: none;
}

.cloud_procedure02 li > p em {
    width: 60%;
    background: #00387f;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff;
    font-style: normal;
}

.cloud_procedure02 li > p span {
    width: 40%;
    background: #fff;
    border: 1px solid #00387f;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 1.6rem;
    font-weight: 400;
}

.cloud_procedure02 li > span {
    display: inline-block;
    padding: 18px 40px;
    font-size: 1.6rem;
    font-weight: 400;
    text-align: left;
    box-sizing: border-box;
    line-height: 1.5;
    color: #333;
    width: 68%;
}

/* 클라우드 인증자 정보유출 신고 */
.cloud_report04 > div > .explain > p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    background: #f7f7f7;
    border-radius: 10px;
    /*240305 (s)*/
    padding: 20px;
    /*240305 (e)*/
}

.cloud_report04 > div > .explain > span {
    color: #1869c0;
    margin-bottom: 10px;
}

.cloud_secure05.cloud_report05 > div > .explain p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 10px;
    background: #f7f7f7;
    border-radius: 10px;
}

.cloud_secure05.cloud_report05 > div > .explain span {
    color: #111;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 20px;
}

.cloud_secure05.cloud_report05 > div > .explain > .btn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.cloud_secure05.cloud_report05 > div > .explain span.down {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.cloud_secure05.cloud_report05 > div > .explain span.down::after {
    top: 50%;
    transform: translateY(-50%);
}

.cloud_secure05.cloud_report05 > div > .explain div.separate_report {
    margin-top: 20px;
}

.cloud_secure05.cloud_report05 > div > .explain div.separate_report p {
    color: #111;
    font-size: 1.6rem;
}

.cloud_secure05.cloud_report05 > div > .explain div.separate_report ul li::after {
    display: none;
}

.cloud_secure05.cloud_report05 > div > .explain div.separate_report ul li a {
    color: #1869c0;
    font-weight: 400;
    margin-left: 10px;
    text-decoration: underline;
    font-size: 1.5rem;
}

.cloud_report04 > div > .explain > p em {
    color: #1869c0;
    font-style: normal;
}

.cloud_report04 > div > .explain > p em a {
    font-weight: 700;
    margin: 0 3px;
    color: #1869c0;
}

/* ISMS-P 인증서 발급 현황 */
.certi_status_01 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.certi_status_01 ul li {
    width: 32%;
    padding: 30px 40px;
    display: flex;
    flex-wrap: wrap;
    margin-right: 2%;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.certi_status_01 ul li:last-child {
    margin-right: 0;
}

.certi_status_01 ul li:first-child {
    border: 1px solid #ddd;
}

/*230605 hy(s)*/
.certi_status_01 ul li img {
    display: inline-block;
    width: 100px;
    height: 100px;
    object-fit: contain;
    margin-right: 30px;
}

/*230605 hy(e)*/
.certi_status_01 ul li dl {
    /* margin-top: 13px;
    display: block;
    flex: auto; */
    display: flex;
    width: calc(100% - 130px);
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}

.certi_status_01 ul li dl dt {
    font-weight: 500;
    font-size: 1.6rem;
    color: #111;
    margin-bottom: 10px;
}

.certi_status_01 ul li dl dd {
    display: block;
    font-size: 2.8rem;
    font-weight: 400;
    color: #333;
}

.certi_status_01 ul li dl dd em {
    font-style: normal;
    font-weight: 600;
    color: #333;
    font-size: 2.8rem;
}

.certi_status_02 .tab_box ul li {
    width: 12.5%;
}

.certi_status_02 .tab_box ul li a {
    position: relative;
}

.certi_status_02 .tab_box ul li a::after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background: #ddd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.certi_status_02 .tab_box ul li a.active::after {
    display: none;
}

.certi_status_02_cont {
    margin-top: 40px;
}

/*230605 hy(s)*/
.certi_status_02_cont .certi_status_02_srch {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

/*230605 hy(e)*/
/*240730 (s)*/
.certi_status_02_cont .certi_status_02_srch > div:nth-child(1) {
    /* flex: auto; */
    margin: 15px 0;
}
/*240730 (e)*/

.certi_status_02_cont .certi_status_02_srch > div:nth-child(1) p {
    display: inline-block;
    font-size: 1.4rem;
    color: #333;
}

.certi_status_02_cont .certi_status_02_srch > div:nth-child(1) p em {
    font-size: 1.4rem;
    color: #1869c0;
    font-style: normal;
}

.certi_status_02_cont .certi_status_02_srch > div:nth-child(1) span {
    font-size: 1.4rem;
    margin-left: 10px;
}
/*240730 (s)*/
/* 인증현황 - 발급현황 / 검색 필터 웹접근성 수정으로 fieldset 추가로 인한 CSS 수정 */
.certi_status_02_cont .certi_status_02_srch > div:nth-child(2) {
    width: calc(100% - 200px);
    /* width: 70%;
    flex: auto;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    justify-content: end; */
}
.certi_status_02_cont .certi_status_02_srch > div:nth-child(2) fieldset{
    display: flex;
    flex-wrap: row wrap;
    justify-content: end;
    align-items: center;
}
.certi_status_02_cont .certi_status_02_srch > div:nth-child(2) fieldset .select_box{
    width: auto;
}
/*240730 (e)*/

/* sj230425(s) */
.certi_status_02_cont .select_box {
    height: 35px;
    margin-right: 10px;
    font-size: 1.4rem;
}

/* //sj230425(e) */
.certi_status_02_cont .select_box:nth-child(1) {
    width: 118px;
}

.certi_status_02_cont .select_box:nth-child(2) {
    width: 95px;
}

.certi_status_02_cont .certi_status_02_srch .input {
    border: 1px solid #ddd;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    padding: 0 10px;
    margin-right: 10px;
    position: relative;
    text-align: left;
    position: relative;
}



.certi_status_02_cont .certi_status_02_srch .input input {
    display: inline-block;
    width: calc(100% - 20px);
}

.certi_status_02_cont .certi_status_02_srch .input input::placeholder{ color:#666; }

.certi_status_02_cont .certi_status_02_srch .input span {
    position: absolute;
    right: 0;
    top: 50%;
    display: inline-block;
    transform: translateY(-50%);
    cursor: pointer;
    display: none;
}

.certi_status_02_cont .certi_status_02_srch input::placeholder {
    color: #aaa;
    font-size: 1.4rem;
}

.certi_status_02_cont .certi_status_02_bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 15px;
    margin-top: 80px;
    border: 1px solid #eee;
    border-radius: 10px;
}

.certi_status_02_cont .certi_status_02_bottom p {
    font-size: 1.6rem;
    font-weight: 400;
}

.certi_status_02_cont .certi_status_02_bottom p em {
    color: #004ea2;
    font-style: normal;
    margin-left: 15px;
}

.noti_srch {
    width: 23%;
}

.noti_srch .del_btn {
    top: 50%;
}

.notice_board .file_down ul li.hwp {
    padding-left: 26px;
    position: relative;
}

.notice_board .file_down ul li.hwp::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/sub/icon_hwp.png") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
}

.notice_board .file_down ul li.excel {
    padding-left: 26px;
    position: relative;
}

.notice_board .file_down ul li.excel::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/sub/icon_excel.png") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
}

.notice_board .file_down ul li.pdf {
    padding-left: 26px;
    position: relative;
}

.notice_board .file_down ul li.pdf::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/sub/icon_pdf.png") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
}

.notice_board .file_down ul li.zip {
    padding-left: 26px;
    position: relative;
}

.notice_board .file_down ul li.zip::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/sub/icon_zip.png") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
}

.notice_board .file_down ul li.docu {
    padding-left: 26px;
    position: relative;
}

.notice_board .file_down ul li.docu::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/sub/icon_docu.png") no-repeat 0 0;
    position: absolute;
    left: 0;
    top: 0;
    background-size: contain;
}

.notice_board .file_down ul li:last-child {
    margin-bottom: 0;
}

/*241122 hy(s)*/
.notice_board .file_down ul li a {
    display: block;
    font-size: 1.4rem;
    color: #666;
    font-weight: 400;
    letter-spacing: -0.05em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice_board .file_down .attach_file_close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    cursor: pointer;
}

.notice_board .file_down .attach_file_close::after {
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    background: url("../images/sub/attach_file_close.png") no-repeat 0 0;
    position: absolute;
    right: 0;
    top: 0;
    /* transform: translateX(-50%); */
    background-size: contain;
}
/* //241122 hy(e)*/
.notice_board .file_down ul li span {
    font-size: 1.4rem;
    color: #666;
    font-weight: 400;
    margin-left: 10px;
}

.notice_board .file_down ul li {
    display: flex;
    flex-wrap: wrap;
}

/* 공지사항 상세 */
.notice_board .notice_detail .file_down {
    padding: 30px 20px;
    border-bottom: 1px solid #eee;
}

.notice_board .notice_detail .file_down ul li {
    margin-bottom: 10px;
}

.notice_board .certi_status_02_tb .btn {
    text-align: center;
    margin: 40px 0;
}

.notice_board .certi_status_02_tb .btn .middle_able2 {
    width: 108px;
}

.notice_bottom {
    border-top: 2px solid #ddd;
}

.notice_bottom > div {
    display: flex;
    flex-wrap: wrap;
}

.notice_bottom > div p {
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 1.6rem;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-weight: 400;
    width: 140px;
}

.notice_bottom > div a {
    padding: 15px 20px;
    box-sizing: border-box;
    font-size: 1.6rem;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    font-weight: 400;
    display: block;
    color: #666;
    width: calc(100% - 280px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice_bottom > div p.notice_prev {
    position: relative;
}

.notice_bottom > div p.notice_prev::after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url("../images/sub/notice_prev.png") no-repeat 0 0;
    position: absolute;
    background-size: contain;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
}

.notice_bottom > div p.notice_next {
    position: relative;
}

.notice_bottom > div p.notice_next::after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background: url("../images/sub/notice_next.png") no-repeat 0 0;
    position: absolute;
    background-size: contain;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
}

.notice_bottom > div span {
    padding: 15px 20px;
    width: 140px;
    box-sizing: border-box;
    font-size: 1.6rem;
    color: #666;
    border-bottom: 1px solid #eee;
    text-align: center;
    font-weight: 400;
}

/* 공지사항_카드뉴스 */
.card_news {
    display: flex;
    flex-flow: wrap;
    gap: 40px;
}

/* sj230421(s) */
.card_news li {
    padding: 5px 0 15px 0;
    width: calc((100% - 80px) / 3);
}

/* //sj230421(e) */
.card_news li a {
    display: block;
}

.card_news li a img {
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    border-radius: 10px;
}

.card_news li a p.title {
    margin-top: 17px;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
    width: 100%;
    height: 45px;
    white-space: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.card_news li a p.date span {
    margin-top: 8px;
    color: #666;
    font-size: 1.4rem;
    font-weight: 400;
}

/*카드뉴스 상세*/
.card_news_detail table tbody td > div {
    display: flex;
    justify-content: center;
}
.card_news_detail table tbody td img {
    width: 60%;
}

/* 자주하는 질문 */
.faq {
    width: 100%;
    position: relative;
}

.sub_faq dl {
    border-top: 1px solid #eee;
}

.sub_faq .faq_list dt {
    vertical-align: middle;
    padding: 21px 20px 21px 72px;
    color: #111;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
    margin: 0;
    position: relative;
}

.sub_faq .faq_list dt::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url("../images/sub/q_icon.png") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    left: 20px;
    top: 17px;
}

.sub_faq dl dt button {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    text-align: left;
}

.sub_faq dl dt button div.faqlist {
    width: calc(100% - 34px);
}

.sub_faq dl dt button span {
    background: url("../images/sub/faq_open.png") no-repeat 0 0;
    background-size: contain;
    display: block;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
}

.sub_faq dl dt button span.on {
    background: url("../images/sub/faq_close.png") no-repeat 0 0;
    display: block;
    width: 24px;
    height: 24px;
    background-size: contain;
}

.sub_faq dl dd {
    display: none;
    padding: 21px 20px 21px 95px;
    color: #333;
    font-weight: 400;
    line-height: 1.5;
    position: relative;
}

.sub_faq .faq_list dd::after {
    content: "";
    display: block;
    width: 55px;
    height: 32px;
    background: url("../images/sub/a_icon.png") no-repeat 0 0;
    background-size: contain;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.sub_faq dl dd p {
    line-height: 1.5em;
}

/* sj230425(s) */
/* 통합검색결과 */
.noti_srch.srch_result {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
    margin: 0 auto;
}

.noti_srch.srch_result .select_box {
    border-radius: 0;
    border: none;
    border-bottom: 2px solid #e5e5e5;
    text-align: left;
    height: 52px;
}

.noti_srch.srch_result .search_area {
    width: calc(100% - 148px);
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding-bottom: 10px;
}

.noti_srch.srch_result .search_bar {
    width: calc(100% - 40px);
    height: 100%;
}
/* 240716 (s) */
.noti_srch.srch_result .btn_search {
    width: 40px;
    height: 40px;
    background: url("../images/icon_header_common.png") no-repeat 0px 0;
    background-size: cover;
    display: inline-block;
    /* filter: invert(0.5) brightness(0.5) opacity(0.3); */
    transition: 0.2s;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    cursor: pointer;
    /* -webkit-tap-highlight-color: rgba(0, 0, 0, 0.05); */
}
/* //240716 (e) */
.noti_srch.srch_result .search_area.focused {
    border-color: #1869c0;
    transition: 0.3s;
}

.noti_srch.srch_result .search_area.focused .btn_search {
    filter: unset;
}

/* //sj230425(e) */

/*마이페이지(법인)_마이페이지 홈*/
.mypage.home {
    display: grid;
    gap: 40px;
    width: 100%;
    grid-template-columns: calc(50% - 20px) calc(50% - 20px);
    grid-template-areas: "sec_tit sec_tit" "profile profile" "apply issue" "survey inquiry";
}

.mypage.home section {
    margin-bottom: 0;
}

.mypage.home .sec_tit {
    grid-area: sec_tit;
    margin-bottom: 0;
}

.mypage.home .profile {
    grid-area: profile;
    width: 100%;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.mypage.home .profile > div {
    width: 50%;
    height: 152px;
    background-color: #fff;
}

.mypage.home .profile .user {
    display: flex;
    flex-flow: row-reverse;
    align-items: center;
    border-right: 1px solid #eee;
    padding-right: 20px;
}

.mypage.home .profile .user .my_info {
    padding-left: 20px;
    width: calc(100% - 100px);
}

.mypage.home .profile .user .my_info .hello_txt {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.mypage.home .profile .user .my_info .hello_txt .myname {
    font-size: 1.8rem;
    font-weight: 700;
}

.mypage.home .profile .user .my_info .hello_txt > span:nth-child(2) {
    font-size: 1.6rem;
    font-weight: 400;
    word-break: keep-all;
}

.mypage.home .profile .user .my_info > button {
    width: auto;
    max-width: 150px;
}

/*230524 hy(s)*/
.mypage.home .profile .user .user_img {
    position: relative;
    width: 100px;
    height: 100px;
}
/*241125 hy(s)*/
.mypage.home .profile .user .user_img .profile_img {
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    object-fit: cover;
    object-position: center;
    border: 1px solid #eee;
}
/*//241125 hy(e)*/
/*230524 hy(e)*/
.mypage.home .profile .user .user_img .img_edit_button {
    position: absolute;
    width: 36px;
    height: 36px;
    bottom: 0;
    right: 0;
    background: url(../images/img_edit_button.png) no-repeat;
    background-size: 36px 36px;
}

.mypage.home .profile .my_certifi {
    display: flex;
    vertical-align: middle;
}

.mypage.home .profile .my_certifi .certifi_swiper {
    position: relative;
    width: 100%;
}
/*240214 (s)*/
.mypage.home .profile .my_certifi .certifi_swiper .contentbox {
    display: flex;
    align-items: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
/*240214 (e)*/
.mypage.home .profile .my_certifi .certifi_img {
    width: 25%;
    height: auto;
    margin: 0 20px;
    object-fit: contain;
}

.mypage.home .profile .my_certifi .certifi_info {
    width: calc(75% - 45px);
}

.mypage.home .profile .my_certifi .certifi_info > li {
    display: flex;
    position: relative;
    align-items: center;
    vertical-align: middle;
    overflow: hidden;
    margin-bottom: 3px;
    justify-content: flex-start;
}

.mypage.home .profile .my_certifi .certifi_info > li:last-child {
    margin-bottom: 0;
}

.mypage.home .profile .my_certifi .certifi_info > li > p {
    font-size: 1.6rem;
    color: #666;
    font-weight: 400;
    line-height: 1.5;
}

.mypage.home .profile .my_certifi .certifi_info > li:last-child > p {
    padding-bottom: 0;
}

.mypage.home .profile .my_certifi .certifi_info > li > p:first-child {
    position: absolute;
    left: 0;
    font-weight: 700;
    color: #111;
}

.mypage.home .profile .my_certifi .certifi_info > li > p:nth-child(2) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 85px;
}

.mypage.home .profile .my_certifi .certifi_info > li > button {
    width: 60px;
    margin-left: 10px;
}

.mypage.home .profile .my_certifi .certifi_info .nodata {
    justify-content: center;
    margin: auto;
    color: #666;
}

.mypage.home .profile .my_certifi .swiper_handler.on {
    display: flex;
}
/*240214 (s)*/
.mypage.home .profile .my_certifi .swiper_handler {
    display: flex;
    position: absolute;
    justify-content: space-between;
    top: 0;
    right: 0;
}
/*240214 (e)*/

.mypage.home .profile .my_certifi .swiper_handler .swiper-button-prev {
    width: 24px;
    height: 24px;
    background: url("../images/icon_group_swiper.png") no-repeat 0 0;
    background-size: cover;
}

.mypage.home .profile .my_certifi .swiper_handler .swiper-pagination {
    position: static;
    min-width: 35px;
    color: #111;
}

.mypage.home .profile .my_certifi .swiper_handler .swiper-button-next {
    width: 24px;
    height: 24px;
    background: url("../images/icon_group_swiper.png") no-repeat -46px 0;
    background-size: cover;
}

.mypage.home .shortcut {
    display: inline-block;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #eee;
}

.mypage.home .shortcut .apply {
    grid-area: apply;
}

.mypage.home .shortcut .issue {
    grid-area: issue;
}

.mypage.home .shortcut .survey {
    grid-area: survey;
}

.mypage.home .shortcut .apply {
    grid-area: inquiry;
}

.mypage.home .shortcut .cont_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.mypage.home .shortcut .cont_top .cont_tit {
    display: flex;
    align-items: center;
}

.mypage.home .shortcut .cont_top .cont_tit > h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-right: 5px;
    color: #111;
}

.mypage.home .shortcut .cont_top .cont_tit > p {
    font-size: 1.6rem;
    color: #666;
    font-weight: 400;
}

/* .mypage.home .shortcut .cont_top .middle_able4 {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
} */

.mypage.home .shortcut .cont_bottom {
    margin: 20px;
    height: 127px;
}

.mypage.home .shortcut .cont_bottom > ul {
    height: 100%;
}

.mypage.home .shortcut .cont_bottom .cont_list {
    margin-bottom: 20px;
}

.mypage.home .shortcut .cont_bottom .cont_list .title {
    display: flex;
    position: relative;
    width: 100%;
    height: 29px;
    vertical-align: middle;
    align-items: center;
    overflow: hidden;
}

.mypage.home .shortcut .cont_bottom .cont_list .title .badge {
    /* position: absolute; */
    width: 71px;
    text-align: center;
    line-height: 17px;
    padding: 6px 0;
    font-size: 1.4rem;
    border-radius: 15px;
    word-break: keep-all;
    margin-right: 8px;
    font-weight: 500;
}

.mypage.home .shortcut .cont_bottom .cont_list .title .badge.blue {
    background-color: #f2f6fa;
    color: #004ea2;
}

.mypage.home .shortcut .cont_bottom .cont_list .title .badge.grey {
    background-color: #eee;
    color: #666;
}

.mypage.home .shortcut .cont_bottom .cont_list .title > a {
    display: inline-block;
    color: #111;
    font-size: 1.6rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* margin-left: 86px; */
    margin-right: 87px;
}

.mypage.home .shortcut .cont_bottom .cont_list .title > a > span {
    font-weight: 500;
}

.mypage.home .shortcut .cont_bottom .cont_list .date {
    position: absolute;
    right: 0;
    color: #666;
    font-weight: 400;
    font-size: 1.4rem;
}

.mypage.home .shortcut .cont_bottom .cont_list.nodata {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #666;
}

.mypage .schedule {
    display: none;
}

.mypage .schedule.on {
    display: block;
}

.mypage .schedule .container {
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    flex-flow: column;
    transition: 0.3s;
}

.mypage .schedule .container .itembox {
    width: 100%;
    margin-top: 20px;
}

.mypage .schedule .container .itembox ul {
    width: 100%;
    display: flex;
    gap: 10px;
}

.mypage .schedule .container .itembox ul li.item {
    height: 142px;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    border-radius: 6px;
    border: 1px solid #eee;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.mypage .certifi_history .schedule .container .itembox ul li.item {
    width: calc((100% - 80px) / 8);
}

.mypage .certifi_history .schedule .container.sahu .itembox ul li.item {
    width: calc((100% - 70px) / 7);
}

.mypage .schedule .container .itembox ul li.item.active {
    background: #1869c0;
}

.mypage .schedule .container .itembox ul li.item.active .text,
.mypage .schedule .container .itembox li.item.active .date,
.mypage .schedule .container .itembox li.item.active .term {
    color: #fff;
}

.mypage .schedule .container .itembox ul li.item .text {
    width: 100%;
    color: #333;
    font-size: 1.5rem;
    font-weight: 500;
    word-break: keep-all;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.mypage .certifi_history .schedule .container .itembox ul li.item .wrap {
    min-height: 39px;
    line-height: 0px;
}
/* 231113 hy(e)*/

.mypage .schedule .container .itembox ul li.item .date,
.mypage .schedule .container .itembox ul li.item .term {
    color: #666;
    font-size: 1.4rem;
    font-weight: 300;
    word-break: keep-all;
    line-height: normal;
}

.mypage .schedule .container .progress_bar {
    width: 100%;
    background-color: #eee;
    height: 10px;
    border-radius: 0;
    position: relative;
}

.mypage .schedule .container .progress_bar .bar {
    position: absolute;
    border-radius: 0 10px 10px 0;
    background: linear-gradient(to right, #8fc31f, #007bff);
    height: 10px;
}

.mypage .schedule .container .progress_bar .bar.mb {
    display: none;
}

.mypage .certifi_history .cont_wrap {
    margin-bottom: 50px;
}

.mypage .certifi_history .textbox_grey {
    display: flex;
    margin-top: 20px;
}

.mypage .certifi_history .textbox_grey > p {
    margin-right: 5px;
}

.mypage .certifi_history .cont_wrap .text_wrap .small_title {
    font-size: 1.8rem;
    font-weight: 700;
    font-family: "NanumSquare";
    letter-spacing: -0.05em;
    margin-bottom: 0;
}

.mypage .certifi_history .cont_wrap .text_wrap {
    display: flex;
    flex-flow: column;
    margin-left: 20px;
}

.mypage .certifi_history .cont_wrap .text_wrap .wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.mypage .certifi_history .cont_wrap .text_wrap .wrap:last-child {
    margin-bottom: 0;
}

.mypage .certifi_history .cont_wrap .text_wrap .wrap > p {
    color: #333;
    padding: 15px 20px;
    background: #f7f7f7;
    border-radius: 10px;
    margin-left: 20px;
}

.mypage .certifi_history .essential {
    font-size: inherit;
    color: #da2b27;
    font-weight: inherit;
    margin-left: 3px;
}

.mypage .certifi_history .choice_check5 {
    margin-bottom: 37px;
}

.mypage .certifi_history .choice_check5 > span {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

.mypage .certifi_history .choice_check5 > span:last-child {
    margin-bottom: 0;
}

.mypage .certifi_history .choice_check5 > span > .wrap {
    display: flex;
    align-items: flex-start;
}

.mypage .certifi_history .choice_check5 > span > .wrap > label {
    width: 80px;
    margin-top: 15px;
}
/*240925 (s) padding 값 수정*/
.mypage .certifi_history .choice_check5 > span > .wrap > p {
    width: calc(100% - 80px);
    color: #333;
    padding: 15px 10px;
    background: #f7f7f7;
    border-radius: 10px;
}
/*240925 (e)*/
/*240926 (s) 마이페이지 인증신청내역 폰트 크기 변경*/
.sub_page.mypage .mypage_certifi_history .con_tit {font-size: 1.8rem;}
/*240926 (e)*/
.mypage .certifi_history .con_tit {
    margin-bottom: 20px;
}
/*240913 (s) padding 조정*/
.mypage .certifi_history input.regular_disabled {
    background: #f7f7f7 !important;
    border-radius: 3px;
    border: 1px solid #eee !important;
    padding: 5px 10px;
}
/*240913 (e)*/

.mypage .certifi_history input.regular_disabled.etc01 {
    width: 247px;
    margin-left: 5px;
}

/*230414 hy(s) 비밀번호 재확인*/
/*240925 (s) 마이페이지 인증신청 최소높이 삭제*/
.sub .content .mypage .mypage_certifi_history .textbox_grey{ min-height: 50px; margin-top: 0;}
.mypage .certifi_history.mypage_certifi_history .choice_check5 > span > .wrap > label{margin-top: 0;}
.mypage .certifi_history.mypage_certifi_history .table_form.text{margin-top: 0;}
.mypage .certifi_history.apply.mypage_certifi_history .table_form .td{min-height: auto;}
.mypage .mypage_certifi_history .table_form{font-size: 1.5rem;}
.mypage .certifi_history.mypage_certifi_history .table_form.text .tr_group .td_group .th{text-align: center;}
.mypage .mypage_certifi_history .table_form.text .tr_group .td_group .th{justify-content: center;}
.mypage .certifi_history.mypage_certifi_history .table_form.certifi_range .date{width: 10%;}
/*240925 (s)*/
/* 240716 (s) */
.mypage .prev_next_btn {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 20px;
    width:100%
}
/* 240716 (e) */

.mypage .prev_next_btn a {
    min-width: 120px;
    /* height: 60px; */
    /* margin-right: 20px; */
    display: block;
    box-sizing: border-box;
    width: 240px;
}

.mypage .prev_next_btn a:last-child {
    margin-right: 0;
}

.mypage .password_confirm {
    width: 400px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}

.mypage .password_confirm > h3 {
    margin-top: 30px;
}

.mypage .password_confirm > p {
    margin-bottom: 50px;
    font-size: 1.6rem;
    color: #666;
}

.mypage .password_confirm .input_wrap {
    margin-bottom: 30px;
}

/* .login .input_wrap {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.login .input_wrap .wrap {
    position: relative;
} */
/* 240122 (s) 로그인 */
/* .login .tab_content_inner.user .content_inner_wrap .inner_box.login{
    gap: 10px;
}
.login .tab_content_inner.user .content_inner_wrap .inner_box .input_box{
    margin-top: 0;
}
.login .tab_content_inner.user .content_inner_wrap{
    margin-top: 0;
}
.login .tab_content_inner.user.corp_member .content_inner_wrap{
    margin-top: 0;
}
.login .input_wrap{
    gap:0;
}
.login .form_box .tab_content_inner.user .content_inner_wrap .inner_box.login .input_wrap .input_box:last-child{
    margin-top: 15px;
} */
/* 240122 (e) */
/*241106 (s)*/
.login .tab_box ul li div.active{
    border: 1px solid #1869C0;
    background-color: #fff;
    color: #1869C0;
    font-weight: 600;
    box-sizing: border-box;
    padding: 20px 25px;
    border-radius: 6px;
    text-align: center;
}
/*//241106 (e)*/

.mypage .confirm_btn {
    width: 100%;
}

.mypage .confirm_btn a {
    width: 100%;
    min-width: 120px;
}

.mypage .devide2_btn {
    width: 100%;
    display: flex;
}

.mypage .devide2_btn a {
    width: calc(100% / 2 - 10px);
    margin-right: 20px;
    box-sizing: border-box;
}

.mypage .devide2_btn a:last-child {
    margin-right: 0;
}

/*230414 hy(s) 비밀번호 변경*/
.mypage .password_edit {
    width: 100%;
    margin: 0 auto;
}

.mypage .essential {
    font-size: inherit;
    color: #da2b27;
    font-weight: inherit;
    margin-left: 3px;
}

.mypage .certifi_history.corp_edit .mail .select_box {
    width: 180px;
}

/*230414 hy(s) 비밀번호 수정*/
.mypage .password_edit {
    width: 400px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.mypage .password_edit .wrap {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.mypage .password_edit .input_wrap input.large_able {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 50px;
    line-height: 50px;
    padding: 16px 20px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #333;
}

.mypage .password_edit .cont_wrap {
    margin-bottom: 30px;
}

/*.mypage .password .sec_sub_txt{font-family: 'NanumSquare'; font-size: 2.8rem; font-weight: 700; letter-spacing: -0.05em; margin-bottom: 30px;}*/

.mypage .password_edit .cont_tit {
    width: 100px;
    margin-right: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.mypage .password_edit .cont_wrap > p {
    width: 100%;
    font-size: 1.4rem;
    color: #666;
    margin-top: 10px;
    word-break: keep-all;
}

/*230414 hy(s) 1:1문의하기*/
.helpdesk .middle_able3,
.mypage .inquiry .select_box {
    width: 180px;
}
.helpdesk .box > div{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

/*230629 hy(s) // font-size 수정(1.6->1.5)*/
/*240913 (s) padding 조정*/
.mypage .inquiry textarea {
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    height: 200px;
    line-height: 1.5;
    padding: 5px 10px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
}
/*240913 (e)*/

/*230629 hy(e)*/
.mypage .inquiry ul > li {
    display: flex;
    margin-bottom: 20px;
    word-break: break-all;
    gap: 20px;
}

.mypage .inquiry ul > li .tit {
    width: 80px;
    /* margin-left: 20px; */
    margin-top: 10px;
    font-size: 1.6rem;
    font-weight: 500;
    color: #111;
    word-break: keep-all;
}

.mypage .inquiry ul > li .tit.notb {
    margin-top: 0px;
}

.mypage .inquiry ul > li .cont {
    width: calc(100% - 100px);
    display: flex;
    flex-flow: column;
    color: #333;
}

.mypage .inquiry ul > li .cont .wrap {
    display: flex;
    flex-flow: row;
    gap: 5px;
}

.mypage .inquiry ul > li .cont button,
.mypage .inquiry > ul > li .cont > p {
    display: inline-block;
}

.mypage .inquiry ul > li .cont > p {
    margin-left: 10px;
    color: #666;
    font-weight: 400;
}

.mypage .inquiry ul > li.bottomline {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
}

.mypage .inquiry ul > li.bottomline > .cont > span {
    text-align: right;
    font-size: 1.4rem;
    color: #666;
    margin-top: 5px;
}

.mypage .inquiry li > span {
    position: relative;
    display: block;
    /* height: 40px; */
}

.mypage .inquiry li > span > label {
    font-size: 1.4rem;
}

.mypage .inquiry .check_box01 {
    margin-bottom: 30px;
}

.mypage .inquiry.text ul > li .tit {
    margin-top: 0;
}

/*230427 hy(s)*/
.mypage .inquiry.text .cont_wrap {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}

.mypage .inquiry.text .cont_wrap > ul {
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
    border-top: 2px solid #eee;
}

.mypage .inquiry.text .cont_wrap .btn_wrap {
    display: flex;
    flex-flow: row;
    justify-content: flex-end;
    gap: 20px;
    width: 100%;
}

.mypage .inquiry.text .cont_wrap button {
    width: 80px;
}

/* .mypage .inquiry.text ul>li:last-child{margin-bottom: 60px;} */
.mypage .inquiry.text ul > li.file .cont {
    color: #666;
}

.mypage .small_able3.certifi_num {
    background: #fff;
    border-bottom-color: #999;
    color: #333;
    -webkit-text-fill-color: #333;
}

.mypage .certifi_num_img {
    display: flex;
    align-items: center;
}

.mypage .certifi_num_img .button_wrap {
    display: flex;
    flex-flow: column;
    gap: 3px;
}

.mypage .apply_write > div {
    margin-bottom: 0;
}

/*230427 hy(e)*/

.mypage .own_qualification .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

.mypage .patch_test_result .textbox_grey > span {
    font-size: 1.4rem;
    color: #666;
}

.mypage .certifi_objection .schedule .container .itembox ul li.item {
    width: calc((100% - 40px) / 5);
    height: 80px;
}

/*230414 hy(s) 마이페이지 > 인증서보유현황*/
.mypage .certifi_have .wrap {
    margin-bottom: 60px;
}

.mypage .certifi_have .print_history {
    margin-bottom: 60px;
}

/*230707 hy(e)*/
.mypage .certifi_history .textbox_grey > p,
.mypage .apply_history .textbox_grey > p {
    font-size: 1.6rem;
    color: #333;
    font-weight: 500;
}

.mypage .apply_history .textbox_grey > span {
    font-size: 1.4rem;
    color: #666;
}

.mypage .print_ticket .textbox_grey > p {
    font-size: 1.6rem;
    color: #333;
    font-weight: 500;
}

.mypage .print_ticket .textbox_grey > span {
    font-size: 1.4rem;
    color: #666;
}

/* 레이어팝업-마이페이지 */

/* Alert Confirm 모달 팝업 창 */
/*230414 hy(s)*/
.mypage .modal .noti.modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 12;
}

.mypage .modal .noti.modal_box {
    max-width: 260px !important;
    min-height: auto !important;
    padding: 10px 0 20px !important;
    text-align: center !important;
    word-break: keep-all !important;
    position: fixed;
    width: 95%;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.mypage .modal .modal_box.noti .content {
    min-height: 80px !important;
    color: #333 !important;
    overflow: visible !important;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    overflow: visible;
}

.mypage .modal .modal_box.noti .btn_box {
    padding: 0 !important;
}

/*230414 hy(e)*/

.mypage .modal {
    display: none;
}

.mypage .modal.open {
    display: block;
}

.mypage .modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 100000001;
}

.mypage .modal_box {
    position: fixed;
    width: 95%;
    max-width: 600px;
    min-height: 400px;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.mypage .modal_box .title {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.mypage .modal_content_wrap {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.mypage .modal_box .content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    min-height: 280px;
    overflow: scroll;
}

.mypage .modal_box .content .map {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #eee;
    max-height: 300px !important;
}

.mypage .modal_box .title h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 22px;
    font-weight: 700;
    word-break: keep-all;
}

.mypage .modal_box .con_tit > h4 {
    display: inline-block;
    font-family: "Pretendard", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
}

.mypage .modal_box .con_tit > p {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666;
    margin-left: 5px;
}

.mypage .modal_box .btn {
    /* height: 40px;
    line-height: 40px; */
    font-size: 14px;
    min-width: 80px;
}

.mypage .modal_popup.file_attach {
    flex-flow: column;
}

.mypage .modal_popup.file_attach .file_attach {
    border: none;
}

.mypage .file_attach .file_attach_btn {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    justify-content: space-between;
}

.mypage .file_attach .attach_add_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 5px;
}

.mypage .file_attach .attach_add_btn .attach_btn {
    display: flex;
    gap: 5px;
}

.mypage .modal .file_attach .file_attach_btn.patch_result .attach_input2,
.mypage .modal .file_attach .file_attach_btn.two_btn .attach_input2 {
    width: calc(100% - 175px);
}

.mypage .modal .file_attach .file_attach_btn.patch_result_confirm .attach_input2 {
    width: 100%;
}

.mypage .modal .file_attach .file_attach_btn.patch_delay .attach_input2,
.mypage .modal .file_attach .file_attach_btn.one_btn .attach_input2 {
    width: calc(100% - 90px);
}

.mypage .modal .file_attach .file_attach_btn.patch_delay_confirm .attach_input2 {
    width: 100%;
}

.mypage .modal.satisfy .modal_box {
    position: fixed;
    width: 95%;
    max-width: 760px;
    max-height: 700px;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    z-index: 999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.modal.sub .quailfication .question_box .box .answer.col {
    display: flex;
    flex-flow: column;
}

.modal .question_box .box .answer.col .wrap {
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
}
/*240913 (s) padding 조정*/
.modal .question_box textarea {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #333;
    height: 100px;
    background: #fff;
}
/*240913 (e) padding 조정*/

.mypage .test_result .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

.mypage .certifi_print .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

.mypage .certifi_print .print_history .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

/*230427 hy(s)*/
.mypage .career_print {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    min-height: 550px;
}

.mypage .career_print .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

.mypage .career_print .print_history .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

.mypage .career_print .prev_next_btn {
    margin-bottom: 50px;
}

.mypage .career_print .select_wrap {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 5px;
}

.mypage .career_print .apply_devision {
    display: flex;
    gap: 40px;
    width: 100%;
    justify-content: flex-start;
    flex-flow: row;
    align-items: center;
    padding-left: 20px;
}

.mypage .career_print .answer_list {
    display: flex;
    gap: 40px;
    width: unset;
    flex: unset;
}

/*230427 hy(e)*/
/*회원정보*/

.mypage .pass_written_test .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

.mypage .cheat_history .textbox_grey > p {
    font-size: 1.4rem;
    color: #666;
}

/*이의 제기*/
.mypage .test_objection .radio_box.select02 label {
    margin-right: 20px;
}

/*230601 hy(s)*/
.mypage > section > ul > li .file_button .file_wrap {
    display: flex;
    gap: 10px;
    align-items: center;
}

/*230601 hy(e)*/
.mypage > section > ul > li .file_button .caption_txt {
    font-size: 1.4rem;
    margin-left: 0;
}

.mypage > section > ul > li .file_button p,
.mypage > section > ul > li .file_button span {
    font-size: 1.4rem;
}

/* mypage 공통*/
.mypage .hide {
    display: none !important;
}

/* 보충설명 */
.mypage .complement {
    width: calc(100% - 300px);
    font-size: 14px;
    color: #666666;
    font-weight: 300;
    flex: 2;
}

.mypage .complement .text_sup:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    top: -3px;
    right: -3px;
    border-radius: 100px;
    background-color: #999;
}

.mypage .txtc_txtr {
    position: relative;
    text-align: center;
}

.mypage .txtc_txtl {
    text-align: center;
}

.mypage .txtl_txtc {
    text-align: left;
}

.mypage .txtc_txtr .ex {
    background: #eee;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0px, -50%);
}

.mypage .process_box {
    width: 100%;
    margin: 20px 0 50px;
}

.mypage .process_box ul {
    display: flex;
}

.mypage .process_box ul li {
    font-size: 0;
    padding: 0;
    text-align: center;
    flex: 1;
    position: relative;
}

.mypage .process_box ul li .txt {
    font-size: 13px;
    display: inline-block;
    margin-top: 25px;
    word-break: keep-all;
}

.mypage .process_box ul li.ing .txt {
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 100px;
    color: #1869c0;
    background-color: #f2f6fa;
}

.mypage .process_box ul li .img {
    display: block;
    position: relative;
}

.mypage .process_box ul li.prev .img::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #007bff;
    right: -35%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.mypage .process_box ul li.ing .img::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #007bff;
    right: -35%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.mypage .process_box ul li.after .img::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #d1e0f0;
    right: -35%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.mypage .process_box ul li.after:last-child .img::after {
    display: none;
}

.mypage .process_box ul li .img img {
    width: 32px;
    height: 32px;
}


/*230707 hy(s)*/
.mypage input:disabled {
    background-color: #f7f7f7;
    color: #666666;
    width: 20px;
}

.mypage input:read-only:not(select),
.mypage select:disabled {
    background-color: #f7f7f7;
    color: #666666;
}

select:disabled {
    border: 1px solid #ccc !important;
}

/*230707 hy(e)*/
/*240913 (s) padding 조정*/
.mypage .file_input_box {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 15px;
    background-color: #f7f7f7;
    color: #666;
}
/*240913 (e) */

.mypage .input_wrap {
    position: relative;
    margin-bottom: 10px;
}

.mypage .input_wrap .icon_delete {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    top: 50%;
    right: 0;
    background-image: url("../images/sub/icon_delete.png");
    background-size: cover;
    background-position: 50% 50%;
    transform: translate(-50%, -50%);
}

/* 230427 hy(s)
.mypage .select_box{
    display: inline-block;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 8px 10px;
    font-size: 15px; 
    background-size: 12px auto;
    position: relative;
    cursor: pointer;
}
.mypage .select_box::after{
    content: "";
    position: absolute;
    top:50%;
    right:10px;
    width: 12px;
    height: 7px;
    background: url('../images/icon_select-arrow.png')no-repeat;
    background-size: cover;
    transform: translate(0, -50%);
    transition: .2s;
}
.mypage .select_box.active::after{
    content: "";
    position: absolute;
    top:50%;
    right:10px;
    width: 12px;
    height: 7px;
    background: url('../images/icon_select-arrow.png')no-repeat;
    background-size: cover;
    transform: translate(0, -50%) rotate(-180deg);
}
.mypage .select_box.disabled{
    background-color: #f7f7f7;
}
.mypage .select_box.disabled::after{
    filter: opacity(.5);
}
.mypage .select_box .selected {
  display: flex;
  justify-content: space-between;
}
.mypage .select_box ul li,
.mypage .select_box .selected .selected_value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mypage .select_box ul {
    width: 100%;
    border: 1px solid #eee;
    display: none;    
    background: #fff;
    border-top: none;
    cursor: pointer;
    position: absolute;
    top:39px;
    left: 0;
    right:0;
    margin: auto;
    box-sizing: border-box;
    z-index: 2;
    max-height: 200px;
    overflow-y: auto;
}
.mypage .select_box ul::-webkit-scrollbar {width: 4px;}
.mypage .select_box ul::-webkit-scrollbar-thumb {height: 30%;background: #ccc;border-radius: 100px;}
.mypage .select_box ul::-webkit-scrollbar-track {background: rgba(0, 0, 0, .1);}
.mypage .select_box.active ul {display:block;}
.mypage .select_box.active ul li{padding: 8px 10px;}

.mypage .select_box ul li:hover {background:#F2F6FA}
*/
/*241125 hy(s)*/
.mypage input::placeholder {
    font-size: 15px;
    font-weight: 400;
    color: #666;
}
/*//241125 hy(e)*/

.mypage .tit span {
    position: relative;
    font-weight: 500;
}

.mypage .tit span.asterisk::after {
    content: "*";
    position: absolute;
    top: -4px;
    right: -8px;
    font-size: 14px;
    color: #da2b27;
}

.mypage .radio_box label {
    font-size: 15px;
}

.sub .mypage .page_content .page_content_inner .sub_title.flex.end {
    align-items: flex-start;
    flex-flow: column;
}

.mypage .confirm_box {
    gap: 10px;
}

.mypage .confirm_box .date,
.mypage .confirm_box .date > span,
.mypage .confirm_box .name,
.mypage .confirm_box .name > span,
.date_box,
.mypage .confirm_box ul li {
    font-size: 16px;
}

.mypage .confirm_box ul li {
    gap: 40px;
}

.mypage .accordion_box .accordion_btn {
    padding: 20px 0px;
    font-size: 18px;
}
/* 231113 hy(s) //마이페이지 인증신청내역-인증진행현황 css 주석 처리*/
/* .mypage.apply_detail .wrap{margin-bottom: 60px;} */
/* 231113 hy(e)*/

/* 공통 */

.sub .numbering.n1::before {
    background: url("../images/img_numbering-bk.png") no-repeat 0 0;
}

.sub .numbering.n2::before {
    background: url("../images/img_numbering-bk.png") no-repeat -28px 0;
}

.sub .numbering.n3::before {
    background: url("../images/img_numbering-bk.png") no-repeat -56px 0;
}

.sub .numbering.n4::before {
    background: url("../images/img_numbering-bk.png") no-repeat -84px 0;
}

.sub .numbering.n5::before {
    background: url("../images/img_numbering-bk.png") no-repeat -112px 0;
}

.sub .numbering.n6::before {
    background: url("../images/img_numbering-bk.png") no-repeat -140px 0;
}

.sub .numbering.n7::before {
    background: url("../images/img_numbering-bk.png") no-repeat -168px 0;
}

.sub .numbering.n8::before {
    background: url("../images/img_numbering-bk.png") no-repeat -196px 0;
}

.sub .numbering.n9::before {
    background: url("../images/img_numbering-bk.png") no-repeat -224px 0;
}

.sub .numbering.n10::before {
    background: url("../images/img_numbering-bk.png") no-repeat -252px 0;
}

.sub .content_box .number {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("../images/img_numbering-bk.png") no-repeat 0 0;
    background-size: cover !important;
    margin: 0 2px;
    vertical-align: text-bottom;
}

.sub .content_box .number.n1 {
    background: url("../images/img_numbering-bk.png") no-repeat 0 0;
}

.sub .content_box .number.n2 {
    background: url("../images/img_numbering-bk.png") no-repeat -25px 0;
}

.sub .content_box .number.n3 {
    background: url("../images/img_numbering-bk.png") no-repeat -50px 0;
}

.sub .content_box .number.n4 {
    background: url("../images/img_numbering-bk.png") no-repeat -75px 0;
}

.sub .content_box .number.n5 {
    background: url("../images/img_numbering-bk.png") no-repeat -100px 0;
}

.sub .content_box .number.n6 {
    background: url("../images/img_numbering-bk.png") no-repeat -125px 0;
}

.sub .content_box .number.n7 {
    background: url("../images/img_numbering-bk.png") no-repeat -150px 0;
}

.sub .content_box .number.n8 {
    background: url("../images/img_numbering-bk.png") no-repeat -175px 0;
}

.sub .content_box .number.n9 {
    background: url("../images/img_numbering-bk.png") no-repeat -200px 0;
}

.sub .content_box .number.n10 {
    background: url("../images/img_numbering-bk.png") no-repeat -225px 0;
}

.sub .content_box .number-bk {
    display: inline-block;
    width: 19px;
    height: 18px;
    background: url("../images/img_numbering-bk.png") no-repeat 0 0;
    background-size: cover !important;
    margin: 0 2px;
    vertical-align: text-bottom;
}

.sub .content_box .number-bk.n1 {
    background: url("../images/img_numbering-bk.png") no-repeat 0 0;
}

.sub .content_box .number-bk.n2 {
    background: url("../images/img_numbering-bk.png") no-repeat -28px 0;
}

.sub .content_box .number-bk.n3 {
    background: url("../images/img_numbering-bk.png") no-repeat -56px 0;
}

.sub .content_box .number-bk.n4 {
    background: url("../images/img_numbering-bk.png") no-repeat -84px 0;
}

.sub .content_box .number-bk.n5 {
    background: url("../images/img_numbering-bk.png") no-repeat -112px 0;
}

.sub .content_box .number-bk.n6 {
    background: url("../images/img_numbering-bk.png") no-repeat -140px 0;
}

.sub .content_box .number-bk.n7 {
    background: url("../images/img_numbering-bk.png") no-repeat -168px 0;
}

.sub .content_box .number-bk.n8 {
    background: url("../images/img_numbering-bk.png") no-repeat -196px 0;
}

.sub .content_box .number-bk.n9 {
    background: url("../images/img_numbering-bk.png") no-repeat -224px 0;
}

.sub .content_box .number-bk.n10 {
    background: url("../images/img_numbering-bk.png") no-repeat -252px 0;
}

/* content_page 공통 */
.sub .content .content_page {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.sub .content .content_page .page_title h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.sub .content .content_page .page_content {
    width: 100%;
    margin-top: 40px;
}

.sub .numbering::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../images/img_numbering-bk.png") no-repeat 0 0;
    background-size: cover !important;
    top: 2px;
    left: 0;
}

/* 레이아웃 */
.sub .quailfication .page_content .page_content_inner {
    width: 100%;
    min-height: 500px;
}

.sub .quailfication .page_content .page_content_inner .content_box {
    width: 100%;
    margin-top: 30px;
}

/* 텍스트 */
.sub .quailfication .page_content .page_content_inner .title_box {
    margin-top: 50px;
}

.sub .quailfication .page_content .page_content_inner .title_box:first-child {
    margin-top: 0;
}

.sub .quailfication .page_content .page_content_inner .title_box h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 28px;
    font-weight: 700;
    word-break: keep-all;
}

.sub .quailfication .page_content .page_content_inner .sub_title h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 22px;
    font-weight: 700;
    word-break: keep-all;
}
.sub .quailfication .user_career.detail li {
    display: flex;
    align-items: center;
}

.sub .quailfication .user_career.detail .tit {
    font-family: "Pretendard", sans-serif, "NanumSquare", sans-serif;
    font-size: 18px;
    font-weight: 500;
    word-break: keep-all;
    margin-top: 30px;
    margin-bottom: 15px;
}
/*240927 (s) 자격검정-서류전형 접수*/
.content .quailfication .content_box .content{ width:100%; margin:50px 0; min-height:unset; }
/*240927 (e)*/

/* 인증심사원 자격 신청 세부 내역서 */
.sub .quailfication .special_filed .accordion_cnt {
    padding: 0;
}
.sub .quailfication .special_filed .accordion_cnt .row_tit {
    margin: 20px 0 15px;
    margin-left: 25px;
    font-size: 16px;
    font-weight: 400;
}
.sub .quailfication .special_filed .accordion_cnt .box {
    padding: 15px;
    margin-top: 0;
}
.sub .quailfication .special_filed .accordion_cnt .text_field {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
}
.sub .quailfication .special_filed .accordion_cnt .text_field .text_field_wrap {
    display: flex;
    flex-flow: row;
    align-items: center;
    width: 100%;
}
.sub .quailfication .special_filed .accordion_cnt .text_field .text_field_wrap:last-child {
    align-items: flex-start;
}
.sub .quailfication .special_filed .accordion_cnt .text_field .text_field_wrap:last-child .tit {
    padding-top: 10px;
}
.sub .quailfication .special_filed .accordion_cnt .text_field .text_field_wrap .tit {
    width: 160px;
}
.sub .quailfication .special_filed .accordion_cnt .text_field .text_field_wrap .cnt {
    width: calc(100% - 160px);
}
.sub .quailfication .special_filed .accordion_cnt .input_box.year {
    width: 80px;
    margin-right: 5px;
}
.sub .quailfication .special_filed .accordion_cnt .text_field .tit span {
    display: block;
    word-break: keep-all;
    font-size: 1.4rem;
}
.sub .quailfication .special_filed .accordion_box .text_field .cnt textarea {
    height: 150px;
}

.sub .quailfication .user_career.detail .accordion_box .check_box01 input[type="checkbox"] + label span.square {
    margin: -2px 10px 0 0;
}

.sub .quailfication .page_content .page_content_inner .sub_title {
    margin-top: 50px;
}

.sub .quailfication .page_content .page_content_inner .sub_title:first-child {
    margin-top: 0;
}

.sub .quailfication .page_content .page_content_inner .sub_title.flex {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.sub .quailfication .page_content .page_content_inner .sub_title.flex.end {
    align-items: flex-end;
}

.sub .quailfication .page_content .text_bg {
    font-size: 18px;
    font-weight: 400;
}

.sub .quailfication .page_content .text_nm {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    color: #666;
}
.sub .quailfication .page_content .text_nm.fw600,
.sub .quailfication .page_content .text_nm.fw500,
.sub .quailfication .page_content .text_nm.text_cir-bg {
    color: #333;
}

.sub .quailfication .page_content .text_nm.numbering {
    position: relative;
    padding-left: 26px;
}

.sub .quailfication .page_content .text_sm {
    font-size: 14px;
    font-weight: 400;
}

/* Box*/
.sub .quailfication .list_box {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.sub .quailfication .text_box {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 20px;
    margin-top: 20px;
}

.quailfication .tbl_bdr {
    border-right: 1px solid #eee;
}

.quailfication .mb_show {
    display: none;
}

.quailfication .user_career.detail.total .add_btn {
    position: absolute;
    top: 10px;
    right: 20px;
}
.mypage .content_box {
    overflow: auto;
}
.mypage .select_box .selected {
    display: flex;
    justify-content: space-between;
}

.mypage .select_box ul li,
.mypage .select_box .selected .selected_value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mypage .select_box ul {
    width: 100%;
    border: 1px solid #eee;
    display: none;
    background: #fff;
    border-top: none;
    cursor: pointer;
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    z-index: 2;
    max-height: 200px;
    overflow-y: auto;
}

.mypage .select_box ul::-webkit-scrollbar {
    width: 4px;
}

.mypage .select_box ul::-webkit-scrollbar-thumb {
    height: 30%;
    background: #ccc;
    border-radius: 100px;
}

.mypage .select_box ul::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.mypage .select_box.active ul {
    display: block;
}
/*240913 (s) padding 조정*/
.mypage .select_box.active ul li {
    padding: 5px 10px;
}
/*240913 (e)*/

.mypage .select_box ul li:hover {
    background: #f2f6fa;
}
.mypage.apply_detail .certifi_objection .tb02 tbody tr td a{
    margin-bottom: 5px;
}

.quailfication .certifi_detail_wrap {
    position: relative;
    margin-top: 50px;
}

.quailfication .certifi_detail_wrap .add_btn {
    position: absolute;
    top: 0px;
    right: 0px;
}
/*231025 hy(e)*/
.quailfication .total_exp .period {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    padding-left: 15px;
}
.quailfication .total_exp .period >span{
    font-weight: 500;
}
.quailfication .total_exp .period label {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 5px;
}
.quailfication .total_exp .period .input_box {
    max-width: 80px;
}
.quailfication .total_exp .period label > span {
    display: block;
    font-weight: 500;
}

/* ms0417(s) */
.quailfication .del_file {
    width: 100%;
    flex: 1;
    position: relative;
}

/* //ms0417(e) */

.sub .quailfication .page_content .bg_f2f6fa {
    margin: 30px 0;
}
.sub .quailfication .page_content .bg_f2f6fa .text_nm {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.quailfication .edu_time .cnt {
    margin-top: 30px;
}
.quailfication .edu_time .cnt .flex_row {
    display: flex;
    flex-flow: row;
    align-items: center;
    gap: 5px;
}
.quailfication .edu_time .cnt .flex_row > span {
    margin: 0;
    padding: 0;
}
.quailfication .edu_time .cnt .flex_row .cnt_tit {
    font-weight: 600;
    margin-right: 10px;
}
.quailfication .edu_time .cnt .flex_row .input_box {
    max-width: 80px;
}
/*231024 hy(e)*/



.quailfication .procedure_box .procedure_inner {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
}

.quailfication .procedure_box .procedure_inner .group {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    position: relative;
}

/* 각 아이템*/
/* .quailfication .procedure_box .procedure_inner .group .item {
    width: calc(100% / 5);
    /*231113 hy(s)*/
/* height: 180px; */
/*231113 hy(e)*/
/* display: flex;
    flex-flow: column;
    flex: 1;
    box-sizing: border-box;
    padding: 30px;
    position: relative;
    justify-content: flex-start;
    z-index: 1; */
/*} */

/* 가운데 선 */
/* .quailfication .procedure_box .procedure_inner .group:first-child:after {
    content: "";
    position: absolute;
    width: calc(100% - 60px);
    height: 2px;
    background-color: #eee;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
} */

/* 첫번째 아이템들 border */
/* .quailfication .procedure_box .procedure_inner .group.first .item::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 60%;
    background-color: #eee;
    top: 50%;
    transform: translate(0, -50%);
    right: 0;
} */

/* 첫번째 아이템들 arrow */
/* .quailfication .procedure_box .procedure_inner .group.first .item::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    display: block;
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translate(0, -50%) rotate(45deg);
    background-color: #fff;
} */

/* 첫번째 아이템의 마지막 border 제거 */
/* .quailfication .procedure_box .procedure_inner .group.first .item:last-child:before {
    display: none
} */

/*231121 hy(s)*/
/* 첫번째 아이템의 마지막 arrow 스타일 */
/* .quailfication .procedure_box .procedure_inner .group.first .item:last-child:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    display: block;
    position: absolute;
    bottom: -110px;
    right: 0;
    left: 0;
    margin: auto;
    transform: translate(0, -50%) rotate(135deg);
    background-color: #fff;
} */
/*231121 hy(e)*/

/* 두번째 아이템들 방향전환 */
/* .quailfication .procedure_box .procedure_inner .group.last {
    flex-flow: row-reverse;
} */
.quailfication .procedure_box .procedure_inner .group.first {
    counter-reset: var-count;
}
.quailfication .procedure_box .procedure_inner .group .item .subject {
    padding-top: 20px;
    position: relative;
}
.quailfication .procedure_box .procedure_inner .group .item .subject:before {
    counter-increment: var-count;
    content: counter(var-count);
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
}
/* 두번째 아이템들 border */
.quailfication .procedure_box .procedure_inner .group.last .item:nth-child(4)::before,
.quailfication .procedure_box .procedure_inner .group.last .item:nth-child(4)::after {
    display: block;
}
/* .quailfication .procedure_box .procedure_inner .group.last .item::before {
    content: "";
    position: absolute;
    display: block;
    width: 2px;
    height: 60%;
    background-color: #eee;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
} */

/* 두번째 아이템들 arrow */
/* .quailfication .procedure_box .procedure_inner .group.last .item::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #eee;
    border-right: 2px solid #eee;
    display: block;
    position: absolute;
    top: 50%;
    left: -5px;
    transform: translate(0, -50%) rotate(45deg);
    background-color: #fff;
} */

/* 두번째 마지막 아이템의 border,arrow  제거*/
/* .quailfication .procedure_box .procedure_inner .group.last .item:last-child:after,
.quailfication .procedure_box .procedure_inner .group.last .item:last-child::before {
    display: none
} */

/* .quailfication .procedure_box .procedure_inner .group .item .subject {
    /*230717 hy(s)*/
/* color: #1869C0; */
/*230717 hy(e)*/
/* font-size: 14px;
    word-break: keep-all; */
/*231113 hy(s)*/
/* height: 40px; */
/*231113 hy(e)*/
/*} */

/* .quailfication .procedure_box .procedure_inner .group .item .action {
    color: #111;
    font-size: 16px;
    word-break: keep-all;
    font-weight: 700;
    margin-top: 10px;
} */
/* .quailfication .procedure_box .procedure_inner .group .item .num {
    position: absolute;
    font-size: 80px;
    font-weight: 800;
    color: #F2F8FF;
    bottom: 0;
    right: 20px;
    letter-spacing: -.5rem;
    z-index: -1;
} */

/* //ms0417(e) */

/* 레이어팝업 */
.quailfication .modal {
    display: none;
}

.quailfication .modal.open {
    display: block;
}

.quailfication .modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 100000001;
}

.quailfication .modal_box {
    position: fixed;
    width: 95%;
    max-width: 500px;
    min-height: 450px;
    box-sizing: border-box;
    overflow-y: auto;
    background-color: #fff;
    z-index: 100000001;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 5px;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
}

.quailfication .modal_box .title {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.quailfication .modal_box .content {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}

.quailfication .modal_box .content .map {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #eee;
    max-height: 300px !important;
}

.quailfication .modal_box .title h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 22px;
    font-weight: 700;
    word-break: keep-all;
}

.sub .quailfication .modal_box .btn {
    /* height: 40px;
    line-height: 40px; */
    font-size: 14px;
    min-width: 100px;
}

/* //ms-0414(e) */

/*231027 hy(s)*/
/* ms0424(s) */
.agreement_box {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    border: 1px solid #eee;
    display: flex;
    flex-flow: column;
}

/* //ms0424(e) */
.agreement_box .content {
    width: 100%;
    margin-top: 30px;
}

.agreement_box .content:first-child {
    margin-top: 0;
}

.date_box {
    width: 100%;
    text-align: center;
    margin: 30px auto;
    font-weight: 600;
}

.date_box span {
    font-weight: 600;
}
.agree_sec .sec_tit {
    display: inline-block;
    font-family: "Pretendard", sans-serif;
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
    width: 100%;
}
.agree_sec .text_nm {
    margin-top: 15px;
    word-break: keep-all;
}
.agree_sec .content .wrap .check_box {
    display: flex;
    justify-content: flex-end;
}
.agree_sec .confirm_box {
    margin: 10px auto;
}
.agree_sec .confirm_box .text_nm {
    margin-top: 0;
}

.agree_sec .confirm_box > .check_box input + span {
    font-size: 16px;
}

.agree_sec .confirm_box .date,
.agree_sec .confirm_box .date > span,
.agree_sec .confirm_box .name,
.agree_sec .confirm_box .name > span,
.agree_sec .confirm_box ul li {
    font-size: 16px;
    font-weight: 500;
}
.agree_sec .date_box {
    font-size: 17px;
    font-weight: 500;
    margin: 30px 0 0;
}
.agree_sec .confirm_box ul li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 70px;
    margin-top: 10px;
    font-weight: 500;
}

.agree_sec .confirm_box ul li:first-child {
    margin-top: 0;
}

.agree_sec .confirm_box ul li .tit {
    font-weight: 700;
}

.agree_sec .confirm_box .name > span {
    letter-spacing: 5px;
}
.agree_sec .agree_box .content {
    width: 100%;
}
/*240207 (s)*/
/*회원가입(공통)-약관동의*/
.box_wrap .agree_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/*240207 (e)*/
/*231027 hy(e)*/
.quailfication .box > .confirm_box {
    margin: 10px auto;
}

.quailfication .box > .confirm_box > .check_box input + span {
    font-size: 16px;
}

.quailfication .confirm_box .date,
.quailfication .confirm_box .date > span,
.quailfication .confirm_box .name,
.quailfication .confirm_box .name > span,
.quailfication .confirm_box .date_box,
.quailfication .confirm_box ul li {
    font-size: 18px;
    font-weight: 500;
}
.quailfication .confirm_box .co_name {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
}
.quailfication .confirm_box .co_name > span {
    font-size: 22px;
    font-weight: 600;
}

.quailfication .confirm_box ul li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 70px;
    margin-top: 20px;
    font-weight: 500;
}

.quailfication .confirm_box ul li:first-child {
    margin-top: 0;
}

.quailfication .confirm_box ul li .tit {
    font-weight: 700;
}

.quailfication .confirm_box .name > span {
    letter-spacing: 5px;
}

.quailfication .fw500 {
    font-weight: 500 !important;
}

.quailfication .fw600 {
    font-weight: 600 !important;
}

/* 아코디언 박스 */
.quailfication .accordion_box {
    width: 100%;
    border-bottom: 1px solid #eee;
}

/* ms0424(s) */
.quailfication .accordion_box .accordion_btn {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    background-color: #fff;
    cursor: pointer;
    border-top: 1px solid #eee;
    position: relative;
    text-align: left;
    font-family: "NanumSquare", sans-serif;
    font-size: 22px;
    font-weight: 700;
    word-break: keep-all;
    display: block;
}
.quailfication .content_box.user_career.detail .accordion_box .accordion_btn {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 50px;
    background-color: #fff;
    cursor: pointer;
    border-top: 1px solid #eee;
    position: relative;
    text-align: left;
    font-family: "Pretendard", sans-serif, "NanumSquare", sans-serif;
    font-size: 16px;
    font-weight: 500;
    word-break: keep-all;
    display: block;
}
.quailfication .accordion_box .accordion:first-child .accordion_btn {
    border-top: 2px solid #eee;
}
.quailfication .accordion_box .accordion_check_btn {
    width: 100%;
    box-sizing: border-box;
    padding: 30px 20px;
    background-color: #fff;
    cursor: pointer;
    border-top: 1px solid #eee;
    position: relative;
    text-align: left;
    font-family: "NanumSquare", sans-serif;
    font-size: 22px;
    font-weight: 700;
    word-break: keep-all;
    display: block;
}
.quailfication .content_box.user_career.detail .accordion_box .accordion_check_btn {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    background-color: #fff;
    cursor: pointer;
    border-top: 1px solid #eee;
    position: relative;
    text-align: left;
    font-family: "Pretendard", sans-serif, "NanumSquare", sans-serif;
    font-size: 16px;
    font-weight: 500;
    word-break: keep-all;
    display: block;
}
.quailfication .accordion_box .accordion:first-child .accordion_check_btn {
    border-top: 2px solid #eee;
}
.quailfication .accordion_box .accordion .accordion_check_btn.check_box label {
    display: flex;
    gap: 15px;
    font-size: 1.6rem;
    font-weight: 400;
}
.quailfication .accordion_box .accordion .accordion_check_btn.check_box label span {
    font-size: inherit;
    font-weight: inherit;
}
.quailfication .content_box.user_career.detail .accordion_box textarea {
    height: 100px;
}

/* //ms0424(e) */
/* 240722 (s) */
.quailfication .accordion_box .accordion_btn:after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    top: 50%;
    right: 0;
    background: url("../images/sub/notice_prev.png") no-repeat 0 0;
    background-size: cover;
    /* transform: translate(0, -50%); */
    transition: 0.2s;
    /* filter: sepia(1) grayscale(1) opacity(0.5); */
    transform: translate(0, -50%) rotate(180deg);
}

.quailfication .accordion_box .accordion_btn.active:after {
    transform: translate(0, -50%) rotate(0deg);
    /* filter: sepia(0) grayscale(0) opacity(1); */
    transition: 0.2s;
}
/* 240722 (e) */
/*
.quailfication .user_career.detail .accordion_box .accordion_btn:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    left: 15px;
    background: url("../images/sub/checkbox.png")no-repeat 0 0;
    background-size: cover;
    transform: translate(0, -50%);
    transition: .2s;
    filter: sepia(0) grayscale(0) opacity(1);
}

.quailfication .user_career.detail .accordion_box .accordion_btn.active:after {
    background: url("../images/sub/checkbox_checked.png")no-repeat 0 0;
    background-size: cover;
    transition: .2s;

}
*/
.quailfication .accordion_box .accordion_cnt {
    display: none;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
}

.quailfication .accordion_box .accordion_cnt.show {
    display: block;
}

/* 설문 Box */
.sub .quailfication .question_box {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.sub .quailfication .question_box .box {
    width: 100%;
    display: flex;
    flex-flow: column;
    margin-top: 0;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 10px;
    background-color: #f7f7f7;
    border: 1px solid #eee;
}

.sub .quailfication .question_box .box .question {
    display: flex;
    flex-flow: row nowrap;
    gap: 5px;
}

.sub .quailfication .question_box .box .question span,
.sub .quailfication .question_box .box .question p {
    font-weight: 500;
}

.sub .quailfication .question_box .box .answer {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 15px;
    gap: 10px;
}

.sub .quailfication .question_box .box .answer_list {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    gap: 10px;
    width: 100%;
    flex: 1;
}
.sub .quailfication .question_box .box .answer .complement {
    margin-left: 20px;
    font-size: 15px;
}
/*242023 (s)*/
.sub .quailfication .question_box .box .table_box .text_info {
    margin-left: 10px;
}
.sub .quailfication .question_box .txt_nm {
    margin: 0;
}
/*242023 (e)*/
.sub .quailfication .question_box .box .table_box{
    margin: 10px 0;
    padding-left: 15px;
    box-sizing: border-box;
}
.sub .quailfication .question_box .box .table_box table {
    margin-top: 0;
}

.quailfication .answer_list .list_item .item_label {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 20px;
    border-radius: 100px;
    background: #fff;
    color: #1869c0;
    white-space: nowrap;
    box-shadow: 0 0 0 1px inset rgba(24, 105, 192, 1);
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.quailfication .answer_list .list_item .item_radio:checked + .item_label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #1869c0;
    padding-left: 30px;
}

.quailfication .answer_list .list_item .item_label {
    position: relative;
}

.quailfication .answer_list .list_item .item_radio:checked + .item_label:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url("../images/icon_group_sub.png") no-repeat;
    background-position: -15px 0;
    background-size: cover;
    top: 50%;
    left: 15px;
    filter: brightness(0) invert(1);
    transform: translate(0, -50%) scale(2);
}

.sub .quailfication .text_sup {
    position: relative;
    margin-right: 0.35rem;
}

.sub .quailfication .text_sup:after {
    content: "*";
    position: absolute;
    top: -7px;
    right: -4px;
    color: #da2b27;
    font-size: 12px;
}

/* 보충설명 */
.quailfication .complement {
    width: calc(100% - 300px);
    font-size: 15px;
    color: #666666;
    font-weight: 400;
    flex: 2;
}

.quailfication .complement .text_sup:after {
    content: "*";
    position: absolute;
    top: -7px;
    right: -4px;
    color: #d23834;
    font-size: 12px;
}

.quailfication .txtc_txtr {
    position: relative;
    text-align: center;
}

.quailfication .txtc_txtl {
    text-align: center;
}

.quailfication .txtl_txtc {
    text-align: left;
}

.quailfication .txtc_txtr .ex {
    background: #eee;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0px, -50%);
}

.quailfication .process_box {
    width: 100%;
    margin: 20px 0 50px;
}

.quailfication .process_box ul {
    display: flex;
}

.quailfication .process_box ul li {
    font-size: 0;
    padding: 0;
    text-align: center;
    flex: 1;
    position: relative;
}

.quailfication .process_box ul li .txt {
    font-size: 13px;
    display: inline-block;
    margin-top: 25px;
    word-break: keep-all;
}

.quailfication .process_box ul li.ing .txt {
    box-sizing: border-box;
    padding: 5px 10px;
    border-radius: 100px;
    color: #1869c0;
    background-color: #f2f6fa;
}

.quailfication .process_box ul li .img {
    display: block;
    position: relative;
}

.quailfication .process_box ul li.prev .img::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #007bff;
    right: -35%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.quailfication .process_box ul li.ing .img::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #007bff;
    right: -35%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

/* ms0414(s) */
.quailfication .process_box ul li.last .img::after {
    display: none;
}

/* //ms0414(e) */
.quailfication .process_box ul li.after .img::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #d1e0f0;
    right: -35%;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.quailfication .process_box ul li.after:last-child .img::after {
    display: none;
}

.quailfication .process_box ul li .img img {
    width: 32px;
    height: 32px;
}

/* ms0418(s) */
.form_wrap {
    width: 100%;
    min-height: 100vh;
    background-color: #f2f6fa;
    box-sizing: border-box;
    padding: 100px 0px;
}

.form_wrap .login_container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    height: auto;
}

.form_wrap .login_container .login_box {
    position: relative;
    width: 480px;
    height: 480px;
    background-color: #fff;
    border-radius: 20px;
    z-index: 1;
    box-sizing: border-box;
    position: relative;
    animation: ani_3 0.6s 0.3s;
    animation-fill-mode: both;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.form_wrap .login_container .title {
    width: 100%;
    box-sizing: border-box;
    padding: 50px;
}

.form_wrap .login_container .title h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.form_wrap .login_container .title p {
    margin-top: 35px;
    font-size: 16px;
    color: #666;
}

.form_wrap .login_container .btn_box {
    width: 100%;
    display: flex;
    flex-flow: column;
    gap: 10px;
    padding: 50px;
}

.form_wrap .login_container .btn_box .btn {
    display: block;
    width: 100%;
}

.form_wrap .login_container .btn_box .btn {
    display: block;
    width: 100%;
}

.form_wrap .login_container .btn_box .btn.Middle_Able1 {
    display: inline-block;
    background: #0162ca;
    color: #fff;
    box-sizing: border-box;
    /* height: 60px;
    line-height: 60px; */
    padding: 20px 25px;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    box-shadow: 0 0 0 1px inset #0162ca;
    min-width: 130px;
}

.form_wrap .login_container .btn_box .btn.Middle_Able2 {
    display: inline-block;
    background: #fff;
    color: #0162ca;
    box-sizing: border-box;
    /* height: 60px;
    line-height: 60px; */
    padding: 20px 25px;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    box-shadow: 0 0 0 1px inset #0162ca;
    min-width: 130px;
}

/* 회원가입절차 */
.form_wrap .form_container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.form_wrap .form_box {
    width: 1000px;
    height: auto;
    box-sizing: border-box;
    padding: 50px;
    background-color: #fff;
    border-radius: 20px;
    animation: ani_3 0.6s 0.3s;
    animation-fill-mode: both;
}

.form_wrap .form_container .title h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.form_wrap .form_box .contents {
    width: 100%;
    margin-top: 50px;
}

.flex_rt {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}

.form_wrap .term_box {
    width: 100%;
    height: 200px;
    border: 1px solid #eee;
    margin: 20px 0px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    overflow-y: auto;
    font-size: 14px;
    color: #111;
}

.term_box::-webkit-scrollbar {
    width: 8px;
}

.term_box::-webkit-scrollbar-thumb {
    height: 30%;
    background: #ccc;
    border-radius: 100px;
}

.term_box::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
}

.form_wrap .check_box.all_agree {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    box-sizing: border-box;
    padding: 20px 0px;
    border-top: 1px solid #eee;
    margin-top: 50px;
}

.input_form {
    display: inline-block;
    width: 100%;
    flex: 1;
    position: relative;
}

.guide_txt {
    font-size: 14px;
    display: block;
    color: #666;
    margin-top: 5px;
}

/* .func_box {
    
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    display: flex;
    flex-flow: row nowrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
} */
/* .func_box > button {
    text-indent: -9999px;
    overflow: hidden;
    height: 0;
    width: 0;
    font-size: 0;
} */

.func_box .del_btn {

    width: 16px;
    height: 16px;
    background: url("../images/sub/tool_tip_close.png") no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0;
}
/*241108 (s)*/
/* 시각적으로 텍스트 숨기기 (웹 접근성 유지) */
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.func_box .del_txt{background: none;border: none;color: #888; cursor: pointer;font-size: 1.6rem;margin-left: 0.5rem;font-weight: 500;}
/*//241108 (e)*/


/* 개인회원 작성폼 */
.agreement_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

/* 기업회원 작성폼 */
.tab_wrap {
    width: 600px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.tab_wrap .tab_handler.corp {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
}

.tab_handler.corp .tab_control_item .tab_item {
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 20px;
    border-radius: 100px;
    background: #fff;
    color: #1869c0;
    white-space: nowrap;
    box-shadow: 0 0 0 1px inset rgba(24, 105, 192, 1);
    transition: 0.2s ease-in-out;
    cursor: pointer;
}

.tab_handler.corp .tab_control_item .tab_item.active {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #1869c0;
    padding-left: 30px;
}

.tab_handler.corp .tab_control_item .tab_item {
    position: relative;
}

.tab_handler.corp .tab_control_item .tab_item.active:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: url("../images/icon_group_sub.png") no-repeat;
    background-position: -15px 0;
    background-size: cover;
    top: 50%;
    left: 15px;
    filter: brightness(0) invert(1);
    transform: translate(0, -50%) scale(2);
}

.tab_wrap .tab_content_inner {
    display: none;
}

.tab_wrap .tab_content_inner.active {
    display: block;
}

/* //ms0421(e) */
.group_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 80px 0;
}

/* ms0421(s) */
.group_box.find_id {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 30px 0;
}

/* //ms0421(e) */
.group_box .identify_box {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    flex-flow: row nowrap;
    gap: 40px;
}

.group_box .identify_box .btn.verify {
    display: block;
    width: 260px;
    height: 260px;
    box-sizing: border-box;
    padding: 30px;
    border: 1px solid #d1e1f2;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

.group_box .identify_box .btn.verify .tit {
    font-size: 20px;
    font-weight: 600;
    color: #1869c0;
}

.group_box .identify_box .btn.verify .tit + p {
    font-size: 14px;
    font-weight: 300;
    color: #a2a2a2;
    margin-top: 10px;
    word-break: keep-all;
}

.group_box .identify_box .btn.verify .img_circle {
    position: absolute;
    width: 60px;
    height: 60px;
    background: rgba(243, 247, 252, 1);
    border-radius: 100px;
    right: 30px;
    bottom: 30px;
    z-index: 1;
}

.group_box .identify_box .btn.verify.phone .img_circle::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url("../images/sub/siginin_img01.png") no-repeat 0 0;
    background-size: cover;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translate(0, -50%);
}

.group_box .identify_box .btn.verify.i-pin .img_circle::before {
    content: "";
    position: absolute;
    width: 40px;
    height: 40px;
    background: url("../images/sub/siginin_img02.png") no-repeat 0 0;
    background-size: cover;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translate(0, -50%);
}

@media (hover: hover) and (pointer: fine) {
    .group_box .identify_box .btn.verify:hover {
        border: 1px solid #1869c0;
        background-color: #1869c0;
        transition: 0.2s;
    }

    .group_box .identify_box li .btn:hover .tit,
    .group_box .identify_box .btn.verify:hover .tit + p {
        color: #fff;
        transition: 0.2s;
    }

    .group_box .identify_box .btn.verify:hover .img_circle {
        background: rgba(243, 247, 252, 0.2);
    }
}

.tab_content_inner.user {
    display: none;
}

.tab_content_inner.user.active {
    display: flex;
    width: 100%;
    flex-flow: row nowrap;
    justify-content: center;
}

.tab_content_inner.user .content_inner_wrap {
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    gap: 90px;
    margin-top: 20px;
    position: relative;
}

.tab_content_inner.user.corp_member .content_inner_wrap {
    max-width: 405px;
    display: flex;
    flex-flow: row nowrap;
    gap: 90px;
    margin-top: 20px;
    position: relative;
}
/* 240621 (s) */
/*241017(s)*/
.tab_wrap{
    max-width: 600px;
    width: 100%;
}
.corp_member #corpForm .sign_in .busi_number .cnt{display:flex; align-items:center; gap:5px;}
.corp_member #corpForm .sign_in .busi_number .cnt .input_box{margin-top:0;}
.corp_member #corpForm .sign_in .busi_number .cnt .input_box#bsnmRegNo1{width:30%;}
.corp_member #corpForm .sign_in .busi_number .cnt .input_box#bsnmRegNo2{width:20%;}
.corp_member #corpForm .sign_in .busi_number .cnt .input_box#bsnmRegNo3{width:50%;}
/*//241017(e)*/
.tab_content_inner.user .content_inner_wrap .inner_box {
    width: 100%;
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

.tab_content_inner.user.indi_member .content_inner_wrap:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #eee;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    transform: translate(0, -50%);
}
/*240913 (s) padding 조정*/
.tab_content_inner.user .content_inner_wrap .inner_box .input_box {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    padding: 5px 10px;
    font-size: 15px;
    background-color: #fff;
    min-height: 50px;
    margin-top: 20px;
}
/*240913 (e)*/

.tab_content_inner.user .content_inner_wrap .inner_box .input_box:first-child {
    margin-top: 0;
}

.tab_content_inner.user .content_inner_wrap .inner_box .btn_wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 14px;
    flex-wrap: wrap;
}

.tab_content_inner.user .content_inner_wrap .inner_box .btn_wrap ul {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}

.tab_content_inner.user .content_inner_wrap .inner_box .btn_wrap a {
    font-size: 14px;
    color: #666;
}

.tab_content_inner.user .content_inner_wrap .inner_box .btn_wrap ul li {
    position: relative;
}

.tab_content_inner.user .content_inner_wrap .inner_box .btn_wrap ul li:first-child {
    margin-right: 20px;
}

.tab_content_inner.user .content_inner_wrap .inner_box .btn_wrap ul li:first-child::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 60%;
    background: #ddd;
    right: -10px;
    top: 50%;
    transform: translate(0, -50%);
}

.tab_content_inner.user .content_inner_wrap .inner_box .btn {
    display: block;
    margin-top: 20px;
}

.tab_content_inner.user .content_inner_wrap .inner_box.onepass .btn {
    box-shadow: 0 0 0 1px inset #1c2674;
    background: #1c2674;
}

.tab_content_inner.user .content_inner_wrap .inner_box.onepass .tit {
    font-size: 22px;
    font-weight: 600;
    position: relative;
    box-sizing: border-box;
}

.tab_content_inner.user .content_inner_wrap .inner_box.onepass .btn > span {
    position: relative;
    box-sizing: border-box;
    padding-left: 30px;
}

.tab_content_inner.user .content_inner_wrap .inner_box.onepass .btn > span::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 22px;
    background: url("../images/sub/login_img01.png") no-repeat;
    background-size: cover;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.tab_content_inner.user .content_inner_wrap .inner_box.onepass .tit + p {
    font-size: 16px;
    color: #666;
    margin-top: 30px;
    font-weight: 300;
}

input.input_box ::placeholder {
    font-size: 15px;
    font-weight: 400;
    color: #666;
}

/* ms0418(e) */

.login .input_wrap {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.login .input_wrap .wrap {
    position: relative;
}
/* 240122 (s) 로그인 */
.tab_content_inner.user .content_inner_wrap .inner_box.login {
    gap: 10px;
}
.tab_content_inner.user .content_inner_wrap .inner_box.login .input_box {
    margin-top: 0;
}
.tab_content_inner.user .content_inner_wrap {
    margin-top: 0;
}
.tab_content_inner.user.corp_member .content_inner_wrap {
    margin-top: 0;
}
.input_wrap {
    gap: 0;
}
.form_box .tab_content_inner.user .content_inner_wrap .inner_box.login .input_wrap .input_box:last-child {
    margin-top: 15px;
}
.form_box .tab_content_inner.user.corp_member .content_inner_wrap .inner_box.login .input_wrap .input_box:last-child {
    margin-top: 0;
}

/* 240122 (e) */

/* ms0421(s) */
/* 아이디 찾기 */
.form_wrap .contents.find_id.result {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 20px;
}

.form_wrap .contents.find_id.result .box_wrap {
    max-width: 500px;
    text-align: center;
}

.form_wrap .contents.find_id.result .box_wrap .main_txt {
    font-size: 22px;
}

.form_wrap .contents.find_id.result .box_wrap .sub_txt {
    margin-top: 20px;
    font-weight: 300;
    font-size: 15px;
    color: #666;
    word-break: keep-all;
}

.form_wrap .contents.find_id.result .box_wrap .sub_txt {
    margin-top: 20px;
    font-weight: 300;
    font-size: 15px;
    color: #666;
    word-break: keep-all;
}

.form_wrap .contents.find_id.result .btn_box {
    display: flex;
    flex-flow: row nowrap;
    gap: 20px;
}

/* 비밀번호 찾기 */
.form_wrap .contents.find_pw {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.form_wrap .contents.find_pw .box_wrap .main_txt {
    font-size: 20px;
}

.form_wrap .contents.find_pw .box_wrap .sub_txt {
    margin-top: 20px;
    font-weight: 300;
    font-size: 15px;
    color: #666;
    word-break: keep-all;
}

.form_wrap .contents.find_pw .btn_box {
    display: flex;
    flex-flow: row nowrap;
    gap: 20px;
}

/* //ms0421(e) */

/*240213 (s)*/
.sub .certifi_apply .certifi_apply03 .radio_box,
.sub .certifi_apply .certifi_apply03 .two_sort .answer_list {
    gap: 30px;
    justify-content: flex-start !important;
}
.error404{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%; height: 100%;
    padding-top: 240px;
    padding-right: 240px;
    position: relative;
}
.error404::before{
    content: "";
    position: absolute;
    width: 240px; height: 240px;
    background-image: url(../images/Warning.png);
    background-size: cover;
    background-position: 50% 50%;
    top: 0px;
}
.error404 h3 {
    font-family: "NanumSquare", sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center;
}
.error404 .tit_sub {
    font-family: "NanumSquare", sans-serif;
    font-size: 22px;
    font-weight: 700;
    word-break: keep-all;
    margin-bottom: 10px;
    text-align: center;
}
.error404 .txt_wrap p{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 40px;
    width: 380px;
    text-align: center;
    word-break: keep-all;
    color: #666;
    text-align: center;
}
.error404 a {
    display: inline-block;
    background: #1869C0;
    color: #fff;
    box-sizing: border-box;
    padding: 20px 25px;
    word-break: keep-all;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    box-shadow: 0 0 0 1px inset #1869C0;
    min-width: 130px;
    box-sizing: border-box;
}

/*240213 (e)*/

/* Media-query */
@media screen and (max-width: 1400px) {
    /* 클라우드보안인증제_평가인증 절차 안내 */
    .cloud_procedure02 li > span {
        padding: 5px 40px;
    }

    /* 마이페이지 */
    .mypage.home .profile .user .user_img {
        margin: 0;
    }
    /*231113 hy(s) //마이페이지 인증신청내역-인증진행현황 css 주석 처리*/
    /* .mypage .certifi_history .schedule .container .itembox ul li.item .wrap {
        min-height: 60px;
    } */

    .mypage .schedule .container .itembox ul li.item .text,
    .mypage .schedule .container .itembox ul li.item .date,
    .mypage .schedule .container .itembox ul li.item .term {
        word-break: break-all;
    }

    .mypage .schedule .container .itembox ul li.item {
        height: 160px;
    }
}

@media screen and (max-width: 1387px) {
    /* 인증 신청 */
    .apply_write_add .screening_classify02 input[type="radio"] + label {
        margin-bottom: 15px;
    }

    .apply_write_add .screening_classify02 input[type="radio"] + label:last-child {
        margin-bottom: 0;
    }

    .screening_classify01 input[type="radio"] + label,
    .screening_classify02 input[type="radio"] + label {
        margin-right: 10px;
    }

    .screening_classify01 input[type="radio"] + label:last-child,
    .screening_classify02 input[type="radio"] + label:last-child {
        margin-right: 0;
    }

    .screening_classify01 select.screening_classify01_select,
    .screening_classify02 select.screening_classify02_select {
        margin-right: 20px;
    }

    .select01 select {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1304px) {
    /* 인증 신청 */
    /* .apply_write .oper_status01 dl dd input.percent {
        width: 80%;
    } */
}

@media screen and (max-width: 1300px) {
    .certi_status_01 ul li div {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1293px) {
    /* 인증신청 */
    /*240913 (s) 인증신청-!important 해제*/
    .certify_select02 > input.selct_input {
        width: 75%;
    }
    /*240913 (e)*/

    .certify_select02 .certify_select02_btn {
        width: 25%;
    }
}

@media screen and (max-width: 1266px) {
    .certi_status_01 ul li {
        padding: 30px;
    }

    .certi_status_01 ul li dl dt {
        margin-bottom: 4px;
    }

    .certi_status_01 ul li dl dd {
        font-size: 2.2rem;
    }

    .certi_status_01 ul li dl dd em {
        font-size: 2.2rem;
    }

    .certi_status_01 ul li div {
        width: 90px;
        height: 90px;
    }
    .mypage .schedule .container .itembox ul li.item .text {
        font-size: 1.4rem;
    }
    .mypage .schedule .container .itembox ul li.item .date,
    .mypage .schedule .container .itembox ul li.item .term {
        font-size: 1.3rem;
    }
}

@media screen and (max-width: 1237px) {
    /* 의무대상자 이의신청 */
    .apply_write.obj .oper_status01 dl dd.corp_number input:first-child {
        width: 18%;
    }

    .apply_write.obj .oper_status01 dl dd.corp_number input:nth-child(3) {
        width: 12%;
    }

    .apply_write.obj .oper_status01 dl dd.corp_number input:last-child {
        width: 28%;
    }
}

@media screen and (max-width: 1200px) {
    /*제도소개 */
    .infoProtection02 > div ul li {
        padding: 156px 60px 30px 60px;
    }

    .certifi_process01 > div div dl:nth-child(3) dd {
        width: 85%;
    }

    .info_protection02 > div ul li span {
        display: block;
        width: 60%;
        margin: 0 auto;
    }

    /* 인증 신청 */
    .apply_write .oper_status01 dl dt {
        padding: 10px 5px;
    }

    /* 마이페이지 */
    .mypage.home .profile .user .my_info .hello_txt > span:nth-child(2) {
        word-break: keep-all;
    }
}


@media screen and (max-width: 1165px) {
    /* 인증 신청 */
    /* sj230426(s) */
    /* .apply_write input.regular_disabled.etc01{width:25%;}
    .apply_write input.regular_disabled.etc02{width:25%;}
    .apply_write input.regular_disabled.etc03{width:25%;} */
    /* //sj230426(e) */
    .screening_classify01.on input[type="radio"] + label,
    .screening_classify02.on input[type="radio"] + label {
        margin-right: 20px;
    }

    .screening_classify01.on input[type="radio"] + label:last-child,
    .screening_classify02.on input[type="radio"] + label:last-child {
        margin-right: 0;
    }

    .screening_classify01.on select.screening_classify01_select,
    .screening_classify02.on select.screening_classify02_select {
        margin-right: 20px;
    }

    /* ISMS-P 인증서 발급 현황 */
    .certi_status_01 ul li {
        padding: 20px 10px;
    }
}

@media screen and (max-width: 1074px) {
    /* 인증 신청_신청서작성 */
    .certify_select01 .certify_select01_btn {
        width: 20%;
    }
}

@media screen and (max-width: 1062px) {
    /* 인증 신청_신청서작성 */
    .apply_write_add .screening_classify01 input[type="radio"] + label {
        margin-bottom: 15px;
    }

    .apply_write_box .screening_classify02 input[type="radio"] + label {
        margin-bottom: 15px;
    }

    .screening_classify01.on input[type="radio"] + label,
    .screening_classify02.on input[type="radio"] + label {
        margin-right: 10px;
    }
}

@media screen and (max-width: 1053px) {
    /* 의무대상자 이의신청 */
    .apply_write.obj .oper_status01 dl dd.busi_number.email input {
        margin-bottom: 5px;
        display: inline-block;
    }
}

@media screen and (max-width: 1024px) {
    /*제도소개 > isms-p */
    .ismsp01 > div {
        padding: 20px 10px;
        margin-bottom: 10px;
    }

    .ismsp01 > div div h5 {
        margin-bottom: 6px;
        padding-left: 0;
    }

    .ismsp01 > div div h5::after {
        display: none;
    }

    .ismsp01 > div div:nth-child(1) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        text-align: left;
    }

    .ismsp01 > div div:nth-child(2) {
        padding-left: 0;
        width: 100%;
    }

    .ismsp01 > div div p {
        padding-left: 0;
    }

    .ismsp02 > div {
        padding: 10px;
    }

    .ismsp02 > div > div > p {
        width: 100%;
        font-size: 1.6rem;
        padding: 15px 15px;
    }

    .ismsp02 > div > div > ul li {
        font-size: 1.4rem;
        margin-bottom: 6px;
    }

    .small_tit {
        padding: 10px;
        font-size: 1.36rem;
    }

    .ismsp02_pc {
        display: none;
    }

    .ismsp02_mo {
        display: block;
    }

    .ismsp02_mo div {
        margin-bottom: 10px !important;
    }

    .ismsp02_mo div dl {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 5px;
    }

    .ismsp02_mo div dl:last-child {
        margin-bottom: 0;
    }

    .ismsp02_mo div dl dt {
        font-size: 1.36rem;
        text-align: left;
        height: 30px;
        line-height: 30px;
        padding: 0 8px;
    }

    .ismsp02_mo div dl dd {
        font-size: 1.36rem;
        text-align: left;
    }

    .ismsp02_mo div dl dd:nth-child(2) {
        width: 35%;
        font-weight: 700;
    }

    .ismsp02_mo div dl dd:nth-child(3) {
        width: 40%;
    }

    .ismsp02_mo div:nth-child(1) p {
        height: 60px;
        background: #fff;
        border-radius: 0;
        text-indent: -9999px;
        border-bottom: 1px solid #111;
    }

    .ismsp02_mo div:nth-child(1) p span {
        display: block;
        background: url("../images/sub/ministry_of_science.png") no-repeat 50% 0;
        color: #111;
        background-size: contain;
        height: 100%;
    }

    .ismsp02_mo div:nth-child(2) p {
        height: 60px;
        background: #fff;
        border-radius: 0;
        text-indent: -9999px;
        border-bottom: 1px solid #111;
    }

    .ismsp02_mo div:nth-child(2) p span {
        display: block;
        background: url("../images/sub/personal_info_protect.png") no-repeat 50% 0;
        color: #111;
        background-size: contain;
        height: 100%;
    }

    .ismsp03 > div {
        padding: 20px 10px;
    }

    .ismsp04 > div > div {
        padding: 30px 0;
    }

    .ismsp04 > div > div > div.ismsp04_02 {
        width: 55%;
    }

    /* .ismsp04 > div > div > div ul li {
        padding: 0 5px;
    } */

    .ismsp04 > div > div > div ul li span {
        margin-right: 8px;
    }

    /*제도소개 > 정보보호등급제 */
    .infoProtection01 > div {
        padding: 20px 16px;
    }

    .infoProtection01 > div p {
        font-size: 1.6rem;
    }

    .infoProtection02 > div ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 120px 16px 20px 16px;
        border-radius: 10px;
    }

    .infoProtection02 > div ul li:nth-child(1)::after {
        top: 20px;
        width: 85px;
        height: 85px;
    }

    .infoProtection02 > div ul li:nth-child(2)::after {
        top: 20px;
        width: 85px;
        height: 85px;
    }

    .infoProtection02 > div ul li:nth-child(3)::after {
        top: 20px;
        width: 85px;
        height: 85px;
    }

    .infoProtection01 > div ul li img {
        width: 80%;
        margin: 0 auto 10px;
    }

    .infoProtection01 > div ul {
        margin-bottom: 0;
    }

    .infoProtection .legalBasis {
        font-size: 1.6rem;
        padding: 10px 15px;
    }

    .infoProtection04 > div {
        padding: 20px 10px;
    }

    .infoProtection07 > div {
        padding: 20px 10px;
    }

    /*제도소개 > 클라우드보안인증제 */
    .cloud_secure01 > div {
        padding: 20px 16px;
    }

    .cloud_secure01 > div > div.cloud_secure01_explain p {
        font-size: 1.6rem;
    }

    .cloud_secure01 > div > div.cloud_secure01_explain p::after {
        display: none;
    }

    .cloud_secure01 > div > div.cloud_secure01_logo {
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 15px;
    }

    .cloud_secure01 > div > div.cloud_secure01_explain ul li {
        font-size: 1.5rem;
    }

    .cloud_secure02 > div ul {
        gap: 10px;
    }

    .cloud_secure02 > div ul li {
        padding: 120px 10px 20px 10px;
        font-size: 1.6rem;
    }

    .cloud_secure02 > div ul li:last-child {
        margin-bottom: 0;
    }

    .cloud_secure02 > div ul li:nth-child(1)::after {
        width: 85px;
        height: 85px;
        top: 20px;
    }

    .cloud_secure02 > div ul li:nth-child(2)::after {
        width: 85px;
        height: 85px;
        top: 20px;
    }

    .cloud_secure .legal_basis {
        font-size: 1.5rem;
        padding: 10px 15px;
    }

    .cloud_secure .explain {
        font-size: 1.5rem;
    }

    .cloud_secure04 > div div {
        padding: 20px 10px;
    }

    .cloud_secure05 > div ul li img {
        width: 100%;
        margin-top: 40px;
    }

    .cloud_secure05 > div ul li {
        height: auto;
        margin-bottom: 30px;
    }

    .cloud_secure05 > div ul li p {
        font-size: 1.84rem;
        width: auto;
    }

    .cloud_secure05 > div > div ul li {
        font-size: 1.5rem;
    }

    .cloud_secure .explain span {
        font-size: 1.4rem;
    }

    .cloud_secure06 > div ul {
        gap: 10px;
    }

    .cloud_secure06 > div ul li {
        font-size: 1.6rem;
        padding: 120px 16px 20px 16px;
        width: 100%;
    }

    .cloud_secure06 > div ul li:last-child {
        margin-bottom: 0;
    }

    .cloud_secure06 > div ul li:nth-child(1)::after {
        width: 85px;
        height: 85px;
        top: 20px;
    }

    .cloud_secure06 > div ul li:nth-child(2)::after {
        width: 85px;
        height: 85px;
        top: 20px;
    }

    .cloud_secure06 > div ul li:nth-child(3)::after {
        width: 85px;
        height: 85px;
        top: 20px;
    }

    .cloud_secure06 > div ul li span {
        font-size: 1.4rem;
        text-align: center;
    }

    .cloud_secure07 > div ul li {
        font-size: 1.4rem;
        padding-left: 12px;
    }

    /* 인증신청_isms-p 인증절차 안내 */
    .certifi_process01 .certifi_process01_step {
        padding: 15px 0;
    }

    .certifi_process01 > div div dl:nth-child(1) dd {
        width: 80%;
    }

    .certifi_process01 > div div dl:nth-child(2) dd {
        width: 80%;
    }

    .certifi_process01 > div div dl:nth-child(3) dd {
        width: 80%;
    }

    .certifi_process01 > div div dl:nth-child(4) dd {
        width: 90%;
    }

    .certifi_process01 > div div dl:nth-child(4) {
        width: 25%;
    }

    .certifi_process01 > div div dl dd {
        font-size: 1.4rem;
    }

    .certifi_process01 .certifi_process01_img {
        margin-bottom: 30px;
        padding: 40px 10px;
    }

    .certifi_process01 > div div dl::after {
        width: 65%;
    }

    .certifi_process02 .explain02 p {
        font-size: 1.5rem;
        margin-bottom: 8px;
    }

    .certifi_process02 .explain02 ul li {
        font-size: 1.5rem;
    }

    .certifi_process02 .explain02 span {
        font-size: 1.4rem;
        margin-top: 6px;
    }

    .certifi_process05 .explain ul li {
        font-size: 1.5rem;
    }

    .certifi_process05 .explain span {
        font-size: 1.4rem;
        margin-top: 6px;
    }

    .certifi_process06 .explain p {
        font-size: 1.5rem;
    }

    .certifi_process06 .explain span a {
        font-size: 1.5rem;
    }

    /* 인증신청_인증대상 */
    .certifi_target01 .explain p {
        font-size: 1.5rem;
    }

    .certifi_target02 .explain p {
        font-size: 1.5rem;
    }

    .certifi_target03 .explain ul li {
        font-size: 1.5rem;
    }

    .certifi_target03 .explain span {
        font-size: 1.4rem;
    }

    /* 의무대상자 여부 확인 결과 */
    .certifi_target_result .explain {
        padding: 30px 15px;
    }

    .certifi_target_result .explain p {
        font-size: 1.6rem;
    }

    .certifi_target_result .btn {
        margin-top: 20px;
    }

    /* 인증신청 */
    .certify_select01 > input.selct_input {
        width: 100% !important;
    }
    /* 240610 (s) - 의무대상자 제외의견 제출_제출 안내 */
    .certifi_apply h5 {
        margin-bottom: 0;
    }
    /* 240610 (e) */

    .certifi_apply02 > div {
        margin-bottom: 35px;
    }

    .certifi_apply01 div {
        padding: 0;
    }

    .certifi_apply02 .explain p {
        font-size: 1.5rem;
    }

    .certifi_apply02 .middle_able2 {
        width: 100%;
        box-sizing: border-box;
    }

    .certifi_apply02 .explain span a {
        display: block;
        font-size: 1.6rem;
        margin-bottom: 5px;
    }

    .certifi_apply02 .explain span {
        font-size: 1.5rem;
    }

    .select03 span input[type="radio"] + label {
        margin-right: 0;
    }

    .select01 {
        width: 100%;
    }

    .select01 input[type="radio"] + label {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0 !important;
        height: 50px;
        line-height: 50px;
    }

    .select01 input[type="radio"] + label:last-child {
        margin-bottom: 0;
    }

    .select01 select {
        width: 100%;
        margin-bottom: 10px;
    }

    .screening_classify01 .screening_classify01_select,
    .screening_classify02 .screening_classify02_select {
        width: 100%;
        margin: 10px 0;
        height: 50px;
        line-height: 50px;
        box-sizing: border-box;
    }

    .screening_classify01.on .screening_classify01_select,
    .screening_classify02.on .screening_classify02_select {
        width: 100%;
        margin: 10px 0 15px 0;
        height: 50px;
        line-height: 50px;
        box-sizing: border-box;
    }

    .apply_write_2 > div {
        justify-content: space-between;
    }

    .screening_classify01.on input[type="radio"] + label,
    .screening_classify02.on input[type="radio"] + label {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    .certify_select02 > input {
        width: 100% !important;
        margin-bottom: 10px;
    }
    /*240913 (s)*/ 
    /*인증신청-범위내 개인정보 margin 수정*/
    .write_certifi_apply .certify_select02 > input {margin-bottom: 0;}
    /*인증신청-*/
    .write_certifi_apply .confirm_box{align-items: center;}
    /*240913 (e)*/

    .certify_select02 > input.selct_input {
        width: 100% !important;
    }

    .certify_select02 .certify_select02_btn {
        width: 100%;
    }
    /*241015 (s) 인증신청-단일인증*/
    .write_certifi_apply #single_certify .oper_status01.ismsDiv .certify_select02_btn{width: 25%;}
    /*//241015 (e)*/

    .certify_select02 {
        display: block;
    }
    /*241015 (s) 마이페이지-인증신청*/
    .write_certifi_apply #single_certify .oper_status01.ismsDiv .certify_select02{display: flex;}
    /*//241015 (e)*/
    .apply_write .middle_able2 {
        width: 100%;
    }

    .apply_write_foot p {
        margin-top: 40px;
        font-size: 1.5rem;
    }

    .apply_write_foot .write_date {
        margin-top: 30px;
    }

    .apply_write_foot .write_name {
        margin-top: 15px;
    }

    .apply_write_foot .write_name input {
        width: 90px;
    }

    .apply_write .prev_next_btn {
        margin-top: 60px;
    }

    .apply_write .prev_next_btn a {
        width: calc((100% - 20px) / 2);
        padding: 15px;
        /* margin-right: 20px; */
    }

    .certify_select01 .certify_select01_btn {
        width: 100%;
        margin-top: 10px;
    }
    .oper_status01 .certify_select01 .certify_select01_btn {
        width: 95px;
        margin-top: 0;
        padding-top: 0;
    }

    .certify_select01 > input {width: 100% !important;}

    .apply_write .del_01,
    .apply_write .del_02 {margin-top: 15px;display: block;}

    /* 정보보호 및 개인정보보호 관리체계 운영현황 */
    .apply_write .explain02 {
        padding: 10px 15px;
    }

    .apply_write .select02 > span {
        width: 100%;
        display: block;
        line-height: 50px;
        height: 50px;
    }

    .apply_write .question02 {
        padding-left: 0;
    }

    /* sj230426(s) */
    .apply_write .question02 input {
        margin-left: 0;
    }

    /* //sj230426(e) */
    .apply_write .question04 {
        padding-left: 0;
    }

    /* sj230426(s) */
    .apply_write .question04 input {
        margin-left: 0;
    }

    /* //sj230426(e) */
    .apply_write .oper_status01 dl dd input.percent {
        flex: auto;
    }

    .apply_write .question07 {
        padding-left: 0;
    }

    /* sj230426(s) */
    .apply_write .question08 {
        padding-left: 0;
    }

    /* //sj230426(e) */
    .apply_write .choice5 > span {
        margin-bottom: 0;
    }

    /* sj230426(s) */
    .apply_write .question8_2 div {
        margin-left: 0;
        width: 100%;
        display: block;
        margin-top: 10px;
    }

    /* //sj230426(e) */
    .apply_write .choice5 {
        margin-bottom: 20px;
    }

    .apply_write .question09 {
        padding-left: 0;
    }

    .apply_write .question10 {
        padding-left: 0;
    }

    .apply_write .question11 {
        padding-left: 0;
    }

    .apply_write input.regular_disabled.etc01 {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .apply_write input.regular_disabled.etc02 {
        width: 100%;
        margin: 0;
    }

    .apply_write input.regular_disabled.etc03 {
        width: 100%;
        margin: 0;
    }

    .apply_write .question12 {
        padding-left: 0;
    }

    /* sj230426(s) */
    /* .apply_write .question11 input{flex: auto; margin: 10px 0 0 0 ; width: 100%;}
    .apply_write .question12 input{flex: auto; margin: 10px 0 0 0; width: 100%;} */
    /* //sj230426(e) */
    .apply_write .question8_2 div span input {
        margin: 0 3px;
    }

    /* 파일첨부 */
    .apply_write .file_attach .file_attach_btn em > span {
        margin-top: 0;
    }

    .apply_write .file_attach .file_attach_btn span.add_btn {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .apply_write .file_attach .file_attach_btn span.del_btn {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    /* 의무대상자 이의신청 */
    .certifi_apply02 .explain.cutomer span.btn {
        width: 100%;
    }

    .certifi_apply02 .txt_and_btn .btn {
        margin-bottom: 3px;
        /* height: 30px; */
        /* line-height: 30px; */
        font-size: 12px;
    }

    .certifi_apply02 .explain.cutomer span a {
        margin-left: 0;
    }

    .certifi_apply02 .explain.cutomer span em {
        width: 100%;
        margin: 10px 0;
        text-align: center;
    }

    /* 의무대상자 이의신청_신청서 작성 */
    input::placeholder {
        font-size: 1.4rem;
    }

    .apply_write.obj .oper_status01 dl dd.service_type > span.service_type01 > span {
        margin-left: 0;
        margin-top: 10px;
        display: block;
    }

    .apply_write.obj .oper_status01 dl dd.service_type > span.service_type01 {
        width: 100%;
    }

    .apply_write.obj .oper_status01 dl dd.service_type {
        margin-bottom: 20px;
    }

    .apply_write.obj > span {
        margin-top: -10px;
        margin-bottom: 20px;
        display: block;
    }

    .apply_write_foot .write_date span {
        font-size: 1.6rem;
    }

    .apply_write_foot input:disabled,
    .apply_write_foot input:read-only:not(select) {
        font-size: 1.6rem;
    }

    .apply_write_foot .write_name span {
        font-size: 1.6rem;
    }

    .screening_classify01.on input[type="radio"] + label,
    .screening_classify02.on input[type="radio"] + label {
        font-size: 1.4rem;
    }

    .screening_classify01 input[type="radio"] + label,
    .screening_classify02 input[type="radio"] + label {
        font-size: 1.4rem;
    }

    .apply_write_foot input::placeholder {
        color: #111;
        font-size: 1.6rem;
    }

    .apply_write .oper_status01 dl dd input {
        font-size: 1.4rem;
    }

    /* 클라우드보안인증제 평가인증절차 */
    .cloud_procedure02 li > p {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }

    .cloud_procedure02 li > span {
        width: 100%;
        padding: 10px 2px;
        font-size: 1.4rem;
        text-align: center;
    }

    .cloud_procedure02 li {
        margin-bottom: 30px;
    }

    .cloud_procedure02 li > p::after {
        left: 50%;
        top: 190%;
    }

    /* 클라우드보안인증지_클라우드 인증자 정보유출 신고 */
    .cloud_secure05.cloud_report05 .download_btn {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .cloud_report04 > div > .explain > p {
        font-size: 1.5rem;
    }

    .cloud_secure05.cloud_report05 > div > .explain p {
        font-size: 1.5rem;
    }

    .cloud_secure05.cloud_report05 > div > .explain span {
        font-size: 1.5rem;
    }

    .cloud_secure05.cloud_report05 > div > .explain div.separate_report p {
        font-size: 1.6rem;
    }

    .cloud_secure05.cloud_report05 > div > .explain div.separate_report ul li a {
        display: block;
        padding-left: 5px;
    }

    .cloud_secure05.cloud_report05 > div > .explain div.separate_report ul li a::before {
        display: none;
    }

    /* sj230426(s) */
    /* apply_write 공통 */
    .apply_write > div {
        margin-bottom: 20px;
    }
    /*240913 (s)*/
    .write_certifi_apply .apply_write .confirm_box{margin-bottom: 30px;}
    /*240913 (e)*/
    .apply_write_q > div {
        margin-bottom: 40px;
    }

    /* //sj230426(e) */

    /* 공지사항 */
    .notice_board .notice_detail .file_down {
        padding: 30px 0;
    }

    /* 공지사항 상세 */
    .notice_bottom > div p {
        padding: 15px 4px;
        font-size: 1.4rem;
        width: 70px;
    }

    .notice_bottom > div a {
        padding: 15px 4px;
        font-size: 1.4rem;
        width: calc(100% - 170px);
    }

    .notice_bottom > div span {
        padding: 15px 0;
        font-size: 1.4rem;
        width: 100px;
    }

    .notice_bottom > div p.notice_prev::after {
        right: 4px;
        width: 16px;
        height: 16px;
    }

    .notice_bottom > div p.notice_next::after {
        right: 4px;
        width: 16px;
        height: 16px;
    }

    /*230414 hy(s)*/

    /*마이페이지*/
    .mypage .schedule .container .itembox ul li.item {
        height: 150px;
    }

    .mypage .certifi_history .schedule .container .itembox ul li.item .wrap {
        min-height: 50px;
    }

    /*마이페이지>인증신청*/
    .mypage .certifi_history .cont_wrap .text_wrap .small_title {
        font-size: 1.6rem;
    }

    /*기업정보수정*/
    .mypage .large_able1 {
        width: 240px;
    }

    /*1:1문의하기*/
    .helpdesk .middle_able3,
    .mypage .inquiry .middle_able3 {
        width: 140px;
    }
    
    /*이의제기*/
    .mypage .select01 {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    .mypage .select01 input[type="radio"] + label {
        width: auto;
        margin-right: 40px;
        line-height: 35px;
        height: 35px;
        margin-bottom: 0;
    }

    .mypage .test_objection .middle_able3 {
        width: auto;
    }
    .error404{
        padding-right: 0;
    }

    /*230414 hy(e)*/
}

@media screen and (max-width: 920px) {
    /* 마이페이지 > 마이페이지 홈 */
    .mypage.home {
        display: grid;
        gap: 30px;
        width: 100%;
        grid-template-columns: calc(100%);
        grid-template-areas: "sec_tit" "profile" "apply" "issue" "survey" "inquiry";
    }

    .mypage.home .profile {
        padding: 0;
    }

    .mypage.home .profile .user {
        flex-flow: column-reverse;
        justify-content: center;
        padding: 20px;
    }

    .mypage.home .profile .contentbox {
        flex-flow: column;
    }

    .mypage.home .profile > div {
        height: auto;
        padding: 20px;
    }

    .mypage.home .profile .user .user_img {
        width: 100px;
        margin-bottom: 45px;
        margin: auto;
    }

    .mypage.home .profile .my_certifi .certifi_img {
        width: 140px;
    }

    .mypage.home .profile .user .my_info {
        width: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .mypage.home .profile .my_certifi .certifi_info {
        width: 100%;
    }

    .mypage.home .profile .user .my_info .hello_txt {
        text-align: center;
    }

    .mypage.home .profile .user .my_info > button {
        width: 100%;
    }

    .mypage.home .shortcut .cont_bottom {
        height: auto;
    }

    /* 마이페이지 > 인증진행현황 */
    .mypage .schedule .container {
        flex-flow: row nowrap;
        gap: 10px;
        padding: 15px;
    }

    .mypage .schedule .container .progress_bar {
        width: 10px;
        height: auto;
    }

    .mypage .schedule .container .progress_bar .bar {
        position: absolute;
        border-radius: 0 0 10px 10px;
        background: linear-gradient(to bottom, #8fc31f, #1869c0);
        width: 10px;
    }

    .mypage .schedule .container .itembox {
        margin-top: 0;
    }

    .mypage .schedule .container .itembox ul {
        gap: 10px;
        flex-flow: column;
    }

    .mypage .certifi_history .schedule .container .itembox ul li.item {
        height: auto;
        padding: 15px 10px;
        flex-flow: row;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }

    .mypage .schedule .container.sahu .itembox ul li.item {
        width: 100%;
    }

    .mypage .schedule .container .itembox ul li.item .text {
        width: auto;
        display: block;
    }

    .mypage .schedule .container .itembox ul li.item .wrap {
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: end;
    }

    .mypage .certifi_history .schedule .container .itembox ul li.item .wrap {
        min-height: 39px;
    }

    .mypage .schedule .container .schedule_02 .itembox ul li.item {
        width: 100%;
        height: auto;
        padding: 15px 20px;
        flex-flow: row-reverse;
        justify-content: flex-end;
    }

    .mypage .schedule .container .progress_bar .bar.mb {
        display: block;
    }

    .mypage .schedule .container .progress_bar .bar.pc {
        display: none;
    }

    .sub_page.mypage .tab_box > li {
        padding: 14px 0;
        font-size: 1.6rem;
    }

    /* 자격검정 신청 서류전형 접수*/
    .quailfication .table_form.personal_info .col_group.user_info .tit{
        justify-content: flex-start;
    }
    .quailfication .table_form.personal_info .col_group.user_info .row_group{
        gap: 10px;
    }

    /* 자격검정 접수내역 */
    .mypage .apply_history .td.btn_group.small > button{
        font-size: 1.4rem;
    }
    .mypage .apply_history .table_form .tbody .tr_group .td_group .td .cont.badge{
        margin: 0;
    }
    .mypage .apply_history .table_form .tbody .tr_group .td_group .tr{
        padding: 0 10px;
    }
    .mypage .apply_history .table_form .tbody .tr_group .td_group .tr .td{
        margin-bottom: 0;
    }
    .mypage .apply_history .table_form .tbody .tr_group .td_group .td.division{
        border-bottom: none;
        padding-bottom: 0;
    }

    /*의무대상자 이의신청*/
    .mypage .certifi_objection .schedule .container .itembox ul li.item {
        width: 100%;
        height: auto;
        flex-flow: column;
    }

    .mypage .certifi_objection .schedule .container .itembox ul li.item .wrap {
        align-items: flex-start;
        margin-top: 10px;
    }

    /*230414 hy(e)*/

    /*마이페이지 보완조치결과 제출*/

    /* 230414 hy(s) */

    /*마이페이지 공통*/

    /*230427 hy(s)*/
    .mypage .content.long_bottom {
        max-height: 1000px;
    }

    .mypage .certifi_objection .schedule .container .itembox ul li.item {
        width: 100%;
        height: auto;
    }

    .mypage.home .profile .my_certifi .certifi_info > li {
        justify-content: flex-end;
    }

    .sub_page section.certifi_apply01 {
        margin-bottom: 0;
    }
    .mypage .certifi_history .schedule .container.sahu .itembox ul li.item{
        width: 100%;
    }
}

@media screen and (max-width: 810px) {
    /*제도소개 > 정보보호등급제 */
    .info_protection02 > div ul {
        gap: 20px;
    }

    .info_protection02 > div ul li span {
        width: 80%;
    }
}

@media screen and (max-width: 768px) {
    .sub .certifi_apply .certifi_apply03 .reasonArea .select03 input[type="checkbox"] + label span.square {
        margin: 0 !important;
    }
    .sub .certifi_apply .certifi_apply03 .two_sort .answer_list,
    .certifi_apply .certifi_apply03 .radio_box {
        gap: 15px;
    }
    .sub .quailfication .page_content .page_content_inner .sub_title{
        margin-top: 30px;
    }
    .apply_write .question13 textarea{
        width: calc(100% - 20px);
    }
    .apply_write .question02,
    .apply_write .question04,
    .apply_write .question07,
    .apply_write .question09,
    .apply_write .question10,
    .apply_write .question11,
    .apply_write .question12,
    .apply_write .question13 textarea {
        margin-left: 20px;
    }
    .apply_write .question08{
        margin-left: 0;
    }
    .apply_write .small_title,
    .apply_write .check_box label {
        margin-bottom: 0;
    }
    .apply_write .question02 .ttip_wrap02 input.mgt_10{
        width: calc(100% - 110px)!important;
    }
    /*제도소개 > isms-p */
    .img_pc {
        display: none !important;
    }

    .img_mo {
        display: block !important;
    }

    .ismsp03 > div img {
        width: 55%;
    }

    .info_protection02 > div ul {
        gap: 10px;
    }

    .info_protection02 > div ul li span {
        width: 95%;
    }

    .cloud_secure02 > div ul li span {
        width: 95%;
    }

    .info_protection04 > div img {
        width: 55%;
    }

    .info_protection07 > div img {
        width: 55%;
    }

    .cloud_secure04 > div div img {
        width: 55%;
    }

    .cloud_secure05 > div ul li img {
        width: 55%;
        margin: 0 auto;
    }

    .certifi_process01 .certifi_process01_img img {
        width: 55%;
    }

    .certifi_process04 > div img {
        width: 55%;
    }

    .ismsp04 > div > div {
        padding: 20px 10px;
        margin-bottom: 20px;
    }

    .ismsp04 > div > div > div p {
        height: auto;
        line-height: 1.35;
        font-size: 1.6rem;
        padding: 10px 0 5px 0;
        color: #1869c0;
        background: #fff;
        margin-bottom: 5px;
    }

    .ismsp04 > div > div > div.ismsp04_01 p {
        width: 100%;
        margin: 0 auto 10px;
        border-radius: 10px;
    }

    .ismsp04 > div > div > div.ismsp04_02 p {
        border-radius: 10px;
    }

    .ismsp04 > div > div > div.ismsp04_03 p {
        border-radius: 10px;
    }

    .ismsp04 > div > div > div p > span {
        font-family: "Pretendard";
        text-align: left;
    }

    .ismsp04 > div > div > div ul li {
        margin-right: 0;
        font-size: 1.4rem;
        /* padding: 5px 10px;
        height: auto; */
        line-height: 1.5;
        /* width: 48%;
        margin-right: 2%; */
        width: 100%;
    }
    .ismsp04 > div > div > div.ismsp04_02 ul li{
        width: 100%;
    }

    .ismsp04 > div > div > div ul li:nth-child(2n) {
        margin-right: 0;
    }

    .ismsp04 > div > div > div ul li span {
        margin-right: 0;
        display: block;
    }

    .ismsp04 > div > div > div p > span span.num {
        padding: 2px 0;
        font-size: 1.36rem;
        margin-bottom: 8px;
        background: #1869c0;
        color: #fff;
        display: block;
        width: 30px;
        text-align: center;
    }

    .ismsp04 > div > div > div.ismsp04_01 {
        width: 100%;
        margin: 0 auto 40px;
    }

    .ismsp04 > div > div > div.ismsp04_02 {
        margin-right: 0;
        width: 50%;
    }

    .ismsp04 > div > div > div.ismsp04_02::after {
        top: -40px;
        left: 0;
        width: 25px;
        height: 25px;
        background: url("../images/sub/arrow_right_top_mo.png") no-repeat 0 0;
        background-size: contain;
    }

    .ismsp04 > div > div > div.ismsp04_03::after {
        top: -40px;
        right: 0;
        width: 25px;
        height: 25px;
        background: url("../images/sub/arrow_left_top_mo.png") no-repeat 0 0;
        background-size: contain;
    }

    /* .ismsp04 > div > div > div.ismsp04_02 ul li {
        width: 100%;
    } */

    .ismsp04 > div > div > div.ismsp04_03 {
        width: 46%;
    }

    /* 인증신청_isms-p 인증절차 안내 */
    .certifi_process01 > div div dl {
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
        padding-bottom: 10px;
        padding-top: 30px;
    }

    .certifi_process01 > div div dl:last-child {
        margin-bottom: 0;
    }

    .certifi_process01 > div div dl dt {
        font-size: 1.6rem;
        margin-bottom: 6px;
    }

    .certifi_process01 > div div dl dd {
        font-size: 1.4rem;
    }

    .certifi_process01 > div div dl:nth-child(1) dd {
        width: 100%;
    }

    .certifi_process01 > div div dl:nth-child(2) dd {
        width: 100%;
    }

    .certifi_process01 > div div dl:nth-child(3) dd {
        width: 100%;
    }

    .certifi_process01 > div div dl:nth-child(4) dd {
        width: 100%;
    }

    .certifi_process01 > div div dl::before {
        width: 20px;
        height: 20px;
        left: 50%;
        transform: translateX(-50%);
    }

    .certifi_process01 > div div dl::after {
        width: 2px;
        height: 20px;
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
    }

    .certifi_process04 > div img {margin-bottom: 30px;}

    /* apply_write 공통 */
    /*240913 (s) 인증신청-margin-bottom 값 줄임*/
    .apply_write .oper_status01 dl {
        width: 100% !important;
        border-bottom: none;
        margin-bottom: 10px;
        align-items: center;
        flex-flow: row nowrap;
    }
    /*240913 (s)*/
    /*인증신청-반응형 column 적용*/
    .write_certifi_apply .apply_write .oper_status01 dl { flex-flow: column nowrap;}
    .write_certifi_apply .apply_write .oper_status01 dl.single_line dt,
    .write_certifi_apply .apply_write .oper_status01 dl dt{ justify-content: flex-start; width: 100%; padding: 10px 0;}
    /*241015 (s) 인증신청-단일인증*/
    .write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dt, 
    .write_certifi_apply .apply_write .oper_status02 dl.single_line.devide2 dt{ justify-content: flex-start; width: 100%; padding: 10px 0;}
    /*//241015 (e)*/
    /*font-size 키움*/
    .apply_write .oper_status01 dl dt {
        border-right: none;
        text-align: left;
        width: 100%;
        padding: 10px 0 5px 0;
        font-size: 1.5rem;
    }

    .apply_write .oper_status01 dl dd {
        border-right: none;
        width: 100%;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        font-size: 1.5rem;
    }
    
    .apply_write .oper_status01 dl dd input{font-size: 1.5rem;}
    /*인증신청-특례적용 대상여부*/
    .apply_write .oper_status01 dl.frstSrng.excpt dd{width: 100%;}
    /*241015 (s) 인증신청-단일인증*/
    .write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd{width: 100%;}
    
    .write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dd, 
    .write_certifi_apply .apply_write .oper_status02 dl.single_line.devide2 dd{width: 100%;}
    /*//241015 (e)*/
    /*241016 (s) 인증신청-다수인증*/
    .write_certifi_apply .apply_write .oper_status01.apply_write_add dl.single_line.devide2 dt, 
    .write_certifi_apply .apply_write .oper_status02.apply_write_add dl.single_line.devide2 dt{width: 100%;}
    .write_certifi_apply .apply_write .oper_status01.apply_write_add dl.single_line.devide2 dd, 
    .write_certifi_apply .apply_write .oper_status02.apply_write_add dl.single_line.devide2 dd{width: 100%;}
    /*//241016 (e)*/
    .write_certifi_apply .apply_write .oper_status01 dl.frstSrng.excpt dd::before{background: none;}
    .apply_write .apply_write_add.oper_status01 dt,
    .apply_write .apply_write_add.oper_status01 dd,
    .apply_write #ismspDiv .oper_status01 dl.frstSrng.excpt dd, 
    .apply_write .apply_write_add.oper_status01 dl.frstSrng.excpt dd, 
    .apply_write .apply_write_add.oper_status01 .single_line dd{width: 100%;}
    /*연락처*/
    .apply_write .oper_status01 dl dd.phone_wrap{flex-flow: row nowrap;}
    /*240925 (s) 마이페이지 지난인증신청 내역 추가*/
    .apply_write .apply_write_add dl dd.phone_wrap{flex-flow: row nowrap;}
    /*240925 (e)*/
    /*240913 (e)*/

    .apply_write .oper_status01 dl dd input.number {
        flex: auto;
    }

    .apply_write .oper_status01 dl dd span {
        padding-top: 5px;
        font-size: 1.4rem;
    }
    .apply_write .small_title{
        margin-bottom: 15px;
    }
    .apply_write .select02 > span{
        line-height: normal;
        height: auto;
        margin-bottom: 20px;
    }
    .apply_write .question8_2 div{
        margin-left: 20px;
    }
    .apply_write .question02_wrap .oper_status01 dl dt,
    .apply_write .question07.oper_status01 dl dt{
        padding: 0;
    }

    .apply_write .oper_status01 .single_line dt {
        width: 100%;
        border-left: none!important;
    }

    .apply_write .oper_status01 .single_line dd {
        width: 100%;
    }

    .apply_write > span {
        position: static;
        margin-top: -20px;
        display: block;
        margin-bottom: 30px;
    }

    .apply_write.obj .oper_status01 {
        padding-top: 0;
    }

    .apply_write .oper_status01 {
        padding-top: 0;
        border-top: none;
        margin-left: 20px;
    }
    /*240913 (s)*/
    .write_certifi_apply .apply_write .oper_status01 {margin-left: 0; border-top: 2px solid #ddd; margin-top: 20px;}
    /*240913 (e)*/
    .apply_write .question04.oper_status01 dl dt{padding: 0;}
    /*240223 (s)*/
    .apply_write .oper_status01 dl dt {
        height: auto;
    }
    /*240223 (e)*/

    /* sj(s) */
    /* 인증신청_다수인증 */
    /*240913 (s)*/ 
    /*심사구분 뱃지 font-size 수정*/
    .answer_list .list_item .item_label{font-size: 1.4rem;}
    .answer_list .list_item .item_label{padding: 5px 15px;}
    /*삭제버튼 위치 조정*/
    .apply_write_add > div{flex-flow: column-reverse;}
    .apply_write .apply_write_add .del_01{justify-content: flex-end;}
    /*width padding 값 수정*/
    .apply_write .apply_write_add > div > div {
        width: 80%;
        padding-right: 10px;
    }
    .write_certifi_apply .apply_write .apply_write_add > div > div {
        width: 100%;
        padding-right: 0;
    }
    .apply_write_add > div > div.del_01 {
        width: 20%;
    }
    .write_certifi_apply .apply_write_add > div > div.del_01 {
        width: 100%;
        padding: 0;
        border-left:none;
        border-bottom:none;
    }
    /*240913 (e)*/

    .apply_write .apply_write_add.oper_status01 .single_line dt {
        width: 100%;
    }

    .apply_write .apply_write_add.oper_status01 .single_line dd {
        width: 100%;
    }
    .certifi_apply .apply_write .oper_status01.question05 dl::after,
    .apply_write .oper_status01 dl dt::after,
    .apply_write .oper_status01 dl::after {
        background-color: rgba(0, 0, 0, 0);
    }
    /*241015 (s) 인증신청-단일인증*/
    .write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dt:nth-of-type(even):after, 
    .write_certifi_apply .apply_write .oper_status01 dl.single_line.devide2 dd:nth-of-type(even):after{background-color: rgba(0, 0, 0, 0);}
    /*//241015 (e)*/
    /* //sj(e) */

    /* ISMS-P 인증서 발급 현황 */
    .certi_status_01 ul li dl {
        width: 100%;
    }

    .certi_status_01 ul li div {
        margin-right: 0;
    }

    .certi_status_01 ul li dl dd {
        font-size: 2rem;
    }

    .certi_status_01 ul li dl dd em {
        font-size: 2rem;
    }

    .certi_status_02_cont .certi_status_02_srch > div:nth-child(1) {
        width: 100%;
        margin: 0 0 5px 0;
    }

    .certi_status_02_cont .certi_status_02_srch > div:nth-child(2) {
        width: 100%;
        margin-bottom: 15px;
        justify-content: flex-start;
    }

    .certi_status_02 .tab_box ul li {
        width: 50%;
    }

    .certi_status_02 .tab_box ul li:last-child a::after {
        display: none;
    }

    .certi_status_02_cont .certi_status_02_bottom p {
        font-size: 1.4rem;
    }

    .certi_status_02_cont .certi_status_02_bottom p:first-child {
        margin-right: 20px;
    }

    /* 카드뉴스 */
    /* sj230421(s) */
    .card_news {
        gap: 30px;
    }

    .card_news li {
        width: calc((100% - 30px) / 2);
    }

    /* //sj230421(e) */

    /* 자주하는 질문 */
    .sub_faq .faq_list dt::after {
        left: 0;
        width: 24px;
        height: 24px;
        top: 21px;
    }

    .sub_faq .faq_list dt {
        padding: 21px 20px 21px 38px;
    }

    .sub_faq .faq_list dd::after {
        left: 0;
        width: 41px;
        height: 24px;
    }

    .sub_faq dl dd {
        padding: 21px 20px 21px 59px;
    }

    .sub_faq dl dt button span {
        width: 14px;
        height: 14px;
    }

    .sub_faq dl dt button span.on {
        width: 14px;
        height: 14px;
    }

    /* 마이페이지 > 마이페이지 홈 */
    .mypage.home .profile {
        display: block;
        border: none;
        padding: 0;
    }

    .mypage.home .profile > div {
        width: 100%;
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 20px;
    }

    .mypage.home .profile .user {
        margin-bottom: 15px;
    }

    .mypage.home .profile .user .my_info > button {
        width: 50%;
    }

    .mypage.home .profile .user .user_img {
        width: auto;
        margin-bottom: 20px;
    }

    .mypage.home .profile .my_certifi .certifi_img {
        width: 120px;
    }

    .mypage.home .shortcut .cont_bottom .cont_list .title .badge {
        font-size: 1.2rem;
        padding: 5px 10px;
        margin-right: 5px;
    }

    .mypage.home .shortcut .cont_bottom .cont_list .title > a {
        /* margin-left: 80px;*/
        margin-right: 75px;
    } 

    .mypage.home .shortcut .cont_bottom .cont_list .title > a {
        font-size: 1.5rem;
    }

    .mypage.home .shortcut .cont_bottom .cont_list .date {
        font-size: 1.2rem;
    }

    .mypage.home .shortcut .cont_top {
        padding: 15px;
    }

    .mypage.home .shortcut .cont_bottom {
        margin: 15px;
    }

    .mypage.home .shortcut .cont_bottom .cont_list {
        margin-bottom: 15px;
    }
    .mypage.home .profile .my_certifi .certifi_info > li > p {
        font-size: 1.5rem;
    }

    /* .mypage.home .shortcut .cont_top .middle_able4 {
        font-size: 1.4rem;
    } */

    .mypage.home .shortcut .cont_top .cont_tit > h3 {
        font-size: 1.6rem;
    }

    .mypage.home .shortcut .cont_top .cont_tit > p {
        font-size: 1.4rem;
    }

    .mypage.home .profile .my_certifi .certifi_info > li > p:nth-child(2) {
        margin-left: 77px;
    }

    /*마이페이지 > 인증신청내역*/
    .sub_page .sec_tit {
        font-size: 2.2rem;
    }

    .sub_page .sec_sub_txt {
        font-size: 2rem;
    }

    .mypage .sub_page section:last-child {
        margin-bottom: 0;
    }

    /*230414 hy(s)*/
    .mypage .certifi_history .cont_wrap .text_wrap .wrap > p {
        font-size: 1.4rem;
    }

    .mypage .certifi_history .choice_check5 > span > .wrap > p {
        font-size: 1.4rem;
    }
    /*230414 hy(e)*/
    .mypage .career_print .apply_devision {
        flex-flow: column;
        gap: 15px;
    }
    .mypage .career_print .apply_devision {
        padding-left: 0;
    }

    /* ms0417(s) */
    .quailfication .procedure_box .procedure_inner .group {
        width: 100%;
        display: flex;
        flex-flow: column;
        position: relative;
    }

    .quailfication .procedure_box .procedure_inner .group.last {
        flex-flow: column;
    }

    .quailfication .procedure_box .procedure_inner .group .item {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    /* .certifi_apply02 .procedure_box .procedure_inner .group.last .item:nth-child(5) {
        padding: 0;
    } */
    .quailfication .procedure_box .procedure_inner .group .item .subject {
        height: auto;
    }

    .quailfication .procedure_box .procedure_inner .group.first .item::before {
        content: "";
        position: absolute;
        width: calc(100% - 40px);
        height: 2px;
        background-color: #eee;
        bottom: 0;
        transform: none;
        right: 0;
        left: 0;
        margin: auto;
        top: unset;
    }

    .quailfication .procedure_box .procedure_inner .group.first .item::after {
        bottom: -5px;
        right: 0;
        transform: rotate(135deg);
        left: 0;
        margin: auto;
        top: unset;
    }

    .quailfication .procedure_box .procedure_inner .group:first-child:after {
        width: calc(100% - 40px);
        height: 2px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        top: unset;
    }

    .quailfication .procedure_box .procedure_inner .group:first-child:after {
        width: calc(100% - 40px);
        height: 2px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        top: unset;
    }

    .quailfication .procedure_box .procedure_inner .group.first .item:last-child:after {
        bottom: -11px;
        right: 0;
        left: 0;
        margin: auto;
        transform: translate(0, -50%) rotate(135deg);
        background-color: #fff;
        top: unset;
    }

    .quailfication .procedure_box .procedure_inner .group.last .item::before {
        width: calc(100% - 40px);
        height: 2px;
        bottom: 0;
        transform: none;
        left: 0;
        right: 0;
        margin: auto;
        top: unset;
    }

    .quailfication .procedure_box .procedure_inner .group.last .item::after {
        bottom: -5px;
        left: 0;
        transform: rotate(135deg);
        background-color: #fff;
        right: 0;
        margin: auto;
        top: unset;
    }

    /* .quailfication .procedure_box .procedure_inner .group .item .num {
        font-size: 80px;
        bottom: unset;
        right: unset;
        left: 20px;
        top: 50%;
        transform: translate(0, -50%);
    } */

    /* .quailfication .procedure_box .procedure_inner .group .item .subject,
    .quailfication .procedure_box .procedure_inner .group .item .action {
        box-sizing: border-box;
        padding-left: 30px;
    } */

    .quailfication .procedure_box .procedure_inner .group .item .action {
        font-size: 15px;
    }
    /*240927 (s) 자격검정-서류전형 접수*/
    .content .quailfication .content_box .content{margin:30px 0;}
    /*240927 (e)*/

    .certifi_process01 .procedure_box .procedure_inner .group.first .item:last-child:before,
    .certifi_process01 .procedure_box .procedure_inner .group.first .item:last-child:after {
        display: none;
    }

    /* //ms0417(e) */

    /* 230414 hy(s) */
    /*마이페이지 공통*/
    /* .sub_navi {
        display: none;
    } */

    .mypage .sec_sub_txt {
        font-size: 2rem;
    }

    .mypage .large_able1 {
        width: 240px;
    }

    .sub .content .textbox_grey > p {
        font-size: 1.4rem;
        word-break: break-all;
    }

    /*230427 hy(e)*/

    /*마이페이지>인증신청 내역*/

    .mypage .certifi_history.apply .cont_wrap .text_wrap {
        margin-left: 0px;
    }

    .mypage .certifi_history.apply .cont_wrap .text_wrap .wrap {
        flex-flow: column;
        align-items: flex-start;
    }

    .mypage .certifi_history .cont_wrap .text_wrap .wrap > p {
        width: 100%;
        margin-left: 0;
        margin-top: 5px;
    }

    .mypage .certifi_history .choice_check5 > span > .wrap > p {
        width: 100%;
    }

    .mypage .certifi_history .choice_check5 > span > .wrap {
        flex-flow: column;
        gap: 5px;
    }

    .mypage .certifi_history .choice_check5 > span > .wrap > label {
        margin-top: 0;
    }

    /*비밀번호 확인*/
    .mypage .password {
        width: 100%;
    }

    .mypage .password .input_wrap,
    .mypage .confirm_password .input_wrap {
        width: 100%;
    }

    .mypage .password .input_wrap input.large_able,
    .mypage .confirm_password .input_wrap input.large_able {
        width: 100%;
    }

    .mypage .password .confirm_btn {
        width: 100%;
    }

    .mypage .password .confirm_btn a {
        width: 100%;
    }

    /*기업정보 수정*/
    .mypage .certifi_history.corp_edit .con_tit {
        margin-bottom: 15px;
    }

    /*문의하기*/
    .mypage .inquiry > ul > li {
        flex-flow: column;
        gap: 0px;
    }

    .mypage .inquiry.text > ul > li {
        flex-flow: row;
    }

    .mypage .inquiry > ul > li.file_button {
        flex-flow: row;
        justify-content: space-between;
    }

    .mypage .inquiry > ul > li.file_button .cont {
        display: flex;
        flex-flow: column;
        /* align-items: flex-end; */
    }

    .mypage .inquiry > ul > li.file_button .cont > p {
        text-align: right;
        word-break: keep-all;
    }

    .mypage .inquiry > ul > li .tit {
        margin: 0;
        padding-bottom: 5px;
    }

    .mypage .inquiry > ul > li .cont {
        width: 100%;
    }

    /*230414 hy(e)*/
    /* ms0418(s) */
    .form_wrap .form_box {
        width: 100%;
        padding: 50px 20px;
    }

    .row.email .select_box {
        width: 100% !important;
        margin-top: 5px;
    }

    .tab_wrap {
        width: 100%;
    }

    .tab_content_inner.user .content_inner_wrap {
        gap: 40px;
    }
    /* //ms0418(e) */
    .mypage .prev_next_btn {
        margin-top: 30px;
    }
    .mypage .career_print .prev_next_btn {
        margin-bottom: 30px;
    }
    .apply_write.obj .oper_status01 dl dd.service_type .upload_box label {
        width: 100%;
    }
    .apply_write .prev_next_btn {
        margin-top: 0;
        margin-bottom: 0;
    }
    .content_wrap {
        margin-bottom: 20px;
    }
    .sub_page .sec_sub_tit {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    /*240913 (s)*/
    .sub_page.write_certifi_apply .con_tit{font-size: 1.8rem;}
    
    /* 240621 (s) */
    .form_wrap{
        padding: 10px 0;
    }
    /* 240621 (e) */
    /*241015 (s) 인증신청-단일인증*/
    .mypage .certifi_history.mypage_certifi_history .table_form.text .tr_group .td_group .th{text-align: left;}
    .mypage .table_form .tbody .tr_group .td_group .td{border-bottom: none;}
    .write_certifi_apply #single_certify .oper_status01.ismsDiv .certify_select02{flex-flow: column; gap: 5px; align-items: flex-end;}
    /*//241015 (e)*/
}

@media screen and (max-width: 680px) {
    /*제도소개 > isms-p */
    .ismsp03 > div img {
        width: 70%;
    }

    .info_protection04 > div img {
        width: 70%;
    }

    .info_protection07 > div img {
        width: 70%;
    }

    .cloud_secure04 > div div img {
        width: 70%;
    }

    .cloud_secure05 > div ul li img {
        width: 70%;
    }

    .certifi_process01 .certifi_process01_img img {
        width: 70%;
    }

    .certifi_process04 > div img {
        width: 70%;
    }

    .group_box .identify_box {
        flex-flow: column;
        gap: 20px;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .group_box .identify_box .btn.verify {
        width: 100%;
        height: auto;
        padding: 20px;
    }

    .group_box .identify_box .btn.verify .img_circle {
        right: 20px;
        top: 50%;
        bottom: unset;
        transform: translate(0, -50%);
    }

    .tab_content_inner.user .content_inner_wrap {
        flex-flow: column;
    }

    .tab_content_inner.user .content_inner_wrap .inner_box.onepass .tit + p {
        font-size: 14px;
        color: #666;
        margin-top: 30px;
        font-weight: 300;
    }

    .tab_content_inner.user .content_inner_wrap {
        gap: 60px;
    }

    .tab_content_inner.user .content_inner_wrap:after {
        display: none;
    }

    .tab_content_inner.user .content_inner_wrap .inner_box .input_box {
        min-height: 40px;
        margin-top: 5px;
    }

    /* //ms0418(e) */
    /* ms0421(s) */
    .form_wrap .contents.find_id.result .btn_box {
        flex-flow: column;
        gap: 10px;
    }

    .form_wrap .contents.find_id.result .btn_box .btn.Middle_Able2.w100 {
        width: 100%;
    }

    .form_wrap .contents.find_id.result .btn_box ul {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }

    .form_wrap .contents.find_id.result .btn_box ul li {
        flex: 1;
    }

    .form_wrap .contents.find_id.result .btn_box .btn.Middle_Able1,
    .form_wrap .contents.find_id.result .btn_box .btn.Middle_Able2 {
        display: block;
        min-width: unset;
    }

    /* ms0421(s) */
}

@media screen and (max-width: 631px) {
    .cloud_procedure02 li:first-child > p::after {
        top: 230%;
    }
}

@media screen and (max-width: 620px) {
    .cloud_procedure02 li:nth-child(3) > p::after {
        top: 230%;
    }
}

@media screen and (max-width: 619px) {
    .cloud_procedure02 li:nth-child(2) > p::after {
        top: 230%;
    }
}

@media screen and (max-width: 565px) {
    .certi_status_02_cont .select_box {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .certi_status_02_cont .select_box:nth-child(1) {
        width: calc(50% - 15px);
        margin-right: 10px;
    }

    .certi_status_02_srch .select_box:nth-child(1) {
        width: 118px;
    }

    /* .del_file .del_btn {
        top: calc(50% - 5px);
    } */

    .certi_status_02_cont .select_box:nth-child(2) {
        width: 50%;
    }

    .certi_status_02_cont .certi_status_02_srch .input {
        margin-right: 10px;
        width: calc(100% - 64px);
    }

    /* sj230425(s) */
    .noti_srch.srch_result {
        width: 100%;
    }

    .noti_srch.srch_result .select_box {
        width: 80px;
        margin-bottom: 0;
    }

    .noti_srch.srch_result .search_area {
        width: calc(100% - 90px);
    }

    /* //sj230425(e) */
}

@media screen and (max-width: 548px) {
    .certi_status_02_cont .select_box {
        margin-right: 5px;
    }

    .certi_status_02_cont .certi_status_02_srch .input {
        margin-right: 5px;
    }
}

@media screen and (max-width: 520px) {
    /*제도소개 > isms-p */
    .ismsp03 > div img {
        width: 90%;
    }

    .subPage {
        width: 100%;
    }

    .info_protection01 > div {
        padding: 30px 20px;
    }

    .info_protection01 > div ul li img {
        width: 100px;
    }

    .info_protection02 > div ul li {
        width: 100%;
    }

    .cloud_secure02 > div ul li span {
        width: 95%;
    }

    .cloud_secure02 > div ul li {
        width: 100%;
    }

    .info_protection04 > div img {
        width: 90%;
    }

    .info_protection07 > div img {
        width: 90%;
    }

    .cloud_secure04 > div div img {
        width: 90%;
    }

    .cloud_secure05 > div ul li img {
        width: 90%;
    }

    .certifi_process01 .certifi_process01_img img {
        width: 90%;
    }

    .certifi_process04 > div img {
        width: 90%;
    }

    /* 클라우드보안인증지_클라우드 인증자 정보유출 신고 */
    .cloud_secure .btn.TxtBoxBTN_4 {
        margin: 10px 0;
    }

    /* ISMS-P인증서 발급 현황 */
    .certi_status_01 ul li {
        padding: 10px 5px;
    }

    .certi_status_01 ul li dl dt {
        font-size: 1.4rem;
    }

    .certi_status_01 ul li dl dd {
        font-size: 1.6rem;
    }

    .certi_status_01 ul li dl dd em {
        font-size: 1.6rem;
    }

    .certi_status_02_tb .more_btn {
        display: block;
        margin-top: 20px;
        border-radius: 5px;
        padding: 10px 20px;
        border: 1px solid #ddd;
    }

    .certi_status_02_tb .more_btn button {
        font-size: 1.4rem;
        color: #666;
    }

    /* 카드뉴스 */
    /* sj230421(s) */
    .card_news {
        gap: 10px;
    }

    .card_news li {
        width: 100%;
    }

    /* //sj230421(e) */

    /* quailfication */
    /* 공통 */
    .sub .content .content_page .page_title h3 {
        font-size: 22px;
    }

    .sub .content .content_page .page_content .page_content_inner .title_box h3,
    .sub .quailfication .page_content .page_content_inner .sub_title h3 {
        font-size: 18px;
    }

    .sub .content .content_page .page_content .text_bg {
        font-size: 16px;
    }

    .sub .content .content_page .page_content .text_nm {
        font-size: 15px;
    }

    .sub .content .content_page .page_content .text_sm {
        font-size: 13px;
    }

    .sub .quailfication .text_info li {
        font-size: 14px;
        padding-left: 20px;
    }

    .sub .quailfication .text_info li::before {
        width: 16px;
        height: 16px;
        top: 2px;
    }

    /* 자격검정 */
    .sub .quailfication .mb {
        display: inline-block;
    }

    .quailfication .txtc_txtr {
        text-align: right;
    }

    .quailfication .txtc_txtl {
        text-align: left;
    }

    .quailfication .txtl_txtc {
        text-align: center;
    }

    .sub .quailfication .question_box .box .answer {
        flex-flow: column;
    }

    .quailfication .complement {
        width: 100%;
        flex: 1;
    }

    .quailfication .tbl_bdr {
        border-right: 0;
    }

    /* 프로세스 */
    .quailfication .process_box {
        width: 100%;
        margin: 0px 0 30px;
    }

    .quailfication .process_box ul li.ing .txt {
        padding: 0;
        border-radius: 0;
        background-color: unset;
    }

    .quailfication .process_box ul li .img img {
        width: 22px;
        height: 22px;
    }

    .quailfication .process_box ul li .txt {
        font-size: 12px;
        display: inline-block;
        margin-top: 10px;
        word-break: keep-all;
        line-height: 1.2;
    }

    /* 경력사항테이블 */

    .quailfication .radio_box label {
        font-size: 15px;
    }

    .sub .quailfication .page_content .page_content_inner .sub_title.flex.end {
        align-items: flex-start;
        flex-flow: column;
    }

    .quailfication .confirm_box {
        gap: 10px;
    }

    .quailfication .confirm_box .date,
    .quailfication .confirm_box .date > span,
    .quailfication .confirm_box .name,
    .quailfication .confirm_box .name > span,
    .date_box,
    .quailfication .confirm_box ul li {
        font-size: 16px;
    }

    .quailfication .confirm_box ul li {
        gap: 40px;
    }

    .quailfication .accordion_box .accordion_btn {
        padding: 20px 0px;
        font-size: 18px;
    }

    .quailfication .mb_show {
        box-sizing: border-box;
        background-color: #f2f6fa;
        color: #007bff;
        border-radius: 100px;
        display: inline-block;
        height: 25px;
        line-height: 25px;
        width: 80px;
        text-align: center;
    }

    /* ms0414(s) */
    /* 모달박스 */
    .modal_box .tit h3 {
        font-size: 18px;
    }

    /* //ms0414(e) */

    .attach_btn .btn.TxtBoxBTN_4 {
        /* height: 35px;
        line-height: 35px; */
        padding: 0px 15px;
        font-size: 14px;
    }

    /*230414 hy(s) 응시원서보안서류제출*/
    /* .mypage .attach_btn .btn.TxtBoxBTN_4 {
        height: 40px;
        line-height: 40px;
    } */

    /*230414 hy(e)*/
    /* ms0418(s) */
    .main_login {
        width: 100%;
        height: 100%;
        min-height: 300px;
    }

    .main_login .login_container .login_box {
        width: 100%;
        height: 460px;
    }

    .main_login .login_container .login_box::before {
        display: none;
    }

    .main_login .login_container .title {
        padding: 40px 30px 0;
    }

    .main_login .login_container .title h3 {
        font-size: 22px;
    }

    .main_login .login_container .btn_box {
        padding: 0 30px 40px;
    }

    .main_login .login_container .title p {
        font-size: 16px;
    }

    .main_login .login_container .btn_box .btn.Middle_Able1,
    .main_login .login_container .btn_box .btn.Middle_Able2 {
        /* height: 45px;
        line-height: 45px; */
        font-size: 15px;
    }

    .form_wrap .form_box {
        width: 100%;
        padding: 50px 20px;
    }

    .agreement_box {
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-flow: column;
        gap: 20px;
    }

    .agreement_box .check_box {
        display: flex;
        flex-flow: row;
        justify-content: end;
    }

    .sub_title h3 {
        font-family: "NanumSquare", sans-serif;
        font-size: 18px;
        font-weight: 700;
        word-break: keep-all;
    }

    .group_box .identify_box {
        padding: 0;
    }

    /* ms0418(e) */
    /* ms0421(s) */
    .form_wrap .form_container .title h3 {
        font-size: 22px;
    }

    .form_wrap .contents.find_id.result .box_wrap .main_txt,
    .form_wrap .contents.find_pw .box_wrap .main_txt {
        word-break: keep-all;
        font-size: 18px;
    }

    .form_wrap .contents.find_id.result .box_wrap .sub_txt {
        font-size: 13px;
    }

    /* //ms0421(e) */

    /*230707 hy(s)*/
    /*마이페이지 > 자격검정*/
    .tab_box ul li {
        width: 100%;
    }
    /* 230707 hy(e) */
    
    .mypage .inquiry > ul > li.file_button{
        flex-flow: column;
    }
    .error404{
        padding-top: 160px;
    }
    .error404::before{
        width: 160px; height: 160px;
    }
    .error404 h3{
        font-size: 28px;
    }
    .error404 .tit_sub{
        font-size: 18px;
    }
    .error404 .txt_wrap p{
        font-size: 14px;
        width: 310px;
    }
}

@media screen and (max-width: 538px) {
    /*제도소개 > isms-p */
    .ismsp02 > div > div > ul li {
        width: 100%;
        text-align: center;
    }

    /* 마이페이지 */
    .mypage.home .profile .user .my_info .hello_txt > span {
        display: block;
    }

    /*230414 hy(s)*/
    /*기업정보수정*/
    .mypage .corp_edit .prev_next_btn {
        margin-top: 50px;
        display: flex;
        flex-flow: column;
        gap: 10px;
    }

    .mypage .corp_edit .prev_next_btn a {
        width: 100%;
    }
    /*230414 hy(e)*/
    /* .ismsp04 > div > div > div.ismsp04_01,
    .ismsp04 > div > div > div.ismsp04_02{
        margin: 0 auto 16px;
    } */
    /* .ismsp04 > div > div > div.ismsp04_02,
    .ismsp04 > div > div > div.ismsp04_03{
        width: 100%;
    } 
    .ismsp04 > div > div > div.ismsp04_02::after,
    .ismsp04 > div > div > div.ismsp04_03::after{
        display: none;
    } */
    .ismsp04 > div > div > div ul li span{
        position: unset;
    }
    .ismsp04 > div > div > div ul li{
        padding: 5px 10px 7px;
    }
    .ismsp04 > div > div > div p > span span{
        display: block;
    }
}

@media screen and (max-width: 502px) {
    .cloud_secure05.cloud_report05 > div > .explain .btn.TxtBoxBTN_4 {
        margin-bottom: 10px;
        /* height: 30px;
        line-height: 30px; */
        padding: 0px 15px;
        font-size: 12px;
    }

    .cloud_secure05.cloud_report05 > div > .explain span {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 475px) {
    /*마이페이지>인증신청내역*/
    .mypage .certifi_history .schedule .container .itembox ul li.item {
        flex-flow: column;
        align-items: flex-start;
    }

    .mypage .schedule .container .itembox ul li.item {
        flex-flow: column;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .mypage .schedule .container .itembox ul li.item .wrap {
        flex-flow: row;
        margin-top: 10px;
        min-height: unset;
    }

    .mypage .schedule .container .itembox ul li.item .date {
        margin-right: 5px;
    }

    .mypage .schedule .container .itembox ul li.item .date,
    .mypage .schedule .container .itembox ul li.item .term {
        font-size: 1.2rem;
    }

    .mypage.apply_detail .tab_box > li {
        padding: 14px 0;
        font-size: 1.3rem;
    }

    .mypage .certifi_history .schedule .container .itembox ul li.item .wrap {
        min-height: unset;
    }

    /*230418 hy(s)*/
    /*마이페이지_인증신청내역*/
    .mypage .prev_next_btn {
        /* margin-top: 50px; */
        display: flex;
        flex-flow: column;
        gap: 10px;
    }

    .mypage .prev_next_btn a {
        width: 100%;
    }

    /*마이페이지>자격검정접수내역*/
    .mypage .tab_box {
        align-items: center;
    }

    .sub_page.mypage .tab_box > li {
        font-size: 1.2rem;
        word-break: keep-all;
    }

    /*230414 hy(e)*/
}

@media screen and (max-width: 420px) {
    /* sj(s) */
    /* 인증신청_다수인증 */
    .apply_write .apply_write_add > div > div {
        width: 70%;
    }
    .write_certifi_apply .apply_write .apply_write_add > div > div{width: 100%;}

    .apply_write_add > div > div.del_01 {
        width: 30%;
    }
    .write_certifi_apply .apply_write_add > div > div.del_01{
        width: 100%;
    }
    /* //sj(e) */
}

@media screen and (max-width: 414px) {
    /* quailfication */
    .sub .quailfication .btn_box ul {
        gap: 10px;
    }

    .quailfication .confirm_box.agree {
        flex-flow: column;
        align-items: flex-end;
        gap: 10px;
    }

    .quailfication .confirm_box ul li {
        margin-top: 10px;
    }

    /* ms0418(s) */
    .main_login .login_container .login_box {
        height: 400px;
    }

    .main_login .login_container .title p {
        font-size: 15px;
    }

    .group_box .identify_box .btn.verify .tit {
        font-size: 16px;
    }

    .group_box .identify_box .btn.verify .tit + p {
        font-size: 13px;
    }

    .group_box .identify_box .btn.verify {
        padding-right: 100px;
    }

    .form_wrap .login_container .title {
        padding: 50px 20px;
    }

    .form_wrap .login_container .login_box {
        width: 100%;
        height: auto;
    }

    .form_wrap .login_container .title h3 {
        font-family: "NanumSquare", sans-serif;
        font-size: 22px;
        font-weight: 700;
    }

    .form_wrap .login_container .title p {
        margin-top: 35px;
        font-size: 14px;
        color: #666;
    }

    .form_wrap .login_container .btn_box {
        padding: 50px 20px;
    }

    /* //ms0418(e) */
}

@media screen and (max-width: 401px) {
    .certi_status_02_cont .certi_status_02_bottom p:first-child {
        margin-bottom: 8px;
    }
}

@media screen and (max-width: 400px) {
    /*제도소개 > isms-p */
    .ismsp03 > div img {
        width: 100%;
    }

    .info_protection01 > div {
        padding: 30px 10px;
    }

    .info_protection01 > div ul li img {
        width: 80px;
        margin: 0 auto 10px;
    }

    .info_protection01 > div ul {
        margin-bottom: 15px;
    }

    .info_protection04 > div img {
        width: 100%;
    }

    .info_protection07 > div img {
        width: 100%;
    }

    .cloud_secure04 > div div img {
        width: 100%;
    }

    .cloud_secure05 > div ul li img {
        width: 100%;
    }

    .certifi_process01 .certifi_process01_img img {
        width: 100%;
    }

    .certifi_process04 > div img {
        width: 100%;
    }
}

@media screen and (max-width: 372px) {
    .apply_write .file_attach .file_attach_btn input.attach_input2 {
        width: calc(100% - 150px);
    }
}

@media screen and (max-width: 360px) {
    /* 의무대상자 이의신청 안내 */
    .certifi_apply02 .apply_process li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 18px;
        font-size: 1.5rem;
    }

    .certifi_apply02 .apply_process li::after {
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        top: 75%;
    }

    .certifi_apply02 .apply_process li:last-child {
        margin-bottom: 0;
    }
    
    .error404 .tit_sub{
        font-size: 16px;
    }
    .error404 .txt_wrap p{
        width: 100%;
    }
}

@media screen and (max-width: 327px) {
    /* 클라우드보안인증제_평가인증 절차 안내 */
    .cloud_procedure02 li:first-child > p::after {
        top: 270%;
    }
}

@media screen and (max-width: 322px) {
    /* 클라우드보안인증제_평가인증 절차 안내 */
    .cloud_procedure02 li:nth-child(3) > p::after {
        top: 270%;
    }
}

@media screen and (max-width: 321px) {
    /* 클라우드보안인증제_평가인증 절차 안내 */
    .cloud_procedure02 li:nth-child(2) > p::after {
        top: 270%;
    }
}

@media screen and (max-width: 320px) {
    .quailfication .accordion_box .accordion_btn {
        font-size: 16px;
    }
}

@media screen and (max-width: 315px) {
    .apply_write .question02 input.mgt_10 {
        margin-top: 8px;
        width: 100%;
    }
}

@media screen and (max-width: 314px) {
    /* 인증신청_파일첨부 */
    .apply_write .file_attach .file_attach_btn input {
        width: calc(100% - 90px);
    }
}

.tab_content_inner.user .content_inner_wrap .inner_box.login .input_wrapper { border: none; width:auto;  }