@charset "utf-8";
@import url("board.css");

/* 스타일이 다를 시에 각각 html에 공통으로 사용되는 클래스명에 stEdit 클래스명 넣어서 css 조절  */

#container {
    align-items: flex-start;
}

.cont * {
    font-family: 'Pretendard' !important;
}

/* ///// 로그인 페이지 ////// */
.login_page {
    width: 100%;
    height: 700px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.login_page .loginBox {
    width: 480px;
}

/* 로그인 - 타이틀 */
.login_page .loginBox .login_tit p {
    color: #202124;
    font-family: "GmarketSans";
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 142.9%;
    /* 3.5725rem */
    letter-spacing: -0.175rem;
    text-align: center;
}

/* 로그인 - 로그인 인풋(아이디, 비밀번호 입력창) */
.login_page .loginBox .login_inner {
    border-bottom: 1px solid #7F858A;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.login_page .loginBox .login_inner #loginForm .login_input {
    height: 120px;
}

.login_page .loginBox .login_inner #loginForm .login_input .input_idpw {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.login_page .loginBox .login_inner #loginForm .login_input input {
    width: 100%;
    height: 45%;
    border: none;
    background: #f8f9f9;
    border-radius: 10px;
    box-sizing: border-box;
    color: #666;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.04rem;
    transition: all 0.3s;
}

/* 로그인 - 로그인 버튼 */
.login_page .loginBox .login_inner #loginForm .login_btn button {
    width: 100%;
    height: 60px;
    border-radius: 0.625rem;
    background: #fff;
    border: 1px solid #00265f;
    color: #00265F;
    font-family: 'Pretendard';
    font-size: 1.3125rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.0525rem;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
}

.login_page .loginBox .login_inner #loginForm .login_btn button:hover {
    background: #00265f;
    color: #fff;
}

/* 로그인 - 아이디 저장 */
/* 241211
.login_page .loginBox .login_inner #loginForm .saveId {
*/
.login_page .loginBox .login_inner .saveId {
    justify-content: flex-start;
}

/* 241211
.login_page .loginBox .login_inner #loginForm .saveId input {
*/
.login_page .loginBox .login_inner .saveId input {
    margin-right: 10px;
    cursor: pointer;
}

/* 241211
.login_page .loginBox .login_inner #loginForm .saveId input[type="checkbox"]+label:before {
*/
.login_page .loginBox .login_inner .saveId input[type="checkbox"]+label:before {
    width: 20px;
    height: 20px;
}

/* 241211
.login_page .loginBox .login_inner #loginForm .saveId label {
*/
.login_page .loginBox .login_inner .saveId label {
    color: #666;
    font-family: 'Pretendard';
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0425rem;
    cursor: pointer;
}

/* 로그인 - 회원가입/아이디비밀번호찾기 */
.login_page .loginBox .login_btm_right div {
    position: relative;
}

.login_page .loginBox .login_btm_right .idSearch_btn::before {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: #929292;
    top: 8px;
    left: 6px;
    position: absolute;
}

.login_page .loginBox .login_btm_right a {
    font-family: 'Pretendard';
    margin-left: 15px;
    color: #666;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.0425rem;
}

.login_page .loginBox .login_btm_right a:hover {
    color: #222;
}

/* 로그인 하단 - 카카오/네이버/디지털원패스 로그인 */
.login_link .login_link_wrap {
    display: flex;
    flex-direction: column;
    gap: 0.5em 0;
}

.login_link .login_link_wrap li {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
}

.login_link .login_link_wrap li button {
    width: 100%;
    height: 100%;
    padding: 1em 1.5em;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.0425rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1em;
}

/* 카카오 로그인 */
.login_kakao {
    background: #FAE103;
}

.login_kakao button {
    color: #371C1D !important;
}

/* 네이버 로그인 */
.login_naver {
    background: #06BE34;
}

/* 디지털원패스 로그인 */
.login_onepass {
    background-color: #1B2574;
}

@media screen and (max-width: 360px) {
    /* 241211
    .login_page .loginBox .login_inner #loginForm .login_btn button {
    */
    .login_page .loginBox .login_inner .login_btn button {
        height: 45px;
    }

    .login_page .loginBox .login_btm_right {
        flex-direction: column;
        align-items: flex-end;
    }

    .login_page .loginBox .login_btm_right .idSearch_btn::before {
        display: none;
    }

    .login_link .login_link_wrap li {
        height: 45px;
    }

    .login_link .login_link_wrap li button {
        gap: 0 0.5em;
    }

    .login_link .login_link_wrap li button img {
        transform: scale(0.7);
    }
}


/* ///// 회원가입 페이지 ////// */
/* 회원가입절차 웹 전체 스타일 */
span.web-block {
    display: block;
}

i.pad-block {
    font-style: normal !important;
}

#joinMembership {
    width: 100%;
    position: relative;
}

#joinMembership::before {
    content: "";
    display: table;
}

.cts-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

#joinMembership p {
    line-height: 1.5;
}

.join_page {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
}

.join_page div {
    word-break: break-all;
    word-wrap: break-word;
}

/* 회원가입절차 :상단 절차 */
.member-cts ul.step {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.member-cts .step li {
    flex: 0 1 25%;
    background: #F7F7F7;
    color: #666666;
    font-size: 1.2rem;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 300;
    position: relative;
}

.member-cts .step li:after {
    content: "";
    display: block;
    width: 42px;
    height: 42px;
    background-color: #F7F7F7;
    border-top: 1px solid #DCDCDC;
    border-right: 1px solid #DCDCDC;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(50%, -50%) rotate(45deg);
    transform: translate(50%, -50%) rotate(45deg);
}

.member-cts .step li:last-child:after {
    display: none;
}

.member-cts .step li.active {
    background: #00265F;
    color: #fff;
}

.member-cts .step li.active img {
    filter: brightness(400%);
}

.member-cts .step li.active:after {
    border: 0;
    background-color: #00265F;
}

.member-cts .step li .stit>i {
    margin-right: 6px;
}

.member-cts .step li .stit>b {
    font-weight: 400;
    color: #333;
}

.member-cts .step li.active b {
    color: #fff;
    font-weight: 700;
}

/* 회원가입절차 :상단 절차 ---반응형 */
@media (max-width: 991px) {

    .member-cts .step li.active:after,
    .member-cts .step li:after {
        display: none;
    }
}

@media (max-width: 768px) {
    .member-cts .step li {
        height: 75px;
        line-height: 1.4;
    }

    .member-cts .step li .stit {
        display: block;
        padding-top: 10px;
    }

    .member-cts .step li .stit>i {
        display: block;
        margin-right: 0;
    }

    .member-cts .step li .stit>b {
        margin-top: 0.2rem;
        display: block;
    }
}

@media (max-width: 570px) {
    .member-cts .step li {
        height: 85px;
        line-height: 1.2;
    }
}

@media (max-width: 480px) {
    .member-cts .step li {
        height: 80px;
    }
}


/* 회원가입절차 :01약관동의 */
.joinMb-agree-section {
    margin-top: 2.5rem;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 0 1px #dddde3 inset;
}

.joinMb-agree-section .inner-box {
    color: #454545;
}

.joinMb-agree-section .form-table.inner-box label[for="joinAll"] {
    font-weight: bold;
    font-size: 1rem;
}

.joinMb-agree-section .inner-box h4 {
    color: #333;
}

.joinMb-agree-section .inner-box .tit-box {
    border-bottom: 1px solid #dddde3;
}

.joinMb-agree-section .inner-box .tit-wrap {
    overflow: hidden;
    padding: 1rem 3.13rem;
}

.joinMb-agree-section .inner-box .form-joinAll {
    padding: 1.5rem 3.13rem;
}

.joinMb-agree-section .inner-box .form-joinAll .text {
    padding-top: 10px;
}

.joinMb-agree-section .tit-wrap h4 {
    font-size: 1.5rem;
    margin: 0;
    float: left;
}

.joinMb-agree-section .agree {
    margin-top: 8px;
    float: right;
}

.joinMb-agree-section .agree .custom-input:first-child {
    margin-right: 2em;
}

.joinMb-agree-section .textarea {
    white-space: pre-wrap;
    overflow: auto;
    height: 25rem;
    padding: 10px 50px 30px;
    margin-right: 0.7px;
    margin-bottom: 5px;
    line-height: 1.5;
}

/* 회원가입절차 :01약관동의 ---반응형 */
@media (max-width: 768px) {
    .joinMb-agree-section .inner-box .tit-wrap {
        padding: 1rem 2rem;
    }

    .joinMb-agree-section .textarea {
        height: 8rem;
        padding: 0 2rem 2rem;
    }

    .joinMb-agree-section .agree {
        clear: both;
        float: left;
    }

    .joinMb-agree-section .type-select .icon {
        right: 12px;
        bottom: 12px;
    }

    .joinMb-agree-section .tit-wrap p {
        line-height: 1.5;
    }
}

@media (max-width: 430px) {
    .joinMb-agree-section:first-child {
        margin-top: 1rem;
    }

    .joinMb-agree-section .type-select ul li {
        padding: 2rem;
    }

    .joinMb-agree-section .inner-box .tit-wrap {
        padding: 1rem 1.2rem;
    }

    .joinMb-agree-section .textarea {
        padding: 0 1.2rem 1rem;
    }
}

/* 회원가입절차 :02회원유형 및 인증 */
.joinMb-agree-section.w40 {
    width: 40%;
}

.joinMb-agree-section.w60 {
    width: 58%;
}

.joinMb-agree-section .type-select {
    padding: 1rem;
    height: 380px;
}

.joinMb-agree-section .type-select ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
}

.joinMb-agree-section .type-select ul li {
    padding: 0 1em;
    padding-top: 2.5em;
    background: #F5F5F5;
    flex: 0 0 48%;
    border-radius: 1.5625rem 4.16669rem 1.5625rem 2.60419rem;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em 0;
    cursor: pointer;
    box-sizing: border-box;
    border: 1px solid #F5F5F5;
    transition: all 0.3s;
}

.joinMb-agree-section .type-select ul li.on,
.joinMb-agree-section .type-select ul li.hoveron {
    border: 1px solid #00265F;
    background: #fff;
}


.joinMb-agree-section .type-select ul li h5 {
    margin: 0;
    font-size: 1.1875rem;
    color: #000;
}

.joinMb-agree-section .type-select ul li.on h5,
.joinMb-agree-section .type-select ul li.hoveron h5 {
    color: #00265F;
}

.joinMb-agree-section .type-select ul li p {
    font-size: 1rem;
    color: #454545;
    margin-top: 0.5rem;
}

.joinMb-agree-section .type-select ul li button {
    margin-top: 4rem;
    padding: 0.8rem 2.2rem;
}

.joinMb-agree-section .type-select .icon {
    background: #fff;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all 0.3s;
}

.joinMb-agree-section .type-select ul li.on .icon,
.joinMb-agree-section .type-select ul li.hoveron .icon {
    background: #EBF3FF;
}

.joinMb-agree-section.join-area2 .type-select ul li h5 {
    font-size: 1.5rem;
}

.joinMb-agree-section.join-area2 .type-select ul li h6 {
    font-size: 1.3rem;
    margin: 0;
    font-weight: 700;
}

.joinMb-agree-section.join-area2 .type-select ul li p {
    padding-bottom: 1.2rem;
}

.joinMb-agree-section.join-area2 .type-select ul li ul.dot-style {
    display: block;
}

.joinMb-agree-section.join-area2 .type-select ul li ul.dot-style li {
    padding: 0;
    position: relative;
    font-size: 0.8em;
    padding-left: 1rem;
    line-height: 1.5;
}

.joinMb-agree-section.join-area2 .type-select ul li ul.dot-style li:last-child {
    margin-top: 1.5rem;
}

.joinMb-agree-section .join-select {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #888;
    text-align: center;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: normal;
}

.joinMb-agree-section .join-select2 {
    padding: 1rem;
    height: 380px;
}

.joinMb-agree-section .join-select2>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
}

.joinMb-agree-section .join-select2>ul>li {
    padding: 0 1em;
    padding-top: 2.5em;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1em 0;
    box-sizing: border-box;
    transition: all 0.3s;
}

.joinMb-agree-section .join-select2>ul>li:nth-child(1) {
    width: 40%;
    border-right: 1px solid #DDDDE3;
}

.joinMb-agree-section .join-select2>ul>li:nth-child(2) {
    width: 60%;
}

.joinMb-agree-section .join-select2 ul li h5 {
    font-size: 1.5rem;
}

.joinMb-agree-section .join-select2 .join_idpw {
    width: 140px;
    height: 140px;
    border-radius: 140px;
    background: #161616;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5em 0;
    margin-top: 28px;
    cursor: pointer;
}

.joinMb-agree-section .join-select2 .join_idpw:hover {
    background: #3d3d3d;
}

.joinMb-agree-section .login_link {
    width: 90%;
}

.joinMb-agree-section .login_link .login_link_wrap li button img {
    transform: scale(0.8);
}

.joinMb-agree-section .join-select1 {
    padding: 1rem 2rem;
}

/* 회원유형 선택 시 나타나도록 숨김 */
.joinMb-agree-section .join-select2,
.joinMb-agree-section .join-select1 {
    display: none;
}


