@charset "utf-8";
/* CSS Document */
.attatch-input, .cursor, button { cursor:pointer; }
#cmt-list-cnt{
	vertical-align:top;
}
h3{
	font-size:1.1em;
	line-height:1.4em;	
	font-weight:normal;
}

.pagemain_text,#post_box,#qustion_box,.qna_box,#btn_set,#thum_post,#coment_box{
	margin:0 auto;
	max-width:862px;
	padding:0 10px;
}

.pagemain_text{
	margin-top:77px;
}

.pagemain_text h3{
	line-height:1.4em;
	color:rgb(119,42,144);
}

.writer{
	float:right;	
	margin:80px 70px 0 0;
	padding-bottom:15px;
}

#post_box{
	margin-top:15px;
	padding-bottom:45px;
	background-color:rgb(244,245,245);
}

.post_text{
	margin:0 auto; 
	padding-top:45px;
	max-width:800px;
}

.post_text h2,.qus_tbox h2{
	color:rgb(119,42,144);
}

.post_text h3{
	padding-top:30px;
}

#qustion_box{
	margin-top:115px;
}

.qus_tbox{
	float:left;
	padding-top:52px;
	max-width:370px;
	padding-bottom:80px;
}

.qus_tbox h1{
	font-size:2em;
}

.qus_tbox h2{
	margin-top:30px;
	font-weight:500;
	line-height:1.3em;
}

.qus_tbox h3{
	margin-top:55px;
}

img.psimg{
	float:right;
	margin-right:30px;
	padding-top:52px;
}

.qna_box{
	margin-top:100px;
	max-width:865px;
	min-height:480px;
	
}

.qna_box img{
	float:left;
	padding-top:40px;	
}

.qna_qtitle{
	float:left;
}
.qna_qContent{
	display:table-cell;
	width:auto;
}
.qna_qtitle h1{
	padding-top:40px;
	padding-left:33px;
	font-size:2.1em;
	font-weight:normal;
	color:rgb(72,184,87);
}

.qna_qtitle h2{
	padding-top:55px;
	padding-left:33px;
	font-size:1.3em;
}

.qna_box h3{
	padding-top:40px;
	max-width:320px;
	margin-left:5px;
}

#sns_set{
	
}
#btn_set{
	position:relative;
	display:table;
	min-width:220px;
	margin:80px auto 0px auto;
}

.count_btn,.share_btn {
	display:table-cell;
}
.sahre_icon{
	display:table;
}
.count_btn{
	float:left;
	position:relative;
}

.reco-count {
	position:absolute;
	top:0px;
	left:0px;
	display:inline-block;
	width:100%;
	height:40%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:60%;
}
.share_btn{
	margin-left:60px;
}
.sahre_icon{
	position:absolute;
	margin-left:-100px;
	margin-top:-150px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.sahre_icon{
		position:absolute;
		margin-left:-100px;
		margin-top:-50px;	
	}
}
.sahre_icon img{
	margin-left:7px;	
}

#thum_post{
	border-top:1px solid rgb(200,199,199);
}

.thumList{
	margin:0 auto;
	display:table;
}

.thumbox h1{
	padding-top:22px;
	font-size:1.4em;
	font-weight:500;
}

.ft_Color1{
	color:rgb(240,131,0);	
}

.ft_Color2{
	color:rgb(78,184,87);
}

.thumbox{
	display:table-cell;
	float:left;
	max-width:410px;
	padding:5px;
}

.thumbox img{
	float:left;
	margin-top:30px;
}

.thumtxt{
	float:left;
	margin-top:30px;
	padding-left:22px;
	/*border-right:2px solid rgb(120,120,120);*/
	max-width:210px;
	max-height:101px;
	overflow-y:hidden;
}
.nonLine{
	border:0px;	
}
.thumbox h3{
	line-height:1.1em;
	font-weight:600;
	height:35px;
}

.thumbox p{
	font-size:0.9em;
	margin-top:18px;
	width:195px;		
}


#coment_box{
	margin-top:145px;
	padding-bottom:115px;
	border-top:1px solid rgb(200,199,199);
}

#coment_box h1{
	margin-top:18px;
}

.comentlist{
	width:690px;
	float:right;
}
.userinfo,.usertxt {
	width:690px;
	float:right;
}

.userinfo h3,.usertxt h3,.comentlist h3 {
	font-weight:500;
}

