@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}
*{
	font-family: "Pretendard", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {

}
/*  메인 배경 화면 */
main.testes{
	background: #f1f1f1;
	width: 100%;
	max-width: 800px;
	overflow-x: hidden;
	padding: 10px;
	margin: 16px auto 24px;
	border-radius: 8px;
	/*border: 1px solid #ccc;*/
	/*box-shadow: 0 4px 16px 0 rgba(0,0,0,0.05);*/
}

#report{
	position: relative;
	width: 96.25%;
	max-width: 96.25%;
	margin: 32px auto;
	border: #999 2px dashed;
	border-radius: 8px;
}
.report_info_title_wrap { position:relative; width:100%; }

.report_info_title_winner{
	text-align:center;
	margin:0 auto;
}
.report_info_title_winner h4{
	font-size: 20px;
	line-height: 20px;
}
.report_info_title{
	text-align:center;
	margin-top:15px;
}
.report_info_title h2{
	display:inline-block;
	box-sizing:border-box;
	max-width: 80%;
	padding: 8px 16px;
	border-radius: 4px;
	background: #333;
	color: #fff;
	font-size: 32px;
	line-height: 1.42;
	font-weight: 700;
	word-break: keep-all;
}
@media screen and (max-width: 767px) {
	.report_info_title h2 {
		font-size: 24px;
	}
}
.report_info_invite{
	position: relative;
	width: 90%;
	padding: 16px 12px 12px;
	margin: 40px auto 12px;
	border: 1px solid #999;
	border-radius: 8px;
	font-size: 16px;
	line-height: 27px;
}
.report_info_invite h4 {
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 8px;
}
.report_info_menu {
	position: relative;
	width: 90%;
	padding: 16px 12px 12px;
	margin: 10px auto 0;
	border: 1px solid #999;
	border-radius: 8px;
	font-size: 16px;
	line-height: 27px;
}
.report_info_menu h4 {
	font-size: 20px;
	line-height: 20px;
	margin: 0 0 8px;
}
.report_info_ps {
	position:relative;
	width:90%;
	border: #999999 0 solid;
	margin:0 auto;
	padding:10px;
	color: #999999;
	font-size: 12px;
	line-height: 1.45;
}


/*리포트 당첨자 리스트*/
.report_view_title{
	display: inline-block;
	border-left: #333 6px solid;
	padding-left: 20px;
	margin-left: 32px;
	margin-top: 32px;
}
.report_info_winner{
	position: relative;
	width: 100%;
	padding:10px;
	margin: 40px auto 0;
	color: #333;
	font-size:12px;
}
.report_info_winner_title {
	display:inline-block;
	box-sizing:border-box;
	color: #333;
	border-left:#000000 6px solid;
	padding-left:20px;
	margin-left: 24px;
}
.report_influencer_info {
	position: absolute;
	right: 32px;
	top: 0;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.02em;
	margin: 20px 0 0;
	color: #00c73c;
}
.report_influencer_info span {display: inline-block; vertical-align: middle; }
.report_influencer_info .influ--star{
	position: relative;
	left: 0;
	top: 0;
	margin-right: 0;
	width: 12px;
	height: 12px;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	vertical-align: middle;
	transform: none;
}
.report_info_winner_title_sub{
	display:block;
	box-sizing:border-box;
	color:#999999;
	margin-top:-5px;
	padding-left:20px;
	font-size:10pt;
	margin-left:6%;
}
.table{
	vertical-align:middle !important;
	position:relative;
	text-align:center;
	padding:0 !important;
	margin-top:20px;
	margin-left:0 !important;
	margin-right:0 !important;
}


.influ--star {
	display: inline-block;
	position: absolute;
	/*top: 8px;*/
	top: 50%;
	transform: translateY(-50%);
	left: 8px;
	width: 14px;
	height: 14px;
	padding: 3px;
	background: #00c73c;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	box-sizing: content-box;
	border-radius: 100px;
}

.table_nv.influencer {
	position: relative;
	z-index: 0;
}

/*.table_nv.influencer:before {*/
/*	display: inline-block;*/
/*	position: absolute;*/
/*	left: 0;*/
/*	top: 0;*/
/*	width: 8px;*/
/*	height: 8px;*/
/*	background: #ffff00;*/
/*	content: '';*/
/*}*/
.table_nv.influencer:after {
	position: absolute;
	top: 4px;
	right: 0;
	left: 0;
	z-index: -1;
	border: 1px solid #a3d6b2;
	border-radius: 8px;
	height: calc(100% - 8px);
	background: #dae6db;
	content: '';
}

.table_nv p,
.table_in p,
.table_fb p{
	display:inline-block;
}
.table_nv td,
.table_in td,
.table_fb td { vertical-align: middle !important; padding: 8px 0 !important; }


