.modal-wrap{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%}.modal-wrap .modal-bg{position:absolute;width:100%;height:100%;background:#000;opacity:.5}.modal-wrap .modal-container{position:relative;z-index:998;padding:20px;display:flex;flex-direction:column;justify-content:center;height:100%;max-width:480px;margin:0 auto}.modal-wrap .modal-container .modal-content{width:100%;background-color:#fff;padding:0;border-radius:5px 5px 0 0;overflow:auto;display:flex;flex-direction:column}.modal-wrap .modal-container .modal-content .modal-top{padding:10px;border-bottom:1px solid #bbb}.modal-wrap .modal-container .modal-content .modal-contents{min-height:80px;max-height:100%;padding:10px;overflow:auto}.modal-wrap .modal-container .modal-content .modal-bottom{margin-top:auto;padding:0}.modal-btn-close{float:right;padding:0;height:auto}.modal-wrap .modal-container .modal-bottom{border-radius:0 0 5px 5px}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.pdt-title{padding:0;font-size:14px;color:#000}.pdt-price{font-size:16px;color:#000;font-weight:700;font-family:Helvetica,Apple-Gothic,Dotum,돋움,Gulim,굴림}.pdt-img1 img{width:50%}.pdt-option{border:1px solid #bbb;border-radius:2px;margin-top:10px;padding:10px}.pdt-option .option-name{color:#000;font-weight:700}.li-pdt-option{border:1px solid #ddd;border-radius:10px;padding:10px;margin-bottom:10px}.li-pdt-option:active{background-color:#eee}.pdt-cnt{padding:10px;border:1px solid #ddd}.box-pdt-cnt>button{border:1px solid #ddd;width:100%;font-size:20px}.box-pdt-cnt>input{border:none;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:0 5px;width:100%;text-align:center}.left,.right{background:none!important}.carousel-control{color:#000}.shadow-top{box-shadow:0 2px 5px #000}.span-pdt-cnt{display:inline!important;line-height:240%}.select{width:100%;padding:10px;color:#000}.pdt-info img,.pdt-notice img{max-width:100%}.active{background-color:#333!important;color:#eee}.btn-search{padding:5px 10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;border-radius:0 0 10px 10px;margin-bottom:10px}.top{animation:top 1s}.hide{animation:hide 1s}@keyframes top{0%{transform:translateY(200%)}to{transform:translateY(0)}}@keyframes hide{0%{opacity:1}to{opacity:0}}.position-fixed-full{position:fixed;left:0;top:0;width:100%;height:100%}.z-index-layer{z-index:9999}.z-index-contents{z-index:9998}.z-index-bg{z-index:9997}.bg-layer{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5;background-color:#000}.bg-popup-title{background-color:var(--bg-white);color:#333}.font-popup-main{font-size:16px;font-weight:700}.font-popup-sub{font-size:14px;font-weight:500}ul.list{height:100%}ul.list li{display:flex;border-bottom:1px solid #ddd;padding:10px 0}ul.list .pdt-img{flex:2;margin-right:10px;padding:5px;display:flex;flex-direction:column;justify-content:center;margin-left:5px;min-height:130px}ul.list .pdt-info{flex:3;color:#333}ul.grid{display:flex;flex-wrap:wrap}ul.grid .pdt-info{text-align:left;color:#333}ul.grid li{width:calc(50% - 10px);margin-bottom:20px}ul.grid li:nth-child(2n),ul.grid li:nth-child(odd){margin:0 5px 20px 5px}ul.grid .pdt-img{width:100%;background-color:#fff;text-align:center;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:5px;min-height:150px}ul.grid .pdt-img img{display:block;margin:auto;width:100%;height:100%}.pdt-img{overflow:hidden}.box-main-banner{background-color:#eee}.box-main-banner .no-banner{text-align:center;padding:30px 0}.box-main-banner .arrow-left{left:10px;top:calc(50% - 12px)}.box-main-banner .arrow-right{right:10px;top:calc(50% - 12px)}.ul-main-banner{border-bottom:1px solid #ddd}.ul-main-banner li{min-height:40px;text-align:center}.banner-img{width:100%;padding:90px}.banner-img img{width:100%;max-height:160px}.enter{transition:opacity 1s}