.user-container{margin-top:81px;background-color:#f1f1f1}.user-container .user-wrap{width:1280px;margin:auto;min-height:calc(100vh - 81px);height:100%}.user-container .user-wrap .user-content-wrap{display:flex;height:100%}.user-container .user-wrap .user-content-wrap .user-list-area{width:505px;background-color:#f4f7fb}.user-container .user-wrap .user-content-wrap .user-list-area .title{font-family:'Noto Sans KR Bold';font-size:28px;color:#1f3349;padding-top:46px;padding-left:28px}.user-container .user-wrap .user-content-wrap .user-list-area .sub-title{font-family:'Noto Sans KR Regular';font-size:16px;color:#787878;padding-top:5px;padding-left:28px}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area{padding:50px 22px 22px 22px}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-title{display:flex;padding:0 14px 10px 14px}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-title div{font-family:'Noto Sans KR Medium';font-size:14px;color:#495357}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-title div.empty-area{width:40px}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-title div.email{width:calc((100% - 40px)/2)}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-title div.last-login{width:calc((100% - 40px)/2)}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-content .user-list{padding:14px;background-color:#ffffff;margin-top:20px;display:flex;border-radius:4px;cursor:pointer}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-content .user-list:first-child{margin-top:0}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-content .user-list .user-icon{width:32px;height:32px;font-family:'Open Sans Regular';font-size:12px;color:#ffffff;border-radius:50%;text-align:center;line-height:32px;margin-right:8px}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-content .user-list .user-value{font-size:14px;color:#535353;font-family:'Open Sans Regular';line-height:1.36;padding-top:5px;padding-bottom:7px}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-content .user-list .user-value.email{width:calc((100% - 40px)/2)}.user-container .user-wrap .user-content-wrap .user-list-area .user-list-content-area .user-list-content .user-list .user-value.last-login{width:calc((100% - 40px)/2)}.user-container .user-wrap .user-content-wrap .user-info-area{width:775px;background-color:#ffffff;padding:37px 55px}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-header-area{display:flex}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-header-area .user-icon{width:60px;height:60px;font-family:'Open Sans Regular';font-size:18px;color:#ffffff;border-radius:50%;text-align:center;line-height:60px;margin-right:25px}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-header-area .user-email{font-family:'Open Sans Regular';font-size:18px;color:#535353;padding-top:19px;padding-bottom:17px}.user-container .user-wrap .user-content-wrap .user-info-area .divider{width:100%;border-top:solid 1px #b1b1b1;margin:26px 0}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-content-area .user-info-content{display:flex;padding-bottom:59px}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-content-area .user-info-content:last-child{padding-bottom:0}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-content-area .user-info-content .user-info-detail{width:calc(100%/3)}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-content-area .user-info-content .user-info-detail .user-info-title{font-family:'Noto Sans KR Regular';font-size:16px;color:#9f9f9f;padding-bottom:9px;letter-spacing:0.64px}.user-container .user-wrap .user-content-wrap .user-info-area .user-info-content-area .user-info-content .user-info-detail .user-info-value{font-family:'Open Sans Regular', sans-serif;font-size:16px;color:#333333;letter-spacing:0.64px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area{background:#f2f2f2;padding:15px 20px;border-radius:20px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .title{font-family:'Noto Sans KR Regular';font-size:18px;color:#333333}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .title .date{font-family:'Open Sans Semi Bold', sans-serif;font-size:16px;color:#333333}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .request-content{padding-left:10px;padding-top:10px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .request-content .type-quantity{display:flex;font-family:'Noto Sans KR Regular';font-size:16px;color:#333333}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .request-content .type-quantity.cloud{font-family:'Open Sans Regular', sans-serif}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .request-content .type-quantity .bullet{width:5px;height:5px;background:#333;margin:auto 10px auto 0;border-radius:50%}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .request-content .type-quantity.cloud .type{width:160px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .request-area .not-request{font-family:'Noto Sans KR Regular';font-size:16px;color:#333333;opacity:0.8}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area{padding-top:15px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost{position:relative}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .explanation-main-title{display:flex;font-size:16px;color:#607d9c}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .explanation-main-title div{width:50%;font-family:'Noto Sans KR Medium'}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .explanation-main-title div.right{text-align:right}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents{display:flex;padding-top:11px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .checkbox-area{margin-right:9px;margin-top:5px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .checkbox-area input{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .checkbox-area input+label{position:relative;padding-left:16px;font-weight:normal;cursor:pointer}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .checkbox-area input+label:before{top:50%;width:14px;height:14px;margin-top:-10px;border:1px solid #b9b9b9;border-radius:2px;text-align:center;box-sizing:content-box;position:absolute;content:'';display:block;left:0}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .checkbox-area input+label:after{content:'';background-color:transparent;top:50%;left:3px;width:8px;height:4px;margin-top:-6px;border-style:solid;border-color:#ffffff;border-width:0 0 2px 2px;transform:rotate(-45deg) scale(0);position:absolute;display:block;border-top-left-radius:1px;border-bottom-right-radius:1px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .checkbox-area input:checked+label:before{border-color:#4264FB;background:#4264FB}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .checkbox-area input:checked+label:after{transform:rotate(-45deg) scale(1)}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title{font-size:16px;font-family:'Noto Sans KR Regular';color:#525b6f;text-align:left;letter-spacing:0.64px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title .quantity{margin-left:6px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title .quantity .select-quantity{font-family:'Open Sans Regular';font-weight:600;font-size:14px;color:#1453ff;padding:3px 0 0 0;display:inline-block;vertical-align:text-top}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title .quantity .select-minus,.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title .quantity .select-add{cursor:pointer}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title .quantity .select-minus img,.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title .quantity .select-add img{vertical-align:text-top;margin-top:6px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .title .quantity .select-minus.disabled{opacity:0.3;pointer-events:none}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .dash-line{flex-grow:1;margin:0 8px;border-bottom:dashed 1px #d0dae6;height:19px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .select-contents-wrap .select-contents .cost{font-size:16px;font-family:'Noto Sans KR Regular';color:#525b6f;text-align:right}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe{padding-top:35px;text-align:right}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe .btn-subscribe{width:100px;height:36px;border-radius:21px;background-color:#c3c6d5;font-family:'Noto Sans KR Regular';color:#ffffff;font-size:12px;letter-spacing:0.48px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe .btn-subscribe.active{background-color:#4264FB;cursor:pointer}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe .btn-subscribe.active:hover{background-color:#314ccd}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap{background:#fff;position:absolute;top:0;width:100%;padding:15px;box-shadow:0 0 10px 0 rgba(143,157,177,0.25);border-radius:4px;z-index:1}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .close{cursor:pointer;width:14px;height:14px;background:url(../../assets/img/btn_input_cancel1.png);background-position:center;opacity:0.6;float:right;padding:10px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .close:hover{opacity:0.8}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .title,.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .value{font-size:16px;font-family:'Noto Sans KR Medium';color:#1f3349;padding-bottom:5px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap{font-size:15px;font-family:'Noto Sans KR Regular';color:#1f3349;min-height:135px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap .content{display:flex;padding-bottom:5px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap .content.content-title .item{font-family:'Noto Sans KR Regular'}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap .content .item{width:60%}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap .content .item.cloud{font-family:'Open Sans Regular'}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap .content .cost{text-align:right;width:40%}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap.cloud .content .item{width:40%}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap.cloud .content .quantity{text-align:center;width:30%}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .confirm-content-wrap.cloud .content .cost{width:30%}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .totalPrice{font-size:16px;color:#1f3349;display:flex;padding:6px 0}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .totalPrice .text{display:block;font-family:'Noto Sans KR Regular';width:50%}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .totalPrice .price{display:block;font-family:'Noto Sans KR Regular';width:50%;text-align:right}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .btn-send{padding-top:10px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .btn-send button{background-color:#4264FB;cursor:pointer;width:100px;height:36px;border-radius:21px;font-family:'Noto Sans KR Regular';color:#ffffff;font-size:12px;letter-spacing:0.48px}.user-container .user-wrap .user-content-wrap .user-info-area .user-subscribe-content-area .user-subscribe-request .subscribe-area .service-cost .subscribe-modal-wrap .btn-send button:hover{background-color:#314ccd}