/* 팝업 추가작업 */
:root {
    --white:#fff;
    --black:#222;
    --gray01:#444;
    --gray02:#E7E7E7;
    --gray03:#828282;
    --gray04:#C4C4C4;
    --gray05:#D6D6D6;
    --point:#FD0;
}

#mcon02 .mcon02_ban {
    z-index: 100;
}

.wibPopup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: var(--white);
    max-width: 540px;
    width: 100%;
}

.wibPopup .tit {
    background: var(--gray01);
    display: flex;
    justify-content: space-between;
    padding: 15px 30px;
    align-items: center;
}

.wibPopup .tit h2 {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.36px;
    color: var(--white);
    line-height: 1;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .tit .close {
    width: 30px;
    height: 30px;
}

.wibPopup .contnsBox {
    border: 1px solid var(--gray05);
    padding: 30px;
    display: flex;
    flex-flow: column;
}

.wibPopup .contnsBox > div h4 {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px;
    color: var(--black);
    margin: 0 0 10px;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox > div h4 span {
    margin: 0 0 0 5px;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox .top input {
    width: 100%;
    height: 60px;
    color: var(--black);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    padding: 0 20px;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox .top input::placeholder {
    color: var(--gray04);
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox .top input:first-child {
    margin-bottom: 10px;
}

.wibPopup .contnsBox .middle {
    margin: 30px 0;
}

.wibPopup .contnsBox .middle .btn_g {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.wibPopup .contnsBox .middle .btn_g > div {
    width: calc(50% - 3px);
    color: var(--gray03);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox .middle .btn_g > div input {
    display: none;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox .middle .btn_g > div input:checked + label {
    background: var(--point);
    color: var(--black);
    border: 1px solid var(--point);
}

.wibPopup .contnsBox .middle .btn_g > div label {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid var(--gray02);
    padding: 15px 20px;
    text-align: center;
    box-sizing: border-box;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox .bottom input[type="checkbox"] {
    display: none;
}

.wibPopup .contnsBox .bottom label {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--gray03);
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox .bottom label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/icon/checkbox.svg) no-repeat;
    margin-right: 15px;
}

.wibPopup .contnsBox .bottom input:checked + label::before {
    background: url(../img/icon/checkbox_checked.svg) no-repeat;
}

.wibPopup .contnsBox .bottom .checkboxAll {
    border: 1px solid var(--gray02);
    padding: 10px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.wibPopup .contnsBox .bottom .checkboxAll .right {
    background: url(../img/icon/toggle_icon.svg) no-repeat;
    transform: rotate(180deg);
    width: 24px;
    height: 24px;
}

.wibPopup .contnsBox .bottom .checkboxAll.toggle .right {
    width: 24px;
    height: 24px;
    background: url(../img/icon/toggle_icon.svg) no-repeat;
    transform: rotate(360deg);
}

.wibPopup .contnsBox .bottom .checkboxAll.toggle + .checkContns {
    display: none;
}

.wibPopup .contnsBox .bottom .checkContns {
    padding: 15px 20px;
    border: 1px solid var(--gray02);
    border-top: 0;
}

.wibPopup .contnsBox .bottom .checkContns > div {
    display: flex;
    justify-content: space-between;
}

.wibPopup .contnsBox .bottom .checkContns > div:first-child {
    margin-bottom: 15px;
}

.wibPopup .contnsBox .bottom .checkContns > div > a {
    color: var(--gray03);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    text-decoration: underline;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox #orderBtn {
    background: var(--gray04);
    color: var(--white);
    margin-top: 30px;
    padding: 15px 20px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.wibPopup .contnsBox #orderBtn.on {
    background: var(--point);
}

/* 개인정보 수신 동의 안내 & 광고성/맞춤형 정보 수신 동의 안내 */
.infoPopup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--white);
    max-width: 500px;
    width: 100%;
}

.infoPopup > div .contnsBox .textBox {
    padding: 20px;
    border: 1px solid var(--gray05);
}

.infoPopup > div .contnsBox .textBox h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.28px;
    color: var(--black);
    margin-top: 15px;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.infoPopup > div .contnsBox .textBox .cont {
    font-size: 14px;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: -0.28px;
    color: var(--black);
    font-family: noto-sans-cjk-kr, sans-serif;
}

.infoPopup > div .contnsBox .textBox .listBox .cont {
    margin-left: 10px;
}

.infoPopup > div .contnsBox .textBox .cont .line {
    text-decoration: underline;
}

.infoPopup > div .contnsBox .textBox .cont.last {
    margin-top: 15px;
}

.infoPopup > div .contnsBox #okBtn {
    background: var(--point);
    margin-top: 30px;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px;
    color: var(--gray01);
    font-family: noto-sans-cjk-kr, sans-serif;
}

.infoPopup > div .contnsBox #noOkBtn {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: var(--gray03);
    text-decoration: underline;
    font-family: noto-sans-cjk-kr, sans-serif;
}

.infoPopup .snsInfo .contnsBox .textBox h5:first-child {
    margin-top: 0;
}
/* 개인정보 수신 동의 안내 & 광고성/맞춤형 정보 수신 동의 안내 */