@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'VitroCore';
    src: url('../font/vitroCore.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dsDIGI';
    src: url('../font/dsDIGI.TTF') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'dsDIGI';
    src: url('../font/dsDIGIB.TTF') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'HakgyoansimAllimjangTTF-B';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&display=swap');
.ft-vitro {
    font-family: 'VitroCore';
}

.ft-gm {
    font-family: 'GmarketSans';
}

.ft-ab {
    font-family: "ABeeZee", sans-serif;
}

.ft-ds {
    font-family: 'dsDIGI';
}

.del {
    text-decoration: line-through
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 778px;
}

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

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

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

.formAgree input+label {
    cursor: pointer;
}

.formAgree a {
    cursor: pointer;
}

.formAgree li {
    margin-bottom: 5px !important;
}

.formAgree li label {
    width: auto !important;
    font-size: 13px !Important;
    font-weight: 400 !Important;
    line-height: 17px;
}
.lowAgree input+label > span {
    color: #2563EB;
}
.lowAgree input+label > span:before {
    content: "[";
}
.lowAgree input+label > span:after {
    content: "]";
}
.formAgree li:last-child {
    margin: 0;
}

.colorblink {
    animation: colorblink 2s infinite;
}

.darkblink {
    animation: darkblink 2s infinite;
}

.onblink {
    animation: onblink 2s infinite;
}

@keyframes colorblink {
    0% {
        color: red;
    }
    20% {
        color: orange;
    }
    40% {
        color: yellow;
    }
    60% {
        color: green;
    }
    80% {
        color: blue;
    }
    100% {
        color: purple;
    }
}

@keyframes darkblink {
    0% {
        color: #ff2e2e;
    }
    20% {
        color: #fffc28;
    }
    40% {
        color: #bcff3b;
    }
    60% {
        color: #3befff;
    }
    80% {
        color: #c478ff;
    }
    100% {
        color: #f845ff;
    }
}

@keyframes onblink {
    0% {
        opacity: 1;
        transform: rotate(0deg);
    }
    25% {
        opacity: 0;
        transform: rotate(15deg);
    }
    50% {
        opacity: 1;
        transform: rotate(0deg);
    }
    75% {
        opacity: 0;
        transform: rotate(15deg);
    }
    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

.text1 {
    animation-delay: 0s;
}

.text2 {
    animation-delay: 0.5s;
}

.text3 {
    animation-delay: 1s;
}

.text4 {
    animation-delay: 1.5s;
}

.text5 {
    animation-delay: 2s;
}

#ssLanding .cmTit h2 {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#ssLanding .cmTit h2 .flex {
    display: flex;
    align-items: center;
    gap: 3px;
}

#ssLanding .cmTit h3 {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
}

#ssLanding .cmTit p {
    margin-top: 12px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.lowAgree input {
    display: none;
    appearance: none;
}
.lowAgree input+label {
    position: relative;
    display: block;
    cursor: pointer;
    padding-left: 22px;
}
.lowAgree input+label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 16px;
    height: 16px;
    background: url(/_img/icon-check.svg) no-repeat center;
    background-size: 100%;
}
.lowAgree input:checked+label:before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/_img/icon-check-active.svg) no-repeat center transparent;
    background-size: 100%;
}
.lowAgree a {
    color: #8C8C8C;
}

.agree-link-pop {
    color: #8C8C8C;
}

#lowCounsel .tit {
    padding: 25px;
    background: #F2F2F2;
}

#lowCounsel .tit h2 {
    font-size: 20px;
    font-weight: 700;
    color: #282b36;
}

#lowCounsel.mainCounsel {
    padding: 35px 15px;
    background: #F2F2F2;
}