.guest, .user,.pass{
	float:left;
	display:none;
}
.guest  {display:block;text-align:left;}
.pass{
	margin-left:65px;	
}

label{
	display:block;
	margin:13px 0;
}

.co_sns{
	float:right;
	margin:13px 0;
}

.co_sns img{
	margin:10px 3px;
}

input{
	border:1px solid rgb(223,224,225);
	width:130px;
	height:20px;
}
.chkbox {
	width: 80px;
	height: 20px;
}
.txtfiel{
	margin:0 0 13px 0;
	border:1px solid rgb(223,224,225);
	width:690px;
	min-height:160px;
}

.buttons{
	float:left;	
	position:relative;
}

.buttons input{
	margin-top:1px;
	width:65px;
	height:22px;
	border-radius:2px;	
	color:rgb(255,255,255);
}
.write-security {
	height:20px;
	padding-left:10px;
	font-size:0.8em;
	border-bottom:1px solid #e4e4e4;
	padding-bottom:3px;
}
.write-security input { width:15px; height:185x;}
.txtfiel textarea {
	border-left:0px solid rgb(255,255,255);
	border-right:0px solid rgb(255,255,255);
	border-top:0px solid rgb(255,255,255);
	height:77px;
	overflow:auto;
	padding:20px 20px 20px 20px; 
	margin: 2px 0px 0px 2px ;
}
#attatic-file-input {
	position:absolute;
	left:2px;
	top:137px;
	width:63px;
	opacity:0;
	filter: alpha(opacity:'0');
}
/* COMMENT */
#send-cmt,#send-cmt2{
	padding:2px 10px;
	font-size:1.0em;
	margin:5px 0 0 0;

	border-radius:0px;	
	 -webkit-appearance: none; 
    -webkit-border-radius: 0; 
}
.profile .profile-user{
	position:absolute;
	z-index:1;
	width:60px;
	height:60px;
	top:0px;
}
.profile-user img {
	width:100%;
}
.cmt-list .cmt-list-item .profile{
	width:100px;
	height:100px;
	padding:0px;
	padding-top:5px;
	position:relative;
	margin:0px;
}
.cmt-list .cmt-list-item .profile-out {
	float:left;
	padding-top:40px;
	padding-right:20px;
}
.cmt-write-body ,.cmt-write-top{
	padding:5px;
	border : 1px solid #c4c4c4;
	border-bottom:0px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:5px;
	/*box-shadow:0px 1px 3px #c4c4c4;*/
}
.cmt-write-body {
	border-top-left-radius:0px;
	border-top-right-radius:0px;
}
.cmt-write-body textarea {
	width:100%;
}
.cmt-write-top span{
	display:inline-block;
	margin-left:5px;
	color:#666;
}
.cmt-write-bottom {
	position:relative;
	padding:5px;
	border : 1px solid #c4c4c4;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-moz-border-bottom-right-radius:5px;
	/*box-shadow:0px 1px 3px #c4c4c4;*/
	height:30px;
	background-color:#fafafa;
}
.comment p { padding-bottom:20px;}
.profile-icon { position:absolute; top:45px; left:-10px; width:18px; height:18px; z-index:100;}
.profile-kakao { background:url('../images/snsicon8.png') no-repeat -46px -9px; background-position: -46px -345px;}
.profile-facebook { background:url('../images/snsicon8.png') no-repeat -46px -0px; background-position: -46px -23px;}
.profile-naver { background:url('../images/snsicon8.png') no-repeat -46px -0px; background-position: -46px -299px;}
.profile-google { background:url('../images/snsicon8.png') no-repeat -46px -0px; background-position: -46px -253px;}
.profile-twitter { background:url('../images/snsicon8.png') no-repeat -46px -0px; background-position: -46px -0px;}
.cmt-list .cmt-list-item .comment {
	
}
.cmt-list .cmt-list-item .comment span{
	display:inline-block;
	font-size:1.0em;
}
.cmt-list .cmt-list-item .comment .print-name {
	min-width:100px;
	font-weight:bold;
	color:#666666;
}