.sns{
	position:relative;
	text-align:left;
}
.sns span{
	display:inline-block;
	box-sizing:border-box;
	padding-left:20%;
}
.ico{
	display:inline;
	text-align:left !important;
}
.name{
	color:#000000;
	text-decoration: none;
}
.phone{
	padding-top:5px;
}
.nv_today{
	color:#00c73c;
	font-weight:700;
	margin-right:5px;
}
.in_follower{
	color:#f82968;
	font-weight:700;
	margin-right:5px;
}
.fb_friend{
	color:#0071bc;
	font-weight:700;
	margin-right:5px;
}




/*후기모아보기 파트*/
.report_view_wrap{
	position:relative;
	width:96.25%;
	max-width:96.25%;
	margin:0 auto;
}
/*미디어 쿼리 320버전*/
@media all and (max-width: 767px){
	.dq_logo{
		position:absolute;
		width:111px;
		height:28.5px;
		left:50%;
		transform:translatex(-50%);
		top:-15px;
		background:
				#f1f1f1
				url("/dqstatic/assets/image/service/qz_service/dq_original/svg/dq_logo.svg")
				center/100% no-repeat;
		z-index:10;
	}


	th{
		padding:0 !important;
	}
	.table_nv{
		height:60px;
	}
	.table_nv td { vertical-align: middle !important; }
	.table_nv td:first-of-type{
		padding-left:0%;
		padding-top:30px;
	}
	.table_nv td:first-of-type img {
		position:relative;
		display:block;
		vertical-align: middle;
		left:50%;
		transform:translatex(-50%);
		margin-bottom:5px;
		text-align:center;
		border:#ffd000 0px solid;
	}
	.table_nv td a:last-of-type{
		position:relative;
		top:0%;
		left:0;
		text-align:center;
		display:block;
		font-weight:700;
	}

	.phone {
		position:relative;
		/*top:25px;*/
	}
	.use img{
		position:relative;
		/*top:25px;*/
	}
	.sns{
		position:relative;
		top:10px;
	}


	.report_view_nv_card,
	.report_view_in_card,
	.report_view_fb_card{
		position:relative;
		display:inline-block;
		width:100%;
		float:left;
		margin:0 auto;
		margin-left:0px;
		margin-right:0px;
		margin-top:15px;
		padding:1%;
		border-radius:10px;
	}
	.nv_card_img,
	.in_card_img,
	.fb_card_img{
		position:relative;
		width:288px;
		height:288px;
		margin:0 auto;
		margin-top:20px;
		overflow:hidden;
		border:#999999 1px solid;
		background: #000000;
		border-radius:0px;
	}
	.nv_card_img{
		border:#00c73c 1px solid;
	}
	.fb_card_img{
		border:#0071bc 1px solid;
	}
	.in_card_img{
		border:#f82968 1px solid;
	}
}

@media all and (min-width: 768px){

	.dq_logo{
		position:absolute;
		width:185px;
		height:47.5px;
		left:50%;
		transform:translatex(-50%);
		top:-25px;
		background:
				#f6f6f6 url("/dqstatic/assets/image/service/qz_service/dq_original/svg/dq_logo.svg")
				center/ 100% no-repeat;

		z-index:10;
	}

	.table_nv{
		height:auto;
	}
	.table_nv td:first-of-type{
		padding-left:0;
		padding-top:0;
	}
	.table_nv td a:last-of-type{
		position:relative;
		/*top:10px;*/
		text-align:left;
		display:inline;
		left:54px;
		font-weight:700;
	}

	.table_nv td:first-of-type img {
		position:relative;
		display:inline;
		/*top:10px;*/
		left:50px;
		transform:translatex(0);
		margin-bottom:0px;
		text-align:left;
		border:#ffd000 0px solid;
	}
	.phone {
		position:relative;
		top:3px;
	}
	.use img{
		position:relative;
		top:0px;
	}
	.sns{
		position:relative;
		top:3px;
	}


	.report_view_nv_card,
	.report_view_in_card,
	.report_view_fb_card{
		position:relative;
		display:inline-block;
		width:47%;
		float:left;
		height:595px;
		margin:0 auto;
		margin-left:10px;
		margin-right:10px;
		margin-top:20px;
		padding:1%;
		border-radius:10px;
	}

	.nv_card_img,
	.in_card_img,
	.fb_card_img{
		position:relative;
		display:block;
		width:310px;
		height:310px;
		margin:0 auto;
		margin-top:20px;
		overflow:hidden;
		background: #000000;
		border-radius:5px;
	}

	.nv_card_img{
		border:#999999 1px solid;
	}
	.fb_card_img{
		border:#999999 1px solid;
	}
	.in_card_img{
		border:#999999 1px solid;
	}

}

.report_view_nv_card{
	border:#00c73c 1px solid;
	border-top:#00c73c 8px solid;
}
.report_view_in_card{
	border:#f82968 1px solid;
	border-top:#f82968 8px solid;
}
.report_view_fb_card{
	border:#0071bc 1px solid;
	border-top:#0071bc 8px solid;
}