#lowCounsel .formBox {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 16px 24px 24px;
    background: #fff;
    border-radius: 15px;
}
#lowCounsel .formBoxInfo {
    width: calc(100% - 260px);
}
#lowCounsel .formBoxInfo .mobformBoxBanner {
    display: none;
    width: 100%;
    max-width: 640px;
    height: 100px;
    margin: 12px auto 0;
    overflow: hidden;
    border-radius: 12px;
}
#lowCounsel .formBoxInfo .mobformBoxBanner > dt {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: calc(100% - 36px);
    background-color: #F5F5F5;
}
#lowCounsel .formBoxInfo .mobformBoxBanner > dd {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    height: 36px;
    background-color: #2C6CFF;
}
#lowCounsel .formBoxBanner {
    position: relative;
    width: 236px;
}
#lowCounsel .formBoxBanner img {
    display: block;
    width: 100%;
}
#lowCounsel .formBoxBanner img.pc {
    display: block;
}
#lowCounsel .formBoxBanner img.mob {
    display: none;
}

#lowCounsel .formListTop {
    min-height: 64px;
    padding: 0 0 20px 0;
}

#lowCounsel .formListTop h2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 20px;
    letter-spacing: -0.5px;
    font-weight: 500;
    gap: 5px;
}

#lowCounsel .formListTop h2 .big {
    position: relative;
    top: -1px;
    font-size: 130%;
    font-weight: 800;
}

#lowCounsel .formListTop .subject {
    display: block;
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    letter-spacing: -0.5px;
}

#lowCounsel .formListTop .colorRadio {
    padding: 10px 0 20px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

#lowCounsel .formListTop .colorRadio li input {
    display: none;
    appearance: none;
}

#lowCounsel .formListTop .colorRadio li input+label {
    position: relative;
    cursor: pointer;
    padding-right: 23px;
    font-size: 16px;
}

#lowCounsel .formListTop .colorRadio li input+label:before {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #fff;
    border: 1px solid #A4A4A4;
}

#lowCounsel .formListTop .colorRadio li input:checked+label:after {
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translate(0, -50%);
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #093DF3;
}

#lowCounsel .formList li {
    font-size: 16px;
}
#lowCounsel .formList li.img {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 16px;
}
#lowCounsel .formList li.img img {
    display: block;
    max-width: 100%;
    height: 160px;
    margin: 0 auto 12px;
}
#lowCounsel .formList li.img h3 {
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 600;
    color: #171717;
}
#lowCounsel .formList li.img p {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 400;
    color: #404040;
}
#lowCounsel .formList li.img .mob-text {
    display: none;
    font-family: 'HakgyoansimAllimjangTTF-B';
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    color: #585C7A;
}
#lowCounsel .formList li.img.frm .mob-text {
    margin-bottom: 50px;
    text-align: left;
}
#lowCounsel .formList li.img.frm .mob-text > span {
    color: #2563EB;
}
#lowCounsel .formList li.img .img-mob-box {
    display: none;
}
#lowCounsel .formList li.img .subject {
    width: 100%;
    margin-bottom: 8px;
    font-weight: 500;
    color: #171717;
    text-align: left;
}
#lowCounsel .formList li.img .subject .ns {
    color: #DC2626;
}
#lowCounsel .formList li.img input {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background-color: #F7F8FA;
    border-radius: 8px;
    border: 0;
}
#lowCounsel .formList li.img input:placeholder {
    color: #A3A3A3;
}
#lowCounsel .formList li.text {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}
#lowCounsel .formList li.text + li.text {
    margin-top: 16px;
}
#lowCounsel .formList li.text .subject {
    width: auto;
    margin-bottom: 8px;
    font-weight: 500;
    color: #171717;
}
#lowCounsel .formList li.text .subject .ns {
    color: #DC2626;
}
#lowCounsel .formList li.text input {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 48px;
    padding: 0 16px;
    background-color: #F7F8FA;
    border-radius: 8px;
    border: 0;
}
#lowCounsel .formList li.text input:placeholder {
    color: #A3A3A3;
}

#lowCounsel .formList li.text p {
    width: 77%;
    margin: 5px 0 0 0;
    line-height: 1.4;
    font-size: 13px;
}

#lowCounsel .formList li:last-child {
    margin: 5px 0 0 0;
}

#lowCounsel .formList li .popflex {
    width: 77%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    accent-color: #4B4B4B;
    font-size: 13px;
}

#lowCounsel .formList li .popflex span {
    display: flex;
    align-items: center;
    gap: 3px;
}

#lowCounsel .formList li .popflex span label {
    cursor: pointer;
}

