/* Reset */

*{
    letter-spacing: -1px;
    font-family: 'AppleSDGothicNeo', 'SF-Pro-Display', sans-serif;
}
html, body{
    height: 100%;
}
.hidden{
    opacity: 0;
    visibility: hidden;
}
.delete{
    display: none !important;
}
.mt8{
    margin-top: 8px !important;
}
.mb8{
    margin-bottom: 8px !important;
}
.mb16{
    margin-bottom: 16px !important;
}
.mb20{
    margin-bottom: 20px !important;
}

/* Common */

/* 헤더 버튼 위치 조정 */
#wrap #header .btnBack{
    left: 12px;
}
#wrap #header .btnClose{
    right: 12px;
}

body{
    overflow: auto;
    background: #f5f5f5;
}
#wrap{
    width: 100%;
    position: relative;
    height: 100%;
    background: #fff;

    /* MO */
    max-width: 100%;

    overflow: hidden;
}
body.mo #wrap{
    max-width: 320px;
}
body.pc #wrap{
    max-width: 390px;
}
#wrap #header{
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    background: #fff;
    z-index: 50;
}
body.mo #wrap #header{
    max-width: 320px;
}
body.pc #wrap #header{
    max-width: 390px;
}
#wrap #header h1{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

#wrap #contents{
    padding: 72px 16px 0;
    overflow: visible;
    overflow-y: visible;
    height: 448px;
    display: block;
    position: relative;
    background: #fff;
}
#wrap #contents.loading{
    padding-top: 40px;
}
#wrap #contents.pt48{
    padding-top: 48px;
}
#wrap #contents.pt56{
    padding-top: 56px;
}
#wrap #contents .contTit{
    color: var(--Common-BK, #000);

    /* H4/H4_B */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
    padding: 0 8px;
}
#wrap #contents .inner{
    position: relative;
}
#wrap #contents .inner.id_verification{
    padding: 0 8px 0;
}
.vaccineInst{
    margin-top: 16px;
    margin-bottom: 0;
    border-radius: 12px;
    border: 1px solid var(--Common-BK_a12, rgba(0, 0, 0, 0.12));
    padding: 28px 24px;
    background-position: right 24px center;
}
.vaccineInst:before{
    content: none;
}

