/* pop */
.pop {position:absolute;background:#fff;width:auto;display:inline-block;left:70px;top:50px;border-radius:20px;overflow:hidden;border:1px solid #e2e2e2;}
.pop .pop-head {display:flex;height:50px;background-color:#2c5994;align-items: center;color:#fff;justify-content: space-between;}
.pop .pop-head > div {font-size:18px;padding-left:20px;}
.pop .pop-head > button {margin-right:20px;width: 20px;height: 20px;padding: .25em .25em;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;}
.pop .pop-content {overflow:auto;max-height:calc(100vh - 200px);min-height:200px;max-width:calc(100vw - 140px);min-width:300px;padding:20px 20px 20px;}
.pop .pop-footer {height:35px;display:flex;align-items:center;justify-content:space-between;background-color:#e6e6e6;font-size:12px;padding:0 15px}
.pop .pop-footer > .btn-pop-close {padding-left:17px;color:#212529;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") left no-repeat;background-size:10px 10px;}
.pop .pop-footer input[type=checkbox] {width:15px;height:15px;margin:0;accent-color: #0066ff;margin-right:5px;}
.pop .btn-survey-send {background-color: #006ca9;border-color: #006ca9;padding-left:25px;padding-right:25px;}

.pop .survey-tit {text-align:center;font-size:28px;line-height:1.2em;margin-top:10px;margin-bottom:28px;}
.pop .survey-desc {background-color:#ececec;margin-bottom:20px;font-size:14px;padding:15px 20px;border-radius:5px;}

.pop .survey-list {margin-bottom:20px;}
.pop .survey-list > li {padding:20px 0 15px;border-bottom:1px solid #ebebeb;}
.pop .survey-list > li:last-child {border-bottom:none;}
.pop .survey-list > li > .q-tit {display:flex;align-items: flex-start;}
.pop .survey-list > li > .q-tit > span {padding-right:10px;margin-top:1px;}
.pop .survey-list > li > .q-tit > div {flex:1;}
.pop .survey-list > li > ul {margin-top:10px;margin-left:25px;font-size:14px;color:#535353}
.pop .survey-list > li > ul > li {margin-bottom:5px;display:flex;align-items:flex-start;line-height:1.3em;}
.pop .survey-list > li > ul > li > input[type=radio] {margin-right:10px;vertical-align:middle;accent-color: #0066ff;margin-top:2px;}
.pop .survey-list > li > ul > li > .input-tel {width:200px;margin-top:5px;}
.pop .survey-list > li > ul > li > .input-tel:focus {box-shadow:none !important;outline:1px solid #000;border:1px solid #000}
.pop .survey-list > li > ul > li > .input-tel::placeholder {color:#a7a7a7;}
.pop .survey-list > li > .q-consent {font-size:14px;padding:0 23px;margin-bottom:15px;color: #8d3e5d;}

@media (max-width: 767px) {
  .pop {left:10px;right:10px;top:10px;}
  .pop .pop-content {min-width:100%;min-height:calc(100vh - 200px)}
}