/* 팝업 */
#wrvMetPop{display: none;padding: 0 20px;}
#wrvMetPop.on{display: block;}
#wrvMetPop .iheShwMo2{display: none;}
#wrvMetPop .popBck{width: 100%;height: 100%;background-color: #1e1f32;opacity: 0.8;position: fixed;top: 0;left: 0;z-index: 101;}
#wrvMetPop > *{font-size: 16px;line-height: 30px;font-family: "MinSans-Regular";color: #1e1f32;font-weight: bold;letter-spacing: -0.04em;}
#wrvMetPop .clrChg{color: #ff6600 !important;font-weight: bold;}
#wrvMetPop .popScl{height: 100%;overflow-y: auto;}
#wrvMetPop .popInr{max-width: 580px;background-color: #ffffff; z-index: 999;width: calc(100% - 40px);border-radius: 30px 30px 20px 20px;overflow: hidden;box-shadow: 0 50px 100px rgba(30,31,50,0.8); position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height:95vh;overflow:auto;}
#wrvMetPop .popInr::-webkit-scrollbar{width: 4px;}
#wrvMetPop .popInr::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px;transition:all 0.5s;}
#wrvMetPop .popInr:hover::-webkit-scrollbar-thumb{background-color:#ff6600;transition:all 0.5s;}
#wrvMetPop .popInr::-webkit-scrollbar-track{background-color:transparent;border-radius:3px;}
#wrvMetPop .popHed{width: 100%;height: 0;position: relative;padding-bottom: 51.5%;}
#wrvMetPop .popHed .imgBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
#wrvMetPop .popHed .imgBox > img{width: 100%;object-fit: cover;}
#wrvMetPop .popHed .txtBox{text-align: center;color: #fff;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#wrvMetPop .popHed .txtBox > p{display: block;padding: 0 35px;position: absolute;top: 52%;left: 0;transform: translateY(-50%);z-index: 1;width: 100%;font-size: 40px;line-height: 50px;font-family: "TangsBudaeJjigae";text-align: start;/* text-shadow: 0px 0px 20px #890619; */}
#wrvMetPop .popHed .txtBox > p > b{color: #fffb95;}
#wrvMetPop .popFrm{padding: 20px;}
#wrvMetPop .popFrmCfm{border: 1px solid #e8e4de;border-radius: 10px;padding: 15px;}
#wrvMetPop .frmLbl{display: flex;height: 50px;align-items: center;}
#wrvMetPop .frmLbl.flxTop{align-items: flex-start;height: auto;margin: 15px 0 !important;}
#wrvMetPop .popFrmCfm > div:not(:last-child){margin-bottom: 10px;}
#wrvMetPop .frmLbl .frmIptBox{width: calc(100% - 120px);}
#wrvMetPop .frmLbl .frmIptBox.frmFlx{display: flex;}
#wrvMetPop .frmLbl .frmIptBox > div:not(:last-child){margin-bottom: 10px;}
#wrvMetPop .frmLbl .frmIpt{height: 50px;padding: 0 15px;border-radius: 5px;border: 1px solid #ded8cf;width: 100%;background-color: #faf7f3;}
#wrvMetPop .frmLbl .frmIpt::placeholder{font-weight: bold;color: #1e1f32;opacity: 0.5;}
#wrvMetPop .frmBtn > a{background-color: #1e1f32;color: #fff;width: 100%;display: inline-block;width: 120px;height: 100%;border-radius: 5px;display: flex;align-items: center;justify-content: center;margin-left: 10px;}
#wrvMetPop .popLblLft{font-size: 16px;line-height: 30px;display: inline-block;width: 120px;padding: 0 10px;}
#wrvMetPop .frmChkBox{display: flex;justify-content: space-between;}
#wrvMetPop .popFrmAgr a{text-decoration: underline;font-size: 12px;color: #1e1f32;padding-left: 10px;white-space: nowrap;}
#wrvMetPop .popFrmAgr input{display: none;}
#wrvMetPop .popFrmAgr .frmChkLbl{position: relative;padding-left: 34px;cursor: pointer;word-break: keep-all;}
#wrvMetPop .popFrmAgr .frmChkLbl::before{content: '';position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-image: url(../images/check-off.png);background-repeat: no-repeat;background-size: 100% auto;width: 24px;height: 24px;}
#wrvMetPop .popFrmAgr input:checked + .frmChkLbl::before{background-image: url(../images/check-on.png);}
#wrvMetPop .frmBtmTxt{background-color: #faf7f3;border-radius: 5px;display: flex;align-items: center;justify-content: center;min-height: 50px;width: 100%;text-align: center;}
#wrvMetPop .frmBtmTxt > span{font-size: 14px;font-weight: 400;word-break: keep-all;line-height:19px;display: block;padding: 10px;}
#wrvMetPop .frmBtmTxt > span > strong{font-weight: bold;}
#wrvMetPop .popBtn{max-width: 390px;width: 100%;height: 80px;border-radius: 20px;background-color: #ff6600;margin: 20px auto 0;position: relative;background: url(../images/btn-pop.jpg) no-repeat;background-size: 100% auto;}
#wrvMetPop .popBtn > a{display: inline-block;width: 100%;height: 100%;color: #ffffff;font-family: "TangsBudaeJjigae";font-size: 30px;line-height: 82px;text-align: center;position: relative;}
#wrvMetPop .popHed .btnPopCls{display: inline-block;width: 25px;height: 25px;background: url(../images/icon-close.png) no-repeat;background-size: 100% auto;cursor: pointer;position: absolute;top: 20px;right: 20px;z-index: 3;}

#wrvMetPop input[type="number"]::-webkit-outer-spin-button,
#wrvMetPop input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