#lowCounsel .lowAgree {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 24px;
    border-top: 1px solid #E5E5E5;
    padding-top: 24px;
    font-size: 16px;
}
#lowCounsel .lowAgree .lowAgreeAllBox {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 16px;
    padding: 16px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}
#lowCounsel .lowAgree .lowAgreeAllBox .flexCenter {
    font-weight: 700;
}
#lowCounsel .lowAgree .lowAgreeAllBox .flexCenter + em {
    margin-top: 8px;
    font-style: normal;
    font-size: 14px;
    color: #737373;
}
#lowCounsel .lowAgree .lowAgreeAllBox input+label:before {
    background: url(/_img/icon-check.svg) no-repeat center #a6acc0;
    border-radius: 4px;
}
#lowCounsel .lowAgree .lowAgreeAllBox input:checked+label:before {
    background: url(/_img/icon-check-active-all.svg) no-repeat center;
}
#lowCounsel .lowAgree ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 16px;
}

#lowCounsel button {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0 16px;
    background: #1D4ED8;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 8px;
    border: 0;
    transition: all .3s;
}
#lowCounsel button:hover {
    background: #002DCB;
}
#lowCounsel button.btn-cancel {
    display: none;
    color: #525252;
    background-color: #F5F5F5;
    border: 0;
}
#lowCounsel button.btn-cancel:hover {
    background-color: #CCC;
}

#lowCounsel.popCounsel .formListTop {
    position: sticky;
    top: -1px;
    width: 100%;
    font-size: 20px;
    padding: 24px 24px 16px;
    background-color: #fff;
    z-index: 2;
}

#mformCounsel {
    position: fixed;
    width: 100%;
    max-width: 1272px;
    margin-bottom: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    border-bottom-right-radius: 12px;
    box-shadow: 0 0 10px rgba(0 0 0 / 10%);
    overflow: hidden;
    z-index: 99;
}
#mformCounsel .mdForm {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
    position: relative;
    width: 100%;
    background-color: #1D4ED8;
    border-top: 10px solid #1D4ED8;
    border-left: 10px solid #1D4ED8;
}
#mformCounsel .mdForm-info {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    width: calc(100% - 224px);
    padding: 16px 20px;
    background-color: #FFF;
    border-top-right-radius: 12px;
}
#mformCounsel .mdForm > button,
#mformCounsel .mdForm > a {
    width: 224px;
    font-size: 32px;
    font-weight: 600;
    color: #FFF;
    background-color: #1D4ED8;
    border: 0;
    cursor: pointer;
}
#mformCounsel .mdForm > button > span {
    position: relative;
    padding-right: 42px;
    background-image: url(/_img/icon-consult-btn.svg);
    background-size: 36px;
    background-repeat: no-repeat;
    background-position: right center;
}
#mformCounsel .mdForm > a {
    display: none;
}
#mformCounsel .mdForm-info label {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #0A0B0B;
}
#mformCounsel .mdForm-info input {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 46px;
    padding: 0 16px;
    font-size: 16px;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
}
#mformCounsel .inputList {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 100%;
    gap: 16px;
}
#mformCounsel .inputList li {
    width: 25%;
}
#mformCounsel .inputList li.inputList-long {    
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    width: 50%;
}
#mformCounsel .inputList li.inputList-long .oneline {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: 100%;
}
#mformCounsel .inputList li.inputList-long .oneline select {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    min-width: 160px;
    width: auto;
    max-width: 100%;
    height: 46px;
    padding: 0 16px;
    padding-right: 42px;
    font-size: 16px;
    background-image: url(/_img/select_down.png);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    border: 1px solid #E5E5E5;
    border-radius: 8px;
    -webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none /* 화살표 없애기 */
}
#mformCounsel .inputList li.inputList-long .oneline select:nth-child(2) {
    width: 100%;
}
#mformCounsel .inputList li.inputList-long .oneline select option {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#mformCounsel .lowAgree {
    width: 100%;
}
#mformCounsel .agreeList {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
}
#mformCounsel .agreeList input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0;
}
#mformCounsel .agreeList li {
    display: flex;    
    flex-flow: row nowrap;
    width: auto;
}
#mformCounsel .agreeList li.circleCheck + li.circleCheck {
    margin-left: 16px;
}
#mformCounsel .agreeList li.circleCheck {
    justify-content: flex-start;
    align-items: flex-start;
    gap: 6px;
    font-size: 12px;
}
#mformCounsel .lowAgree input+label {
    margin: 0;
    padding-left: 18px;
}
#mformCounsel .lowAgree input+label:before,
#mformCounsel .lowAgree input:checked+label:before {
    top: 8px;
    width: 14px;
    height: 14px;
}
#mformCounsel .agreeList input+label,
#mformCounsel .agreeList input+label > span {
    font-size: 12px;
    color: #757575;
}
#mformCounsel .agreeList li.circleCheck > a {
    font-size: 12px;
    white-space: nowrap;
}
#mformCounsel .agreeList li.all {
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    margin-bottom: 8px;
}
#mformCounsel .agreeList li.all:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #CCC;
    z-index: 0;
}
#mformCounsel .agreeList li.all input+label, 
#mformCounsel .agreeList li.all input+label > span {
    font-size: 14px;
    font-weight: 600;
    color: #171717;
}
#mformCounsel .agreeList li.all input+label {
    width: auto;
    padding-right: 14px;
    background-color: #FFF;
}
#mformCounsel .agreeList li .flexCenter {
    width: 100%;
}
#mformCounsel .agreeList li.all .flexCenter + em {
    margin-top: 8px;
    font-style: normal;
    font-size: 14px;
    color: #737373;
}
#mformCounsel .agreeList li.all input+label:before {
    background: url(/_img/icon-check.svg) no-repeat center #a6acc0;
    border-radius: 4px;
}
#mformCounsel .agreeList li.all input:checked+label:before {
    background: url(/_img/icon-check-active-all.svg) no-repeat center;
}
#mformCounsel .agreeList .lowAgree ul {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 16px;
}

