.comment {
	font-family:"돋움", Dotum, Arial, sans-serif;
	width:100%;
	color:#282828;
}

.gm_comment { margin-bottom: 10px; }

.comment button { margin: 0; }

.commt_heard {
	font-size:15px;
	font-weight:bolder;
	height: 24px;
	color: #2a2a2a;
	margin-top: 20px;
	border-bottom: 0px solid #e2e2e2;
	font-family: "나눔고딕",nanumgothic,sans-serif;
}

.commt_heard span {
	color: #e30000;
	font-family: tahoma;
}
.commt_heard span.explan {
	color: #2a2a2a;
	font-family: "나눔고딕",nanumgothic,sans-serif;
	font-size:13px;
	font-weight:normal;
}

.commt_list {
	margin-top: 4px;
}

.please_write_comment{
	text-align:center;
	margin: 20px 0 72px 0;
}

.please_comment_txt{
	margin-top: 4px;
	color:#606A62;
	font-size: 12px;
}

.best_title {
	background:url("../images/comment/ico_best.jpg") no-repeat;
	width:36px;
	height:15px;
	position: absolute;
	margin-top: -7px;
}

.commt_best {
	background-color:#FEFBF6;
	margin-top: 20px;
}

.commt_view {
	border-bottom:1px solid #F0F1F6;
	padding:15px 0 ;
	box-sizing:border-box;
}
.commt_view h2 {
	font-weight:bolder;
	font-size:13px;
	padding: 0;
	color: #3E5B95;
	font-family: "나눔고딕",nanumgothic,sans-serif;
	display: flex;
}
.commt_view h2 span {
	background:url("../images/comment/icobox.png") no-repeat;
	width: 27px;
	height: 24px;
	display: inline-block;
	vertical-align: bottom;
}

.commt_view h2 span.sns_icon { margin-right: 3px; clear: both; margin-top: -3px; }
.commt_view h2 span.gamemeca { background-position: -6px -6px; }
.commt_view h2 span.twitter { background-position: -60px -7px; }
.commt_view h2 span.facebook { background-position: -86px -6px; }
.commt_view h2 span.naver { background-position: -33px -5px; }
.commt_view h2 span.google { background-position: -113px -7px; }
.commt_view h2 span.guest { background-position: -134px -8px; }

.commt_view h2 span.manager {
	background:url("../images/comment/ico_gm.gif") no-repeat;
	margin-left: 0 5px;
	width: 37px;
	height: 15px;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 5px;
}

.commt_view h2 span.level {
	background: none;
	width: 36px;
	height: 18px;
	margin-right: 5px;
	margin-top: -2px;
}

.commt_view h2 span.date {
	background: none;
	width: 120px;
	height: 13px;
	margin-left: 10px;
	font-size: 10px;
	font-family: tahoma;
	font-weight: normal;
	width: 120px;
	color: #90949c;
	font-family: Dotum, "돋움", Arial, sans-serif;
	font-size: 11px;
	margin-top: 2px;
}


.commt_view p {
	color: #2a2a2a;
	font-size:15px;
	line-height:180%;
	font-family:"나눔고딕",nanumgothic,sans-serif;
	margin-top: 15px;
	margin-bottom: 10px;
	word-break: break-all;
}

.commt_view p.del {
	color: #B5B5B5;
}

.commt_view p a.comment_link {
	margin-left: 10px;
	color: #696969;
	font-family: 돋음;
	font-size: 12px;
	padding: 4px 6px 3px;
	background: #E4E3E3
}

.commt_view .commt_ctr {
	position:relative;
	width:100%;
	height:40px;
	box-sizing:border-box;
}

.commt_ctr > button {
	border:1px solid #e7e7e7;
	height:26px;
	margin:10px 0 0 10px;
	font-size:12px;
	cursor:pointer;
	padding: 0 6px;
}

.commt_ctr button:nth-of-type(1) {
	margin-left:0;
}

.commt_ctr button.reply{
	color:#6585C2;
	font-family: Dotum, "돋움", Arial, sans-serif;

}
/*.commt_ctr button.good, .commt_view button.bad {
	float: right;
	color:#999999;
	margin-left: -1px;
	background:url("http://cdn.gamemeca.com/design/comment/images/ico_up.jpg") no-repeat;
}*/

.commt_ctr button.good {
	float: right;
	color:#999999;
	margin-right: 10px;
	background:url("../images/comment/ico_up.png") no-repeat scroll 6px 3px;
	width: 58px;
	border: 0px !important;
}
.commt_ctr button.good.on {
	background:url("../images/comment/ico_up_on.png") no-repeat 6px 3px;
}
.commt_view button.bad {
	float: right;
	color:#999999;
	margin-left: -1px;
	background:url("../images/comment/ico_down.png") no-repeat scroll 4px 2px;
	width: 58px;
	border: 0px !important;
}
.commt_ctr button.bad.on {
	background:url("../images/comment/ico_down_on.png") no-repeat scroll 4px 2px;
}