.cmt-list .cmt-list-item .comment .print-date {
	min-width:100px;
	font-weight:bold;
	color:#999999;
}
.cmt-list .cmt-list-item .comment .print-content {
	clear:both;
	display:block;
	margin-top:10px;
}
.cmt-list .cmt-list-item .comment .cmt-menu{
	/*padding-top:20px;*/
}
.cmt-list .cmt-list-item .comment .cmt-menu button {
	margin:0px;
	padding:0px 10px;
	font-size:12px;
	color:#000;
	line-height:18px;
	font-weight:bold;
}
.cmt-list .cmt-list-item .comment .cmt-menu span {
	background:url('../images/cmticon.png') no-repeat 4px -62px;
	padding-left:18px;
}
.cmt-menu-reply{ background-position:0px -62px !important;  }
.cmt-menu-notify {background-position:4px -153px !important; }
.cmt-menu-delete {background-position:0px -27px !important; }
.cmt-menu-reply:hover{ background-position:0px -78px !important;  }
.cmt-menu-notify:hover {background-position:4px -168px !important; }
.cmt-menu-delete:hover {background-position:0px -44px !important; }
.cmt-list .cmt-list-item .cmt-btn {
	width:120px;
	float:right;
	
}

.cmt-list .cmt-list-item .clear {
	clear:both;
}
.cmt-btn .cmt-ud-btn {
	width:50px;
	height:30px;
	margin:0px;
	padding: 5px 5px;
	border:1px solid #c4c4c4;
	line-height:0px;
	float:left;
}
.c-up-btn {
	border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-right:0px solid #c4c4c4 !important;
	border-bottom: 1px solid #e7e7e7e;
}
.c-down-btn {
	border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-bottom: 1px solid #e7e7e7e;
}
.cmt-btn .cmt-ud-btn span {
	display:inline-block;
}
.cmt-btn .cmt-up-img {
	background:url('../images/cmticon.png') no-repeat 0px -94px;
	background-position:0px -94px;
	width:15px;
	height:15px;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
}
.cmt-btn .cmt-down-img {
	background:url('../images/cmticon.png') no-repeat 0px -94px;
	background-position:0px -110px;
	width:15px;
	height:15px;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
}
.cmt-btn .cmt-ud-count {
	font-size:11px;
	font-weight:bold;
	color:#666666;
	height:15px;
	padding-left:5px;
}
.cmt-list-more {
	padding: 5px;
	background-color:#e7e7e7;
	font-weight:bold;
	text-align:center;
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	padding:6px 6px 4px;
	margin-top:10px;
	font:12px; 
}

#cmt-delete {
	top:0px;
	left:0px;
	z-index:9999;
	display:none;
	text-align:center;
	position:absolute;
	width: 200px;
	height:150px;
	border:1px solid #e7e7e7;
	background-color:white;
}
#del-title .del-title {
	float:left;
	display:block;
}
#cmt-delete .del-close {
	padding-left:18px;
	height:18px;
	width:18px;
	
	background:url('../images/cmticon.png') no-repeat 0px -12px;
	float:right;
}

#cmt-delete .cmt-del-header {

	background-color:#e7e7e7;
	font-weight:bold;
	text-align:center;
	background: -moz-linear-gradient(center top, #f3f3f3, #dddddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dddddd));
	background:  -o-linear-gradient(top, #f3f3f3, #dddddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f3f3f3', EndColorStr='#dddddd');
	border-color:#000; 
	border-width:1px;
	border-radius:4px 4px 4px 4px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	color:#333;
	cursor:pointer;
	padding:6px 6px 4px;
	margin:1px;
	font:12px; 
}
#cmt-delete .cmt-del-body {
	text-align:center;
	color:#666;
	padding-top:10px;
	font-size:12px;
}
#cmt-delete .cmt-del-foot {
	font-size:12px;
	margin-top:20px;
}
#cmt-delete input{
	border:1px solid #e7e7e7 !important;
}
#cmt-delete #cmt-del-btn{
	padding:5px 10px;
	font-size:1.0em;
	margin:0px;
}
.cmt-reply-out{
	widht:100%;
	padding : 0 20px;
}