#mformCounsel .mdCall {
    padding: 0 20px 0 26px;
}
#mformCounsel .mdCall h3 {
    font-size: 23px;
}
#mformCounsel .mdCall h3 .ico {
    width: 21px;
}
#mformCounsel .mdCall h2 {
    margin: 12px 0 17px 0;
    font-size: 36px;
}
#mformCounsel .mdCall p {
    font-size: 13px;
}
#mformCounsel .agreeList li.all {
    position: relative;
    top: 3px;
}

.popCounsel .formBox {
    padding: 20px 25px;
}
.agreecon {
    padding: 10px;
    height: 45px;
    overflow-y: scroll;
    border: 1px solid #f3f3f3;
}
.foot .container {
    padding: 40px 15px 230px 15px;
    font-size: 12px;
    color: #585858;
    line-height: 1.8;
}
.foot .logo {
    position: absolute;
    top: 0;
    right: 10px;
    width: 60px;
    z-index: 2;
}
.foot .copy {
    position: relative;
}
.foot .copyright {
    margin-top: 10px;
    color: #9E9E9E;
}
.foot .caution ul {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}
.foot .caution ul li {
    margin-bottom: 3px;
    font-size: 14px;
    color: #585858;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.5px;
    word-break: keep-all;
}
.foot .caution ul li.pp {
    display: inline-block;
    font-weight: 600;
    text-decoration: underline;
}

#consultComplete {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 465px;
    padding: 30px 30px 25px 30px;
    background: #fff;
    border-radius: 16px !important;
    z-index: 99;
    text-align: center;
    box-shadow: 4px 8px 8px rgba(0 0 0 / 10%);
}

#consultComplete .ico {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 50px;
    height: 50px;
}

#consultComplete .ico img {
    width: 48px;
}

#consultComplete h2 {
    margin: 24px auto 8px auto;
    font-size: 24px;
    color: #171717;
    font-weight: 600;
    letter-spacing: -0.5px;
}

#consultComplete p {
    font-size: 16px;
    color: #737373;
}

#consultComplete button {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 24px;
    padding: 0 16px;
    background: #1D4ED8;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    border-radius: 8px;
    border: 0;
    transition: all .3s;
}
#consultComplete button:hover {
    background: #002DCB;
}