/* 회원가입절차 :02본인확인 ---반응형 */
@media (max-width: 1280px) {
    .joinMb-agree-section .type-select {
        height: auto;
    }

    .joinMb-agree-section .join-select {
        height: 380px;
    }

    .joinMb-agree-section .join-select2,
    .joinMb-agree-section .join-select1 {
        height: auto;
    }

    .joinMb-agree-section.join-area2 .type-select ul li {
        flex: 100%;
    }

    .joinMb-agree-section.join-area2 .type-select ul li:first-child {
        margin-bottom: 1rem;
    }

    .joinMb-agree-section .join-select2>ul>li {
        padding-top: 1em;
        padding-bottom: 2em;
    }

    .joinMb-agree-section .join-select2>ul>li:nth-child(1) {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #DDDDE3;
        margin-bottom: 1em;
    }

    .joinMb-agree-section .join-select2>ul>li:nth-child(2) {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .joinMb-agree-section.w40 {
        width: 100%;
    }

    .joinMb-agree-section.w60 {
        width: 100%;
    }

    .joinMb-agree-section .type-select {
        padding: 1rem;
    }

    .joinMb-agree-section .type-select ul li {
        flex: 100%;
    }

    .joinMb-agree-section .type-select ul li:first-child {
        margin-bottom: 0.8rem;
    }

    .joinMb-agree-section .login_link {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .joinMb-agree-section .type-select .icon {
        right: 12px;
        bottom: 12px;
    }
}

@media (max-width: 480px) {
    .joinMb-agree-section.join-area {
        margin-top: 1rem;
    }
}

@media (max-width: 430px) {
    .joinMb-agree-section .type-select ul li {
        padding: 2rem;
    }

    .joinMb-agree-section .join-select2>ul>li {
        padding: 0;
        padding-top: 1em;
        padding-bottom: 2em;
    }
}

@media (max-width: 360px) {
    .joinMb-agree-section .login_link .login_link_wrap li button img {
        transform: scale(0.7);
    }
}

.joinMb-agree-section .input-fields {
    border-bottom: 1px solid #ddd;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.joinMb-agree-section .input-fields:last-child {
    border-bottom: none;
}

.joinMb-agree-section .input-fields .cols {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    float: left;
}

.joinMb-agree-section .input-fields .cols:nth-child(2) {
    width: 48%;
}

.joinMb-agree-section .input-fields .cols .th {
    flex: 0 0 27%;
    font-size: 1rem;
    color: #000;
    padding: 1.5rem 0;
    word-break: keep-all;
}

.joinMb-agree-section .input-fields .cols.full .th {
    flex: 0 0 15%;
}

.joinMb-agree-section .input-fields .cols .th i {
    color: red;
}

.joinMb-agree-section .input-fields .cols .td {
    flex: 0 0 70%;
    padding: 1rem 0;
    box-sizing: border-box;
}

.joinMb-agree-section .input-fields .cols .td select {
    height: 34px;
    font-size: 12px;
    padding: 0 1.2rem;
}

.joinMb-agree-section .input-fields .cols.full .td {
    flex: 0 0 85%;
}

.joinMb-agree-section .input-fields .cols .td input {
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 34px;
}

.joinMb-agree-section .input-fields.w100St .cols {
    width: 100%;
    justify-content: space-between;
}

.joinMb-agree-section .input-fields.w100St .cols .th {
    flex: 0 0 15%;
}

.joinMb-agree-section .input-fields.w100St .cols .td {
    flex: 0 0 85%;
}

.joinMb-agree-section .input-fields .cols .td input.business {
    width: calc(100% - 80px);
}

@media (max-width: 1080px) {
    .joinMb-agree-section .input-fields {
        border-bottom: none;
        display: block;
    }

    .joinMb-agree-section .input-fields .cols {
        width: 100% !important;
        border-bottom: 1px solid #dbdbdb;
    }
}

@media (max-width: 340px) {
    .joinMb-agree-section .input-fields .cols {
        flex-direction: column;
    }

    .joinMb-agree-section .input-fields .cols .th {
        width: 100%;
        padding: 0;
        padding-top: 1em;
    }

    .joinMb-agree-section .input-fields .cols .td {
        width: 100%;
    }
}

/* 회원가입절차 :03정보입력 */
.joinMb-form-section .form-table.inner-box {
    padding: 1.88rem 3.13rem;
}

.joinMb-form-section .inner-box {
    padding: 1.25rem 3.13rem;
    color: #454545;
}

.joinMb-form-section .inner-box .tit-wrap {
    overflow: hidden;
    padding: 1rem 0;
}

.joinMb-form-section .tit-wrap h4 {
    font-size: 1.5rem;
    margin: 0;
    color: #000;
}

.joinMb-form-section .inner-box .tit-box {
    border-bottom: 3px solid #333;
}

.joinMb-form-section .input-fields {
    border-bottom: 1px solid #ddd;
    position: relative;
    /* overflow: hidden; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.joinMb-form-section .input-fields:last-child {
    border-bottom: none;
}

.joinMb-form-section .input-fields .cols {
    position: relative;
    /* overflow: hidden; */
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
}


.joinMb-form-section .input-fields .cols.full {
    width: 100%;
}

.joinMb-form-section .input-fields .cols:nth-child(2) {
    width: 48%;
}

.joinMb-form-section .input-fields .cols .th {
    flex: 0 0 30%;
    font-size: 1rem;
    color: #000;
    padding: 1.5rem 0;
    word-break: keep-all;
}

.joinMb-form-section .input-fields .cols.full .th {
    flex: 0 0 15%;
}

.joinMb-form-section .input-fields .cols .th i {
    color: red;
}

.joinMb-form-section .input-fields .cols .td {
    flex: 0 0 70%;
    padding: 1rem 0;
    box-sizing: border-box;

}

.joinMb-form-section .input-fields .cols .td select {
    height: 34px;
    font-size: 12px;
    padding: 0 1.2rem;
}

.joinMb-form-section .input-fields .cols.full .td {
    flex: 0 0 85%;
    display: flex;
    justify-content: space-between;
}

.joinMb-form-section .input-fields .cols.full .td.column {
    flex-direction: column;
    gap: 0.3rem 0;
}

.joinMb-form-section .input-fields .cols .td .msg {
    display: block;
    font-size: 0.9rem;
    margin-top: 0.4rem;
    word-break: keep-all;
}

.joinMb-form-section .input-fields .cols .td input {
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 34px;
}

.joinMb-form-section .input-fields .cols .td input:read-only {
    border: 1px solid #ddd;
    box-sizing: border-box;
    height: 34px;
    background: #ddd;
}

.joinMb-form-section .input-fields .cols .td input.idInput {
    width: 76%;
}

.joinMb-form-section .input-fields .cols .td input.zipcode {
    width: 80px;
}

.joinMb-form-section .input-fields .cols .td input.addr {
    width: calc(100% - 17%);
}

.joinMb-form-section .input-fields .cols .td input.comType {
    width: calc(100% - 80px);
}


.joinMb-form-section .input-fields.w100St .cols {
    width: 100%;
    justify-content: space-between;
}

.joinMb-form-section .input-fields.w100St .cols .th {
    flex: 0 0 15%;
}

.joinMb-form-section .input-fields.w100St .cols .td {
    flex: 0 0 85%;
}

.joinMb-form-section .input-fields .cols .td.numSt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.joinMb-form-section .input-fields .cols .td.numSt input {
    width: 28%;
}

.joinMb-form-section .input-fields .cols .td.numSt em {
    font-style: normal;
    font-size: 16px;
    line-height: 32px;
    font-weight: 300;
}

.joinMb-form-section .input-fields .cols .td.numSt.numBusi input {
    width: 25%;
}

/* 회원가입절차 :03정보입력 ---반응형 */
@media (max-width: 1280px) {
    .joinMb-form-section .input-fields {
        border-bottom: none;
        display: block;
        overflow: hidden;
    }

    .joinMb-form-section .input-fields .cols {
        width: 100% !important;
        border-bottom: 1px solid #dbdbdb;
    }

    .joinMb-form-section .input-fields .cols.full .th {
        flex: 0 0 30%;
    }

    .joinMb-form-section .input-fields .cols.full .td {
        flex: 0 0 70%;
    }

    .joinMb-form-section .input-fields .cols .td input.addr {
        display: block;
        width: 100%;
    }

    .joinMb-form-section .input-fields .cols .td input.idInput {
        width: calc(100% - 90px);
    }

    .regbtn.searchAdd {
        margin-top: auto;
    }
}

@media (max-width: 560px) {
    .joinMb-form-section .inner-box {
        padding: 1.25rem 0;
    }

    .joinMb-form-section .input-fields .cols {
        flex-direction: column;
    }

    .joinMb-form-section .input-fields .cols .th {
        width: 100%;
        padding: 0;
        padding-top: 1em;
    }

    .joinMb-form-section .input-fields .cols .td {
        width: 100%;
    }
}

/* 회원가입절차 :04가입완료 */
.memCompleted .joinMb-agree-section {
    margin-top: 2.5rem;
    border-radius: 30px;
    overflow: hidden;
    background: #fff;
    box-shadow: none;
}

.memCompleted .bg_style {
    padding: 1rem 3.1rem 1.8rem;
}

.memCompleted .join_text h3 {
    font-weight: 700;
    font-size: 2.25rem;
    color: #000000;
    word-break: keep-all;
    margin-bottom: 2rem;
}

.memCompleted .join_text p {
    font-weight: 400;
    word-break: keep-all;
    color: #454545;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
}

.memCompleted .portal_link_list {
    margin-top: 60px;
    padding: 0 5em;
    padding-top: 60px;
    border-top: 1px solid #DDDDE3;
}

.memCompleted .portal_link_list>ul {
    gap: 0 2em;
    box-sizing: border-box;
}

.memCompleted .portal_link_list>ul>li {
    width: calc((100% - 4em) / 3);
    background: #fff;
    border: 1px solid #D3D9DB;
    height: 280px;
    border-radius: 20px;
    box-sizing: border-box;
    overflow: hidden;
}

.memCompleted .portal_link_list>ul>li a>div {
    padding: 1em;
    box-sizing: border-box;
}

.memCompleted .portal_link_list>ul>li a>div.tit {
    color: #222;
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 3.38544rem;
    /* 216.667% */
    letter-spacing: -0.04688rem;
    height: 100px;
}

.memCompleted .portal_link_list>ul>li a>div.info {
    width: 100%;
    border-radius: 20px;
    background: #F5F5F5;
    height: 178px;
    padding: 2em 3em;
    box-sizing: border-box;
}

.memCompleted .portal_link_list>ul>li a>div.info li {
    position: relative;
    padding-left: 15px;
    color: #222;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 174%;
    /* 2.175rem */
    letter-spacing: -0.0375rem;
    text-align: left;
}

.memCompleted .portal_link_list>ul>li a>div.info li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    top: 15px;
    left: 0;
    background: #222;
}

/* 회원가입절차 :04가입완료 ---반응형 */
@media (max-width: 1300px) {
    .memCompleted .portal_link_list>ul>li a>div.info {
        padding: 2em 1.5em;
    }
}

@media (max-width: 1200px) {
    .memCompleted .portal_link_list>ul>li a>div.info li:before {
        top: 13px;
    }
}

@media (max-width: 1024px) {
    .memCompleted .portal_link_list {
        margin-top: 40px;
        padding: 0;
        padding-top: 40px;
    }
}

@media (max-width: 860px) {
    .memCompleted .portal_link_list>ul {
        flex-direction: column;
        gap: 1.5em 0;
    }

    .memCompleted .portal_link_list>ul>li {
        width: 100%;
        height: 200px;
    }

    .memCompleted .portal_link_list>ul>li a>div {
        padding: 0.5em;
    }

    .memCompleted .portal_link_list>ul>li a>div.tit {
        height: 70px;
    }

    .memCompleted .portal_link_list>ul>li a>div.info {
        height: 128px;
        padding: 1em 1.5em;
    }
}

@media (max-width: 530px) {
    .memCompleted .join_text h3 {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }
}

@media (max-width: 480px) {
    .memCompleted .portal_link_list>ul>li a>div.info li:before {
        top: 11px;
    }
}

@media (max-width: 480px) {
    .memCompleted .portal_link_list>ul>li {
        width: 100%;
        height: 170px;
    }

    .memCompleted .portal_link_list>ul>li a>div.tit {
        height: 60px;
    }

    .memCompleted .portal_link_list>ul>li a>div.info {
        height: 110px;
        padding: 1em 1.5em;
    }
}


/* 회원가입 - input */
.join_container input[type="text"],
.join_container input[type="password"],
.join_container select {
    padding: 0.5rem 1.2rem;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
    -webkit-transition: border-color ease-in-out 0.15s,
        box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    word-break: keep-all;
}

.join_container input.readonly {
    background: #e3e3e7 !important;
}

/* 회원가입 - 버튼 */
.join_container .btns-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    word-break: keep-all;
}

.join_container .btns-radio .btn {
    margin-right: 1.8rem;
}

.join_container .btns-radio .btn:last-child {
    margin: 0;
}

.join_container .btn {
    border-radius: 8px;
    /* 241211
    background: #d1d3db;
    */
    background: #6e6e6e;
    padding: 10px 30px;
    border: 0;
    font-size: 1rem;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}

.join_container .join-select1 .btn {
    width: 100%;
}

.join_container .btn:hover {
    background: #bbbbbb;
}

.join_container .btn.on {
    background: #0080FF;
}

.join_container .btn.on:hover {
    background: #074d94;
}

.join_container .btn.green {
    background: #008080;
}

.join_container .regbtn {
    font-size: 0.875rem;
    width: 74px;
    color: #666666;
    background-color: #fff;
    border-radius: 3px;
    padding: 0.35rem 0.4rem 0.38rem;
    vertical-align: middle;
    line-height: 1.325;
    cursor: pointer;
    transition: all 0.3s;
    height: 34px;
    font-family: "Noto Sans KR" !important;
    border: 1px solid #DDDDDD;
}

.join_container .regbtn.idRegbtn {
    width: 85px;
}



.join_container .regbtn:hover {
    background-color: #f1f1f1;
}

/* 회원가입 - 체크박스, 라디오버튼 */
.join_container .custom-check input[type="checkbox"] {
    width: 1.13rem;
    height: 1.13rem;
    transform: translateY(-2px);
    -webkit-appearance: auto;
}

.join_container .custom-check label {
    cursor: pointer;
}

.join_container .custom-input {
    position: relative;
}