.cmt-upimage-print{ position:relative; width:100%; padding:0 5px; clear:both;}
	.cmt-upimage-print .att-img{
		position:relative;
		display:inline-block;
		text-align:center;
		veritical-align:middle;
		border:1px solid #c4c4c4;
		border-radius:5px;
		border-top-right-radius:5px;
		-webkit-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-moz-border-radius:5px;
		
		padding:3px;
		margin: 5px 10px 5px 0;
	}

	.cmt-upimage-print .att-img .del-img {
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background-color:black;
		color:white;
		font-weight:bold;
		text-align:center;
		margin:auto;
		cursor:pointer;
		z-index:10;
		
		opacity:0.0;
	}
	.cmt-upimage-print .att-img img {
		position:relative;
		z-index:1;
		width:85px;
		height:85px;
	}
	
	.cmt-upimage-print-list{ position:relative; width:100%; padding:0 5px; }
	.cmt-upimage-print-list .att-img{
		position:relative;
		display:inline-block;
		text-align:center;
		veritical-align:middle;
		border:1px solid #c4c4c4;
		border-radius:5px;
		border-top-right-radius:5px;
		-webkit-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-moz-border-radius:5px;
		
		padding:3px;
		margin: 5px 10px 5px 0;
	}

	.cmt-upimage-print-list .att-img .del-img {
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background-color:black;
		color:white;
		font-weight:bold;
		text-align:center;
		margin:auto;
		cursor:pointer;
		z-index:10;
		
		opacity:0.0;
	}
	.cmt-upimage-print-list .att-img img {
		position:relative;
		z-index:1;
		width:85px;
		height:85px;
	}

	.cmt-upmovie-print{ position:relative; width:100%; padding:0 5px; }
	.cmt-upmovie-print .att-movie{
		position:relative;
		display:inline-block;
		text-align:center;
		veritical-align:middle;
		border:1px solid #c4c4c4;
		border-radius:5px;
		border-top-right-radius:5px;
		-webkit-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-moz-border-radius:5px;
		padding:3px;
		margin: 5px 10px 5px 0;
	}

	.cmt-upmovie-print .att-movie .del-movie {
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background-color:black;
		color:white;
		font-weight:bold;
		text-align:center;
		margin:auto;
		cursor:pointer;
		z-index:10;
		
		opacity:0.0;
	}
	.cmt-upmovie-print .att-movie .del-frame {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		text-align:center;
		margin:auto;
		z-index:1;
	}
	.cmt-upmovie-print .att-movie iframe, .att-movie img {
		position:relative;
		z-index:1;
		width:111px;
		height:85px;
	}

	.cmt-upmovie-print-list{ position:relative; width:100%; padding:0 5px; }
	.cmt-upmovie-print-list .att-movie{
		position:relative;
		display:inline-block;
		text-align:center;
		veritical-align:middle;
		border:1px solid #c4c4c4;
		border-radius:5px;
		border-top-right-radius:5px;
		-webkit-border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		-moz-border-radius:5px;
		
		padding:3px;
		margin: 5px 10px 5px 0;
	}

	.cmt-upmovie-print-list .att-movie .del-movie {
		position:absolute;
		display:block;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		background-color:black;
		color:white;
		font-weight:bold;
		text-align:center;
		margin:auto;
		cursor:pointer;
		z-index:10;
		
		opacity:0.0;
	}
	.cmt-upmovie-print-list .att-movie .del-frame {
		position:relative;
		display:block;
		width:100%;
		height:100%;
		top:0px;
		left:0px;
		text-align:center;
		margin:auto;
		z-index:1;
	}
	.cmt-upmovie-print-list .att-movie iframe {
		position:relative;
		z-index:1;
		width:111px;
		height:85px;
	}

.cmt-send-area {
	width:90px;
}
.buttons input.photo,.buttons input.movie,.sendbtn input.send, input.logout{
	font-weight:bold;
	background-color:rgb(209,210,212);
}

.buttons input.photo:hover,.buttons input.movie:hover,.sendbtn input.send, input.logout:hover{
	background-color:rgb(102,102,102);
}

.buttons input.photo{
	margin-left:2px;	
}
input.logout {
	margin-top:20px;
	margin-right:10px;
}

#slogout{ display:table-cell;}

.sendbtn{
	float:right;
}

.sendbtn input{
	margin:9px 12px 0 0;
	margin:0;
	width:87px;
	height:141px;
	border-radius:2px;	
	color:rgb(255,255,255);	
}

.comentlist img{
	float:left;
	
}

.comentlist h3{
	margin-top:60px;
	margin-left:125px;
}

h3.name{
	margin:0;
	float:left;
}
.listrow{
	mai-height:120px;
}
.listrow img{	
}
.thum_info{
	float:right;
	margin-top:25px;
	padding-top:8px;
	width:620px;
	border-top:1px solid rgb(200,199,199);
	position:relative;
}
.thum_info2{
	float:right;
	margin-top:16px;
	padding-top:8px;
	width:520px;
	border-top:1px solid rgb(200,199,199);
	position:relative;
}
p.date,p.time{
	display:inline;
	font-size:0.9em;
	margin-top:3px;
}