.wrvMetPopSub{display: none;position: relative;z-index: 5000;}
.wrvMetPopSub.on{display: block;}
.wrvMetPopSub > *{font-size: 16px;line-height: 30px;font-family: "MinSans-Regular";}
.wrvMetPopSub .popInrDmd{position: fixed;top:0;left:0;background-color:#1e1f32;opacity:0.8;width:100%;height:100%;}
.wrvMetPopSub .popInr{padding: 20px;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: 999;max-width: 400px;width: calc(100% - 80px);/* height: 500px; */background-color: #fff;border-radius: 20px;box-shadow: 0 50px 100px rgba(30,31,50,0.8);}
.wrvMetPopSub .popTtl{display: flex;justify-content: space-between;align-items: center;}
.wrvMetPopSub .popTtl > span{font-size: 20px;line-height: 30px;color: #ff6600;font-weight: bold;}
.wrvMetPopSub .popTtl > i{display: inline-block;width: 16px;height: 16px;background: url(../images/icon-close.png) no-repeat;background-size: 100% auto;cursor: pointer;}
.wrvMetPopSub .popCnt{width: 100%;height: 360px;padding: 15px 15px 15px 25px;border-radius: 10px;border: 1px solid #e8e4de;margin: 10px 0;}
.wrvMetPopSub .popCnt > div{width: 100%;height: 100%;overflow-y: auto;font-size: 14px;line-height: 25px;scrollbar-track-color: #000;padding-right: 15px;}
.wrvMetPopSub .popCnt > div::-webkit-scrollbar {width: 10px;}
.wrvMetPopSub .popCnt > div::-webkit-scrollbar-track{background-color: #e8e4de;border-radius: 5px;}
.wrvMetPopSub .popCnt > div::-webkit-scrollbar-thumb {background-color: #ff6600;border-radius: 4px;border: 1px solid #e8e4de;}
.wrvMetPopSub .popCnt table{font-size:12px;}
.wrvMetPopSub .popCnt table th,
.wrvMetPopSub .popCnt table td{border:1px solid #e8e4de;padding:5px 10px;}
.wrvMetPopSub .popCnt table td{word-break:keep-all;}
.wrvMetPopSub .popCnt table th{text-align:center;background-color:#f5f5f5;}
.wrvMetPopSub .popCnt p{word-break:keep-all;margin-top:5px;}
.wrvMetPopSub .popCnt b{font-size:18px;font-weight:bold;}

.wrvMetPopSub .popBtn{width: 100%;height: 50px;background-color: #1e1f32;border-radius: 5px;}
.wrvMetPopSub .popBtn > a{display: inline-block;width: 100%;height: 100%;color: #fff;line-height: 50px;text-align: center;font-weight: bold;}

#wrvMetPop .frmLbl .frmIptBox .frmTme{font-size:13px; letter-spacing:-0.1em;color:#ff6600; font-weight:800;display: flex;align-items: center;margin-left: 5px;white-space: nowrap;}
#wrvMetPop .frmLbl .frmIptBox .frmTme > span{display: inline-block;padding: 0 2px;}
#resultMsg > span{display: block;padding-left: 120px;margin-bottom: 5px;margin-top: -5px;}

#wrvMetPop .phnShw{display: none;}
#wrvMetPop .phnShw.on{display: flex;}
#wrvMetPop .iheShwMo{display: none;}

@media (max-width:1200px){
    #wrvMetPop .popInr{max-height:80vh;}
}

@media (max-width:700px){
    #wrvMetPop .popHed .txtBox > p{font-size: 30px;line-height: 43px;}
    #wrvMetPop .popLblLft{width: 90px;padding: 0;}
    #wrvMetPop .frmLbl .frmIptBox{width: calc(100% - 90px);}

    #wrvMetPop .popFrmCfm{padding: 15px 10px;}
    #wrvMetPop .frmBtmTxt{height: auto;}
    #wrvMetPop .popFrmAgr > *{font-size: 14px;line-height: 25px;}
    #wrvMetPop .popLblLft{line-height: 25px;}

    #resultMsg > span{padding-left: 90px;}

}

@media (max-width:540px){
    #wrvMetPop > *{font-size: 14px;line-height: 25px;}

    #wrvMetPop .frmLbl{height: 40px;}
    #wrvMetPop .popFrm{padding: 15px 10px;}
    #wrvMetPop .frmLbl .frmIptBox{width: calc(100% - 70px);}
    #wrvMetPop .frmLbl .frmIpt{padding: 0 10px;}
    #wrvMetPop .popLblLft{width: 70px;font-size: 14px;}
    #wrvMetPop .popBtn{max-width: 290px;height: 60px;border-radius: 15px;margin: 15px auto 0;}
    #wrvMetPop .popBtn > a{font-size: 25px;line-height: 64px;}
    #wrvMetPop .popHed .txtBox > p{font-size: 20px;line-height: 32px;}
    #wrvMetPop .frmChkBox{flex-direction: column;}
    #wrvMetPop .popFrmAgr a{padding-left: 34px;}
    #wrvMetPop .frmLbl .frmIpt{height: 40px;}
    #wrvMetPop .frmBtn > a{width: 70px;font-size: 12px;margin-left: 5px;}
    #wrvMetPop .popHed .btnPopCls{width: 20px;height: 20px;top: 20px;right: 15px;}

    .wrvMetPopSub .popTtl > span{font-size: 14px;}

    #wrvMetPop .iheShwMo{display: block;}

    #wrvMetPop .frmLbl .frmIptBox .frmTme{font-size: 12px;}
    #resultMsg > span{padding-left: 70px;font-size: 12px !important;line-height: 18px;display: block;word-break: keep-all;}
}

@media (max-width:450px){
    #wrvMetPop .iheShwMo2{display: block;}
}