.join_container .custom-input input {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.join_container .custom-input input+label {
    display: inline-block;
    position: relative;
    padding-left: 1.8rem;
    margin-right: 2rem;
    cursor: pointer;
}

.join_container .custom-input input+label::after,
.join_container .custom-input input+label::before {
    content: "";
    position: absolute;
    left: 0;
    /* top: 0.1rem; */
    top: -0.1rem;
    width: 1.3rem;
    height: 1.3rem;
    border: 1px solid #c7c7c7;
    cursor: pointer;
    background-color: #fff;
}

.join_container .custom-input input[type="radio"]+label::before {
    border-radius: 50%;
}

.join_container .custom-input input[type="radio"]+label::after {
    content: "";
    display: block;
    opacity: 0;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #0080FF;
    border-radius: 50%;
    position: absolute;
    left: 0.4rem;
    top: 0.3rem;
    /* top: 0.5rem; */
    z-index: 2;
}

.join_container .custom-input input:checked+label::after {
    opacity: 1;
    border-color: #0080FF;
}

/* 회원가입절차 웹 전체 스타일 ---반응형*/
@media (max-width: 1280px) {
    .cts-wrap {
        max-width: 95%;
    }

    i.pad-block {
        display: block;
    }
}

@media (max-width: 991px) {
    i.pad-block {
        display: initial;
    }
}

@media (max-width: 768px) {
    span.mob-block {
        display: block;
    }
}

@media (max-width: 430px) {

    .joinMb-agree-section,
    .joinMb-agree-section {
        border-radius: 15px;
        margin-top: 1rem;
    }
}


/* ///// 아이디찾기/비밀번호재설정 ////// */
#findIdPw .joinMb-agree-section .inner-box .tit-wrap h4 {
    width: 100%;
    text-align: center;
    color: #00265F;
}

#findIdPw .joinMb-agree-section .inner-box .tit-wrap-tab {
    padding: 0;
}

#findIdPw .joinMb-agree-section .inner-box .tit-wrap-tab ul li {
    width: calc((100% - 1px) / 2);
    padding: 1rem;
    box-sizing: border-box;
    margin: 0;
    cursor: pointer;
}

#findIdPw .joinMb-agree-section .inner-box .tit-wrap-tab ul li:nth-child(1) {
    border-right: 1px solid #dddde3;
}

#findIdPw .joinMb-agree-section .inner-box .tit-wrap-tab ul li h4 {
    font-weight: 400;
    color: #888888;
    line-height: 1.2;
}

#findIdPw .joinMb-agree-section .inner-box .tit-wrap-tab ul li.on h4 {
    font-weight: bold;
    color: #00265F;
}

/* 아이디찾기 */
#findIdPw .joinMb-agree-section .join-select1 {
    padding: 1rem 2rem;

}

#findIdPw .joinMb-agree-section .type-select>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#findIdPw .joinMb-agree-section .input-fields {
    border-bottom: none;
}

#findIdPw .joinMb-agree-section .input-fields .cols {
    display: block;
}

#findIdPw .joinMb-agree-section .input-fields .cols .th {
    display: block;
    padding: 0;
    margin-bottom: 7px;
}

#findIdPw .joinMb-agree-section .input-fields .cols .td {
    display: block;
    padding: 0;
    margin-bottom: 20px;
}

#findIdPw .joinMb-agree-section .input-fields .cols .td.mb0 {
    margin-bottom: 0;
}

#findIdPw .joinMb-agree-section .input-fields .cols .td input[type="text"] {
    border-radius: 8px;
    height: 39px;
}

#findIdPw .joinMb-agree-section .input-fields .cols .td.flexSt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#findIdPw .joinMb-agree-section .input-fields .cols .td.flexSt input[type="text"] {
    width: calc(100% - 155px);
}

#findIdPw .joinMb-agree-section .input-fields .cols .btn_verificationCode {
    width: 140px;
    padding: 10px;
}


#findIdPw .btn_changePw {
    width: 100% !important;
}

@media (max-width: 1080px) {
    #findIdPw .joinMb-agree-section .input-fields .cols {
        border-bottom: none;
    }
}

@media (max-width: 991px) {
    #findIdPw .joinMb-agree-section .join-select1 {
        padding: 1rem;
    }
}


@media (max-width: 991px) {
    #findIdPw .joinMb-agree-section .join-select1 {
        padding: 1rem;
    }
}


/* 산업체 sub02_0101 : 레프트메뉴 & 라이트콘텐츠*/
/* 레프트메뉴 */
.snb {
    width: 300px;
    transition: 0.3s all;
}

.snb a {
    font-family: 'Pretendard' !important;
}

.snb .temSave {
    width: 100%;
    border-radius: 2rem;
    border: 1px solid #00265F;
    background: #FFF;
    height: 44px;
    color: #00265F;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    transition: all 0.2s;
}

.snb .temSave:hover {
    background-color: #00265F;
    color: #fff;
}

.snb .menus {
    /* margin-top: 12px; */
    border: 1px solid #CFD9E9;
    border-radius: 10px;
    background: #F8FBFF;
}

.snb .menus .bookmark_input {
    padding: 14px;
}

.snb .menus .bookmark_input .txt {
    position: relative;
}

.snb .menus .bookmark_input .txt img {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.snb .menus .bookmark_input .txt input {
    position: relative;
    height: 36px;
    border-radius: 6.25rem;
    background: #FFF;
    border: 1px solid #F0F0F0;
    padding-left: 40px;
    color: #747474;
    font-family: 'Pretendard';
    font-size: 0.8rem;
    font-weight: 500;
}

.snb .menus .bookmark_input .btnSet button {
    /* width: 49%; */
    height: 27px;
    /* color: #FFF; */
    text-align: center;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 27px;
    margin-top: 7px;
}

.snb .menus .bookmark_input .btnSet button.btn_cancel {
    background: #EE0012;
}

.snb .menus .bookmark_input .btnSet button.btn_cancel:hover {
    color: #FBC6CA;
}

.snb .menus .bookmark_input .btnSet button.btn_regis {
    background: #246BEB;
}

.snb .menus .bookmark_input .btnSet button.btn_regis:hover {
    color: #D3E1FB;
}

.snb .menus .depth2_item {
    border-bottom: 1px solid #CFD9E9;
}

.snb .menus .depth2_item:last-child {
    border-bottom: unset;
}

.snb .menus .depth2_item>a {
    display: block;
    width: auto;
    height: 46px;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 500;
    position: relative;
    transition: 0.2s all;
    overflow: hidden;
    margin-left: 16px;
    display: flex;
    align-items: center;
    padding: 0 23px 0 0;
}

.snb .menus .depth2_item>a:hover {
    color: #00265F;
    font-weight: 700;
}

.snb .menus .depth2_item>a::before {
    position: absolute;
    content: '';
    width: 13px;
    height: 16px;
    background: url(../../images/bzent/content/sub02/ico_list.png) no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.snb .menus .depth2_item>a>span {
    width: 100%;
    margin-left: 20px;
    position: relative;
    /*display: flex;*/
    justify-content: space-between;
}

.snb .menus .depth2_item .checks {
    /* margin-left: 10px; */
    margin-right: 10px;
    top: -1.5px;
}

.snb .menus .depth2_item.active {
    border-bottom: 3px solid #00265F;
}

.snb .menus .depth2_item.active>a {
    color: #00265F;
    font-weight: 700;
}

.snb .menus .depth2_item .depth3 {
    width: 100%;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 22px;
}

.snb .menus .depth2_item:last-child .depth3 {
    border-radius: 0 0 10px 10px;
}

.snb .menus .depth2_item .depth3>ul>li {
    margin-top: 15px;
    position: relative;
    /* padding-left: 13px; */
    display: flex;
    align-items: center;
    /* 240829
    justify-content: space-between;
    */
}

.snb .menus .depth2_item .depth3>ul>li:first-child {
    margin-top: 0;
}

.snb .menus .depth2_item .depth3>ul>li.liCtrl_wrap ul {
    width: 100%;
}

.snb .menus .depth2_item .depth3>ul>li.liCtrl_wrap ul li:nth-child(1),
.snb .menus .depth2_item .depth3>ul>li.liCtrl_wrap ul li:nth-child(2) {
    width: calc((100% - 70px) / 2);
}

/* .snb .menus .depth2_item .depth3 > ul > li::before {
    position: absolute;
    content: '';
    width: 6px;
    height: 3px;
    background: rgba(84, 98, 118, 0.4);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .15s ease;
} */

.snb .menus .depth2_item .depth3>ul>li>a {
    font-size: 0.9rem;
    color: #747474;
    font-weight: 400;
    transition: all .15s ease;
    position: relative;
    display: flex;
}

.snb .menus .depth2_item .depth3>ul>li:hover::before,
.snb .menus .depth2_item .depth3>ul>li.on::before {
    background: rgba(84, 98, 118, 1);
}

.snb .menus .depth2_item .depth3>ul>li:hover a,
.snb .menus .depth2_item .depth3>ul>li.on a {
    color: #00265F;
}

/* 저장완료 버튼 */
.saveBtn_Wrap {
    position: absolute;
    right: -5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Pretendard';
    font-size: 0.8rem;
    line-height: 1;
    letter-spacing: -1px;
    color: #4e4e55;
}

/* 상위 리스트에 있는 저장완료 버튼은 top수정필요 */
.saveBtn_Wrap.tall {
    top: -5px;
}

.saveBtn_Wrap .fa-floppy-disk {
    margin-bottom: 3px;
    font-size: 0.875rem;
}

@media screen and (max-width: 1200px) {
    .snb {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .snb .menus .depth2_item .depth3>ul>li>a {
        line-height: 1.5;
    }

    .snb .menus .depth2_item .checks {
        margin-right: 5px;
    }

    .snb .checks input[type="checkbox"]:before {
        width: 12px;
        height: 12px;
    }
}

/* 상하이동버튼 */
.updownBtn_wrap {
    justify-content: center;
}

.updownBtn {
    justify-content: center;
    width: 48px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    background: #fff;
}

/* 240903 */
.liCtrl_wrap .upBtn,
.liCtrl_wrap .downBtn {
    width: 24px;
    height: 24px;
}

/* 240903 */
.liCtrl_wrap .upBtn:hover,
.liCtrl_wrap .downBtn:hover {
    opacity: 0.8;
}

/* 240903 */
.liCtrl_wrap .upBtn {
    position: relative;
    background: url(../../images/bzent/common/btn_up.png) center center no-repeat;
}

/* 240903 */
.liCtrl_wrap .upBtn:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 24px;
    background: #d9d9d9;
    right: -1px;
    top: 0;
}

/* 240903 */
.liCtrl_wrap .downBtn {
    background: url(../../images/bzent/common/btn_down.png) center center no-repeat;
}

/* 240903 */
/* 레프트메뉴 내부 상하이동 버튼 */
.snb .liCtrl_wrap .updownBtn_wrap {
    /* position: absolute;
    right: -10px;
    top: -5px; */
}

@media screen and (max-width: 900px) {
    /* .snb .updownBtn_wrap {
        top: -7px;
    } */
}

/* 240903 */
/* 레프트메뉴 내부 항목추가 버튼 */
.snb .liCtrl_wrap .addliBtn {
    /* width: 88px; */
    width: 100%;
    border-radius: 24px;
    background: #246BEB;
    justify-content: center;
}

/* 240903 */
.snb .liCtrl_wrap .addliBtn .btn_addli {
    width: 100%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9em;
    color: #fff;
    line-height: 1.2
}

/* 240903 */
.snb .liCtrl_wrap .addliBtn .btn_addli:hover {
    opacity: 0.8;
}

/* 240903 */
/* 레프트메뉴 내부 삭제 버튼 */
.snb .liCtrl_wrap .deleteBtn {
    /* width: 88px; */
    width: 100%;
    border-radius: 24px;
    background: #EE0012;
    justify-content: center;
}

/* 240903 */
.snb .liCtrl_wrap .deleteBtn .btn_delete {
    width: 100%;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9em;
    color: #fff;
    line-height: 1.2;
}

/* 240903 */
.snb .liCtrl_wrap .deleteBtn .btn_delete:hover {
    opacity: 0.8;
}


/* 서브 컨텐츠 내용 */
.right-content {
    width: calc(100% - 365px);
    transition: 0.3s all;
}

.form-wrap {
    width: 100%;
}

/* 컨텐츠 상단 버튼 세트 */
.btnFlexSet {
    margin-bottom: 60px;
}

.btnFlexSet ul li {
    width: calc(94% / 7);
    height: 44px;
    border-radius: 0.375rem;
    border: 1px solid #ABABAB;
    background: #FFF;
    transition: 0.2s all;
}

.btnFlexSet ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #2D2D2D;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.0625rem;
    /* 106.25% */
    letter-spacing: -0.04rem;
}

.btnFlexSet ul li:hover {
    border-color: #000;
}

.btnFlexSet ul li.btn_black {
    background: #000;
    border: 1px solid #00265F;
}

.btnFlexSet ul li.btn_navy {
    background: #00265F;
    border: 1px solid #00265F;
}

.btnFlexSet ul li.btn_navy:hover {
    background: #000;
    border: 1px solid #000;
}

.btnFlexSet ul li.btn_delete {
    background: #EE0012;
    border: 1px solid #EE0012;
}

.btnFlexSet ul li.btn_delete:hover {
    background: #000;
    border: 1px solid #000;
}

.btnFlexSet ul li.btn_navy a,
.btnFlexSet ul li.btn_delete a,
.btnFlexSet ul li.btn_black a {
    color: #fff;
}

/* 저장 버튼 */
.form-wrap button.btn_save {
    width: 100px;
    height: 44px;
    border-radius: 6px;
    text-align: center;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.0625rem;
    /* 106.25% */
    letter-spacing: -0.04rem;
    justify-content: center;
    transition: all 0.2s;
    background: #1F4E62;
    color: #fff;
}

.form-wrap button.btn_save:hover {
    background: #000;
}

/* 샘플보기 버튼 */
.form-wrap button.btn_sample {
    background: #899CA4;
    border: 1px solid #899CA4;
    color: #fff;
}

.form-wrap button.btn_sample:hover {
    background-color: #000;
}

/* 추가 버튼, 첨부파일 버튼 */
.form-wrap button.btn_blue {
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
    background: #fff;
    border: 1px solid #246BEB;
    color: #246BEB;
}

.form-wrap button.btn_blue:hover {
    background: #246BEB;
    color: #fff;
}

/* 삭제 버튼 */
.form-wrap button.btn_sDelete {
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
    background: #fff;
    border: 1px solid #EE0012;
    color: #EE0012;
}

.form-wrap button.btn_sDelete:hover {
    background: #EE0012;
    color: #fff;
}

/* 테이블 내부에 사용되는 버튼 - 삭제 */
table button.btn_sDelete {
    height: 33px;
    padding: 0 0.6em;
}

/* 폼 내부에 사용되는 버튼 - 첨부파일, 삭제 */
.form-wrap .form_tit_wrap_in .btn_sky,
.form-wrap .formBox .btn_sky,
.form-wrap .formBox .btn_sDelete {
    width: 100px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
    line-height: normal;
    /* 106.25% */
    letter-spacing: -0.04rem;
    transition: all 0.2s;
}

.form-wrap .formBox table button.btn_sky,
.form-wrap .formBox .form-inner button.btn_sky {
    background: #fff;
    color: #1F4E62;
    border: 1px solid #1F4E62;
}

.form-wrap .formBox table button.btn_sky:hover,
.form-wrap .formBox .form-inner button.btn_sky:hover {
    background: #1F4E62;
    color: #fff;
}

.form-wrap .formBox table button.btn_sDelete,
.form-wrap .formBox .form-inner button.btn_sDelete {
    background: #fff;
    color: #EE0012;
}

.form-wrap .formBox table button.btn_sDelete:hover,
.form-wrap .formBox .form-inner button.btn_sDelete:hover {
    background: #EE0012;
    color: #fff;
}

@media screen and (max-width: 768px) {
    .form-wrap button.btn_save {
        height: 37px;
    }

    /* table button.btn_sDelete {
        height: 37px;
    } */
}

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

    .form-wrap button.btn_save.btn_blue,
    .form-wrap button.btn_save.btn_sDelete,
    .form-wrap .formBox .btn_sDelete {
        width: 70px;
    }
}