table.table {
    table-layout: fixed;
    width: 100%;
}

table.table th,
table.table td {
    padding: 8px;
}
.winLayWrap {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important;
    touch-action: none !important;
}
.winLayWrap iframe {
    overflow: hidden !important;
    touch-action: none !important;
    pointer-events: auto; /* iframe 내부 상호작용은 허용 */
}
.winLayWrap.winLayWrap-size-lg .winLayContainer {
    max-height: calc(100% - 48px) !important;
}
.winLayWrap .winLayContainer .winLayBody {
    border: 1px solid #E5E5E5;
    box-shadow: 4px 8px 8px rgba(0 0 0 / 10%) !important;
    border-radius: 16px !important;
}
.winLayWrap .winLayBody .winLayCont {
    font-size: 16px;
    overflow: hidden !important;
}
.wLayPopupWrap .wLayItem .wLayCont {    
    max-width: calc(80vw - 40px) !important;
    max-height: calc(80vh - 40px) !important;
    font-size: 16px;
}
.winLayWrap .winLayContainer .btnTopWrap {
    top: 16px !important;
    right: 14px !important;
    cursor: pointer;
}
.winLayWrap .winLayContainer .btnTopWrap .btnClose {
    background: transparent !important;
}
.wLayPopupWrap .wLayItem .wLayBtnWrap {
    cursor: pointer;
}
body.type-1 #mformCounsel .mdForm {
    background-color: #F85B30;
    border-top: 10px solid #F85B30;
    border-left: 10px solid #F85B30;
}
body.type-1 #mformCounsel .mdForm > button, #mformCounsel .mdForm > a {
    background-color: #F85B30;
}
body.type-1 #mformCounsel .agreeList li.all input:checked+label:before {
    background: url(/_img/20250707/icon-check-active-all.svg) no-repeat center;
}
body.type-1 #mformCounsel .lowAgree input:checked+label:before {
    background: url(/_img/20250707/icon-check-active.svg) no-repeat center transparent;
}
#lowCounsel.type-1 .lowAgree input:checked+label:before {
    background: url(/_img/20250707/icon-check-active.svg) no-repeat center transparent;
}
#lowCounsel.type-1 .lowAgree .lowAgreeAllBox input:checked+label:before {
    background: url(/_img/20250707/icon-check-active-all.svg) no-repeat center;
}
#lowCounsel.type-1 button {
    background: #F85B30;
}
#lowCounsel.type-1 button:hover {
    background: #E8512E;
}
#lowCounsel.type-1 button.btn-cancel {
    background-color: #F5F5F5;
}
#lowCounsel.type-1 button.btn-cancel:hover {
background-color: #CCC;
}
#lowCounsel.type-1 .lowAgree input+label > span {
    color: #F85B30;
}

