@charset "UTF-8";

/* 레이어 팝업 공통 - 화면 기준 가운데 수평 정렬 */
.layer_vert_container{position:fixed;top:0;left:0;width:100%;height:100%;text-align:center;z-index:1001;}
.layer_vert_container:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-left:-5px;}
.layer_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, .6);z-index:1;}
.layer_vert_container .layer_vert_item{position:relative;display:inline-block;max-height:88%;vertical-align:middle;overflow:auto;z-index:10;box-shadow:6px 6px 12px rgba(0, 0, 0, 0.15);-webkit-overflow-scrolling:touch;}
/* 레이어 팝업 공통 - 레이어 팝업 fade transition */
.layer-slide .layer-slide-item{opacity:.2;-webkit-transform:translateY(-150px);transform:translateY(-150px);-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;}
.layer-slide .layer_bg{opacity:.4;-webkit-transition:opacity .2s;transition:opacity .2s;}
.layer-slide.act .layer-slide-item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
.layer-slide.act .layer_bg{opacity:1;}
.layer_vert_container button, .layer_vert_container textarea{font-family:inherit;}
/* 신고하기 레이어 팝업 */
.layer_report_content{display:none;z-index:1002;}
.layer_report_content .layer_vert_item{max-width:320px;width:95%;background-color:#fff;}
.layer_report_content .report_con_item{padding:20px;border:1px solid #a1a1a1;border-bottom:0 none;text-align:left;letter-spacing:-0.02em;}
.layer_report_content .hgroup h2{font-size:18px;color:var(--bg-fc-color);line-height:1.3;}
.layer_report_content .con_infomation{background-color:#eee;margin-top:15px;}
.layer_report_content .info_item_reply, .layer_report_content .info_item_work{position:relative;padding:10px;font-size:14px;overflow:hidden;}
.layer_report_content .con_infomation.reply .info_item_work, .layer_report_content .con_infomation .info_item_reply{display:none;}
.layer_report_content .con_infomation.reply .info_item_reply{display:block;}
.layer_report_content .info_item_reply{white-space:nowrap;}
.layer_report_content .info_item_reply .user_img, .layer_report_content .info_item_reply .user_nick{float:left;line-height:20px;}
.layer_report_content .info_item_reply .user_img{width:20px;height:20px;border-radius:100%;background-repeat:no-repeat;background-position:center;background-size:cover;background-color:#707070;flex-shrink:0;}
.layer_report_content .info_item_reply .user_nick{width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);padding-left:7px;color:#1a1a1a;}
.layer_report_content .info_item_reply .reply_comment{font-size:12px;color:#909090;line-height:1.25;margin-top:4px;}
.layer_report_content .info_item_work{text-align:center;}
.layer_report_content .info_item_work .work_ttl{color:#1a1a1a;margin-bottom:6px;}
.layer_report_content .info_item_work .work_author{font-size:0.9em;font-weight:300;color:#707070;}
.layer_report_content .report_reason{margin-top:16px;}
.layer_report_content .report_reason .ttl_repo_resn{font-size:16px;color:#3d61aa;line-height:1.3;}
.layer_report_content .report_reason .ttl_repo_resn em{font-size:0.78em;}
.layer_report_content .repo_resn_list{margin-top:12px;}
.layer_report_content .repo_resn_list li{position:relative;margin-top:8px;}
.layer_report_content .repo_resn_list li:first-child{margin-top:0;}
.layer_report_content .repo_resn_list input[type="radio"]{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip:rect(1, 1, 1, 1);opacity:0;z-index:-1;}
.layer_report_content .repo_resn_list input[type="radio"] + label{position:relative;display:block;padding-left:16px;font-size:14px;color:#707070;line-height:1.5;cursor:pointer;}
.layer_report_content .repo_resn_list input[type="radio"] + label:before, .layer_report_content .repo_resn_list input[type="radio"]:checked + label:after{content:"";display:block;position:absolute;top:0;left:0;border-radius:100%;z-index:5;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.layer_report_content .repo_resn_list input[type="radio"] + label:before{width:12px;height:12px;border:1px solid #3d61aa;margin-top:4px;}
.layer_report_content .repo_resn_list input[type="radio"]:checked + label:after{width:6px;height:6px;background-color:#3d61aa;margin:7px 3px;}
.layer_report_content .repo_resn_etc{position:relative;margin-top:6px;}
.layer_report_content .repo_resn_etc textarea{resize:none;display:block;width:100%;border-radius:0;padding:7px 10px;border:1px solid #D1D1D1;font-family:inherit;font-size:13px;line-height:1.5;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.layer_report_content .repo_resn_etc textarea::placeholder{font-weight:300;color:#a1a1a1;}
.layer_report_content .repo_resn_etc .vrcml_txt_panel{position:absolute;bottom:100%;right:0;font-size:14px;font-weight:300;color:#a1a1a1;line-height:1.5;margin-bottom:6px;}
.layer_report_content .btn_group{position:-webkit-sticky;position:sticky;bottom:0;}
.layer_report_content .btn_group .btn_close, .layer_report_content .btn_group .btn_report_confirm{float:left;display:block;width:50%;height:50px;line-height:50px;font-size:16px;color:#fff;text-align:center;border:0 none;box-shadow:none;}
.layer_report_content .btn_group .btn_close{background-color:#a1a1a1;}
.layer_report_content .btn_group .btn_report_confirm{background-color:#3d61aa;}