/* 접기 펼치기 버튼 */
.form-wrap button.btn_blue.folding {
    /* padding: 0.8em; */
    padding: 0.2em;
    display: block;
    width: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    transition: all .2s ease;
}

.form-wrap button.btn_blue.folding:hover {
    color: #fff;
}

/* 테이블 위 타이틀 */
.form-wrap .sub-t {
    font-size: 1.15em;
    font-weight: 700;
    margin-bottom: 0.7em;
    color: #2d2d2d;
}

@media screen and (max-width: 1200px) {
    .leftMenu {
        width: 100%;
        margin-bottom: 30px;
    }

    .snb {
        display: block;
        width: 100%;
    }

    .btnFlexSet {
        margin-bottom: 30px;
    }

    .right-content {
        width: 100%;
    }
}

@media screen and (max-width: 900px) {
    .btnFlexSet ul {
        gap: 0.5em;
    }

    .btnFlexSet ul li {
        width: calc(96% / 3);
    }
}

@media screen and (max-width: 600px) {
    .btnFlexSet ul {
        gap: 0.5em;
    }

    .btnFlexSet ul li {
        width: calc(97% / 2);
    }
}

@media screen and (max-width: 390px) {
    .btnFlexSet ul li {
        width: 100%;
    }
}


/* 테이블 내 a 태그 */
table .preCtsText a span {
    display: inline-block;
/*     color: #246BEB; */
    color: #2D2D2D;
}

table .preCtsText a:hover span {
    opacity: 0.75;
}


/* 테이블 - 목록 행 색상 반전 */
.table_St1.table_hover_color table tbody tr:hover td {
    background: #fcfcfc;
}


/* sub02_0101_01 푸드QR/식품표시정보등록 - 제품 사진  ==> 002*/
.form-wrap002 .formBox .form_list ul {
    justify-content: center;
    gap: 2em 2.5em;
}

.form-wrap002 .formBox .form_list ul li.item {
    justify-content: center;
    text-align: center;
    width: 230px;
}

.form-wrap002 .formBox .form_list .form-inner {
    flex-direction: column;
}

.form-wrap002 .formBox .form_list .form-tit.textAdd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-wrap002 .formBox .form_list .form-inner .form-imgBox {
    width: 230px;
    height: 270px;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    box-sizing: border-box;
    margin-bottom: 0.7em;
}

.form-wrap002 .formBox .form_list .form-inner .form-imgBox a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form-wrap002 .formBox .form_list .form-inner .form-imgBox a img {
    width: 120px;
}

.form-wrap002 .formBox .form_list .form-inner .form-imgBox a span {
    display: block;
    margin-top: 30px;
    color: #9C9C9C;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    /* 150% */
    letter-spacing: -0.035rem;
}

.form-wrap002 .formBox .form_list .form-inner .form-expWrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-wrap002 .formBox .form_list .form-tit.textAdd input[type="text"],
.form-wrap002 .formBox .form_list .form-inner .form-expWrap input[type="text"] {
    height: 25px;
    width: 190px;
    color: #747474;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    /* 150% */
    letter-spacing: -0.035rem;
    background: #f8f8f8;
    border: none;
}

@media screen and (max-width: 640px) {
    .form-wrap002 .formBox .form_list ul li.item {
        width: 100%;
    }

    .form-wrap002 .formBox .form_list .form-inner .form-imgBox {
        width: 100%;
    }

    .form-wrap002 .formBox .form_list .form-tit.textAdd input[type="text"],
    .form-wrap002 .formBox .form_list .form-inner .form-expWrap input[type="text"] {
        width: calc(100% - 40px);
    }
}


/* sub02_0101_02 푸드QR/식품표시정보등록 - 인증정보 ==> 003*/
.form-wrap003 .formBox {
    margin: 0 0 60px 0;
}

.form-wrap003 #tab_content_cnt.wrap {
    width: 100%;
}

.form-wrap003 .formBox .form_selectArea ul {
    padding: 0;
}

.form-wrap003 .formBox .form_selectArea ul .tit {
    padding-right: 20px;
    font-weight: 600;
    position: relative;
}

.form-wrap003 .formBox .form_selectArea ul .tit::after {
    position: absolute;
    content: '';
    height: 13px;
    width: 2px;
    background: #b1b1b1;
    right: 1px;
    top: 3px;
}

.form-wrap003 .formBox .form_selectArea input[type="radio"]:checked+label:after {
    background: #193872;
}

.form-wrap003 .formBox .form_selectArea input[type="radio"]:checked+label:before {
    border: 1px solid #193872;
}

.form-wrap003 .form_edit {
    width: 100%;
/*     border: 1px solid #c6c6c6; */
    border: none;;
    border-radius: 3px;
    background: #fff;
/*     margin: 10px 0; */
}

.form-wrap003 .form_edit_tit {
    padding: 10px;
    font-weight: 600;
    background: #F3F3F3;
    border-top: 2px solid #000;
    margin-top: 10px;
    text-align: center;
}

.form-wrap003 .form_edit img {
    width: 100%;
}

.form-wrap003 .form_edit .txt {
    border-top: 1px solid #c6c6c6;
    padding: 10px;
    height: 100px;
}


/* sub02_0101_03 푸드QR/식품표시정보등록 - 원재료명  ==> 007 */
.form-wrap007 table {
    min-width: 378px;
}

.form-wrap007 .table table td.longText textarea,
.form-wrap007 .table table td.longText input[type="text"] {
    height: 60px;
    padding: 10px;
}

.form-wrap007 .btn2Set {
    margin: 60px 0 30px 0;
    justify-content: flex-end;
    gap: 0.5em;
}

.form-wrap007 .btn2Set button {
    width: auto;
    padding: 0 20px;
}

.form-wrap007 .bottom {
    align-items: flex-start;
}

.form-wrap007 .bottom .left {
    width: 38%;
}

.form-wrap007 .bottom .right {
    width: 58%;
}

.form-wrap007 .bottom .right .formBox {
    box-sizing: border-box;
    margin: 20px 0 0 0;
}


@media screen and (max-width: 960px) {
    .form-wrap007 .btn2Set {
        margin: 30px 0;
    }

    .form-wrap007 .bottom .left,
    .form-wrap007 .bottom .right {
        width: 100%;
    }

    .form-wrap007 .bottom .right {
        margin-top: 30px;
    }
}

/* sub02_0101_04 푸드QR/식품표시정보등록 - 영양표시  ==> 012*/
.form-wrap012 .sub-t {
    margin-top: 20px;
}

.form-wrap012 .form_selectArea {
    background: #F8F8F8;
    margin: 0 0 10px 0;
    padding: 10px 20px;
    border-radius: 6px;
    gap: 1em 0;
    transition: 0.3s all;
}

.form-wrap012 .form_selectArea input[type="text"] {
    width: 60px;
    height: 25px;
}

.form-wrap012 .formBox input[type="radio"]:checked+label:after {
    background: #193872;
}

.form-wrap012 .formBox input[type="radio"]:checked+label:before {
    border: 1px solid #193872;
}

.form-wrap012 .form_selectArea .s-tit {
    font-size: 0.875em;
    font-weight: 700;
    color: #2d2d2d;
}

.form-wrap012 .form_selectArea .right ul {
    gap: 0.5em 0;
}

.form-wrap012 .form_selectArea .right ul li ul li {
    margin-right: 10px;
}

.form-wrap012 .top {
    align-items: flex-start;
}

.form-wrap012 .top .left,
.form-wrap012 .top .right {
    width: 100%;
    transition: 0.3s all;
}

.form-wrap012 .table td input[type="text"] {
    width: 67.5%;
    margin-right: 10px;
}

.form-wrap012 .table td:nth-child(3) {
    min-width: 70px;
}

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

    .form-wrap012 .top .left,
    .form-wrap012 .top .right {
        width: 100%;
    }
}

@media screen and (max-width: 700px) {
    .form-wrap012 .form_selectArea .left ul {
        gap: 0.5em 0;
    }

    .form-wrap012 .form_selectArea .left ul li {
        width: 48%;
    }
}

@media screen and (max-width: 350px) {
    .form-wrap012 .form_selectArea {
        padding: 10px 10px 10px 20px;
    }

    .form-wrap012 .form_selectArea2 {
        padding: 10px 0px 10px 0px;
    }

    .form-wrap012 .form_selectArea .right ul li ul li:last-child {
        margin-right: 0;
    }

    .form-wrap012 .form_selectArea .right ul li ul li:nth-child(1) {
        width: 100%;
    }

    .form-wrap012 .form_selectArea input[type="text"] {
        width: 90px;
        height: 25px;
    }
}

.form-wrap012 .form_selectArea2{
    background: #fff;
    padding: 10px 0;
}

.form-wrap012 .form_selectArea2 .left ul {
    gap: 1.5em 2em;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form-wrap012 .form_selectArea2 .left ul li {
    width: 45%;
    transition: 0.3s all;
}

.form-wrap012 .tem_img {
    margin-top: 10px;
}

.form-wrap012 .formBox input[type="radio"]:checked+label:after {
    background: #193872;
}

.form-wrap012 .formBox input[type="radio"]:checked+label:before {
    border: 1px solid #193872;
}

@media screen and (max-width: 500px) {
    .form-wrap012 .form_selectArea2 .left ul li {
        width: 100%;
    }

    .form-wrap012 .tem_img {
        width: 100%;
    }

    .form-wrap012 .tem_img img {
        width: 100%;
    }
}

/* sub02_0101_05 푸드QR/식품표시정보등록 - 나트륨 함량 비교표시 ==> 013 */
.form-wrap013 .form_selectArea {
    margin: 30px 0;
}

.form-wrap013 .form_selectArea ul,
.form-wrap013 .form_selectArea ul li {
    width: 100%;
}

.form-wrap013 .form_selectArea ul li .na_img {
    width: 70%;
    margin: 0 auto;
}

.form-wrap013 .form_selectArea ul li .na_img img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .form-wrap013 .form_selectArea ul li .na_img {
        width: 90%;
    }
}

@media screen and (max-width: 430px) {
    .form-wrap013 .form_selectArea {
        margin: 20px 0;
    }

    .form-wrap013 .form_selectArea ul li .na_img {
        width: 100%;
    }
}


/* sub02_0101_06 푸드QR/식품표시정보등록 - 제조원 인허가 정보  ==> 020*/
.form-wrap020 .formBox .form_infoBox {
    margin-top: 0;
    margin-bottom: 30px;
}

.form-wrap020 .formBox .form_list>ul>.item {
    width: 100%;
    padding: 30px 0;
    border-bottom: 2px dotted #d8d8d8;
}

.form-wrap020 .formBox .form_list>ul>.item:last-child {
    border-bottom: none;
}

.form-wrap020 .formBox .form_list .form-inner {
    gap: 0 2.5em;
}

.form-wrap020 .formBox .form_list .form-inner .form-imgBox {
    width: 230px;
    box-sizing: border-box;
}

.form-wrap020 .formBox .form_list .form-inner .form-imgBox a {
    width: 100%;
    height: 180px;
    border: 1px solid #c6c6c6;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.form-wrap020 .formBox .form_list .form-inner .form-imgBox a img {
    width: 100px;
}

.form-wrap020 .formBox .form_list .form-inner .form-imgBox a span {
    display: block;
    margin-top: 10px;
    color: #9C9C9C;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3125rem;
    /* 150% */
    letter-spacing: -0.035rem;
}

.form-wrap020 .formBox .form_list .form-inner .form-imgBox button.btn_imgAdd {
    width: 230px;
    background: #000;
    border-radius: 6px;
    padding: 10px 0;
    border: 1px solid #000;
    margin-top: 5px;
    color: #fff;
    transition: all 0.2s;
}

.form-wrap020 .formBox .form_list .form-inner .form-imgBox button.btn_imgAdd:hover {
    background: #444444;
}

.form-wrap020 .formBox .form_list .form-inner .form-expWrap ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.5em 0;
    transition: 0.3s all;

}

