@charset "utf-8";
/* --- layer popup --- */
.pop-layer{
    display: none;
    width: calc(100% - 30px);
    position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);
    background-color: #fff;border: 0px solid #666;border-radius: 10px;
    text-align: center;
    z-index: 10000;
}
.pop-layer h3{
    font-size: 17px;font-weight: 600;padding: 15px 0;border-bottom: 1px solid #ccc; border-top-left-radius: 10px;border-top-right-radius: 10px; width: calc(100% - 0px);margin: 0 auto;background-color: #efefef;
}
.pop-conts{padding: 20px;font-size: 14px;line-height: 22px;color: #595959;text-align: left;max-height: 400px;overflow-y: auto;letter-spacing: -0.05em;}
.pop-layer.alert .pop-conts{padding-top: 30px;}
.popbg{background-color: rgba(0,0,0,.5);width: 100%;height: 100vh;position: fixed;left: 0;top: 0;display: none;z-index: 9999;}
.pop-close{display: flex;border-top: 1px solid #ccc;}
.pop-close button{display: inline-block;flex: 1;font-size: 15px;font-weight: 500;border-left: 1px solid #dcdcdc;padding: 15px 0;}
.pop-close button:nth-child(1){border-left: none;}
/* 쿠폰 */
#pop_cp .pop-conts{padding: 0 15px;}
.pop-conts .cp01{display: flex;justify-content: space-between;align-items: center;word-break: keep-all;border-bottom: 1px solid #dcdcdc;padding: 20px 0;}
.pop-conts .cp01:last-child{border-bottom: none}
.pop-conts .cp01 .lft{width: 180px;}
.pop-conts .cp01 .lft span{display: block;}
.pop-conts .tit{font-size: 15px;font-weight: 600;line-height: 20px;color: #101010;padding-bottom:5px; display: block;}
.pop-conts .period{font-size: 12px;font-weight: 400;color: #595959;}
.pop-conts button{width: auto;font-size: 16px;font-weight: 600;border: 1px solid #ccc;border-radius: 18px;padding: 10px 20px;}
.pop-conts button .bgEnt{
    background-position: -285px -167px;
    width: 11px;
    height: 15px;
    margin-left: 5px;
}
/* 무이자 할부 */
#pop_free .pop-conts{padding: 0 15px;}
#pop_free .pop-conts .cp01{padding: 15px 0;}
#pop_free .pop-conts .cp01 > div{display: flex;flex-wrap: nowrap;justify-content: center;}
#pop_free .pop-conts .cp01 div span{font-size: 14px;font-weight: 400;color: #101010;position: relative;top: 5px;}
#pop_free .pop-conts .period{padding: 0 0px 0 27px;}
#pop_free .pop-conts .cp01 .monthly{font-size: 14px;margin-right: 15px;}
#pop_free .pop-conts .free_note{padding: 15px 0;color: #595959;font-size: 12px;font-weight: 400;}
/* 최적가 상세 */
#pop_bnf .pop-conts .notice{font-size: 14px;line-height: 18px;color: #595959;font-weight: 400;}
#pop_bnf .pop-conts table{text-align: left;width: 100%;color: #101010;}
#pop_bnf .pop-conts table tr, .pop-conts table td{color: #595959;font-size: 13px;height: 35px;}
#pop_bnf .pop-conts table th{font-size: 14px;font-weight: 500;background-color: #ededed;color: #101010;width: 50px;text-align: center;}
#pop_bnf .pop-conts table:first-of-type{border-top: 1px solid #dcdcdc;margin-top: 14px;}
#pop_bnf .pop-conts table tr{border-bottom: 1px solid #dcdcdc;}
#pop_bnf .pop-conts table td{padding-left: 14px;}
#pop_bnf .pop-conts table td:last-child{text-align: right;border-left: none;padding-left: 0;padding-right: 5px;}
#pop_bnf .pop-conts table tr.basic td{color: #101010;font-weight: 500;}
#pop_bnf .pop-conts table tr.basic td:first-of-type{font-size: 14px;}
/* 공유하기 */
#pop_share .pop-conts{padding: 30px 20px;}
#pop_share .pop-conts .icon{display: flex;flex-wrap: wrap;gap: 13px 0px;justify-content: center;}
#pop_share .pop-conts .icon > div{display: inline-block;width: 75px;}
#pop_share .pop-conts .icon span{text-align: center;display: inline-block;width: 100%;font-weight: 400;color: #595959;padding-top: 10px;}
#pop_share .pop-conts .icon .bgEnt{width: 72px;height: 45px;display: block;background-position-y: -200px;padding: 0;}
#pop_share .pop-conts .icon_01 .bgEnt{background-position-x: 12px;}
#pop_share .pop-conts .icon_02 .bgEnt{background-position-x: -50px;}
#pop_share .pop-conts .icon_03 .bgEnt{background-position-x: -112px;}
#pop_share .pop-conts .icon_04 .bgEnt{background-position-x: -176px;}
#pop_share .pop-conts .icon_05 .bgEnt{background-position-x: -237px;}
#pop_share .pop-conts .icon_06 .bgEnt{background-position-x: -300px;}
/* 팬클럽 인증창 */
.pop-layer.fc_certif input{border: 1px solid #ccc;padding: 5px 10px;width: 95%;font-size: 16px;box-sizing: border-box;height: 36px;}
.pop-layer.fc_certif div{font-size: 15px;line-height: 20px;font-weight: 500;color: #333;text-align: unset;word-break: keep-all;}
.pop-layer.fc_certif .tit{font-size: 16px;white-space: nowrap;}
.pop-layer.fc_certif .pop-conts > div{text-align: center;}
.pop-layer.fc_certif .txt{text-indent: -10px;padding-left: 10px;padding-bottom: 0;font-size: 14px;}
.pop-layer.fc_certif .tb{display: table;margin: 10px auto;width: 328.5px;}
.pop-layer.fc_certif .tr{display: table-row;}
.pop-layer.fc_certif .tc{display: table-cell;padding-bottom: 10px;vertical-align: middle;text-align: left;}
.pop-layer.fc_certif .tc:first-child{width: 90px;}
.pop-layer.fc_certif .tc:last-child{text-align: right;}
.pop-layer.fc_certif button, .pop-layer.alert button{border-radius: 0;}
.pop-layer.fc_certif button.btn_certif{color: #e74224;}
/* alert */
.pop-layer.alert .tit{text-align: center;display: block;}
.pop-layer.alert button{
    font-size: 15px;font-weight: 500;padding: 15px 20px;width: fit-content;margin: 0 auto;height: unset;
    display: block;
}
.pop-layer.del_alrt button{display: inline-block;margin: 0 auto;margin-right: 5px;}
.pop-layer.del_alrt .pop-conts button:last-child{margin-right: 0;}
.pop-layer.del_alrt .pop-conts{text-align: center;}
@media screen and (min-width: 650px) {
    .pop-layer{width: 500px;}
    .pop-layer.fc_certif .tit{font-size: 16px;}
    .pop-layer.fc_certif .tb{width: calc(100% - 145px);}
}
@media screen and (min-width: 750px) {
    .pop-layer{max-width: 750px;border-radius: 10px;width: 500px;}
    .pop-layer h3{border-top-left-radius: 10px;border-top-right-radius: 10px;}
}
@media screen and (max-width: 374px) {
    .pop-layer.fc_certif .tit{white-space: normal;}
}