@media (max-width: 1248px) {
    #mformCounsel {
        border-radius: 0;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
    }
    #mformCounsel .mdForm {
        border: 0;
    }
    #mformCounsel .mdForm-info {
        display: none;
    }
    #mformCounsel .mdForm > button {
        display: none;
    }
    #mformCounsel .mdForm > a {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 68px;
        font-size: 20px;
        font-weight: 700;
        background: #1D4ED8;
        border-radius: 8px;
        color: #FFF;
    }
    body.type-1 #mformCounsel .mdForm > a {
        display: none;
    }
    body.type-1 #mformCounsel .mdForm {
        align-items: flex-start;
        padding-right: 20px;
        background-color: #FFF;
        border-right: 10px solid #F85B30;
    }
    body.type-1 #mformCounsel .mdForm-info {
        display: block;
        width: calc(100% - 80px);
        padding-right: 8px;
        border-top-right-radius: 0;
    }
    body.type-1 #mformCounsel .mdForm-info input {
        font-size: 14px;
        height: 36px;
    }
    body.type-1 #mformCounsel .inputList {
        gap: 8px;
    }
    body.type-1 #mformCounsel .inputList label {
        display: none;
    }
    body.type-1 #mformCounsel .agreeList {
        gap: 4px;
        width: calc(100% + 88px);
    }
    body.type-1 #mformCounsel .agreeList li.all {
        margin-top: 8px;
        margin-bottom: 4px;
    }
    body.type-1 #mformCounsel  .agreeList li.circleCheck,
    body.type-1 #mformCounsel  .agreeList li.circleCheck + li.circleCheck {
        margin-left: 8px;
    }
    body.type-1 #mformCounsel .mdForm > button {
        display: block;
        width: 80px;
        height: 36px;
        margin-top: 16px;
        font-size: 14px;
        border-radius: 8px;
    }
    body.type-1 #mformCounsel .mdForm > button > span {
        padding-right: 16px;
        background-size: 14px;
    }
}
@media (max-width: 640px) {
    #lowCounsel .formListTop h2 {
        font-size: 24px;
        font-weight: 700;
    }
    #lowCounsel .formBox {
        flex-flow: column nowrap;
    }
    #lowCounsel .formBoxInfo .mobformBoxBanner {
        display: block;
    }
    #lowCounsel .formBoxInfo {
        position: relative;
        width: 100%;
        padding-bottom: 72px;
    }
    #lowCounsel .formBoxBanner {
        display: none;
        width: 100%;
    }
    #lowCounsel.popCounsel button.btn-cancel {
        display: flex;
        position: absolute;
        bottom: 0;
        left: 0;
        width: calc(50% - 6px);
    }
    #lowCounsel.popCounsel button.btn-submit {
        position: absolute;
        bottom: 0;
        right: 0;
        width: calc(50% - 6px);
    }
    #lowCounsel .formList li.img {
        padding: 32px 32px 0;
        background-color: #F5F6FB;
        background-image: url(/_img/popup-banner-mob-bg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }    
    #lowCounsel .formList li.img h3 {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        position: relative;
        padding-left: 26px;
        padding-right: 64px;
        width: 100%;
        max-width: 420px;
        height: 56px;
        margin: 12px auto;
        line-height: 1;
        font-family: 'GmarketSans';
        font-size: 24px;
        font-weight: 700;
        color: #FFF;
        background: linear-gradient(90deg, #12C2E9 0%, #C471ED 50%, #F64F59 100%);
        border-radius: 28px;
        overflow: hidden;
    }
    #lowCounsel .formList li.img h3 span {
        position: relative;
        margin-top: 4px;
        z-index: 1;
    }
    #lowCounsel .formList li.img h3:before {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        right: 8px;
        width: 40px;
        height: 40px;
        background-image: url(/_img/popup-banner-mob-search.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
    }
        
    #lowCounsel .formList li.img img {
        display: none;
    }
    #lowCounsel .formList li.img p:not(.mob-text) {
        display: none;
    }
    #lowCounsel .formList li.img .mob-text {
        display: block;
    }
    #lowCounsel .formList li.img .img-mob-box {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        width: calc(100% + 64px);
        height: 85px;
        margin: 24px -32px 0;
        padding: 0 24px;
        background-color: #FFF;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
    #lowCounsel .formList li.img .img-mob-box img {
        display: block;
        width: auto;
        max-width: 100%;
        height: 45px;
        margin: 0 auto;
    }
    #lowCounsel .formList li.img h2 {
        display: block;
        margin-top: 24px;
        font-size: 24px;
        font-weight: 700;
        color: #171717;
    } 
    #lowCounsel .formList li.img.frm {
        display: flex;
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        background: transparent;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
    #lowCounsel .formList li.img.frm  .mob-text {
        margin-bottom: 24px;
        font-family: "Pretendard Variable", Pretendard, sans-serif;
        font-size: 24px;
        font-weight: 700;
        color: #171717;
    }
    #lowCounsel .formList li.img.frm  .mob-text > span {
        color: #2563EB;
    }
    #lowCounsel .formList li.img.frm .img-mob-box {
        order: 1;
        width: 100%;
        height: auto;
        margin: 0;
        margin-bottom: 24px;
        padding: 32px 32px 24px;
        background-color: #F5F6FB;
        background-image: url(/_img/popup-banner-mob-bg.svg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
    #lowCounsel .formList li.img.frm .subject {
        order: 3;
        margin-bottom: 16px;
    }
    #lowCounsel .formList li.img.frm input {
        order: 4;
    }
    .winLayWrap {
        align-items: flex-end;
    }
    .winLayWrap .winLayContainer .winLayBody {
        border-radius: 0 !important;
        border-top-left-radius: 16px !important;
        border-top-right-radius: 16px !important;
    }
    main.type-1 + footer #mformCounsel {
        border: 2px solid #F85B30;
        border-bottom: 0;
    }
    main.type-1 + footer #mformCounsel .mdForm {
        padding-right: 16px; 
        border: 0;
    }
    main.type-1 + footer #mformCounsel .mdForm-info {
        padding: 14px 16px;
        padding-right: 8px;
    }
    main.type-1 + footer #mformCounsel .mdForm > button {
        margin-top: 14px;
    }
    main.type-1 + footer #mformCounsel .mdForm-info input {
        font-size: 12px;
    }
}