.form-wrap020 .formBox .form_list .form-inner .form-expWrap ul li {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.form-wrap020 .formBox .form_list .form-inner .form-expWrap ul li .s-tit {
    width: 110px;
    font-weight: 600;
}

.form-wrap020 .formBox .form_list .form-inner .form-expWrap ul li .s-txt {
    width: calc(100% - 110px);
}

@media screen and (max-width: 860px) {
    .form-wrap020 .formBox .form_list>ul>.item {
        border-bottom: 2px dotted #9c9c9c;
    }

    .form-wrap020 .formBox .form_list .form-inner {
        flex-direction: column;
    }

    .form-wrap020 .formBox .form_list .form-inner .form-expWrap {
        width: 100%;
        margin-top: 20px;
    }

    .form-wrap020 .formBox .form_list .form-inner .form-expWrap ul {
        gap: 1em 0;
    }

    .form-wrap020 .formBox .form_list .form-inner .form-expWrap ul li {
        flex-direction: column;
    }

    .form-wrap020 .formBox .form_list .form-inner .form-expWrap ul li .s-tit {
        width: 100%;
        border-bottom: 2px solid #e9e9e9;
        padding-bottom: 5px;
    }

    .form-wrap020 .formBox .form_list .form-inner .form-expWrap ul li .s-txt {
        width: 100%;
        padding-top: 5px;
    }

    .form-wrap020 .formBox .form_list .form-inner .form-imgBox {
        width: 100%;
        padding-top: 5px;
    }

    .form-wrap020 .formBox .form_list .form-inner .form-imgBox button.btn_imgAdd {
        width: 100%;
    }
}

/* sub02_0101_07 푸드QR/식품표시정보등록 - 조리법  ==> 028 */
.form-wrap028 .formBox .form_selectArea ul {
    padding: 0;
}

.form-wrap028 .formBox .form_selectArea input[type="radio"]:checked+label:after {
    background: #193872;
}

.form-wrap028 .formBox .form_selectArea input[type="radio"]:checked+label:before {
    border: 1px solid #193872;
}

.form-wrap028 .btn2Set .btn_sky {
    width: 100px;
}

.form-wrap028 .form-inner.btnVer div.flexSt {
    gap: 0 10px;
}

.form-wrap028 .form-inner.btnVer div button {
    width: 100px;
    height: 33px;
}

.form-wrap028 .form-inner.btnVer2 input[type="text"] {
    width: calc(100% - 220px);
}

.form-wrap028 .form-inner.btnVer1 input[type="text"] {
    width: calc(100% - 110px);
}

.form-wrap028 .table_St1 tbody td button {
    width: 48%;
    height: 33px;
}

.form-wrap028 .textInfo {
    margin-top: 10px;
}

.form-wrap028 .form_edit {
    width: 100%;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    background: #fff;
    margin: 10px 0;
}

.form-wrap028 .form_edit img {
    width: 100%;
}

.form-wrap028 .form_edit .txt {
    border-top: 1px solid #c6c6c6;
    padding: 10px;
    height: 100px;
}

.form-wrap028 .btn2Set {
    justify-content: flex-end;
}

.form-wrap028 .table_St1 tbody tr:nth-child(2) td {
    border-bottom: none;
}

.form-wrap028 .formBox .form_infoBox {
    margin-bottom: 30px;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .form-wrap028 .form_tit_wrap_in .form_tit {
        width: auto;
        order: 1;
    }

    .form-wrap028 .form_tit_wrap_in .form_tit_btn {
        width: auto;
        order: 2;
        margin-bottom: 0;
    }

    .form-wrap button.btn_save.btn_blue.wd100 {
        width: 100%;
    }
}

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

    /* .form-wrap028 .table_St1 tbody td button,
    .form-wrap028 .form-inner.btnVer div button {
        height: 37px;
    } */

    .form-wrap028 .form-inner.btnVer div button {
        width: 70px;
    }

    .form-wrap028 .form-inner.btnVer2 input[type="text"] {
        width: calc(100% - 160px);
    }

    .form-wrap028 .form-inner.btnVer1 input[type="text"] {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 480px) {
    .form-wrap028 .form-inner.btnVer div.flexSt {
        margin-top: 0.5em;
        width: 100%;
        gap: 0.5em 0;
    }

    .form-wrap028 .form-inner.btnVer div button {
        width: 100%;
    }

    .form-wrap028 .form-inner.btnVer2 input[type="text"] {
        width: 100%;
    }

    .form-wrap028 .form-inner.btnVer1 input[type="text"] {
        width: 100%;
    }
}

/* sub02_0101_07 푸드QR/식품표시정보등록 - 홍보정보  ==> 024 */
.form-wrap024 .formBox .form_selectArea ul {
    padding: 0;
}

.form-wrap024 .formBox .form_selectArea input[type="radio"]:checked+label:after {
    background: #193872;
}

.form-wrap024 .formBox .form_selectArea input[type="radio"]:checked+label:before {
    border: 1px solid #193872;
}

.form-wrap024 .btn2Set .btn_sky {
    width: 100px;
}

.form-wrap024 .form-inner.btnVer div.flexSt {
    gap: 0 10px;
}

.form-wrap024 .form-inner.btnVer div button {
    width: 100px;
    height: 46px;
}

.form-wrap024 .form-inner.btnVer2 input[type="text"] {
    width: calc(100% - 220px);
}

.form-wrap024 .form-inner.btnVer1 input[type="text"] {
    width: calc(100% - 110px);
}

.form-wrap024 .table_St1 tbody td button {
    width: 48%;
    height: 46px;
}

.form-wrap024 .textInfo {
    margin-top: 10px;
}

.form-wrap024 .form_edit {
    width: 100%;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    background: #fff;
    margin: 10px 0;
}

.form-wrap024 .form_edit img {
    width: 100%;
}

.form-wrap024 .form_edit .txt {
    border-top: 1px solid #c6c6c6;
    padding: 10px;
    height: 100px;
}

.form-wrap024 .btn2Set {
    justify-content: flex-end;
}

.form-wrap024 .table_St1 tbody tr:nth-child(2) td {
    border-bottom: none;
}

.form-wrap024 .formBox .form_infoBox {
    margin-bottom: 30px;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .form-wrap024 .form_tit_wrap_in .form_tit {
        width: auto;
        order: 1;
    }

    .form-wrap024 .form_tit_wrap_in .form_tit_btn {
        width: auto;
        order: 2;
        margin-bottom: 0;
    }

    .form-wrap button.btn_save.btn_blue.wd100 {
        width: 100%;
    }
}

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

    .form-wrap024 .table_St1 tbody td button,
    .form-wrap024 .form-inner.btnVer div button {
        height: 37px;
    }

    .form-wrap024 .form-inner.btnVer div button {
        width: 70px;
    }

    .form-wrap024 .form-inner.btnVer2 input[type="text"] {
        width: calc(100% - 160px);
    }

    .form-wrap024 .form-inner.btnVer1 input[type="text"] {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 480px) {
    .form-wrap024 .form-inner.btnVer div.flexSt {
        margin-top: 0.5em;
        width: 100%;
        gap: 0.5em 0;
    }

    .form-wrap024 .form-inner.btnVer div button {
        width: 100%;
    }

    .form-wrap024 .form-inner.btnVer2 input[type="text"] {
        width: 100%;
    }

    .form-wrap024 .form-inner.btnVer1 input[type="text"] {
        width: 100%;
    }
}

/* sub02_0101_08 푸드QR/식품표시정보등록 - 기본정보 */
.form-wrap08 .formBox {
    margin: 20px 0 10px 0;
    /* padding: 10px 30px; */
    border-bottom: none;
    padding-top: 20px;
    background: #fafafa;
}

/* form-wrap09 */
.form-wrap09 .form_selectArea {
    background: #F8F8F8;
    margin: 0 0 10px 0;
    padding: 10px 20px;
    border-radius: 6px;
    gap: 1em 0;
    transition: 0.3s all;
}

.form-wrap09 .form_selectArea input[type="text"] {
    width: 60px;
    height: 25px;
}

/* 버튼 */
/* 내용복사 버튼 */
.form-wrap button.btn_copy {
    width: 70px;
    height: 40px;
    border-radius: 6px;
    text-align: center;
    font-family: 'Pretendard';
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.0625rem;
    /* 106.25% */
    letter-spacing: -0.04rem;
    justify-content: center;
    transition: all 0.2s;
    background: #1F4E62;
    color: #fff;
}

.form-wrap09 button.btn_blue {
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
    background: #fff;
    border: 1px solid #246BEB;
    color: #246BEB;
}

.form-wrap button.btn_blue:hover {
    background: #246BEB;
    color: #fff;
}

.form-wrap09 .form_selectArea_nav {
    justify-content: flex-start;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 7px;
}

.form-wrap09 .form_selectArea_nav .nav_tit {
    margin-right: 10px;
    font-weight: 600;
}

.form-wrap09 .form_selectArea_nav .nav_cnt ul {
    gap: 0 1.5em;
}

.form-wrap09 .form_selectArea_nav .nav_cnt ul li {
    position: relative;
}

.form-wrap09 .form_selectArea_nav .nav_cnt ul li:before {
    position: absolute;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font: var(--fa-font-solid);
    content: "\f105";
    left: -15px;
    top: 2px;
    text-align: center;
    color: #8f8f8f;
}

.form-wrap09 .form_selectArea_nav .nav_cnt ul li:first-child:before {
    display: none;
}

.form-wrap09 .checkList {
    margin-top: 10px;
}

.form-wrap09 .checkList ul {
    gap: 0.5em;
    justify-content: flex-start;
}

.form-wrap09 .checkList ul li {
    width: calc((100% - 2em) / 5);
}

.form-wrap09 .checkList .checks input[type="checkbox"] {
    top: -1px;
}

@media screen and (max-width: 1200px) {
    .form-wrap09 .checkList ul li {
        width: calc((100% - 1.5em) / 4);
    }
}

@media screen and (max-width: 900px) {
    .form-wrap09 .checkList ul li {
        width: calc((100% - 1em) / 3);
    }
}

@media screen and (max-width: 580px) {
    .form-wrap09 .checkList ul {
        justify-content: flex-start;
    }

    .form-wrap09 .checkList ul li {
        width: calc((100% - 0.5em) / 2);
    }
}

@media screen and (max-width: 350px) {
    .form-wrap09 .form_selectArea {
        padding: 10px 10px 10px 20px;
    }

    .form-wrap09 .checkList ul li {
        width: 100%;
    }
}

/* 테이블 */
.form-wrap08 .table_St1.table_St2 table tr:hover {
    background: none;
}

/* 테이블 - 제품 정보 st 테이블 공통 */
.table_St2 {
    padding: 1px 0;
}

.table_St2 table {
    min-width: 580px;
}

.table_St2 table tr th {
    background: #f0f8ff;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 4px;
    font-size: 0.95em;
    color: #2d2d2d;
}

/* 품목 정보 테이블 */
@media screen and (max-width: 768px) {
    .form-wrap08 .form_tit_wrap_in .form_tit {
        width: auto;
        order: 1;
    }

    .form-wrap08 .form_tit_wrap_in .form_tit_btn {
        width: auto;
        order: 2;
        margin-bottom: 0;
    }
}

/* 제품 정보 테이블 */
/* 제품 정보 테이블 - 유효일자 */
.form-wrap08 .table_St2 table tr td.table_dateSt input[type="date"] {
    width: 47%;
}

/* 제품 정보 테이블 - 이력추적대상 */
.form-wrap08 .table_St2 table tr td.td3Wrap div {
    display: inline;
}

.form-wrap08 .table_St2 table tr td.td3Wrap input[type="text"] {
    width: calc(100% - 140px);
}

.form-wrap08 .table_St2 table tr td.td3Wrap div.table_terms {
    display: block;
    text-align: left;
    padding-left: 140px;
    box-sizing: border-box;
    margin-top: 10px;
}

/* 담당자 정보 테이블 */
/* 담당자 정보 테이블 - 이메일 */
.form-wrap08 .table_St2 table tr td.table_email input[type="text"] {
    width: 35%;
}

.form-wrap08 .table_St2 table tr td.table_email .nice-select {
    width: 55%;
}

/* 담당자 정보 테이블 - 전화번호, 휴대폰 번호 */
.form-wrap08 .table_St2 table tr td.table_number .nice-select {
    width: 30%;
}

.form-wrap08 .table_St2 table tr td.table_number {
    display: flex;
    justify-content: space-between;
}

.form-wrap08 .table_St2 table tr td.table_number input[type="text"].number {
    width: 33%;
}

/* QR 정보 테이블 */
.form-wrap08 .table_St2 table tr td.table_selectNbtn .nice-select {
    width: 210px;
}

.form-wrap08 .table_St2 table tr td.table_selectNbtn button {
    height: 33px;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.0625rem;
    letter-spacing: -0.04rem;
    transition: all 0.2s;
    background: #fff;
    color: #1F4E62;
    border: 1px solid #1F4E62;
    margin-left: 10px;
}

.form-wrap08 .table_St2 table tr td.table_selectNbtn button:hover {
    background: #1F4E62;
    color: #fff;
}

.form-wrap08 .table_St2.table_selectInclude tbody td {
    text-align: left;
}

@media screen and (max-width: 768px) {
    .form-wrap08 .table_St2 table tr td.table_selectNbtn {
        display: flex;
        justify-content: space-between;
    }

    .form-wrap08 .table_St2 table tr td.table_selectNbtn .nice-select {
        width: 65%;
    }

    .form-wrap08 .table_St2 table tr td.table_selectNbtn button {
        width: 35%;
        height: 33px;
    }
}

/* 셀렉트를 포함하고 있는 테이블 - 담당자 정보, QR 정보 테이블 */
.form-wrap08 .table_selectInclude {
    overflow: visible !important;
    width: 100%;
}

.form-wrap08 .table_St2.table_selectInclude table {
    min-width: unset;
}

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

    /* 테이블 반응형 세로 정렬
    (테이블 overflow가 auto이기 때문에 셀렉트가 있으면 y에도 스크롤 생김, 그래서 테이블 반응형 세로정렬) */
    .table.table_selectInclude tr,
    .table.table_selectInclude th,
    .table.table_selectInclude td {
        display: block;
    }

    .form-wrap08 .table_St2.table_selectInclude table tr th {
        /* padding: 10px 10px; */
        padding: 0.3em;
    }

    .form-wrap08 .table_St2.table_selectInclude table tr td {
        display: flex;
    }
}