.commt_ctr button.reply[data-num]::after {
	content: ' ' attr(data-num);
	float: none;
}

.commt_ctr button[data-num]::after {
	content: ' ' attr(data-num);
	float: right;
}

@media only screen and (max-width: 740px){
.commt_write {
	width:100%;
	border:1px solid #b3b3b3;
	padding:0px;
	box-sizing:border-box;
	height: 176px !important;
	background: #ffffff
}
.please_write_comment{
	text-align:center;
	margin: 0 !important;
}
.commt_write textarea {
	width:100%;
	height:84px !important;
	resize:none;
	border:0;
	border-bottom:1px solid #EDEDED;
	font-size:12px;
	color:#3d3d3d;
	padding: 0 15px;
	margin-bottom: -3px;
}
}

.commt_write {
	width:100%;
	border:1px solid #b3b3b3;
	padding:0px;
	box-sizing:border-box;
	height:144px;
	background: #ffffff
}
.commt_write textarea {
	width:100%;
	height:47px;
	resize:none;
	border:0;
	border-bottom:1px solid #EDEDED;
	font-size:12px;
	color:#3d3d3d;
	padding: 0 15px;
	margin-bottom: -3px;
}
.commt_write > button {
	background-color:#D7030D;
	border:none;
	height:40px;
	float:right;
	color:#FFFFFF;
	font-weight:bolder;
	font-size:12px;
	cursor:pointer;
	width: 74px;
}
.loginBox {
	margin: 13px 11px 10px 13px;
}

.loginBox > button {
	background:url("../images/comment/icobox.png") no-repeat;
	width:30px;
	height:30px;
	border:0px solid #e7e7e7;
	border-radius:2px;
	margin-right:3px;
	cursor:pointer;
}
.loginBox button.gamemeca { background-position: -2px -29px; }
.loginBox button.twitter { background-position: -57px -29px; }
.loginBox button.facebook { background-position: -84px -29px; }
.loginBox button.naver { background-position: -30px -29px; }
.loginBox button.google { background-position: -112px -29px; }

.loginBox button.gamemeca.on { background-position: -2px -3px; }
.loginBox button.twitter.on { background-position: -57px -3px; }
.loginBox button.facebook.on { background-position: -84px -3px; }
.loginBox button.naver.on { background-position: -30px -3px; }
.loginBox button.google.on { background-position: -112px -3px; }
.loginBox button.logout {
	background: none;
	width:auto;
	float:right;
	border: 1px solid #e7e7e7;
	font-size: 12px;
	padding: 0 8px;
}


.commt_reply {
	background: #fafafa ;
	padding:12px 10px 10px 5%;
	margin: 10px 0 0;
}
.commt_reply:empty {
	display:none;
}

.commt_view2 {
	margin-top: 10px;
	padding-bottom: 5px;
	border-bottom:0px solid #e4e4e4;
}

.commt_best .commt_view {
	border:1px solid #D7D0C6;
	padding:15px 15px ;
	box-sizing:border-box;
}

.commt_best .commt_reply {
	background: #FEFBF6 ;
	padding:12px 10px 10px 5%;
	margin: 10px 0 0;
}
.commt_best .commt_reply:empty {
	display:none;
}

.reply_title {
	background:url("../images/comment/ico_re.png") no-repeat;
	width:12px;
	height:12px;
	position: absolute;
	margin: 13px 0 0 -15px;
}

/* 신고 숨김 버튼*/
.al_btn {
	display: inline-block;
	float: right;
	margin-top: -30px;
	background: url(../images/comment/icobox.png) no-repeat;
	background-position: -91px -74px;
	height: 15px;
	width: 15px;
	cursor: pointer;
}

.al_box {
    display: inline-flex;
    width: 70px;
    position: absolute;
    margin-top: -11px;
    right: 334px;
    z-index: 100;
}

.al_box_inner {
	display: none;
	border: solid 1px #d0d0d0;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.05), 0 1px 1px 0 rgba(0,0,0,.07);
	background-color: #fff;
	text-align: center;
	font-size: 13px;
}

.al_box_inner a.report {
	float: left;
	padding: 12px 0;
	width: 70px;
}
.al_box_inner a.delete {
	float: left;
	padding: 12px 0;
	width: 70px;
	border-top: 1px solid #1111;
}


/* facebook comments */