p.date{
	margin-left:35px;	
}

p.time{
	margin-left:16px;
}

.thum_info p{
	float:left;
	/*height:50px;*/
	line-height:1.3em;
}

.qna_pe{
	display:table;	
	float:left;
}
.userimg {
	float:left;
	position:static;
	display:block;
	width:100px;
	float:left;
	/*padding-right:20px;*/
	padding-top:5px;
	margin:0 auto;
}
.userimg li {
	width:73px;
	background-color:#fff;
	list-style:none;
	border: 1px solid #b2b2b2;
	padding: 3px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0px 1px 3px #c4c4c4;
	text-align:center;
}
.userimg li img {
	width:65px;
	height:65px;
}
.cmt-write-top{
	margin-top:20px;
	padding:5px;
	border : 1px solid rgb(223, 224, 225);
	border-bottom:0px;
	border-top-left-radius:5px;
	border-top-right-radius:0px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:0px;
	-moz-border-top-left-radius:5px;
	-moz-border-top-right-radius:0px;
	/*box-shadow:0px 1px 3px #c4c4c4;*/
}

@media screen and (max-width:769px) {
.profile-out{ display:none; }

.pagemain_text,#post_box,#qustion_box,.qna_box,#thum_post,#coment_box{
	margin:0 auto;
	max-width:862px;
	padding:20px 20px;
}
#qustion_box{
	margin-top:20px;
}

.qus_tbox{
	padding-top:15px;
	max-width:80%;
	padding-bottom:20px;
}
.qus_tbox h2{
	margin-top:10px;
	font-weight:500;
	line-height:1.3em;
}

.qus_tbox h3{
	margin-top:25px;
}


.qna_qtitle h1{
	padding-top:20px;
	padding-left:33px;
	font-size:1.5em;
	font-weight:normal;
	color:rgb(72,184,87);
}

.qna_qtitle h2{
	padding-top:10px;
	padding-left:33px;
	font-size:1.2em;
}
	
.qna_box h3{
	padding-top:30px;
	max-width:90%;
	margin-left:10px;
}

.qna_qContent{
	
}

.qna_box img{
	padding-top:10px;	
}

.qna_pe{
	width:100%;
	clear:both;
}
.qna_box{
	margin-top:20px;
}

.qna_pe img{
	
}
img.psimg{
	display:none;
}
/*댓글*/

.userinfo,.usertxt,.comentlist{
	width:100%;
}

.txtfiel{
	margin:0 0 13px 0;
	width:100%;
}


.listrow{
	display:table;
	width:100%;
}
.listrow img{
}
.thum_info{
	display:table-cell;
	margin-top:16px;
	padding-top:8px;
	width:100%;
	
	/*
	border:0px;
	border-bottom:1px solid rgb(200,199,199);
	*/
}
.thum_info2{
	display:table-cell;
	margin-top:16px;
	padding-top:8px;
	width:100%;
	/*
	border:0px;
	border-bottom:1px solid rgb(200,199,199);
	*/
}
.user{
	width:100%;
}
.pass{
	width:100%;
	margin:0 auto;	
}

label{
	display:block;
	margin:13px 0;
}

.co_sns{
	float:right;
	margin:13px 0;
}

.thumbox{
	

}
.thumbox img{
	clear:both;
	margin-top:30px;
}

.thumtxt{
	clear:both;
	margin-top:30px;
	padding-left:0px;
	/*border-right:2px solid rgb(120,120,120);*/
}

.nonLine{
	border:0px;	
}

}

@media screen and (max-width:480px) {
	p.time{ display:none; }
	.qna_qtitle h1{
		font-size:1.0em;
		font-weight:normal;
		color:rgb(72,184,87);
	}

	.qna_qtitle h2{
		font-size:0.8em;
	}


	.thumbox{
		max-width:100%;
		clear:both;
	}
	.thumbox img {
		
	}
	.thumtxt{
		max-width:100%;
	}
	.thumbox p {
		max-width:100%;
		width:100%;
	}
	.thumimg {
		display:block;
		text-align:center;
		width:100%;
		height:137px;
	}
}