/* 인풋, 버튼 등 높이 조절 반응형 */
@media screen and (max-width: 768px) {
    table button.btn_sDelete,
    .form-wrap028 .form-inner.btnVer div button,
    .form-wrap028 .table_St1 tbody td button,
    .form-wrap08 .table_St2 table tr td.table_selectNbtn button {
        height: 27px !important;
        font-size: 13px !important;
    }

    .form-wrap08 .table_St2 table tr td.td3Wrap div.table_terms {
        margin-top: 5px;
    }

    .sub .mt60 {
        margin-top: 28px !important;
    }
}


/* table style template - 영양표시 템플릿 (테이블형) */
.form-wrap012 .form_selectArea2 .left {
    width: 100%;
}
.form-wrap012 .form_selectArea2 .left ul li.wd50 {
    width: calc((100% - 2em) / 2)
}
.form-wrap012 .form_selectArea2 .left ul li.wd100 {
    width: 100%;
}

@media screen and (max-width: 800px) {
    .form-wrap012 .form_selectArea2 .left ul li.wd50 {
        width: 100%;
    }
}

.table_St_tem {
    border-radius: 17px;
    overflow: hidden;
    padding: 1px;
    background: #e6e6ea;
    margin-top: 10px;
}

.table_St_tem .taRight {
    text-align: right;
}

.table_St_tem .taCenter {
    text-align: center;
}

.table_St_tem table {
    border-radius: 17px;
    overflow: hidden;
}

.table_St_tem th {
    background: #303038;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 0.96331rem;
    font-weight: 600;
    line-height: 1.44494rem; /* 150% */
    letter-spacing: -0.08669rem;
    padding: 5px 10px;
}

.table_St_tem tbody tr {
    border-bottom: 1px solid #e6e6ea;
}

.table_St_tem tbody tr:last-child {
    border-bottom: none;
}

.table_St_tem tbody td {
    background: #FAFAFB;
    color: #586785;
    font-family: 'Pretendard';
    font-size: 0.96331rem;
    font-weight: 400;
    line-height: 1.30731rem; /* 135.714% */
    letter-spacing: -0.08669rem;
    padding: 5px 10px;
}

/* 들여쓰기 하는 경우 */
.table_St_tem tbody tr td .indentList {
    padding-left: 12px;
}

/* 그래픽형 */
.table_St_tem tbody td.graph_wrap {
    padding: 0;
    width: 40%;
}

.table_St_tem tbody .graph {
    width: 100%;
    height: 100%;
    padding: 0;
    flex-wrap: nowrap;
    gap: 0 !important;
}

.table_St_tem tbody .graph li {
    width: 20% !important;
    height: 31.82px;
    box-sizing: border-box;
    border-right: 1.5px dashed #e6e6ea;
}

.table_St_tem tbody .graph li:first-child {
    border-left: 1.5px solid #e6e6ea;
}

.table_St_tem tbody .graph li:last-child {
    border-right: 1.5px solid #e6e6ea;
}

/* 그래픽형의 색칠된 span, width 값은 html에서 '.w__p' 형태로 조절, common.css에 통일해놓은 값을 사용함(10% 간격) */
.table_St_tem tbody .graph li span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #46495c3d;
}

.table_St_tem .table_St_tem02 tbody tr td .indentList {
    margin-top: 8px;
}

.table_St_tem .table_St_tem02 tbody tr td.taRight {
    width: 15%;
    min-width: unset;
}

.table_St_tem .table_St_tem03 tbody tr td.taCenter {
    background: #46495c3d;
    width: 30%;
}

.table_St_tem .table_St_tem03 tbody tr td span.taRight {
    float: right;
}

.table_St_tem .table_St_tem04 thead tr:nth-child(1) th {
    padding-top: 10px;
}

.table_St_tem .table_St_tem04 thead tr:nth-child(2) th {
    padding-top: 0;
    line-height: 100%;
}

.table_St_tem .table_St_tem05 tr td.br1 {
    border-right: 1px solid #e6e6ea;
}

.table_St_tem .table_St_tem06 tr td.br1 {
    border-right: 1px solid #e6e6ea;
}

.table_St_tem .table_St_tem07 thead tr:nth-child(1) th {
    border-bottom: 1px solid #fff;
}

.table_St_tem .table_St_tem07 thead tr:nth-child(2) th {
    width: calc(100% / 9);
    text-align: center;
    border-right: 1px solid #fff;
    font-weight: 400;
}

.table_St_tem .table_St_tem07 thead tr:nth-child(2) th:last-child {
    border-right: none;
}

.table_St_tem .table_St_tem07 td {
    border-right: 1px solid #e6e6ea;
}

.table_St_tem .table_St_tem07 td:last-child {
    border-right: none;
}

.table_St_tem .table_St_tem07 td span.taRight {
    float: right;
}

.form-wrap012 .form_selectArea2 .left ul li.wd100 .table_St_tem {
    overflow: auto;
}

.form-wrap012 .form_selectArea2 .left ul li.wd100 .table_St_tem .table_St_tem07 {
    min-width: 555px;
}

/* sub02_0101_07 푸드QR/식품표시정보등록 - 조리방법 홍보정보 */
.form-wrap029 .formBox .form_selectArea ul,
.form-wrap030 .formBox .form_selectArea ul,
.form-wrap032 .formBox .form_selectArea ul,
.form-wrap031 .formBox .form_selectArea ul{
    padding: 0;
}


/* 등록 화면 내 QR발급유형(radio 가운데정렬 스타일) */
.form-inner.flexQRType {
    text-align: center;
    padding: 0;
}

.form-inner.flexQRType li {
    width: calc((100% - 4em) / 3);
}

.form-inner.flexQRType .form-imgBox {
    width: 100%;
    border: 1px solid #C6C6C6;
    border-radius: 3px;
    padding: 25px;
    box-sizing: border-box;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0.5em;
}

.form-inner.flexQRType .form-imgBox span {
    height: 33px;
    border-radius: 5px;
    padding: 5px 10px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Pretendard';
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.0425rem;
}

.form-inner.flexQRType .form-imgBox span.qrBasic1 {
    background: #E5EDFE;
    padding: 5px;
}

.form-inner.flexQRType .form-imgBox span.qrBasic2 {
    background: #FFE7E7;
    color: #C12338;
}

.form-inner.flexQRType .form-imgBox span.qrBasic3 {
    background: #E9F7FD;
    color: #007DB2;
}

.form-inner.flexQRType input[type="radio"]+label {
    padding-left: 0;
    padding-top: 25px;
    margin-right: 0;
}

.form-inner.flexQRType input[type="radio"]+label:before,
.form-inner.flexQRType input[type="radio"]+label::after {
    left: 50%;
    transform: translateX(-50%);
}

.form-btnLine {
    width: 100%;
    margin-top: 30px;
}

.form-btnLine .form-inner {
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1400px) {
    .form-inner.flexQRType {
        gap: 2em;
    }

    .form-inner.flexQRType li {
        width: 100%;
    }

    .form-inner.flexQRType .form-imgBox span {
        padding: 5px 20px;
    }
}

@media screen and (max-width: 480px) {
    .form-inner.flexQRType .form-imgBox {
        padding: 15px;
    }

    .form-btnLine .form-inner input[type="button"] {
        width: 100%;
    }
}

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

    .form-inner.flexQRType li .form-imgBox {
        flex-direction: column;
        gap: 0.5em;
    }
}

.form-wrap038 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap039 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap040 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap041 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap042 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap043 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap044 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap045 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap046 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap047 .formBox .form_selectArea input[type="radio"]:checked+label:after ,
.form-wrap048 .formBox .form_selectArea input[type="radio"]:checked+label:after
{
    background: #193872;
}

.form-wrap038 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap039 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap040 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap041 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap042 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap043 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap044 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap045 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap046 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap047 .formBox .form_selectArea input[type="radio"]:checked+label:before,
.form-wrap048 .formBox .form_selectArea input[type="radio"]:checked+label:before {
    border: 1px solid #193872;
}

.form-wrap038 .btn2Set .btn_sky ,
.form-wrap039 .btn2Set .btn_sky ,
.form-wrap040 .btn2Set .btn_sky ,
.form-wrap041 .btn2Set .btn_sky ,
.form-wrap042 .btn2Set .btn_sky ,
.form-wrap043 .btn2Set .btn_sky ,
.form-wrap044 .btn2Set .btn_sky ,
.form-wrap045 .btn2Set .btn_sky ,
.form-wrap046 .btn2Set .btn_sky ,
.form-wrap047 .btn2Set .btn_sky ,
.form-wrap048 .btn2Set .btn_sky {
    width: 100px;
}

.form-wrap038 .form-inner.btnVer div.flexSt ,
.form-wrap039 .form-inner.btnVer div.flexSt ,
.form-wrap040 .form-inner.btnVer div.flexSt ,
.form-wrap041 .form-inner.btnVer div.flexSt ,
.form-wrap042 .form-inner.btnVer div.flexSt ,
.form-wrap043 .form-inner.btnVer div.flexSt ,
.form-wrap044 .form-inner.btnVer div.flexSt ,
.form-wrap045 .form-inner.btnVer div.flexSt ,
.form-wrap046 .form-inner.btnVer div.flexSt ,
.form-wrap047 .form-inner.btnVer div.flexSt ,
.form-wrap048 .form-inner.btnVer div.flexSt
{
    gap: 0 10px;
}

.form-wrap038 .form-inner.btnVer div button,
.form-wrap039 .form-inner.btnVer div button,
.form-wrap040 .form-inner.btnVer div button,
.form-wrap041 .form-inner.btnVer div button,
.form-wrap042 .form-inner.btnVer div button,
.form-wrap043 .form-inner.btnVer div button,
.form-wrap044 .form-inner.btnVer div button,
.form-wrap045 .form-inner.btnVer div button,
.form-wrap046 .form-inner.btnVer div button,
.form-wrap047 .form-inner.btnVer div button,
.form-wrap048 .form-inner.btnVer div button{
    width: 100px;
    height: 46px;
}

.form-wrap038 .form-inner.btnVer2 input[type="text"] ,
.form-wrap039 .form-inner.btnVer2 input[type="text"] ,
.form-wrap040 .form-inner.btnVer2 input[type="text"] ,
.form-wrap041 .form-inner.btnVer2 input[type="text"] ,
.form-wrap042 .form-inner.btnVer2 input[type="text"] ,
.form-wrap043 .form-inner.btnVer2 input[type="text"] ,
.form-wrap044 .form-inner.btnVer2 input[type="text"] ,
.form-wrap045 .form-inner.btnVer2 input[type="text"] ,
.form-wrap046 .form-inner.btnVer2 input[type="text"] ,
.form-wrap047 .form-inner.btnVer2 input[type="text"] ,
.form-wrap048 .form-inner.btnVer2 input[type="text"]{
    width: calc(100% - 220px);
}

.form-wrap038 .form-inner.btnVer1 input[type="text"] ,
.form-wrap039 .form-inner.btnVer1 input[type="text"] ,
.form-wrap040 .form-inner.btnVer1 input[type="text"] ,
.form-wrap041 .form-inner.btnVer1 input[type="text"] ,
.form-wrap042 .form-inner.btnVer1 input[type="text"] ,
.form-wrap043 .form-inner.btnVer1 input[type="text"] ,
.form-wrap044 .form-inner.btnVer1 input[type="text"] ,
.form-wrap045 .form-inner.btnVer1 input[type="text"] ,
.form-wrap046 .form-inner.btnVer1 input[type="text"] ,
.form-wrap047 .form-inner.btnVer1 input[type="text"] ,
.form-wrap048 .form-inner.btnVer1 input[type="text"]{
    width: calc(100% - 110px);
}

.form-wrap038 .table_St1 tbody td button ,
.form-wrap039 .table_St1 tbody td button ,
.form-wrap040 .table_St1 tbody td button ,
.form-wrap041 .table_St1 tbody td button ,
.form-wrap042 .table_St1 tbody td button ,
.form-wrap043 .table_St1 tbody td button ,
.form-wrap044 .table_St1 tbody td button ,
.form-wrap045 .table_St1 tbody td button ,
.form-wrap046 .table_St1 tbody td button ,
.form-wrap047 .table_St1 tbody td button ,
.form-wrap038 .table_St1 tbody td button{
    width: 48%;
    height: 46px;
}

.form-wrap038 .textInfo ,
.form-wrap039 .textInfo ,
.form-wrap040 .textInfo ,
.form-wrap041 .textInfo ,
.form-wrap042 .textInfo ,
.form-wrap043 .textInfo ,
.form-wrap044 .textInfo ,
.form-wrap045 .textInfo ,
.form-wrap046 .textInfo ,
.form-wrap047 .textInfo ,
.form-wrap048 .textInfo{
    margin-top: 10px;
}

.form-wrap038 .form_edit ,
.form-wrap039 .form_edit ,
.form-wrap040 .form_edit ,
.form-wrap041 .form_edit ,
.form-wrap042 .form_edit ,
.form-wrap043 .form_edit ,
.form-wrap044 .form_edit ,
.form-wrap045 .form_edit ,
.form-wrap046 .form_edit ,
.form-wrap047 .form_edit ,
.form-wrap048 .form_edit {
    width: 100%;
    border: 1px solid #c6c6c6;
    border-radius: 3px;
    background: #fff;
    margin: 10px 0;
}