.vaccineInst strong{
    color: var(--Common-BK, #000);

    /* H4/H4_B */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
}
.vaccineInst p{
    color: var(--Common-BK_48, #858585);

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.btmText{
    margin-top: 68px;
    color: var(--Common-BK, #000);
    text-align: center;

    /* P2/M_2 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    width: 100%;
}

.btnBottom{
    position: absolute;
    bottom: 0;
    width: calc(100% - 32px);
    left: 16px;
    height: 110px;
    padding: 24px 0 30px;
}
.btn{
    line-height: 56px;
    height: 56px;
    color: var(--Fixed-WT_fx, #FFF);

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}
.btn.sm{
    height: 32px;
    line-height: 32px;
}
.btn:disabled{
    color: var(--Common-BK_a20, rgba(0, 0, 0, 0.20));
}

/* 블루월넛 진입 */
.addExplan{
    margin-top: 8px;
    color: var(--Common-BK, #000);

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    padding: 0 8px;
}
/* 약관 동의 */
.topTxt{
    padding: 0 8px;
    margin-bottom: 16px;

    color: var(--Common-BK, #000);

    /* H4/H4_B */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */
}

.agreeBox > * input{
    cursor: pointer;
}
/* 본인인증_휴대폰 */
.txt{

    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));
    text-align: left;

    /* Exception/exP_M_13 */
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 138.462% */
}
.txt.center{
    text-align: center;
}
.codeNum.on{
    border-bottom: 2px solid var(--Common-BK, #000);
}
.codeNum p em{
    margin-top: 0;
    line-height: 52px;
    height: 100%;
    vertical-align: middle;
}
.codeNum p span label{
    line-height: 40px;
    font-size: 14px;
}
/* 본인인증_휴대폰_휴대폰약관 */
#wrap .layerContents{
    overflow-y: initial;
    padding: 72px 24px 0;
    height: 448px;
    position: relative;
    background: #fff;
}
#wrap .layerContents.pt56{
    padding-top: 56px;
}
.btnSelect.spMod{
    margin-top: 0;
    padding: 0 8px;
}
.btnSelect span input + label{
    border-radius: 4px;
    border: 1px solid var(--Exception-BK_a0b_ex, #EBEBEB);
    background: var(--Exception-WT_a80_ex, #FFF);
    color: var(--Fixed-BK_a48_fx, rgba(0, 0, 0, 0.48));

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    box-sizing: border-box;
    height: 40px;
}
.btnSelect span + span{
    margin-left: 4px;
}
.btnSelect span input:checked + label{
    line-height: 38px;
    border: 2px solid var(--Exception-BK_a0_ex, #000);
    font-weight: 600;
}

.agreeBox{
    padding: 12px 12px 16px;
    margin: 16px 8px 0;
    border-radius: 8px;
}
.agreeBox.agreeBig{
    margin: 24px 0 0;
}
.agreeBox > dt{
    margin-bottom: 12px;
}
.agreeBox > * label{
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));

    /* P2/M_2 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
}
.agreeBox > dt label{
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));

    /* P1/M_2 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}
.agreeBox > * a{
    top: -7px;
}
.inputList{
    margin-top: 0;
}
.inputList li{
    padding-top: 20px;
    box-sizing: border-box;
}
input.on{
    border-bottom: 2px solid var(--Common-BK, #000);
}
.card input{
    border: none !important;
}
.inputList.v2 li + li{
    margin-top: 8px!important;
}
.inputList li > label{
    color: var(--Common-BK_a40, rgba(0, 0, 0, 0.40));

    /* H4/H4_M */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    top: 20px;
}
.inputList li.on > label{
    top: 10px;
}
.btn.ss{
    border-radius: 8px;

    /* P2/B_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    height: 32px;
    line-height: 32px;

    width: 56px;
}
.phoneNum input, .certNum input{
    color: var(--Common-BK, #000);

    /* H4/H4_M */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 130% */
}

.txt + .tabWrap{
    margin-top: 8px;
}
.txt + .tabWrap ul{
    margin: 8px 0;
}

.txt + .tabWrap ul.inputList{
    margin: 0;
}
.tabWrap.v2 > ul > li:nth-child(1){
    padding: 0 2px 4px 0;
}
.tabWrap.v2 > ul > li:nth-child(2){
    padding: 0 0 4px 2px;
}
.tabWrap.v2 > ul > li:nth-child(3){
    padding: 0 2px 0 0;
}
.tabWrap.v2 > ul > li:nth-child(4){
    padding: 0 0 0 2px;
}
.tabWrap.v2 > ul > li a{
    color: var(--Fixed-BK_a48_fx, rgba(0, 0, 0, 0.48));

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    border-radius: 4px;
    line-height: 40px;

    border: 1px solid var(--Exception-BK_a0b_ex, #EBEBEB);
    height: 40px;
}
.tabWrap.v2 > ul > li.curr a{
    color: var(--Fixed-BK_fx, #000);

    /* P2/B_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    border: 2px solid var(--Exception-BK_a0_ex, #000);
    line-height: 38px;
}

input[type=tel], input[type=number], input[type=text], input[type=password]{
    overflow: hidden;
    color: var(--Common-BK, #000);
    text-overflow: ellipsis;
    white-space: nowrap;

    /* H4/H4_M */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 130% */

    font-family: 'AppleSDGothicNeo', 'SF-Pro-Display', sans-serif;
}
.inputList li .msg{
    color: var(--Funtion-Alert, #F00);

    /* P3/M_2 */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;

    position: absolute;
    bottom: unset;
    left: 0;
}
/* 본인인증_PayShot */
.inputList + .btnRight .btn.textBtn{
    background: none;
    padding: 0;
    overflow: hidden;
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));
    text-overflow: ellipsis;

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    border: none;

    width: inherit;
}
.inputList + .btnRight span{
    margin: 0 6px;
    color: rgba(0, 0, 0, 0.12);
    text-overflow: ellipsis;

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

/* 본인인증_금융인증서 */
.nextword.on{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    /* margin-top: 83px; */
    padding: 0;

    height: 178px;
}
.nextword.on p{
    position: absolute;
    bottom: 17px;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}
/* 휴대폰번호 인증 only */
.newMainText{
    padding: 0;
    margin-bottom: 12px;
}
#wrap .layerContents .inner{
    /* min-height: 328px; */
}

/* 휴대폰･공동인증서 */
#wrap .layerContents.newPadding,
#wrap #contents.newPadding{
    padding: 24px 16px 0;
}
#wrap .layerContents.newPadding .inner,
#wrap #contents.newPadding .inner{
    
    padding: 0 8px;
}
#wrap .layerContents .inner .btnSelect,
#wrap #contents.newPadding .inner .btnSelect{
    margin-top: 0;
}
.tabWrap.v2.pinNumch{
    margin-top: 0;
}
.tabWrap.v2.pinNumch > ul{
    margin: 0 0 16px;
}
.tabWrap.v2.pinNumch > ul > li{
    padding: 0;
}
.tabWrap.v2.pinNumch > ul > li:nth-child(2){
    padding-left: 4px;
}

.txt.txtC{
    font-size: 14px;
    line-height: 22px;
    margin: 32px 0;
    text-align: center;
}
.appFreeWrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}
.appFreeWrap button{
    flex: 1;
    line-height: 48px;
    height: 48px;
}
button.grayBlk{
    background: var(--Exception-BK_a40b_ex, rgba(0, 0, 0, 0.08));
   border:1px solid transparent;
   color: var(--Common-BK, #000);
}
.appFreeCert{
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 8px;
}
.appFreeCert span{
    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}
.appFreeCert button{
    max-width: 96px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}

/* 일반인증_카드비밀번호･SMS인증 */
#authFrm{
    height: 100%;
    /* height: initial; */
}
.newMainText.mb20{
    margin-bottom: 20px;
}
.btnSelect + .inputList{
    margin-top: 16px;
}
.certRequ{
    margin-top: 24px;
}

.certRequ p{
    color: var(--Common-BK, #000);

    /* H4/H4_B */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 26px; */
}
.btnArrow{
    margin-top: 8px;

    color: var(--Common-BK, #000);

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    background-position: right 1px;
}
.btnArrow + .inputList{
    margin-top: 20px;
}

.certNum span{
    color: var(--BK-BK_a40, rgba(0, 0, 0, 0.40));

    /* P1/M_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
/* 강화인증 */
.btnArrow.mMod12{
    margin-top: 20px;
    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));
    border-bottom: 1px solid  var(--Common-BK_a64, rgba(0, 0, 0, 0.64));
    padding-right: 3px;
    background: initial;
}
/* 카드 비밀번호･CVC */
.topTxt.noPadding{
    padding: 0;
}

.inputList li:not(:nth-child(1)){
    /* margin-top: 16px; */
}
.inputList.mMod8 li + li{
    margin-top: 8px !important;
}
/* 휴대폰･금융인증서 */
#wrap .layerContents.newPadding.pt0{
    padding-top: 0;
}
.txt.v2{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */

    margin-bottom: 8px;
}
/* PayShot 신규 서비스 동의 */
.moreExp{
    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));

    /* P2/M_2 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    margin: 0 8px;
}

/* 카드번호>기프트카드 추가인증 */
.inputDesc{
    margin-top: 24px;

    color: var(--Common-BK, #000);

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

/* PIN번호 설정 */
.pwArea.pt0{
    padding-top: 0;
}
.pwArea .password{
    margin-top: 24px;
}

/* PIN번호 입력 */
.pwArea .btnArrowB{
    color: var(--Fixed-BK_a48_fx, rgba(0, 0, 0, 0.48));

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */

    margin-top: 0;
    padding-right: 0;
    background: none;

   border-bottom: 1px solid var(--Common-BK_a48, rgba(0, 0, 0, 0.48));
}
.pwArea .btnArrowB:nth-of-type(2){
    margin-left: 16px;
}
.pwArea .btnArrowB.mMod{
    margin-top: 20px;
}
.error{
    margin-top: 20px;
}
.error.modified{
    margin-top: 8px;

    color: var(--Funtion-Alert, #F00);
    text-align: center;

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}
/* 결제 */
.topTxt.v2.payTitNew{
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 24px;
}
.btnCardSelect{
    width: 100%;
    margin: 0;
    padding: 8px 0;
    margin-bottom: 20px;
}
.btnCardSelect .cardList{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: initial;
    padding: 0;
}
.btnCardSelect .cardList .imgWrap{
    display: block;
    width: 32px;
    height: 49px;
    overflow: hidden;
}
.btnCardSelect .cardList .imgWrap img{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    object-fit: contain;
}
.btnCardSelect .cardList .midName{
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap; 
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 52px;
}
.btnCardSelect .cardList .midName.modify{
    align-items: center;
}
.btnCardSelect .cardList .cardName,
.btnCardSelect .cardList #dpCardNo
{
    color: var(--Fixed-BK_fx, #000);

    /* H4/H4_B */
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 130% */

    
}
.btnCardSelect .cardList .midName strong.cardName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap; 
    display: block;
}
.btnCardSelect .btnListGo{
    position: static;
    background: none;
    text-indent: 0;
    border-radius: 8px;
    background: var(--Exception-BK_a40b_ex, rgba(0, 0, 0, 0.08));

    color: var(--Common-BK, #000);

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
    height: 32px;
    padding: 0;
    width: 56px;
    text-align: center;
}

.btnArrow.lump{
    margin-top: 0;
    position: absolute;
    bottom: 12px;
    left: 45px;
    font-size: 16px;
}

.pointBtnWrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}
.pointBtnWrap .mPointWrap label{
    color: var(--Service-M_Point, #328CD7);

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    cursor: pointer;
}
.pointBtnWrap .mPointWrap label:before{
    content: '';
    width: 28px;
    height: 28px;
    margin-right: 4px;
    display: inline-block;
    background: url('../images/ico-check-off.png') no-repeat center center / contain;
    vertical-align: middle;
    transform: translateY(-2px);
    transition: all ease 0.3s;
}
.pointBtnWrap .mPointWrap input:checked + label:before{
    background: url('../images/ico-check-blue.png') no-repeat center center / contain;
    transition: all ease 0.3s;
}

.pointBtnWrap .benefitNotice{
    border: none;
    background: transparent url(../images/ico-info-line.png) no-repeat left center / 16px;
    padding-left: 16px;
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
}

.tooltipLayer{
    position: absolute;
    top: 37px;
    right: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
    padding: 20px 16px;
    z-index: 100;
}
.tooltipLayer:before{
    content: '';
    position: absolute;
    top: -10px;
    right: 15px;
    border: 5px solid transparent;
    border-bottom-color: #fff;
}

.tooltipLayer h4{
    color: var(--Common-BK, #000);

    /* P3/B_1 */
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 133.333% */
    margin-bottom: 4px;
}
.tooltipLayer ol li{
    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));

    /* P3/M_1 */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    margin: 4px 0;
}
.tooltipLayer ol li:before{
    content: ' · ';
    margin-right: 6px;
}

.tooltipLayer .tooltipClose{
    position: absolute;
    top: 12px;
    right: 12px;
    border: none;
    background: transparent url('../images/btn-del02.png') no-repeat center center / cover;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
}

/* 결제04 */
.pointBtnWrap.modify{
    justify-content: flex-start;
}
.pointBtnWrap.modify .mPointWrap label{
    color: var(--Common-BK, #000);

    /* P1/M_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.pointBtnWrap.modify .mPointWrap input:checked + label:before{
    background: url(../images/ico-check.png) no-repeat center center / contain;
}
.pointBtnWrap.modify .benefitNotice{
    text-indent: -9999px;
    transform: translateY(-2px);
    margin-left: 3px;
}

.tooltipLayer.modify{
    right: unset;
    left: 35px;
    padding-top: 24px;
    padding-right: 44px;
    width: 233px;
}
.tooltipLayer.modify p{
    color: var(--Common-BK, #000);

    /* P3/M_2 */
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px; /* 150% */
}

/* 할부 선택 */
.tabWrap.v2 > ul > li{
    max-width: 50%;
}
.tabWrap.v2.pinNumch > ul > li{
    max-width: initial;
    min-width: initial;
}

input[type=text].selectInstall{
    border: none;
    width: 100%;
    margin: 16px 0;
    display: block;
    outline: none;
    padding: 20px 0 10px;
    background: transparent url(../images/btn-down.png) no-repeat 100% 70% / 24px !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    overflow: hidden;
    color: var(--Common-BK, #000);
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;

    height: initial;
}

input[type=text].selectInstall::placeholder{
    color: var(--Common-BK_a40, rgba(0, 0, 0, 0.40));
    
    /* H4/H4_M */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 130% */
}


/* 핀번호결제_결제카드선택 */
#authFrm.hMod{
    height: initial;
}

.cardSwiper{
    margin: 0;
    margin-top: 24px;
    padding: 0 8px;
}
.cardSwiper .swiper-slide{
    position: relative;
    max-width: initial;
    width: 132px;
    max-height: initial;
    min-height: initial;
    text-align: center;
    height: 194px;
    text-align: center;

    padding: 20px 16px;
    border-radius: 4px;
    border: 1px solid var(--Common-BK_a8, rgba(0, 0, 0, 0.08));
    background: var(--Exception-WT_20_ex, #FFF);

    cursor: pointer;
}

.cardSwiper .swiper-slide .img{
    display: block;
    height: initial;
    width: 72px;
    margin: 0 auto;
}
.cardSwiper .swiper-slide .img span{
    width: 100%;
    height: 110px;
    overflow: hidden;
}
.cardSwiper .swiper-slide .img span img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 4px;
}
.cardSwiper .swiper-slide p{
    overflow: hidden;
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));
    text-align: center;
    text-overflow: ellipsis;

    /* P2/B_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}


.cardSwiper .swiper-slide.disabled02 .img:after{
    border-radius: 4px;

    color: var(--Common-WT, #FFF);
    text-align: center;

    /* P2/B_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;

    padding-top: 0;
    line-height: 114px;
    backdrop-filter: blur(4.3492512702941895px);
}

.cardSwiper .swiper-slide.disabled02 p{
    overflow: hidden;
    color: var(--Common-BK_a16, rgba(0, 0, 0, 0.16));
    text-align: center;
    text-overflow: ellipsis;

    /* P2/B_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
}
.cardSwiper .swiper-slide.pseudoCard .img:after{
    content: '가상';
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--Fixed-BK_a64_fx, rgba(0, 0, 0, 0.64));
    border-radius: 2px 2px 2px 4px;
    padding: 3px;

    color: var(--Fixed-WT_fx, #FFF);

    /* Exception/exP_B_10 */
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px; /* 120% */
}
.cardSwiper .swiper-slide.selected{
    border: 2px solid var(--Common-BK, #000);
}
.cardSwiper .swiper-slide.selected p{
    color: var(--Common-BK, #000);
}

/* 설정 */
#wrap #contents.settingWrap{
    padding: 64px 24px 0;
}
.setList ul li a{
    color: var(--Common-BK, #000);

    /* H4/H4_M */
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
}
.setList ul li + li{
    border-top: 1px solid var(--Common-BK_a8, rgba(0, 0, 0, 0.08));;
}

/* 결제환경 관리_제휴몰 */
.txt + .tabWrap.payEnvironment{
    margin: 0;
}
.txt + .tabWrap.payEnvironment ul{
    margin: 12px 0 32px;
}
.tabWrap.payEnvironment > ul li + li{
    margin-left: 4px;
}
.tabWrap.payEnvironment > ul li a{
    line-height: 38px;
    transition: none;
    border-radius: 4px;

    color: var(--Fixed-BK_a48_fx, rgba(0, 0, 0, 0.48));

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}
.tabWrap.payEnvironment > ul li.curr a{
    line-height: 36px;

    color: var(--Fixed-BK_fx, #000);

    /* P2/B_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
}
.setMana{
    margin: 0;
    padding: 0;
    width: calc(100% + 32px);
}
.setMana.setManaAfml{
    padding: 0 8px;
}
.setMana.noContents{
    width: 100%;
    color: var(--Common-BK, #000);
    text-align: center;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
    padding-right: 32px;
    padding-top: 25px;
}
.affiMall{
    margin: 0;
    padding: 0;
}
.setMana .affiMall .swiper-slide{
    width: 80px;
    /* height: 146px; */
    overflow: hidden;
}
.setMana .affiMall .swiper-slide .img{
    width: 80px;
    height: 80px;
    overflow: hidden;
}
.setMana .affiMall .swiper-slide .img span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.setMana .affiMall .swiper-slide .img img{
    width: 100%;
}
.setMana .affiMall .swiper-slide .img + p{
    overflow: hidden;
    color: var(--Common-BK, #000);
    text-align: center;
    text-overflow: ellipsis;

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}
.setMana .affiMall .swiper-slide .img + p span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}
.setMana .affiMall .swiper-slide .img + p button{
    margin-top: 12px;

    color: var(--Fixed-BK_a48_fx, rgba(0, 0, 0, 0.48));

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
    border: none;
    outline: none;
    background-color: initial;
    border-bottom: 1px solid var(--Common-BK_a48, rgba(0, 0, 0, 0.48));
}

.setMana.noContents .swiper-wrapper div{
    width: 100%;
    color: var(--Common-BK, #000);
    text-align: center;

    /* P1/M_2 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}

/* 결제환경 관리 모바일, PC */
.setMana.setManaMo .swiper-slide,
.setMana.setManaPc .swiper-slide{
    border-radius: 16px;
    border: 1px solid var(--Common-BK_a12, rgba(0, 0, 0, 0.12));
    background: var(--Exception-WT_20_ex, #FFF);
    padding: 20px;
}
.setMana.setManaMo .swiper-slide > strong,
.setMana.setManaPc .swiper-slide > strong{
    overflow: hidden;
    color: var(--Common-BK, #000);
    text-overflow: ellipsis;

    /* H4/H4_B */
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
    margin-bottom: 20px;
    white-space: nowrap;
}
.setMana.setManaMo .swiper-slide > strong + ul,
.setMana.setManaPc .swiper-slide > strong + ul{
    margin: 0;
}
.setMana.setManaMo .swiper-slide ul li,
.setMana.setManaPc .swiper-slide ul li{
    overflow: hidden;
    color: var(--Common-BK, #000);
    text-align: right;
    text-overflow: ellipsis;

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */

    padding-left: 96px;
}
.setMana.setManaMo .swiper-slide ul li + li,
.setMana.setManaPc .swiper-slide ul li + li{
    margin-top: 4px;
}
.setMana.setManaMo .swiper-slide ul li strong,
.setMana.setManaPc .swiper-slide ul li strong{
    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));

    /* P1/M_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
/* 제휴몰 팝업 */
.layer.alert.affiMallDel .inner .cont strong{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P1/M_2 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}
.layer.alert.affiMallDel .inner .btnBottom button{
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));
    text-align: center;

    /* P1/M_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px; /* 137.5% */
}
.layer.alert.affiMallDel .inner .btnBottom .btn:last-child{
    color: var(--Funtion-Alert, #F00);
}

.layer.alert.alertDetail .inner .cont{
    padding: 0;
}
.layer.alert.alertDetail .inner .cont .detail{
    padding: 28px 24px;
}
.layer.alert.alertDetail .inner .cont .detail > strong{
    color: var(--Common-BK, #000);

    /* H4/H4_B */
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 130% */
    margin-bottom: 20px !important;
    text-align: left;
}

.layer.alert.alertDetail .inner .cont ul li strong{
    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));

    /* P1/M_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.layer.alert.alertDetail .inner .cont ul li span{
    color: var(--Common-BK, #000);
    text-align: right;

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
}
.layer.alert.alertDetail .detail ul li + li{
    margin-top: 8px;
}
.layer.alert.alertDetail .inner .btnBottom{
    width: 100%;
    height: 56px;
}
.layer.alert.alertDetail .inner .btnBottom .btn{
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));
    text-align: center;

    /* P1/M_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.layer.alert.alertDetail .inner .btnBottom .btn#btnConfirmYes{
    color: var(--Funtion-Alert, #F00);
    text-align: center;

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 137.5% */
}

.layer.alert.confirmView .inner .cont strong{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P1/M_2 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
}

/* 팝업 공통 */
.layer{
    background: var(--Exeption-BK_a64_ex, rgba(0, 0, 0, 0.80));
}
.layer.alert .inner{
    border-radius: 16px;
}
.layer.alert .inner .cont{
    padding: 28px 24px;
}
.layer.alert .inner .cont strong{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P1/B_2 */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 162.5% */
    margin-bottom: 0;
}
.layer.alert .inner .cont strong.subTit{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P1/B_2 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px; /* 162.5% */
    margin-bottom: 0;
}
.layer.alert .inner .cont p{
    color: var(--Common-BK_a64, rgba(0, 0, 0, 0.64));
    text-align: center;

    /* P2/M_2 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 157.143% */

    margin-top: 0;
}
.layer.alert .inner .cont p:not(:first-child){
    margin-top: 9px;
}
.layer.alert .inner .cont p:empty{
    margin-top: 0;
}



.layer.alert .inner .btnBottom{
    height: 56px;
}
.layer.alert .inner .btnBottom .btn{
    color: var(--Common-BK_a48, rgba(0, 0, 0, 0.48));
    text-align: center;

    /* P1/M_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 137.5% */
}
.layer.alert .inner .btnBottom .btn:last-child{
    color: var(--Common-BK, #000);
    font-weight: 600;
}
.layer.alert .inner .btnBottom .btn#btnConfirmYes{
    color: var(--Funtion-Alert, #F00);
    text-align: center;

    /* P1/B_1 */
    font-style: normal;
    font-weight: 600;
}

/* 상세 약관 팝업 */

.layer.layer01{
    min-width: 320px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
body.pc .layer.layer01{
    max-width: 390px;
}
.layer.layer01 .inner .tit{
    color: var(--Common-BK, #000);
    text-align: center;

    /* P1/B_1 */
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
}

.layer.layer01 .terms dl{
    color: var(--Common-BK, #000);

    /* P2/M_1 */
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 142.857% */
}

.layer.layer01 .inner .cont{
    height: 302px;
}
.layer.layer01 .inner .cont + .btnBottom{
    bottom: initial;
    top: 352px;
}

/* CSS 추가 */
.card.on{
    border-bottom: 2px solid var(--Common-BK, #000);
}

/* 자주 사용하는 PC등록 */
.topTxt.noPadding.mod{
    margin-bottom: 8px;
}
.inputList.mod{
    margin-top: 15px;
}
.inputList.mod li{
    padding-top: 16px;
}
.btnBottom.flex{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    
}

.layer .inner > .btnBottom{
    height: initial;
}
.infoTxtS{
    margin-top: 15px;
}
.infoTxtS span{
    line-height: 22px;
}

.btnArrow.mod{
    margin-top: 60px;
    font-weight: 700;
}

.btnArrowG{
    background-position: right 1px;
}


input:focus{
    border-bottom: 2px solid var(--Common-BK, #000);
}
.card:focus-within{
    border-bottom: 2px solid var(--Common-BK, #000);
}
.codeNum:focus-within{
    border-bottom: 2px solid var(--Common-BK, #000);
}