.pop_profile{position:fixed;width:900px;height:400px;top:50%;left:50%;margin-top:-225px;margin-left:-475px;padding:25px;background-color:#fff;border-radius:10px;z-index:101}.pop_profile .close{position:absolute;top:15px;right:15px}.pop_profile .close img{width:20px}.pop_profile .profile{position:absolute;top:25px;left:25px}.pop_profile .profile img{width:400px;height:400px;border-radius:10px}.pop_profile .info{position:relative;padding:10px 0 0 420px}.pop_profile .info .text{position:relative;padding-bottom:15px}.pop_profile .info .text p{font-size:11px;opacity:.7;padding-bottom:5px}.pop_profile .info .text h1{font-size:30px;line-height:40px;padding:0}.pop_profile .info .text h1 b{font-weight:500}.pop_profile .info .text h1 .female{color:#f25c62}.pop_profile .info .text h1 .male{color:#2e7de0}.pop_profile .info .text span{margin-right:15px}.pop_profile .info .text span b{font-weight:800}.pop_profile .info .text a{position:absolute;top:30px;right:0}.pop_profile .info .text a img{width:45px;opacity:.3}.pop_profile .info .text a:hover img{opacity:1}.pop_profile .info .btn{position:relative;border-top:1px dashed #e5e5e5;border-bottom:1px dashed #e5e5e5;padding:15px 0}.pop_profile .info .btn a{background-color:#fcf8f4;padding:9px 14px 9px 12px;border-radius:5px;font-size:13px;font-weight:500;margin-right:2px}.pop_profile .info .btn a img{width:18px;padding:0 3px 2px 0}.pop_profile .info .btn a:hover{background-color:#333;color:#fff}.pop_profile .info .btn a:hover img{filter:brightness(100)}.pop_profile .info .avg{position:relative;padding-top:20px}.pop_profile .info .avg li{float:left;width:44.5%;font-size:15px}.pop_profile .info .avg li:first-child{padding-right:5%}.pop_profile .info .avg li:last-child{border-left:1px solid #e5e5e5;padding-left:5%}.pop_profile .info .avg li b{font-weight:800;color:#d60009}.pop_profile .info .avg li img{width:20px;padding:0 5px 2px 0}.pop_profile .info .avg li .time{position:relative;padding-top:10px;width:100%}.pop_profile .info .avg li .time td{font-size:12px;text-align:left;padding:2px 0}.pop_profile .info .avg li .time td p{background-color:#000;height:7px;border-radius:10px;display:block}.pop_profile .info .avg li .time td:first-child{width:25%}.pop_profile .info .avg li .time td:nth-child(2){width:55%}.pop_profile .info .avg li .time td:nth-child(3){width:30%;text-align:right;font-weight:800}.pop_profile .info .avg li .rate{position:relative;padding-top:10px;width:100%}.pop_profile .info .avg li .rate td{font-size:12px;text-align:left;padding:2px 0}.pop_profile .info .avg li .rate td:first-child{width:25%}.pop_profile .info .avg li .rate td:nth-child(2){width:55%}.pop_profile .info .avg li .rate td:nth-child(3){width:30%;text-align:right;font-weight:800}.pop_profile .info .avg li .rate td img{padding:0 1px;width:15px}.pop_profile .info .avg li .rate td .gray{filter:grayscale(100);opacity:.4}.pop_profile .info .gobtn{position:relative;padding-top:25px;clear:both;text-align:center}.pop_profile .info .gobtn a{margin-right:5px;font-size:20px;padding:12px 45px 12px 35px;border-radius:7px;font-weight:700}.pop_profile .info .gobtn a img{width:29px;padding:0 3px 2px 0}.pop_profile .info .gobtn .voice{background-color:#f5f1df;color:#876f05}.pop_profile .info .gobtn .video{background-color:#f5dfdf;color:#f25c62}.pop_profile .info .gobtn a:hover{background-color:#000;color:#fff}.pop_profile .info .gobtn a:hover img{filter:brightness(100)}@media only screen and (max-width:1000px){.pop_profile{width:90%;height:370px;margin-top:-225px;margin-left:calc(-45% - 10px);padding:10px}.pop_profile .close{top:10px;right:10px;z-index:100}.pop_profile .profile{top:10px;left:10px;width:250px;height:250px}.pop_profile .profile img{width:100%;height:100%}.pop_profile .info{padding:10px 0 0 280px}.pop_profile .info .text{padding-bottom:10px}.pop_profile .info .text h1{font-size:24px;line-height:30px}.pop_profile .info .text span{margin-right:12px}.pop_profile .info .text a{top:30px;right:0}.pop_profile .info .text a img{width:35px}.pop_profile .info .btn a{padding:9px 10px 9px 8px}.pop_profile .info .btn a img{width:13px}.pop_profile .info .avg{padding-top:15px}.pop_profile .info .gobtn{padding-top:20px}.pop_profile .info .gobtn a{margin-right:3px;font-size:17px;padding:10px 20px 10px 25px}.pop_profile .info .gobtn a img{width:25px}}@media only screen and (max-width:766px){.pop_profile{width:calc(100% - 20px);height:auto;left:0;bottom:0;top:auto;margin-left:0;margin-top:0;padding:10px;border-radius:15px;z-index:101;border-bottom-left-radius:0;border-bottom-right-radius:0}.pop_profile .profile{position:relative;top:0;left:0;width:100%;height:320px}.pop_profile .profile img{width:100%;height:100%}.pop_profile .info{padding:0;overflow-y:scroll;height:calc(100% - 200px)}.pop_profile .info .text{padding:15px 0}.pop_profile .info .text p{padding-bottom:3px}.pop_profile .info .text h1{font-size:20px;line-height:24px}.pop_profile .info .text span{margin-right:5px;font-size:12px}.pop_profile .info .text a img{width:40px}.pop_profile .info .btn{padding:10px 0}.pop_profile .info .btn a{padding:5px 8px 5px 6px;font-size:12px}.pop_profile .info .btn a img{width:15px}.pop_profile .info .avg{padding-top:10px}.pop_profile .info .avg li{font-size:13px}.pop_profile .info .avg li img{width:15px}.pop_profile .info .avg li .time{padding-top:5px}.pop_profile .info .avg li .time td{font-size:11px;white-space:nowrap}.pop_profile .info .avg li .time td p{height:5px;border-radius:10px}.pop_profile .info .avg li .rate{padding-top:5px}.pop_profile .info .avg li .rate td{font-size:11px;white-space:nowrap}.pop_profile .info .avg li .rate td img{width:13px}.pop_profile .info .gobtn{padding-top:20px}.pop_profile .info .gobtn a{margin-right:2px;font-size:15px;padding:12px 30px 12px 20px;border-radius:5px;margin-bottom:5px}.pop_profile .info .gobtn a img{width:20px;padding:0 3px 2px 0}}.contents .smenu .recomm_list{position:relative;width:100%;overflow-x:scroll}.contents .smenu .recomm_list .scroll{position:relative;white-space:nowrap}.contents .smenu .recomm_list .scroll a{padding:0 5px 15px 0}.contents .smenu .recomm_list .scroll a img{width:80px;height:80px;border-radius:80px;border:3px solid #fff}.contents .smenu .recomm_list .scroll .now img,.contents .smenu .recomm_list .scroll a:hover img{border:3px solid #f25c62}.recomm{position:relative;text-align:center}.recomm h1{font-size:19px;font-weight:300;padding:10px 0 40px 0}.recomm h1 b{font-weight:800}.recomm_profile{position:relative;width:880px;height:400px;top:0;left:50%;margin-top:0;margin-left:-475px;box-shadow:0 0 8px 2px #e4e4e4;border:3px solid #f25c62;text-align:left;display:block;z-index:10}@media only screen and (max-width:1000px){.contents .smenu .recomm_list .scroll a img{width:60px;height:60px;border:2px solid #fff}.recomm_profile{width:100%;height:auto;top:0;left:50%;margin-top:0;margin-left:-50%;padding:0;border:0}.recomm_profile .photo{width:45%}.recomm_profile .info{padding:25px 20px 50px 40%}.recomm_profile .info .gobtn a{font-size:15px;padding:10px 20px 10px 20px}.recomm_profile .info .gobtn a img{width:22px}}@media only screen and (max-width:766px){.contents .smenu .recomm_list .scroll a{padding:0 5px 0 0}.contents .smenu .recomm_list .scroll a img{width:65px;height:65px;border-radius:65px;border:2px solid #fff}.contents .smenu .recomm_list .scroll .now img{border:2px solid #f25c62}.recomm h1{font-size:13px;padding:0 0 20px 0}.recomm_profile{width:100%;height:auto;top:0;left:50%;margin-top:0;margin-left:-50%;padding:0;border:0;border-bottom-left-radius:10px;border-bottom-right-radius:10px;z-index:99}.recomm_profile .photo,.recomm_profile .photo img{width:100%}.recomm_profile .info{padding:10px}}