.form-wrap038 .form_edit img ,
.form-wrap039 .form_edit img ,
.form-wrap040 .form_edit img ,
.form-wrap041 .form_edit img ,
.form-wrap042 .form_edit img ,
.form-wrap043 .form_edit img ,
.form-wrap044 .form_edit img ,
.form-wrap045 .form_edit img ,
.form-wrap046 .form_edit img ,
.form-wrap047 .form_edit img ,
.form-wrap048 .form_edit img {
    width: 100%;
}

.form-wrap038 .form_edit .txt,
.form-wrap039 .form_edit .txt,
.form-wrap040 .form_edit .txt,
.form-wrap041 .form_edit .txt,
.form-wrap042 .form_edit .txt,
.form-wrap043 .form_edit .txt,
.form-wrap044 .form_edit .txt,
.form-wrap045 .form_edit .txt,
.form-wrap046 .form_edit .txt,
.form-wrap047 .form_edit .txt,
.form-wrap048 .form_edit .txt{
    border-top: 1px solid #c6c6c6;
    padding: 10px;
    height: 100px;
}

.form-wrap038 .btn2Set,
.form-wrap039 .btn2Set,
.form-wrap040 .btn2Set,
.form-wrap041 .btn2Set,
.form-wrap042 .btn2Set,
.form-wrap043 .btn2Set,
.form-wrap044 .btn2Set,
.form-wrap045 .btn2Set,
.form-wrap046 .btn2Set,
.form-wrap047 .btn2Set,
.form-wrap048 .btn2Set{
    justify-content: flex-end;
}

.form-wrap038 .table_St1 tbody tr:nth-child(2) td,
.form-wrap039 .table_St1 tbody tr:nth-child(2) td,
.form-wrap040 .table_St1 tbody tr:nth-child(2) td,
.form-wrap041 .table_St1 tbody tr:nth-child(2) td,
.form-wrap042 .table_St1 tbody tr:nth-child(2) td,
.form-wrap043 .table_St1 tbody tr:nth-child(2) td,
.form-wrap044 .table_St1 tbody tr:nth-child(2) td,
.form-wrap045 .table_St1 tbody tr:nth-child(2) td,
.form-wrap046 .table_St1 tbody tr:nth-child(2) td,
.form-wrap047 .table_St1 tbody tr:nth-child(2) td,
.form-wrap048 .table_St1 tbody tr:nth-child(2) td{
    border-bottom: none;
}

.form-wrap038 .formBox .form_infoBox,
.form-wrap039 .formBox .form_infoBox,
.form-wrap040 .formBox .form_infoBox,
.form-wrap041 .formBox .form_infoBox,
.form-wrap042 .formBox .form_infoBox,
.form-wrap043 .formBox .form_infoBox,
.form-wrap044 .formBox .form_infoBox,
.form-wrap045 .formBox .form_infoBox,
.form-wrap046 .formBox .form_infoBox,
.form-wrap047 .formBox .form_infoBox,
.form-wrap048 .formBox .form_infoBox{
    margin-bottom: 30px;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .form-wrap038 .form_tit_wrap_in .form_tit,
    .form-wrap039 .form_tit_wrap_in .form_tit,
    .form-wrap040 .form_tit_wrap_in .form_tit,
    .form-wrap041 .form_tit_wrap_in .form_tit,
    .form-wrap042 .form_tit_wrap_in .form_tit,
    .form-wrap043 .form_tit_wrap_in .form_tit,
    .form-wrap044 .form_tit_wrap_in .form_tit,
    .form-wrap045 .form_tit_wrap_in .form_tit,
    .form-wrap046 .form_tit_wrap_in .form_tit,
    .form-wrap047 .form_tit_wrap_in .form_tit,
    .form-wrap048 .form_tit_wrap_in .form_tit{
        width: auto;
        order: 1;
    }

    .form-wrap038 .form_tit_wrap_in .form_tit_btn,
    .form-wrap039 .form_tit_wrap_in .form_tit_btn,
    .form-wrap040 .form_tit_wrap_in .form_tit_btn,
    .form-wrap041 .form_tit_wrap_in .form_tit_btn,
    .form-wrap042 .form_tit_wrap_in .form_tit_btn,
    .form-wrap043 .form_tit_wrap_in .form_tit_btn,
    .form-wrap044 .form_tit_wrap_in .form_tit_btn,
    .form-wrap045 .form_tit_wrap_in .form_tit_btn,
    .form-wrap046 .form_tit_wrap_in .form_tit_btn,
    .form-wrap047 .form_tit_wrap_in .form_tit_btn,
    .form-wrap048 .form_tit_wrap_in .form_tit_btn{
        width: auto;
        order: 2;
        margin-bottom: 0;
    }

    .form-wrap button.btn_save.btn_blue.wd100 {
        width: 100%;
    }
}

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

    .form-wrap038 .table_St1 tbody td button,
    .form-wrap038 .form-inner.btnVer div button ,
    .form-wrap039.table_St1 tbody td button,
    .form-wrap039 .form-inner.btnVer div button,
    .form-wrap040 .table_St1 tbody td button,
    .form-wrap040 .form-inner.btnVer div button,
    .form-wrap041 .table_St1 tbody td button,
    .form-wrap041 .form-inner.btnVer div button,
    .form-wrap042 .table_St1 tbody td button,
    .form-wrap042 .form-inner.btnVer div button,
    .form-wrap043 .table_St1 tbody td button,
    .form-wrap043 .form-inner.btnVer div button
    .form-wrap044 .table_St1 tbody td button,
    .form-wrap044 .form-inner.btnVer div button
    .form-wrap045 .table_St1 tbody td button,
    .form-wrap045 .form-inner.btnVer div button
    .form-wrap046 .table_St1 tbody td button,
    .form-wrap046 .form-inner.btnVer div button
    .form-wrap047 .table_St1 tbody td button,
    .form-wrap047 .form-inner.btnVer div button
    .form-wrap048 .table_St1 tbody td button,
    .form-wrap048 .form-inner.btnVer div button{
        height: 37px;
    }

    .form-wrap038 .form-inner.btnVer div button ,
    .form-wrap039 .form-inner.btnVer div button ,
    .form-wrap040 .form-inner.btnVer div button ,
    .form-wrap041 .form-inner.btnVer div button ,
    .form-wrap042 .form-inner.btnVer div button ,
    .form-wrap043 .form-inner.btnVer div button ,
    .form-wrap044 .form-inner.btnVer div button ,
    .form-wrap045 .form-inner.btnVer div button ,
    .form-wrap046 .form-inner.btnVer div button ,
    .form-wrap047 .form-inner.btnVer div button ,
    .form-wrap048 .form-inner.btnVer div button{
        width: 70px;
    }

    .form-wrap038 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap039 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap040 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap041 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap042 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap043 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap044 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap045 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap046 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap047 .form-inner.btnVer2 input[type="text"] ,
    .form-wrap048 .form-inner.btnVer2 input[type="text"]{
        width: calc(100% - 160px);
    }

    .form-wrap038 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap039 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap040 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap041 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap042 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap043 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap044 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap045 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap046 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap047 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap048 .form-inner.btnVer1 input[type="text"]{
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 480px) {
    .form-wrap038 .form-inner.btnVer div.flexSt ,
    .form-wrap039 .form-inner.btnVer div.flexSt ,
    .form-wrap040 .form-inner.btnVer div.flexSt ,
    .form-wrap041 .form-inner.btnVer div.flexSt ,
    .form-wrap042 .form-inner.btnVer div.flexSt ,
    .form-wrap043 .form-inner.btnVer div.flexSt ,
    .form-wrap044 .form-inner.btnVer div.flexSt ,
    .form-wrap045 .form-inner.btnVer div.flexSt ,
    .form-wrap046 .form-inner.btnVer div.flexSt ,
    .form-wrap047 .form-inner.btnVer div.flexSt ,
    .form-wrap048 .form-inner.btnVer div.flexSt{
        margin-top: 0.5em;
        width: 100%;
        gap: 0.5em 0;
    }

    .form-wrap038 .form-inner.btnVer div button ,
    .form-wrap039 .form-inner.btnVer div button ,
    .form-wrap040 .form-inner.btnVer div button ,
    .form-wrap041 .form-inner.btnVer div button ,
    .form-wrap042 .form-inner.btnVer div button ,
    .form-wrap043 .form-inner.btnVer div button ,
    .form-wrap044 .form-inner.btnVer div button ,
    .form-wrap045 .form-inner.btnVer div button ,
    .form-wrap046 .form-inner.btnVer div button ,
    .form-wrap047 .form-inner.btnVer div button ,
    .form-wrap048 .form-inner.btnVer div button{
        width: 100%;
    }

    .form-wrap038 .form-inner.btnVer2 input[type="text"],
    .form-wrap039 .form-inner.btnVer2 input[type="text"],
    .form-wrap040 .form-inner.btnVer2 input[type="text"],
    .form-wrap041 .form-inner.btnVer2 input[type="text"],
    .form-wrap042 .form-inner.btnVer2 input[type="text"],
    .form-wrap043 .form-inner.btnVer2 input[type="text"],
    .form-wrap044 .form-inner.btnVer2 input[type="text"],
    .form-wrap045 .form-inner.btnVer2 input[type="text"],
    .form-wrap046 .form-inner.btnVer2 input[type="text"],
    .form-wrap047 .form-inner.btnVer2 input[type="text"],
    .form-wrap048 .form-inner.btnVer2 input[type="text"]{
        width: 100%;
    }

    .form-wrap038 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap039 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap040 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap041 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap042 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap043 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap044 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap045 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap046 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap047 .form-inner.btnVer1 input[type="text"] ,
    .form-wrap048 .form-inner.btnVer1 input[type="text"]{
        width: 100%;
    }
}

.card .card-item .box-line{
    border: 1px solid #E6E6EA;
    border-radius: 6px;
    padding: 15px 10px;
}

/* 카드 내용 - 이미지 */
.card .card-item .imgBox{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
}

@media screen and (max-width: 430px) {
    .card .card-item .imgBox{
        gap:0.6em;
    }
    .card .card-item .imgBox img{
        max-width:80%;
    }
}

/* 카드 내용 - 나트륨함량비교표시_단계별 */
.msg_guide{
    position: relative;
}

.msg_guide > img{
    margin-bottom: 40px;
}

.msg_info{
    letter-spacing: -0.8px;
    text-align: center;
    font-weight: 800;
    width: 100%;
    position: absolute;
    content: '';
    top: 50%;
    left: 47%;
    transform: translate(-52%, 12%); /* 텍스트 위치 조정 */
}

.msg_info .figure{
    font-size: 6.9vw;
}

.msg_info .tit{
    font-size: 4.1vw;
    margin: 5px 0;
}

.msg_info .txt{
    font-size: 3.6vw;
}

@media screen and (min-width: 1060px) {
    .msg_info .figure{
        font-size: 70px;
    }

    .msg_info .tit{
        font-size: 42px;
        margin: 10px 0;
    }

    .msg_info .txt{
        font-size: 36px;
    }
}

@media screen and (max-width: 600px) {
    .msg_guide > img{
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 430px) {
    .msg_info{
        transform: translate(-50%, 15%);
    }

    .msg_guide > img{
        margin-bottom: 15px;
        max-width: 100% !important;
    }

    .msg_info .figure{
        font-size: 7.1vw;
    }

    .msg_info .tit{
        font-size: 4.3vw;
        margin: 2px 0;
    }

    .msg_info .txt{
        font-size: 3.8vw;
    }
}
/* //// 나트륨 상단좌즉 CSS 추가 241218 START //// */
.msg_second_info{
    letter-spacing: -0.8px;
    text-align: left;
    font-weight: 600;
    width: 100%;
    position: absolute;
    content: '';
    top: -5%;
    left: 11%;
    transform: translate(-11%, 12%); /* 텍스트 위치 조정 */
}

.msg_second_info .tit{
    font-size: 4.1vw;
    margin: 5px 0;
}

@media screen and (min-width: 1060px) {
    .msg_second_info .tit{
        font-size: 26px;
        margin: 10px 0;
    }
}

@media screen and (max-width: 430px) {
    .msg_second_info{
        transform: translate(-11%, 15%);
    }
    .msg_second_info .tit{
        font-size: 3vw;
        margin: 2px 0;
    }
}
/* //// 나트륨 상단좌즉 CSS 추가 241218 END //// */

/* //// 사이트맵 //// */
.siteMap {
    width: 100%;
    font-family: 'Pretendard';
}

.siteMap>ul>li {
    margin-bottom: 10px;
}

.siteMap .depth1 {
    padding: 1.5em;
    border-radius: 12px;
    position: relative;
    width: 180px;
}

.siteMap .depth1::before {
    content: "";
    position: absolute;
    width: 4px;
    height: 16px;
    background: #00265F;
    left: 8px;
    top: 28px;
}

.siteMap .depth1 a {
    color: #00265F;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.05rem;
}

.siteMap .bottom ul {
    display: flex;
    padding: 1.5em;
    gap: 1em 4em;
    background: #f9f9f9;
    border-radius: 8px;
}

.siteMap .bottom ul li {
    position: relative;
    padding-left: 15px;
}

.siteMap .bottom ul li:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #3A3A3A;
    top: 8px;
    left: 0;
}

.siteMap .depth2 a {
    color: #3A3A3A;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.375rem;
    /* 122.222% */
    letter-spacing: -0.045rem;
}

.siteMap .bottom ul li:hover .depth2 a {
    color: #686868;
}

@media screen and (max-width: 1200px) {
    .siteMap .depth1::before {
        height: 14px;
        top: 26px;
    }
}

@media screen and (max-width: 1100px) {
    .siteMap>ul>li {
        align-items: flex-start;
    }

    .siteMap .bottom ul {
        flex-direction: column;
    }

    .siteMap .depth1::before {
        top: 27px;
    }
}