#termClear {padding:55px 0 25px 0;}
#termClear .title {margin-bottom:40px; padding:16px; font-size:28px; font-weight:600; color:#171717;}
#termClear .termCon {padding:0 16px; font-size:14px; color:#404040; font-weight:400; line-height:22px;}
#termClear .termCon h3 {margin-bottom:24px; font-size:16px; font-weight:500; color:#171717;}
#termClear .termCon h3.underline {display:flex; align-items:baseline; gap:5px; padding: 0 0 24px 0; border-bottom:1px solid #e5e5e5;}
#termClear .termCon h4 {margin-bottom:12px; font-size:14px; font-weight:700;}
#termClear .termCon p {margin-bottom:24px; word-break:break-all;}
#termClear .listBox {margin-bottom:24px; padding:16px; background:#fafafa; color:#737373; border-radius:16px; line-height:20px;}
#termClear .listBox .list {display:flex; flex-direction:column; gap:12px; }
#termClear .listBox .list li {position:relative; display:flex; align-items:baseline; gap:3px;}
#termClear .listBox .tit {font-weight:700; color:#404040; }
#termClear .listBox .num {/*position:relative; top:-2px; margin:0 4px;*/ font-weight:700; color:#404040; }
#termClear .listBox .list.column {gap:12px;}
#termClear .listBox .list.column li {flex-direction:column; gap:6px;}
#termClear .listBox .list.dot .text {position:relative; padding:0 0 0 15px;}
#termClear .listBox .list.dot .circle {position:absolute; top:9px; left:4px; display:block; width:4px; height:4px; border-radius:100%; background:#737373;}
#termClear .gridBox {margin-bottom:24px;  display: grid; grid-template-columns: 25% 50% 25%; width: fit-content;}
#termClear .gridBox .cell { padding: 16px;  border: none;  position: relative; display:flex; align-items:center; justify-content:center; text-align: center; word-break:break-all;}
#termClear .gridBox .cell::after { content: "";  position: absolute;  bottom: 0;  left: 0;  height: 1px;  width: 100%;  background-color: #ccc; }
#termClear .gridBox .cell::before {content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%;  background-color: #ccc;}
#termClear .gridBox .cell:nth-child(3n)::before { display: none; }
#termClear .gridBox .cell:nth-last-child(-n+3)::after { display: none; }
#termClear .gridBox .cell.gbTop {background:#f5f5f5; color:#171717; font-size:16px; font-weight:700;}

@media (min-width: 525px) {
    #termClear {padding:72px 0;}
    #termClear .title {margin-bottom:48px; padding:0 24px; font-size:40px; }
    #termClear .termCon {padding:0 24px; font-size:16px; line-height:28px;}
    #termClear .termCon h3 {margin-bottom:30px; font-size:24px;}
    #termClear .termCon h3.underline {gap:5px; padding: 0 0 24px 0; }
    #termClear .termCon h4 {margin-bottom:24px; font-size:20px;;}
    #termClear .termCon p {margin-bottom:40px; }
    #termClear .listBox {margin-bottom:40px; padding:24px;  border-radius:16px; line-height:24px;}
    #termClear .listBox .list { gap:12px; }
    #termClear .listBox .list li {gap:7px;}
    #termClear .listBox .list.column {gap:18px;}
    #termClear .listBox .list.column li {gap:4px;}
}