@charset "utf-8";


/*Feedback*/
.board .feedback{position:relative;font-size:20px;border-top:1px solid #dddddd;}
.board .feedback .feedback_header{position:relative;color:#242424;font-size:1em;font-weight:500;border-bottom:1px solid #dddddd;line-height:4em;padding:0 10px;box-sizing:border-box;}
.board .feedback .feedback_list{position:relative;}
.board .feedback .feedback_list > ul{margin:0;padding:0;list-style:none;}
.board .feedback .feedback_list > ul > li{padding:15px 0;}
.board .feedback .feedback_list > ul > li:after{content:"";display:block;clear:both;}
.board .feedback .feedback_list > ul > li:nth-child(n+2){border-top:1px solid #dddddd;}
.board .feedback .feedback_list > ul > li .feedback_meta{float:left;width:6em;}
.board .feedback .feedback_list > ul > li .feedback_meta:after{content:"";display:block;clear:both;}
.board .feedback .feedback_list > ul > li .feedback_meta .profile{position:relative;display:block;width:2.5em;height:2.5em;background-size:100%;border-radius:100%;background-color:#efefef;background-image:url(../img/icon_noprofile.png);background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:0.2em;}
.board .feedback .feedback_list > ul > li .feedback_meta .author{position:relative;margin:0;font-size:1em;color:#242424;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .feedback .feedback_list > ul > li .feedback_meta .time{position:relative;margin:0;font-size:0.9em;color:#242424;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0.2em;}
.board .feedback .feedback_list > ul > li .feedback_meta + .feedback_content{float:right;width:calc(100% - 6em);padding-left:1em;box-sizing:border-box;}
.board .feedback .feedback_list > ul > li .feedback_content{position:relative;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_text{}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_text .xe_content{font-size:inherit;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action{margin-top:10px;white-space:nowrap;float:right;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul{margin:0;padding:0;list-style:none;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul:after{content:"";display:block;clear:both;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li{float:left;font-size:0.9em;font-weight:400;color:#242424;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li:nth-child(n+2){margin-left:10px;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li a{color:inherit;text-decoration:none;}
.board .feedback .feedback_list > ul > li .feedback_content .feedback_action ul li a:hover{color:#3286e3;}
.board .feedback .feedback_list > ul > li.feedback_indent{background:url(../img/icon_indent.gif);background-repeat:no-repeat;}
.board .feedback .feedback_list > ul > li.feedback_indent1{padding-left:25px !important;background-position:5px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent2{padding-left:45px !important;background-position:25px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent3{padding-left:65px !important;background-position:45px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent4{padding-left:85px !important;background-position:65px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent5{padding-left:105px !important;background-position:85px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent6{padding-left:125px !important;background-position:105px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent7{padding-left:145px !important;background-position:125px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent8{padding-left:165px !important;background-position:145px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent9{padding-left:185px !important;background-position:165px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent10{padding-left:205px !important;background-position:185px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent11{padding-left:225px !important;background-position:205px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent12{padding-left:245px !important;background-position:225px 15px;}
.board .feedback .feedback_list > ul > li.feedback_indent1 .feedback_action .remove_last{display:none;}
.board .feedback .feedback_list > ul > li.feedback_indent12 .feedback_action{display:none;}
.board .feedback .feedback_pagination{margin-top:50px;}

@media all and (max-width:1200px){
	.board .feedback{font-size:18px;}
	.board .feedback .feedback_pagination{margin-top:45px;}
}
@media all and (max-width:1000px){
	.board .feedback{font-size:17px;}
	.board .feedback .feedback_pagination{margin-top:40px;}
}
@media all and (max-width:800px){
	.board .feedback{font-size:16px;}
	.board .feedback .feedback_pagination{margin-top:35px;}
}
@media all and (max-width:600px){
	.board .feedback{font-size:15px;}
	.board .feedback .feedback_pagination{margin-top:30px;}
}
@media all and (max-width:400px){
	.board .feedback{font-size:14px;}
}


.board .feedback .feedback_write{position:relative;padding:20px 15px;border-bottom:1px solid #dddddd;}
.board .feedback .feedback_write .xeTextEditor{margin:0;}
.board .feedback .feedback_write .feedback_write_form{position:relative;margin-top:10px;}
.board .feedback .feedback_write .feedback_write_form ul{margin:0;padding:0;list-style:none;}
.board .feedback .feedback_write .feedback_write_form ul:after{content:"";display:block;clear:both;}
.board .feedback .feedback_write .feedback_write_form ul li{float:left;}
.board .feedback .feedback_write .feedback_write_form ul li{margin-right:10px;}
.board .feedback .feedback_write .feedback_write_form ul li:last-child{margin-right:0;}
.board .feedback .feedback_write .feedback_write_form ul li label{margin-left:5px;font-weight:400;color:#242424;font-size:14px;}

@media all and (max-width:1200px){
	.board .feedback .feedback_write{font-size:18px;}
}
@media all and (max-width:1000px){
	.board .feedback .feedback_write{font-size:17px;}
}
@media all and (max-width:800px){
	.board .feedback .feedback_write{font-size:16px;}
}
@media all and (max-width:600px){
	.board .feedback .feedback_write{font-size:15px;}
}
@media all and (max-width:400px){
	.board .feedback .feedback_write{font-size:14px;}
}


.board .context_message{position:relative;border-radius:10px;border:1px solid #dddddd;margin:100px auto;max-width:500px;overflow:hidden;}
.board .context_message.inline_box{margin-top:0;margin-bottom:0;border:0;}
.board .context_message form{margin:0;padding:0;}
.board .context_message .title{position:relative;text-align:center;font-size:22px;font-weight:600;color:#242424;padding:10px;line-height:1.4;background-color:#f5f5f5;border-bottom:1px solid #dddddd;box-sizing:border-box;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
.board .context_message .inputs{position:relative;padding:20px 15px;}
.board .context_message .inputs .description{position:relative;margin:0;padding:0;font-size:20px;line-height:1.4;color:#242424;font-weight:400;text-align:center;}
.board .context_message .inputs .writer{position:relative;margin:0;padding:0;font-size:20px;line-height:1.4;font-weight:400;margin-top:5px;text-align:center;}
.board .context_message .inputs .secret_input{position:relative;margin:0 auto;margin-top:15px;}
.board .context_message .buttons{padding:10px;border-top:1px solid #dddddd;padding:10px;column-gap:10px;}
.board .context_message .buttons .button{flex:1;border-radius:5px;}

@media all and (max-width:1200px){
	.board .context_message{font-size:18px;}
	.board .context_message .title{font-size:1.1em;}
	.board .context_message .inputs .description{font-size:1em;}
	.board .context_message .inputs .writer{font-size:1em;}
}
@media all and (max-width:1000px){
	.board .context_message{font-size:17px;border-radius:5px;margin:50px auto;}
}
@media all and (max-width:800px){
	.board .context_message{font-size:16px;}
}
@media all and (max-width:600px){
	.board .context_message{font-size:15px;}
}
@media all and (max-width:400px){
	.board .context_message{font-size:14px;}
}