@media screen and (max-width: 480px) {
    .siteMap>ul>li {
        align-items: flex-start;
    }

    .siteMap .depth1 {
        width: 140px;
        padding: 0.5em 0.5em 1em 1.5em;
        padding-right: 0.5em;
    }

    .siteMap .depth1::before {
        width: 3px;
        height: 13px;
        top: 10px;
    }

    .siteMap .bottom ul {
        padding: 1em 1.5em;
    }
}

@media screen and (max-width: 300px) {
    .siteMap .depth1::before {
        top: 8px;
    }
}



/* //// 통합검색 //// */
.total_search_page {
    padding-top: 3em;
}

/* 통합검색 - 비주얼 부분 */
.total_search_page .visual_top {
    box-sizing: border-box;
    justify-content: space-between;
}

@media screen and (max-width: 1300px) {
    .wrap {
        width: 90%;
    }
}

.total_search_page .visual_slogan {
    text-align: left;
    color: #000;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 4.2rem;
    letter-spacing: -0.13125rem;
    padding-top: 0;
    width: auto;
    font-family: 'pretendard';
}

.total_search_page .visual_slogan span {
    color: #00265F;
    font-family: 'pretendard';
    font-weight: 700;
    text-align: left;
    font-size: 3.2rem;
    font-style: normal;
    line-height: 4.2rem;
    letter-spacing: -0.13125rem;
}

.total_search_page .visual_search {
    width: 50%;
}

.total_search_page .visual_search_bar {
    background: #FFF;
    position: relative;
    box-sizing: border-box;
    align-items: center;
    border-radius: 0;
    border: none;
    border-bottom: 2.5px solid #000;
    padding: 10px 0;
    height: auto;
    gap: 0 0.5em;
}

.total_search_page input[type="text"] {
    width: calc((100% - 1em) - 148px);
    font-size: 1.25em;
    padding: 0;
    border: none;
    color: #747578;
    font-weight: 400;
}

.total_search_page input[type="text"]:focus {
    outline: none !important;
}

.total_search_page .visual_search_bar button {
    line-height: 70px;
    font-size: 1.11544rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.total_search_page .search_btn {
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: #000;
}

@media screen and (max-width: 1200px) {
    .total_search_page .visual_top {
        flex-direction: column;
    }

    .total_search_page .visual_slogan {
        width: 70%;
        text-align: center;
    }

    .total_search_page .visual_slogan span {
        text-align: center;
    }

    .total_search_page .visual_search {
        width: 70%;
        margin-top: 30px;
    }
}

@media screen and (max-width: 768px) {
    .total_search_page .visual_slogan {
        width: 90%;
        line-height: 1.3;
    }

    .total_search_page .visual_slogan span {
        line-height: 1.3;
    }

    .total_search_page .visual_search {
        width: 90%;
    }
}

@media screen and (max-width: 425px) {
    .total_search_page .visual_slogan {
        width: 100%;
        font-size: 3rem;
    }

    .total_search_page .visual_slogan span {
        font-size: 3rem;
    }

    .total_search_page .visual_search {
        width: 100%;
    }

    .total_search_page .visual_search_bar {
        height: 50px;
        padding: 0 0.3em 0 0.8em;
    }

    .total_search_page .visual_search_bar button {
        width: 70px;
    }

    .total_search_page .visual_search .visual_search_bar input {
        width: calc(100% - 80px);
    }
}

@media screen and (max-width: 425px) {
    .total_search_page .visual_slogan {
        font-size: 2.5rem;
    }

    .total_search_page .visual_slogan span {
        font-size: 2.5rem;
    }
}

.total_search_page .search_btn_detail {
    width: 100px;
    height: 48px;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    font-weight: 500;
    transition: all 0.3s;
    border-radius: 48px;
}

.total_search_page .search_btn_detail:hover {
    font-size: 1.11544rem;
    background: #000;
    color: #fff;
}

.total_search_page .visual_search_bar_bottom {
    padding-top: 10px;
}

.total_search_page .visual_search_bar_bottom .search_term {
    gap: 0.5em 1em;
}

.total_search_page .visual_search_bar_bottom .search_term .tit {
    color: #717171;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.035rem;
}

.total_search_page .visual_search_bar_bottom .search_term .termList {
    gap: 0.5em;
    justify-content: flex-start;
}

.total_search_page .visual_search_bar_bottom .search_term .termList li {
    color: #545454;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.035rem;
    background: #F7F7F7;
    border-radius: 20px;
    padding: 5px 10px;
    cursor: pointer;
}

.checks input[type="checkbox"]:disabled:before {
    background: url("../../images/common/ico_checkbox_off.png") no-repeat center center #fff;
}

.total_search_page .checks input[type="checkbox"]:before {
    display: none;
}

.total_search_page .checks input[type="checkbox"]+label:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin: -2px 8px 0 0;
    background: url("../../images/common/icon_checks_off.png") no-repeat center center;
    border: 1px solid #ddd;
    border-radius: 3px;
    text-align: center;
    vertical-align: middle;
    background-size: 60%;
}

.total_search_page .checks input[type="checkbox"]:checked+label:before {
    content: '';
    text-shadow: 1px 1px #fff;
    background: url("../../images/common/icon_checks_on.png") no-repeat center center #000;
    border: 0;
    font-size: 14px;
    color: #ff0000;
    background-size: 60%;
}

.total_search_page .checks input[type="checkbox"]:disabled+label:before {
    background: url("../../images/common/icon_checks_off.png") no-repeat center center #eee;
}

/* 통합검색 - 검색결과 - 텍스트 부분 */
.total_search_page .search_result_txt {
    margin-top: 3em;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.total_search_page .search_result_txt>div {
    text-align: left;
    box-sizing: border-box;
    padding-top: 13px;
    padding-bottom: 13px;
    color: #2D2D2D;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.055rem;
}

.total_search_page .search_result_txt>div>span {
    color: #00265F;
    font-weight: 600;
}

/* 통합검색 - 검색결과 부분 */
.total_search_page_cnt {
    align-items: flex-start;
}

/* 통합검색 - 레프트메뉴 - 탭 */
.total_search_page_cnt .snb {
    width: 250px;
}

.total_search_page_cnt .right_content {
    width: calc(100% - 310px);
}

.total_search_page_cnt .snb .menus {
    margin-top: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}

.total_search_page_cnt .snb .menus li {
    border-radius: 30px;
    border: 1px solid #E8E8E8 !important;
    background: #fff;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.total_search_page_cnt .snb .menus li a {
    display: block;
    padding: 15px 20px;
    color: #000;
    font-family: Pretendard;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3125rem;
    /* 131.25% */
    margin-left: 0;
    height: auto !important;
}

.total_search_page_cnt .snb .menus li a .num {
    color: #747474;
    font-weight: 400;
    margin-left: 5px;
    display: inline;
}

.total_search_page_cnt .snb .menus li.active {
    background: #00265F;
    border: 1px solid #00265F;
}

.total_search_page_cnt .snb .menus li.active a {
    color: #fff;
}

.total_search_page_cnt .snb .menus li.active a .num {
    color: #fff;
}

.snb .menus .depth2_item>a::before {
    display: none;
}


/* 통합검색 - 레프트메뉴 - 최근 검색어/인기 검색어 */
.total_search_page_cnt .snb .leftTItle {
    padding-top: 30px;
    border-top: 1px solid #d9d9d9;
    color: #747474;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3125rem;
    /* 131.25% */
}

.total_search_page_cnt .snb .searchHistory {
    color: #747474;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.875rem;
    /* 214.286% */
}

.total_search_page_cnt .snb .rank .tabMenu_basic {
    gap: 0 -1px;
}

.total_search_page_cnt .snb .rank .tabMenu_basic li {
    border: 0.5px solid #d9d9d9;
    width: calc(100% / 3);
    box-sizing: border-box;
    text-align: center;
    height: 36px;
}

.total_search_page_cnt .snb .rank .tabMenu_basic li.on {
    border-bottom: 2px solid #00265F;
    color: #00265F;
}

.total_search_page_cnt .snb .rank .tabMenu_basic li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.total_search_page_cnt .snb .rank div ul li {
    color: #747474;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.875rem;
    /* 214.286% */
    display: flex;
    align-items: center;
    height: 30px;
}

.total_search_page_cnt .snb .rank div ul li .num {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #d9d9d9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 0.75rem;
}

.total_search_page_cnt .snb .rank div ul li .num.top1 {
    background: #00265F;
    border: 1px solid #00265F;
    color: #fff;
}

.total_search_page_cnt .snb .rank div ul li .num.top2 {
    background: #1F3D6A;
    border: 1px solid #1F3D6A;
    color: #fff;
}

.total_search_page_cnt .snb .rank div ul li .num.top3 {
    background: #2E5185;
    border: 1px solid #2E5185;
    color: #fff;
}

/* 통합검색 - 오른쪽 - 검색결과 */
.total_search_page_cnt .search_result .board_list .top {
    display: flex;
    align-items: center;
    gap: 1em;
    padding-bottom: 0.5em;
    border-bottom: 2px solid #000;
}

/* 통합검색 - 오른쪽 - 검색결과 - 영역 타이틀 */
.total_search_page_cnt .search_result .board_list .top h5 {
    color: #000;
    font-size: 2.125rem;
    font-weight: 700;
}

.total_search_page_cnt .search_result .board_list .top p {
    color: #747474;
    font-size: 2.125rem;
    font-weight: 400;
}

.total_search_page_cnt .search_result .board_list .top .btn_more {
    position: absolute;
    right: 0;
    transition: all 0.3s;
}

.total_search_page_cnt .search_result .board_list .top .btn_more:hover {
    transform: rotate(90deg);
}

/* 통합검색 - 오른쪽 - 검색결과 - 리스트 */
.total_search_page_cnt .search_result .board_list .article .article_top {
    padding: 1.5em 0 1.5em 0;
    gap: 0.5em;
}

.total_search_page_cnt .search_result .board_list .article .article_top h6 {
    color: #000;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.05rem;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.total_search_page_cnt .article_top .article_info {
    gap: 0.5em 1em;
    border: none;
    padding: 0;
}

.total_search_page_cnt .article_top .article_info .breadclumbs>ul {
    gap: 0.5em 1.5em;
}

.total_search_page_cnt .article_top .article_info .breadclumbs>ul>li:nth-child(1) .fa-house {
    font-size: 0.7rem;
}

.total_search_page_cnt .article_top .article_info .breadclumbs>ul>li::after {
    right: -18px;
}

.total_search_page_cnt .article_top .article_info .date {
    color: #747474;
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: -0.035rem;
}

.total_search_page_cnt .article_cont {
    color: #747474;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.3125rem;
    /* 150% */
    letter-spacing: -0.035rem;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #d9d9d9;
}


@media screen and (max-width: 1200px) {
    .total_search_page .visual_slogan {
        text-align: center;
    }

    .total_search_page_cnt .snb {
        width: 100%;
        margin-bottom: 60px;
    }

    .total_search_page_cnt .right_content {
        width: 100%;
    }
}

@media screen and (max-width: 600px) {
    .total_search_page .visual_search_bar {
        gap: 0 0.3em;
    }

    .total_search_page input[type="text"] {
        width: calc((100% - 0.6em) - 118px) !important;
    }

    .total_search_page .search_btn {
        width: 38px !important;
        height: 38px !important;
    }

    .total_search_page .search_btn_detail {
        width: auto;
        padding: 0 10px;
        height: 38px;
    }

    .total_search_page .visual_search_bar_bottom {
        flex-wrap: wrap;
        gap: 0.5em;
    }

    .total_search_page .visual_search_bar_bottom .checks {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .total_search_page_cnt .snb {
        margin-bottom: 30px;
    }

    .total_search_page_cnt .snb .menus li {
        margin-bottom: 0.8em;
    }

    .total_search_page_cnt .snb .menus li a {
        padding: 10px 20px;
    }

    .total_search_page_cnt .snb .leftTItle {
        padding-top: 20px;
    }

    .total_search_page_cnt .snb .leftTItle.mt30 {
        margin-top: 20px !important;
    }

    .total_search_page_cnt .snb .searchHistory {
        margin-top: 10px !important;
    }

    .total_search_page_cnt .snb .rank .mt20 {
        margin-top: 10px !important;
    }

    .total_search_page_cnt .snb .rank .tabMenu_basic li {
        height: 30px;
    }

    .total_search_page_cnt .search_result .board_list .article .article_top img {
        width: 16px;
    }

    .total_search_page_cnt .article_top .article_info {
        width: 100%;
        justify-content: flex-start;
    }

    .total_search_page_cnt .search_result .board_list.mt60 {
        margin-top: 30px !important;
    }

    .total_search_page_cnt .search_result .board_list .top .btn_more img {
        width: 24px;
    }
}

@media screen and (max-width: 480px) {
    .total_search_page_cnt .article_top .article_info .breadclumbs>ul>li::after {
        right: -14px;
    }
}

@media screen and (max-width: 300px) {
    .total_search_page_cnt .article_top .article_info .breadclumbs>ul>li::after {
        top: 4px;
    }
}


/* 통합검색 - 상세검색 팝업 */
.total_search_page_cnt .search_detail_popup .popup_wrap {
    height: auto;
}

.total_search_page_cnt .search_detail_popup .close_btn {
    gap: 1em;
}

@media screen and (max-width: 360px) {
    .total_search_page_cnt .search_detail_popup .close_btn .btns {
        min-width: 80px;
    }
}

/* 네이버 번역 관련 css start*/
.transCdSelect{
    height: 44px;
}
@media screen and (max-width: 768px) {
    .transCdSelect {
        height: 37px;
    }
}
#transHtmlPolarisBtn{
    background-color: transparent;
    color: #2d2d2d !important;
    border: 1px solid #717171 !important;
}
#transHtmlBtn{
    background-color: transparent;
    color: #2d2d2d !important;
    border: 1px solid #717171 !important;
}
#transHtmlPolarisRcpBtn{
    background-color: transparent;
    color: #2d2d2d !important;
    border: 1px solid #717171 !important;
}
#trancsMainDiv{
    display: flex;
    gap: 0 0.5rem;
    align-items: center;
}

/* 네이버 번역 관련 css end*/