body{
	padding: 0;
	margin: 0;
	font-size: 17px;
	font-family: 'Nanum Gothic', sans-serif;
	word-spacing:0;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: #000;
}
h1 {
	font-size: 17px;
	font-weight: bold;
	text-align:center;
	margin-top:0;
}

#wrap {
	width:100%;
	max-width:600px;
	margin:0 auto;
	overflow:hidden;
}

.sns_box{
	position: relative;
	/*padding: 1.5% 0 0;*/
	font-size:13px;
	color:#a2a2a2;
}
.date{
	position: absolute;
	left: 2%;
	top: 50%;
	transform: translate(0,-50%);
}
.con {
	padding: 20px 8px;
}
.con img,
.head img {
	width:100%;
}
.con p {
	line-height: 31px;
	font-size: 18.5px;
	color: #000;
	letter-spacing: -0.5px;
	text-align: justify;
	word-break: break-all;
	padding: 10px 5px;
	padding-bottom:0;
}
#db{ width:95%; margin:0 auto;}
.db {	border:3px solid #2b2b2b; padding:0 1%;}
.db_top {
	padding-bottom:20%;
}


.db_middle {
	width:100%;
}
.db_middle {padding-top:4%;text-align:center;}
.db_middle select,input { width:26%; height:35px;border:1px solid #ccc;border-radius:6%;font-size:15px;}

.agree {
	font-size: 12px;
	color: #666;
	letter-spacing: -1px;
	line-height:20px;
}
.agree input {width:auto;height:auto;}


.reply_wrap * { font-family: "Noto Sans KR"; margin: 0;letter-spacing: -0.05em;text-align: justify; word-break: break-all;}
.reply_txt {font-size: 16px; padding-left:3px; padding-right:3px;}
/* a {text-decoration: none; color: inherit;} */
.reply_wrap {max-width: 600px; margin: 0 auto;/* text-align: justify; word-break: break-all; */}
.reply_title { padding:0 20px; line-height: 45px; height:45px; background-color:#ebf0f5; display: flex; text-align: center; width:160px; }
.reply_title h3 {display: inline-block; font-size: 17px; color:#333333}
.reply_title span {color:#106dc2; padding-left:10px; font-size: 15px; }
.main_reply { width:100%;  border-top: 1px solid #dae3ec;}

.replace_id  {display: flex; padding-top:20px; padding-left:8px; padding-right:8px;}
.replace_id img {height: 26px;}
.reply_txt {padding-top:10px; line-height: 23px; font-weight: 300; padding-left:8px; padding-right:8px;}
.reply_txt2 {font-size: 16px; padding-top:10px; line-height: 23px; font-weight: 300; text-align: justify; word-break: break-all;}
.reply_bottom_wrap {padding-top:20px;  border-bottom: 1px solid #dae3ec;}
.reply_bottom {padding-bottom:10px;  display: flex; justify-content: space-between; padding-left:8px;}
.reply_ri {display: flex;}
.reply_ri span {padding:0 2px; font-size: 17px}
.reply_ri span:nth-child(2) {color:#106dc2;}
.reply_ri span:nth-child(3) {font-size: 10px; padding-top:6px; color:#666666;}


.reply_num {font-size: 13px; color:#6b6b6b;}
.reply_cont {color:#106dc2; font-weight: bold; padding-left:5px; font-size: 16px;}

.medal {display: flex; justify-content: space-between; position: relative; left:20px;}
.medal div span {width:40px; height: 20px; display: inline-block; position: relative;}
.medal_lost{color:#106dc2;}
.medal_best {padding-right: 10px;}
.medal_best span {color:#cf2e5a; height: 20px; }
.medal div span::before {content: ''; background-image: url(../img/0SVEADYQlr.png); background-repeat: no-repeat; background-size: cover; position: absolute; right:42px}
.medal_best span::before {top:2px; color:#3671da; height: 20px; width:20px; background-position-x: 0; background-position-y: 2px;  }
.medal_lost span::before  {top:3px; height: 20px; width:20px; background-position-x: -19px; background-position-y: 3px; }
.reply_inner {background-color:#edf1f6; padding:0 20px;  }