.f-modal-alert{overflow:hidden}.f-modal-alert.alert{overflow:visible}.f-modal-alert .f-modal-icon{border-radius:50%;border:4px solid gray;box-sizing:content-box;height:80px;margin:0 auto;padding:0;position:relative;width:80px}.f-modal-alert .f-modal-icon.f-modal-success,.f-modal-alert .f-modal-icon.f-modal-error{border-color:#a5dc86}.f-modal-alert .f-modal-icon.f-modal-success:after,.f-modal-alert .f-modal-icon.f-modal-success:before,.f-modal-alert .f-modal-icon.f-modal-error:after,.f-modal-alert .f-modal-icon.f-modal-error:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.f-modal-alert .f-modal-icon.f-modal-success:before,.f-modal-alert .f-modal-icon.f-modal-error:before{border-radius:120px 0 0 120px;left:-33px;top:-7px;transform-origin:60px 60px;transform:rotate(-45deg)}.f-modal-alert .f-modal-icon.f-modal-success:after,.f-modal-alert .f-modal-icon.f-modal-error:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform-origin:0 60px;transform:rotate(-45deg)}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,.2);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line{background-color:#a5dc86;border-radius:2px;display:block;height:5px;position:absolute;z-index:2}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip{left:14px;top:46px;transform:rotate(45deg);width:25px}.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long{right:8px;top:38px;transform:rotate(-45deg);width:47px}.f-modal-alert .f-modal-icon.f-modal-error{border-color:#f27474}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark{display:block;position:relative;z-index:2}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder{border:4px solid rgba(200,0,0,.2)}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line{background-color:#f27474;top:37px;width:47px}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left{left:17px;transform:rotate(45deg)}.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right{right:16px;transform:rotate(-45deg)}.f-modal-alert .f-modal-icon.f-modal-warning{border-color:#f8bb86}.f-modal-alert .f-modal-icon.f-modal-warning:before{animation:pulseWarning 2s linear infinite;background-color:#fff;border-radius:50%;content:"";display:inline-block;height:100%;opacity:0;position:absolute;width:100%}.f-modal-alert .f-modal-icon.f-modal-warning:after{background-color:#fff;border-radius:50%;content:"";display:block;height:100%;position:absolute;width:100%;z-index:1}.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body{background-color:#f8bb86;border-radius:2px;height:47px;left:50%;margin-left:-2px;position:absolute;top:10px;width:5px;z-index:2}.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot{background-color:#f8bb86;border-radius:50%;bottom:10px;height:7px;left:50%;margin-left:-3px;position:absolute;width:7px;z-index:2}.f-modal-alert .f-modal-icon+.f-modal-icon{margin-top:50px}.animateSuccessTip{animation:animateSuccessTip .75s}.animateSuccessLong{animation:animateSuccessLong .75s}.f-modal-icon.f-modal-success.animate:after{animation:rotatePlaceholder 4.25s ease-in}.f-modal-icon.f-modal-error.animate:after{animation:rotatePlaceholder 4.25s ease-in}.animateErrorIcon{animation:animateErrorIcon .5s}.animateXLeft{animation:animateXLeft .75s}.animateXRight{animation:animateXRight .75s}.scaleWarning{animation:scaleWarning .75s infinite alternate}.pulseWarningIns{animation:pulseWarningIns .75s infinite alternate}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg)}100%,12%{transform:rotate(-405deg)}}@keyframes animateErrorIcon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes animateXLeft{0%,65%{left:82px;top:95px;width:0}84%{left:14px;top:33px;width:47px}100%{left:17px;top:37px;width:47px}}@keyframes animateXRight{0%,65%{right:82px;top:95px;width:0}84%{right:14px;top:33px;width:47px}100%{right:16px;top:37px;width:47px}}@keyframes scaleWarning{0%{transform:scale(1)}30%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes pulseWarning{0%{background-color:#fff;transform:scale(1);opacity:.5}30%{background-color:#fff;transform:scale(1);opacity:.5}100%{background-color:#f8bb86;transform:scale(1.5);opacity:0}}@keyframes pulseWarningIns{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.btn-s,.btn-s-o{cursor:pointer;font-size:15px;font-weight:500;background:#e94746;color:#fff;border:1px solid rgba(0,0,0,0);border-radius:3px;line-height:24px;padding:2px 8px;letter-spacing:0}.btn-s-o{cursor:pointer;background:none;border:1px solid #ccc;color:#747474;letter-spacing:0}.btn-m{cursor:pointer;font-size:16px;letter-spacing:0;font-weight:500;background:#e94746;color:#fff;border:1px solid rgba(0,0,0,0);border-radius:3px;line-height:24px;padding:10px 70px}.btn-m.gray{background:#e7e7e7;color:#a3a3a3}button.btn-fill{background-color:#e94746;font-weight:500;color:#fff;border:none;cursor:pointer;letter-spacing:0;transition:all .3s ease;width:100%;border-radius:0;padding:12px 0}button.btn-fill[type=submit]:disabled,button.btn-fill.gray{background:#e7e7e7;border:rgba(0,0,0,0);color:#a3a3a3}button.btn-outline{font-weight:500;letter-spacing:0;color:#e94746;background-color:rgba(0,0,0,0);border:1px solid #e94746;cursor:pointer;transition:all .3s ease;width:100%;border-radius:0;padding:12px 0}button.btn-outline[type=submit]:disabled,button.btn-outline.gray{background-color:rgba(0,0,0,0);border:1px solid #e7e7e7;color:#a3a3a3}form{width:60%;max-width:500px;min-width:320px;margin:0 auto}form .row{margin-top:20px}form .row label.label-text{color:#464646;line-height:40px}form .row .input-container.input-flex{display:flex;align-items:center;justify-content:space-between}form .row .input-container input.input-box{width:100%;font-size:14px;font-weight:300;line-height:48px;padding:0 12px;border:1px solid #ccc}form .row .input-container input.input-box::placeholder{font-size:14px;font-weight:300;color:#a3a3a3}form .row .input-container .input-select{width:100%;font-size:14px;font-weight:300;height:48px;padding:0 12px;border:1px solid #ccc;color:#a3a3a3}form .row .input-container input[type=checkbox],form .row .input-container input[type=radio]{display:none}form .row .input-container i{color:#e94746;font-size:24px;display:block;margin-right:4px;margin-left:-3px}form .row .input-container i.checked-icon{display:none}form .row .input-container input[type=checkbox]:checked+label .checked-icon,form .row .input-container input[type=radio]:checked+label .checked-icon{display:block}form .row .input-container input[type=checkbox]:checked+label .unchecked-icon,form .row .input-container input[type=radio]:checked+label .unchecked-icon{display:none}form .row .input-container label.label-wrap{display:flex;align-items:center;justify-content:flex-start;line-height:40px}form .row .input-container label.label-wrap span{width:100%;position:relative}form .row .input-container label.label-wrap span.spot-margin{margin-right:20px}form .row .input-container label.label-wrap a{display:inline;font-size:14px;color:#e94746;position:absolute;right:0}form .row.email-area .input-container:nth-of-type(2){margin-top:10px}form .row.address-area select:not(:last-child){margin-right:4px}.pagenation{display:flex;align-items:center;justify-content:flex-start;align-items:center;justify-content:center;gap:6px}.pagenation img{width:20px}.pagenation a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;font-weight:500;cursor:pointer}.pagenation a.arrow{border:1px solid #e7e7e7}.pagenation a.active{background-color:#e94746;color:#fff}@media screen and (max-width: 576px){.pagenation img{width:16px}.pagenation a{width:30px;height:30px}}.message{font-size:14px;line-height:1.4;color:#181818;margin-top:10px}.message.error{color:#ca1918}.sub-desc .count{color:#747474;font-weight:400}.font-color-blue{color:#185bc3 !important}.font-color-red{color:#e11c1b !important}.font-color-gray{color:#747474 !important}.font-color-green{color:#22b908 !important}.main-survey header{text-align:center}.main-survey .art-wrap{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.main-survey .art-wrap article{width:calc(25% - 24px);margin:0 12px;box-shadow:0px 4px 12px rgba(0,0,0,.1);border-radius:6px;cursor:pointer;transition:box-shadow .25s ease-in-out}.main-survey .art-wrap article:nth-child(n+5){margin-top:24px}.main-survey .art-wrap article:hover{box-shadow:0px 12px 30px rgba(0,0,0,.18)}.main-survey .art-wrap article:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1)}.main-survey .art-wrap article .image{height:130px;position:relative;border-radius:6px 6px 0 0;overflow:hidden}.main-survey .art-wrap article .image img{width:100%;height:100%;border-radius:6px 6px 0 0;transition:all .25s ease-in-out;object-fit:cover}.main-survey .art-wrap article .image .survey-pause{font-size:12px;color:#fff;text-align:center;letter-spacing:0;line-height:24px;position:absolute;right:20px;top:20px;width:56px;height:24px;background:rgba(23,23,23,.6);border-radius:26px}.main-survey .art-wrap article .text{padding:20px}.main-survey .art-wrap article .text .survey-time{margin-left:4px}.main-survey .art-wrap article .text .survey-reward .btn-s,.main-survey .art-wrap article .text .survey-reward .btn-s-o{font-size:14px !important;padding:1px 6px}.main-survey .art-wrap article .text .survey-title{font-weight:500;line-height:24px;height:48px;margin-top:8px;overflow:hidden}.main-survey .art-wrap article .text .survey-info{margin-top:20px;border-top:1px solid #e4e4e4;padding-top:5px}.main-survey .art-wrap article .text .survey-info span{font-size:14px;font-weight:400;line-height:20px;padding:4px;color:#747474;font-weight:500;height:24px}.main-survey .art-wrap article .text .survey-info span:last-child{margin-left:4px}.main-survey .art-wrap article .text .survey-info span.domestic{color:#d64140;font-weight:600}.main-survey .art-wrap article .text .survey-info span.oversea{color:#3a68b5;font-weight:600}.main-survey .survey-more{font-size:16px;font-weight:600;color:#e94746;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:1px solid #f1a8a8;line-height:44px;width:180px;border-radius:40px;margin-left:auto;margin-right:12px;margin-top:40px}.main-survey .survey-more .xi-angle-right-min{display:block;font-size:24px;margin-left:4px}.main-survey .case2 article{border:2px dashed #e7e7e7;color:#747474;text-align:center;padding:3rem 0;margin:0 12px;font-size:16px;line-height:24px}.profile-survey .art-wrap{height:290px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.profile-survey .art-wrap article{width:33.33%;margin:0 12px;color:#fff;border-radius:6px;padding:1.875rem;cursor:pointer;transition:height .4s ease-in-out;height:186px}.profile-survey .art-wrap article:hover{height:286px}.profile-survey .art-wrap article:hover .card-btm p{opacity:1}.profile-survey .art-wrap article:nth-child(1){background:#2acabf}.profile-survey .art-wrap article:nth-child(2){background:#c59acc}.profile-survey .art-wrap article:nth-child(3){background:#f0a468}.profile-survey .art-wrap article .card-top{display:flex;align-items:center;justify-content:space-between}.profile-survey .art-wrap article .card-top .icon{width:48px}.profile-survey .art-wrap article .card-top .icon img{width:100%}.profile-survey .art-wrap article .card-top .done{line-height:24px;font-weight:500;letter-spacing:0}.profile-survey .art-wrap article .card-top .done .xi-check{font-size:18px;margin-left:4px}.profile-survey .art-wrap article .card-mid{margin-top:20px;font-weight:500}.profile-survey .art-wrap article .card-mid .survey-title{font-size:1.375rem;line-height:40px}.profile-survey .art-wrap article .card-mid .survey-reward{font-size:14px}.profile-survey .art-wrap article .card-mid .survey-reward .survey-point{margin-right:10px}.profile-survey .art-wrap article .card-btm{margin-top:20px}.profile-survey .art-wrap article .card-btm p{height:72px;overflow:hidden;font-weight:300;opacity:0%;transition:opacity .2s ease-in-out}@media(max-width: 992px){.main-survey .art-wrap article{width:calc(50% - 24px)}.main-survey .art-wrap article:nth-child(n+5){margin-top:0}.main-survey .art-wrap article:nth-child(n+3){margin-top:34px}.main-survey .survey-more{margin:auto;margin-top:40px}.profile-survey .art-wrap{overflow:visible;height:auto;align-items:flex-start}.profile-survey .art-wrap article{width:calc(50% - 24px);height:auto}.profile-survey .art-wrap article:first-child{margin-top:0}.profile-survey .art-wrap article:hover{height:auto}.profile-survey .art-wrap article .card-top .icon{width:44px}.profile-survey .art-wrap article .card-mid{margin-top:1rem}.profile-survey .art-wrap article .card-btm{height:70px}.profile-survey .art-wrap article .card-btm p{line-height:1.45;opacity:1;height:auto}}@media(max-width: 768px){.last-margin{margin-bottom:60px}}@media(max-width: 638px){.profile-survey section .art-wrap{flex-wrap:wrap}.profile-survey section .art-wrap article{width:100%}.profile-survey section .art-wrap article:not(:first-child){margin-top:12px}}@media(max-width: 576px){.main-survey .art-wrap article{width:calc(100% - 24px)}.main-survey .art-wrap article:not(:first-child){margin-top:18px !important}.main-survey .art-wrap article .image{height:140px}.main-survey .art-wrap article .text .survey-title{height:48px}}/*# sourceMappingURL=survey.css.map */