.nv_card_title,
.in_card_title,
.fb_card_title{
	position:relative;
	width:100%;
	height:60px;
	border-bottom:#999999 2px double;
}
.nv_card_title{
	border-bottom:#00c73c 3px dotted;
}
.fb_card_title{
	border-bottom:#0071bc 3px dotted;
}
.in_card_title{
	border-bottom:#f82968 3px dotted;
}

.nv_card_profile,
.in_card_profile,
.fb_card_profile{
	width:50%;
	position:absolute;
	display:inline-block;
	padding-top:10px;
	overflow:visible;
}
.nv_card_profile img,
.in_card_profile img,
.fb_card_profile img{
	position:relative;
	width:30px;
	height:30px;
	bottom:12px;
	margin-right:5px;
	margin-left:6px;
	border-radius:15px;
}
.nv_card_profile span,
.in_card_profile span,
.fb_card_profile span{
	position:relative;
	height:30px;
	box-sizing:border-box;
	display:inline-block;
}
.nv_card_profile p:first-of-type,
.in_card_profile p:first-of-type,
.fb_card_profile p:first-of-type{
	display:inline-block;
	font-size:11pt;
	font-weight:700;
	color:#000000;
	margin:0 auto;
}
.nv_card_profile p:last-of-type,
.in_card_profile p:last-of-type,
.fb_card_profile p:last-of-type{
	display:block;
	font-size:10pt;
	color:#999999;
	margin:0 auto;
}

.nv_card_info,
.in_card_info,
.fb_card_info{
	position:relative;
	display:inline-block;
	width:60%;
	left:40%;
	top:15%;
	text-align:right;
}
.nv_card_info span,
.in_card_info span,
.fb_card_info span{
	position:relative;
	height:30px;
	box-sizing:border-box;
	display:inline-block;
}
.nv_card_info p,
.in_card_info p,
.fb_card_info p{
	position:relative;
	top:5px;
	font-size:11pt;
	font-weight:700;
	text-align:right;
	float:right;
}
.nv_card_info p{
	color:#00c73c;
}
.in_card_info p{
	color:#f82968;
}
.fb_card_info p{
	color:#0071bc;
}


.nv_card_info img,
.in_card_info img,
.fb_card_info img{
	position:relative;
	width:30px;
	float:right;
	height:30px;
	margin-left:5px;
}


.nv_card_section,
.in_card_section,
.fb_card_section{
	width:96%;
	margin:2%;
	height:45px;
}
.nv_card_section h4,
.in_card_section h4,
.fb_card_section h4{
	font-size:13pt;
	font-weight:700;
}
.nv_card_article,
.in_card_article,
.fb_card_article{
	width:96%;
	margin:2%;
	height:85px;
	padding:1.5%;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:4;
	-moz-line-clamp:4;
	-ms-line-clamp:4;
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;
	word-break:break-all;
	background:#efefef;
	border-top:#999999 2px double;
}

.nv_card_url,
.in_card_url,
.fb_card_url{
	position: relative;
	display: inline-block;
	word-break: break-all;
	margin-top:15px;
	width:96%;
	margin:2%;
	border-top:#999999 1px solid;
	font-size:8pt;
}
.nv_card_url{
	margin-top:10px;
}

.fb_card_copy,
.in_card_copy{
	position:relative;
	width:96.25%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:5px;
	height:45px;
	background:#ffffff;
	vertical-align:middle;
	border-radius:20px;
}

.in_card_copy div a,
.fb_card_copy div a{
	display:inline-block;
	color:#999999;
	text-decoration:none;
}
.in_card_copy div a span,
.fb_card_copy div a span {
	display:inline-block;
	padding-top:13px;
	color:#999999;
}

.in_card_likes_ico,
.in_card_comments_ico,
.fb_card_likes_ico,
.fb_card_comments_ico,
.fb_card_share_ico{   /* 페이스북 아이콘 옮김 */
	position:relative;
	display:inline-block;
	margin-left:5px;
	width:16px;
	height:16px;
	top:3px;
}
.in_card_likes_ico{
	background: url('img/in_likes.svg') no-repeat;
	background-size:cover;
}
.in_card_comments_ico{
	background: url('img/in_comments.svg') no-repeat;
	background-size:cover;
}
.fb_card_likes_ico{
	background: url('img/fb_likes.svg') no-repeat;
	background-size:cover;
}
.fb_card_comments_ico{
	background: url('img/fb_comments.svg') no-repeat;
	background-size:cover;
}
.fb_card_share_ico{
	background: url('img/fb_share.svg') no-repeat;
	background-size:cover;
}






/*인스타그램 정보 CSS*/
/*
.espViews .espIcon,
.espLikes .espIcon,
.espComments .espIcon{
	left: 0;
    position: absolute;
    top: 8px;
}
.embedSpriteLikes {background-position: -17px -98px;
    background-size: 151px 114px;
	display:inline-block;
	background-image: url("//instagramstatic-a.akamaihd.net/h1/sprites/embed/6c0551.png");
    background-position: -268px -86px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
 } */

/*페이스북 정보 CSS*/
/*.comment-light{
	width:25px;
	height:25px;
	background:#ffd000;
	margin-left:5px;

}*/