.fb_comments_main * {
	box-sizing: border-box;
	font-family: "나눔고딕",nanumgothic,sans-serif;
	font-size: 13px;
}
.fb_comments_main {
	width: 100%;
	padding: 0px;
	color: #1d2129;
	/*border: 1px solid #e9ebee;*/
	box-sizing: border-box;
	margin-top: 20px;
	display: none;
}
.fb_comments_header {
	/*padding: 5px;*/
	/*border-bottom: 1px solid #e9ebee;*/
	margin-bottom: 0px;
	font-weight: bolder;
	padding: 8px 0;
}
.fb_comments_header .facebook_logo {
    background: url(../images/comment/icobox.png) no-repeat;
    background-position: -5px -96px;
    width: 101px;
    display: inline-block;
}
.fb_comments_header .fb_count_span {
	color: #4267b2;
}
.fbc_row_main .sns_icon {
	background: url("../images/comment/icobox.png") no-repeat;
	width: 27px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
}
.fbc_row_main span.facebook { background-position: -86px -6px; }
.fb_comments_date {
	color: #90949c;
	font-size: 11px;
	margin-left: 15px;
	font-family: Dotum, "돋움", Arial, sans-serif;
}
.fb_comments_user {
	line-height: 1.358;
	word-break: break-word;
	color: #3E5B95;
	font-weight: bolder;
}
.fb_gamemeca a, .fb_gamemeca a: link, .fb_gamemeca a: visited {
	color: #4267b2;
	font-weight: bolder;
}
.fbc_user_pic {
	width: 48px;
	float: left;
	margin-right: 8px;
}
.fb_row_reply {
	padding-left: 45px;
	background: #fafafa url('../images/common/ico_facere.png') no-repeat 20px 25px;
}
.fb_row_reply .commt_view2 {
	margin-top: 0;
}
.fbc_next .fbc_next_btn {
	background: #ffffff;
	color: #000000;
	width: 100%;
	font-size: 13px;
	padding: 16px;
	border: 1px solid #e9e6e6;
	border-radius: 2px;
	cursor: pointer;
	margin: 20px 0 20px 0;
}
a.btn-fb-reply {
	float: right;
	color: #6585C2;;
	font-family: Dotum, "돋움", Arial, sans-serif;
	margin-right: 10px;
}

@media only screen and (max-width: 740px){
.al_box {
    display: inline-flex;
    width: 70px;
    position: absolute;
    margin-top: 0px;
    right: 21px;
    z-index: 100;
}
.fb_comments_main {
	width: 100%;
	padding: 0px;
	color: #1d2129;
	/*border: 1px solid #e9ebee;*/
	box-sizing: border-box;
	margin-top: 20px;
	display: none;
	padding: 5px 12px 0;
}
.fb_comments_main div.fb-like {
	float: initial !important;
    width: 138px;
    overflow: hidden;
    margin-top: 7px;
}
.al_btn {
	display: inline-block;
	float: right;
	margin-top: -21px;
	background: url(../images/comment/icobox.png) no-repeat;
	background-position: -91px -74px;
	height: 15px;
	width: 15px;
	cursor: pointer;
}
.fb_comments_header .facebook_logo {
    background: url(../images/comment/icobox.png) no-repeat;
    background-position: -5px -93px;
    width: 101px;
    display: inline-block;
}
/*commt 210623*/
.commt_nwrite { width: 100%; border: 1px solid #b3b3b3; padding: 0; margin-top: 15px; box-sizing: border-box; height: 180px; background: #ffffff; }
.commt_nwrite .textarea_Box { padding: 0 10px; }
.commt_nwrite textarea { width: 100%; height: 90px; resize: none; border: 0; border-bottom: 1px solid #EDEDED; /*font-size: 15px; */color: #3d3d3d; margin-bottom: -3px; background: none; }
.commt_nwrite > button { background-color: #D7030D; border: none; height: 30px; float: right; color: #FFFFFF; font-weight: bolder; font-size: 12px; cursor: pointer; width: 52px; border-radius: 7px; margin-top: 6px; margin-right: 4px; }
.user_dta { margin: 15px 5px 10px; }
.user_dta h2 { font-weight: bolder; font-size: 13px; color: rgb(62, 91, 149); font-family: 나눔고딕, nanumgothic, sans-serif; display: flex; padding: 0px; }

.user_dta h2 span.level { background: none; width: 36px; height: 18px; margin-right: 5px;margin-top: -2px; }
.user_dta h2 span.date { height: 13px; margin-left: 10px;font-weight: normal; width: 120px;color: rgb(144, 148, 156); font-family: Dotum, 돋움, Arial, sans-serif; font-size: 11px;margin-top: 2px; background: none; }
.user_dta h2 span { background: url(../images/comment/icobox.png) no-repeat; width: 27px;height: 24px; display: inline-block;vertical-align: bottom; }
.user_dta h2 span.sns_icon { margin-right: 3px; clear: both; margin-top: -3px; }
.user_dta h2 span.gamemeca { background-position: -6px -6px; }
.user_dta h2 span.twitter { background-position: -60px -7px; }
.user_dta h2 span.facebook { background-position: -86px -6px; }
.user_dta h2 span.naver { background-position: -33px -5px; }
.user_dta h2 span.google { background-position: -113px -7px; }
.user_dta h2 span.guest { background-position: -134px -8px; }
}