@charset "utf-8";

.board{}
.board img{border:0;}


/*button*/
.board .button_area{}
.board .button_area ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
.board .button_area ul:after{content:"";display:block;clear:both;}
.board .button_area ul li{float:left;}
.board .button_area ul li:nth-child(n+2){margin-left:10px;}
.board .button_area .button{display:inline-block;vertical-align:middle;text-decoration:none;line-height:2.5em;border:0;border-radius:0;box-sizing:border-box;min-width:4em;padding:0 0.5em;text-align:center;color:#000000;font-size:16px;font-weight:500;background-color:transparent;border:1px solid #000000;cursor:pointer;}
.board .button_area .button:hover{background-color:#efefef;}
.board .button_area .button.button_primary{color:#ffffff;background-color:#000000;}
.board .button_area .button.button_primary:hover{background-color:#333333;border-color:#333333;}
.board .button_area .button.button_large{font-size:18px;line-height:3em;width:6em;}

@media all and (max-width:1400px){
	.board .button_area .button{font-size:16px;}
	.board .button_area .button.button_large{font-size:18px;}
}
@media all and (max-width:1200px){
	.board .button_area .button{font-size:16px;}
	.board .button_area .button.button_large{font-size:18px;}
}
@media all and (max-width:1000px){
	.board .button_area .button{font-size:15px;}
	.board .button_area .button.button_large{font-size:17px;}
}
@media all and (max-width:800px){
	.board .button_area .button{font-size:14px;}
	.board .button_area .button.button_large{font-size:16px;}
}
@media all and (max-width:600px){
	.board .button_area .button{font-size:14px;}
	.board .button_area .button.button_large{font-size:16px;}
}
@media all and (max-width:400px){
	.board .button_area .button{font-size:13px;}
	.board .button_area .button.button_large{font-size:15px;}
}
@media all and (max-width:350px){
	.board .button_area .button{font-size:12px;}
	.board .button_area .button.button_large{font-size:14px;}
}


/*search*/
.board .board_search{margin:0 auto;max-width:400px;position:relative;font-size:16px;}
.board .board_search:after{content:"";display:block;clear:both;}
.board .board_search select,
.board .board_search input[type="text"],
.board .board_search input[type="submit"]{height:3em;-webkit-appearance:none;border-radius:0;box-sizing:border-box;border:0;padding:0 0.5em;font-size:1em;color:#000000;font-weight:400;}
.board .board_search input[type="text"]{border:1px solid #cccccc;width:100%;padding:0 4.5em 0 7.6em;}
.board .board_search input[type="text"]:focus{border-color:#333333;}
.board .board_search select{position:absolute;left:0;top:0;width:7em;border-right:1px solid #cccccc;background-color:transparent;background-image:url(../img/icon_arrow_down.png);background-repeat:no-repeat;background-position:right 0.5em center;background-size:0.5em;padding-right:1.5em;}
.board .board_search input[type="submit"]{position:absolute;right:0;top:0;width:4em;border-left:1px solid #000000;background-color:#000000;color:#ffffff;padding:0 0.5em;}
.board .board_search input[type="submit"]:hover{background-color:#333333;border-color:#333333;}

@media all and (max-width:1400px){
	.board .board_search{font-size:16px;}
}
@media all and (max-width:1200px){
	.board .board_search{font-size:16px;}
}
@media all and (max-width:1000px){
	.board .board_search{font-size:15px;}
}
@media all and (max-width:800px){
	.board .board_search{font-size:14px;}
}
@media all and (max-width:600px){
	.board .board_search{font-size:14px;}
}
@media all and (max-width:400px){
	.board .board_search{font-size:13px;}
}


/*pagination*/
.board .board_pagination{text-align:center;margin-top:0.5em;font-size:16px;}
.board .board_pagination ul{margin:0;padding:0;list-style:none;display:inline-block;}
.board .board_pagination ul:after{content:"";display:block;clear:both;}
.board .board_pagination ul li{float:left;font-size:1em;font-weight:500;color:#000000;min-width:3em;height:3em;line-height:3em;border:1px solid #cccccc;box-sizing:border-box;margin-right:0.5em;margin-top:0.5em;}
.board .board_pagination ul li:last-child{margin-right:0;}
.board .board_pagination ul li a{display:block;text-decoration:none;color:inherit;}
.board .board_pagination ul li a:hover{text-decoration:none;}
.board .board_pagination ul li.direction a{font-size:0;background-size:50%;background-repeat:no-repeat;background-position:center center;}
.board .board_pagination ul li.direction.prev a{background-image:url(../img/icon_direction_prev.png);}
.board .board_pagination ul li.direction.next a{background-image:url(../img/icon_direction_next.png);}
.board .board_pagination ul li:hover{background-color:#f5f5f5;}
.board .board_pagination ul li.active{background-color:#000000;color:#ffffff;border-color:#000000;}

@media all and (max-width:1400px){
	.board .board_pagination{font-size:15px;}
}
@media all and (max-width:1200px){
	.board .board_pagination{font-size:15px;}
}
@media all and (max-width:1000px){
	.board .board_pagination{font-size:14px;}
}
@media all and (max-width:800px){
	.board .board_pagination{font-size:13px;}
}
@media all and (max-width:600px){
	.board .board_pagination{font-size:13px;}
}
@media all and (max-width:400px){
	.board .board_pagination{font-size:12px;}
}


/*list*/
.board .board_list{}
.board .board_list .list_body{font-size:16px;}
.board .board_list .list_body table{width:100%;font-family:inherit;border:0;border-collapse:collapse;border-spacing:0;border-top:3px solid #000000;font-size:inherit;}
.board .board_list .list_body table tr th,
.board .board_list .list_body table tr td{padding:0.5em;border:0;border-bottom:1px solid #cccccc;box-sizing:border-box;height:3.75em;line-height:1.5;text-align:center;}
.board .board_list .list_body table thead{background-color:#f5f5f5}
.board .board_list .list_body table thead tr th{font-weight:500;color:#000000;font-size:1.05em;white-space:nowrap;}
.board .board_list .list_body table thead tr th a{color:inherit;text-decoration:none;}
.board .board_list .list_body table tbody tr td{font-weight:400;color:#000000;}
.board .board_list .list_body table tbody tr td a{color:inherit;text-decoration:none;}
.board .board_list .list_body table tbody tr:hover{background-color:#fafafa;}
.board .board_list .list_body table tbody tr a{display:block;}
.board .board_list .list_body .nolist{padding:150px 0;text-align:center;font-weight:400;color:#000000;}
.board .board_list .list_body .icon_status{white-space:nowrap;background-color:#efefef;font-weight:500;padding:0 1em;font-size:0.9em;line-height:2;display:inline-block;border-radius:1em;}
.board .board_list .list_body .icon_status.status_notice{background-color:#000000;color:#ffffff;}
.board .board_list .list_body .icon_answer{}
.board .board_list .list_body .icon_answer:before{content:"";display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;margin-left:0.5em;margin-right:0.2em;margin-top:-4px;background-image:url(../img/icon_answer.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}

.board .board_list .list_body table .checkbox{text-align:right;}
.board .board_list .list_body table .checkbox input[type="checkbox"]{display:none;}
.board .board_list .list_body table .checkbox input[type="checkbox"] + label{position:relative;padding-left:1.5625em;cursor:pointer;}
.board .board_list .list_body table .checkbox input[type="checkbox"] + label:before,
.board .board_list .list_body table .checkbox input[type="checkbox"] + label:after{content:"";display:block;position:absolute;left:0;top:0;width:1.5625em;height:1.5625em;box-sizing:border-box;}
.board .board_list .list_body table .checkbox input[type="checkbox"] + label:before{border:1px solid #cccccc;}
.board .board_list .list_body table .checkbox input[type="checkbox"] + label:after{width:0.9375em;height:0.9375em;background-color:#000000;left:0.3125em;top:0.3125em;display:none;}
.board .board_list .list_body table .checkbox input[type="checkbox"]:checked + label:after{display:block;}

.board .board_list .list_body table .cell_no{width:4em;white-space:nowrap;}
.board .board_list .list_body table .cell_category{width:6em;white-space:nowrap;}
.board .board_list .list_body table .cell_author{width:8em;}
.board .board_list .list_body table .cell_time{width:6em;white-space:nowrap;}
.board .board_list .list_body table .cell_count{width:4em;white-space:nowrap;}
.board .board_list .list_body table .cell_checkbox{width:1em;}
.board .board_list .list_body table .cell_mobile{display:none;}
.board .board_list .list_body table tbody .cell_title{text-align:left;}
.board .board_list .list_body table tbody .cell_mobile{text-align:left;}
.board .board_list .list_body table tbody .cell_mobile a{display:block;}

.board .board_list .list_body .mobile_info{}
.board .board_list .list_body .mobile_info .icon_status{margin-bottom:0.6em;}
.board .board_list .list_body .mobile_info .product{font-weight:500;}
.board .board_list .list_body .mobile_info .meta{margin-top:0.5em;}
.board .board_list .list_body .mobile_info .meta ul{margin:0;padding:0;list-style:none;}
.board .board_list .list_body .mobile_info .meta ul:after{content:"";display:block;clear:both;}
.board .board_list .list_body .mobile_info .meta ul li{float:left;margin-right:1em;color:#777777;}
.board .board_list .list_body .mobile_info .meta ul li:last-child{margin-right:0;}

@media all and (max-width:1400px){
	.board .board_list .list_body{font-size:16px;}
}
@media all and (max-width:1200px){
	.board .board_list .list_body{font-size:16px;}
}
@media all and (max-width:1000px){
	.board .board_list .list_body{font-size:15px;}
	.board .board_list .list_body table .cell_count{display:none;}
}
@media all and (max-width:800px){
	.board .board_list .list_body{font-size:14px;}
}
@media all and (max-width:600px){
	.board .board_list .list_body{font-size:14px;}
	.board .board_list .list_body table thead{display:none;}
	.board .board_list .list_body table tbody tr td:not(.mobile_show){display:none;}
	.board .board_list .list_body table tbody tr .mobile_show{display:table-cell;height:auto !important;}
}
@media all and (max-width:400px){
	.board .board_list .list_body{font-size:13px;}
}


.board .board_list .list_footer{margin-top:50px;}
.board .board_list .list_footer .button_area{text-align:right;}
.board .board_list .list_footer .board_pagination{margin-top:50px;}
.board .board_list .list_footer .board_search{margin-top:50px;}

@media all and (max-width:1400px){
	.board .board_list .list_footer{margin-top:45px;}
	.board .board_list .list_footer .board_pagination{margin-top:45px;}
	.board .board_list .list_footer .board_search{margin-top:45px;}
}
@media all and (max-width:1200px){
	.board .board_list .list_footer{margin-top:45px;}
	.board .board_list .list_footer .board_pagination{margin-top:45px;}
	.board .board_list .list_footer .board_search{margin-top:45px;}
}
@media all and (max-width:1000px){
	.board .board_list .list_footer{margin-top:40px;}
	.board .board_list .list_footer .board_pagination{margin-top:40px;}
	.board .board_list .list_footer .board_search{margin-top:40px;}
}
@media all and (max-width:800px){
	.board .board_list .list_footer{margin-top:35px;}
	.board .board_list .list_footer .board_pagination{margin-top:35px;}
	.board .board_list .list_footer .board_search{margin-top:35px;}
}
@media all and (max-width:600px){
	.board .board_list .list_footer{margin-top:35px;}
	.board .board_list .list_footer .board_pagination{margin-top:35px;}
	.board .board_list .list_footer .board_search{margin-top:35px;}
}
@media all and (max-width:400px){
	.board .board_list .list_footer{margin-top:30px;}
	.board .board_list .list_footer .board_pagination{margin-top:30px;}
	.board .board_list .list_footer .board_search{margin-top:30px;}
}


/*write*/
.board .board_write{font-size:16px;}
.board .board_write .required_text{font-size:1.1em;font-weight:400;color:#000000;line-height:1.5;margin-bottom:1.5em;}
.board .board_write .required_text b{font-weight:700;}

.board .board_write .write_form{margin-bottom:2em;}
.board .board_write .write_form table{border:0;border-spacing:0;border-collapse:collapse;width:100%;font-size:inherit;border-top:3px solid #000000;}
.board .board_write .write_form em{font-style:normal;color:#333333;vertical-align:middel;display:inline-block;}
.board .board_write .write_form tr th,
.board .board_write .write_form tr td{border:0;border-bottom:1px solid #cccccc;height:4em;padding:0.5em;font-size:1em;text-align:left;box-sizing:border-box;}
.board .board_write .write_form tr th{color:#000000;white-space:nowrap;width:5em;font-weight:500;}
.board .board_write .write_form tr td{color:#333333;font-weight:400;}
.board .board_write .write_form a{color:inherit;text-decoration:none;}

.board .board_write .write_form input[type="text"],
.board .board_write .write_form input[type="tel"],
.board .board_write .write_form input[type="number"],
.board .board_write .write_form input[type="password"],
.board .board_write .write_form textarea,
.board .board_write .write_form select{height:3em;border:1px solid #cccccc;padding:0 0.5em;font-size:inherit;font-weight:400;color:#000000;width:100%;border-radius:0;box-sizing:border-box;-webkit-appearance:none;resize:none;}
.board .board_write .write_form textarea{padding:0.5em;height:9.5em;}
.board .board_write .write_form input[type="text"]:focus,
.board .board_write .write_form input[type="tel"]:focus,
.board .board_write .write_form input[type="number"]:focus,
.board .board_write .write_form input[type="password"]:focus,
.board .board_write .write_form textarea:focus{border-color:#000000;}
.board .board_write .write_form select{max-width:400px;background-image:url(../img/icon_arrow_down.png);background-repeat:no-repeat;background-position:right 0.5em center;background-size:0.5em;padding-right:1.5em;}
.board .board_write .write_form input[type="text"]:disabled{background-color:#f7f7f7;}
.board .board_write .write_form input::-webkit-outer-spin-button,
.board .board_write .write_form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.board .board_write .write_form input[type="checkbox"]{display:none;}
.board .board_write .write_form input[type="checkbox"] + label{position:relative;padding-left:2.1875em;cursor:pointer;}
.board .board_write .write_form input[type="checkbox"] + label:before,
.board .board_write .write_form input[type="checkbox"] + label:after{content:"";display:block;position:absolute;left:0;top:0;width:1.5625em;height:1.5625em;box-sizing:border-box;}
.board .board_write .write_form input[type="checkbox"] + label:before{border:1px solid #cccccc;}
.board .board_write .write_form input[type="checkbox"] + label:after{width:0.9375em;height:0.9375em;background-color:#000000;left:0.3125em;top:0.3125em;display:none;}
.board .board_write .write_form input[type="checkbox"]:checked + label:after{display:block;}
.board .board_write .write_form input[type="radio"]{display:none;}
.board .board_write .write_form input[type="radio"] + label{position:relative;padding-left:2.1875em;cursor:pointer;}
.board .board_write .write_form input[type="radio"] + label:before,
.board .board_write .write_form input[type="radio"] + label:after{content:"";display:block;position:absolute;left:0;top:0;width:1.5625em;height:1.5625em;border-radius:50%;box-sizing:border-box;}
.board .board_write .write_form input[type="radio"] + label:before{border:1px solid #cccccc;}
.board .board_write .write_form input[type="radio"] + label:after{width:0.9375em;height:0.9375em;background-color:#000000;left:0.3125em;top:0.3125em;display:none;}
.board .board_write .write_form input[type="radio"]:checked + label:after{display:block;}

.board .board_write .write_form .btn{margin:0;margin-left:-5px;padding:0 !important;width:5em !important;background-image:none;background-color:#000000;color:#ffffff;font-size:inherit;font-weight:500;height:3em !important;line-height:3em !important;-webkit-appearance:none;display:inline-block;text-shadow:none;box-shadow:none;border:0;border-radius:0;}
.board .board_write .write_form .btn:hover{background-color:#333333;border-color:#333333;}

.board .board_write .write_form input.tel{width:5em;}
.board .board_write .write_form input.date{width:10em;}
.board .board_write .write_form input.username{width:200px;}
.board .board_write .write_form input.password{width:200px;}
.board .board_write .write_form input.title{width:100%;}

.board .board_write .write_form{margin-top:0.75em;}
.board .board_write .write_form ul{margin:0;padding:0;list-style:none;}
.board .board_write .write_form ul:after{content:"";display:block;clear:both;}
.board .board_write .write_form ul li{float:left;margin-right:2em;}
.board .board_write .write_form ul li:last-child{margin-right:0;}

@media all and (max-width:1400px){
	.board .board_write{font-size:16px;}
}
@media all and (max-width:1200px){
	.board .board_write{font-size:16px;}
}
@media all and (max-width:1000px){
	.board .board_write{font-size:15px;}
}
@media all and (max-width:800px){
	.board .board_write{font-size:14px;}
}
@media all and (max-width:600px){
	.board .board_write{font-size:14px;}
}
@media all and (max-width:400px){
	.board .board_write{font-size:13px;}
}


.board .board_write .write_form .krZip{}
.board .board_write .write_form .krZip > div{}
.board .board_write .write_form .krZip > div:after{content:"";display:block;clear:both;}
.board .board_write .write_form .krZip > div > label{float:left;font-size:0.95em;font-weight:500;color:#000000;width:100%;margin-bottom:0.2em;}
.board .board_write .write_form .krZip > div + div{margin-top:10px;}
.board .board_write .write_form .krZip .krzip-postcode-wrap{max-width:400px;}
.board .board_write .write_form .krZip .krzip-postcode-wrap input[type="text"]{float:left;width:calc(100% - 5em);}
.board .board_write .write_form .krZip .krzip-postcode-wrap input[type="button"]{float:right;margin:0;padding:0 !important;width:5em !important;background-image:none;background-color:#000000;color:#ffffff;font-size:inherit;font-weight:500;height:3em !important;line-height:3em !important;-webkit-appearance:none;display:block;text-shadow:none;box-shadow:none;border:0;border-radius:0;}
.board .board_write .write_form .krZip .krzip-postcode-wrap input[type="button"]:hover{background-color:#333333;border-color:#333333;}
.board .board_write .write_form .krZip .krzip-address-wrap{}
.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]{float:left;width:calc(50% - 5px);margin-right:10px;}
.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]:nth-child(2n-1){margin-right:0;}
.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]:nth-child(n+4){margin-top:10px;}
.board .board_write .write_form .krZip .krzip-detailAddress-wrap{}
.board .board_write .write_form .krZip .krzip-guide{}

@media all and (max-width:600px){
	.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]{float:none;width:100%;margin-right:0;}
	.board .board_write .write_form .krZip .krzip-address-wrap input[type="text"]:nth-child(n+3){margin-top:10px;}
}


.board .board_write .write_footer{margin-top:50px;}
.board .board_write .write_footer .button_area{text-align:right;}

@media all and (max-width:1400px){
	.board .board_write .write_footer{margin-top:45px;}
}
@media all and (max-width:1200px){
	.board .board_write .write_footer{margin-top:45px;}
}
@media all and (max-width:1000px){
	.board .board_write .write_footer{margin-top:40px;}
}
@media all and (max-width:800px){
	.board .board_write .write_footer{margin-top:35px;}
}
@media all and (max-width:600px){
	.board .board_write .write_footer{margin-top:35px;}
}
@media all and (max-width:400px){
	.board .board_write .write_footer{margin-top:30px;}
}


/*read*/
.board .board_read{font-size:16px;}
.board .board_read .read_header{position:relative;border-top:3px solid #000000;border-bottom:1px solid #cccccc;padding:1em;font-size:1em;text-align:center;}
.board .board_read .read_header .category{font-weight:500;font-size:1em;color:#000000;margin-bottom:0.5em;}
.board .board_read .read_header .category a{text-decoration:none;color:inherit;}
.board .board_read .read_header .title{font-size:1.2em;line-height:1.5;font-weight:500;color:#000000;}
.board .board_read .read_header .title a{text-decoration:none;color:inherit;}
.board .board_read .read_header .date{color:#333333;font-size:1em;font-weight:400;margin-top:0.5em;}
.board .board_read .read_meta{text-align:right;margin-top:1em;font-size:1em;}
.board .board_read .read_meta ul{margin:0;padding:0;list-style:none;display:inline-block;}
.board .board_read .read_meta ul li{float:left;color:#333333;font-size:1em;line-height:1;font-weight:400;}
.board .board_read .read_meta ul li:nth-child(n+2):before{content:"";display:block;float:left;margin:0 0.75em;height:1em;border-left:1px solid #cccccc;}
.board .board_read .read_header_button{margin-top:20px;}
.board .board_read .read_header_button .button_area{text-align:right;}

.board .board_read .read_form{}
.board .board_read .read_form table{border:0;border-spacing:0;border-collapse:collapse;width:100%;font-size:inherit;}
.board .board_read .read_form em{font-style:normal;color:#333333;vertical-align:middel;display:inline-block;}
.board .board_read .read_form tr th,
.board .board_read .read_form tr td{border:0;border-bottom:1px solid #cccccc;height:3em;padding:0.5em;font-size:1em;text-align:left;box-sizing:border-box;}
.board .board_read .read_form tr th{color:#000000;white-space:nowrap;width:5em;font-weight:500;}
.board .board_read .read_form tr td{color:#333333;font-weight:400;}
.board .board_read .read_form a{color:inherit;text-decoration:none;}

.board .board_read .read_body{border-bottom:1px solid #cccccc;}
.board .board_read .read_body .content{padding:3em 0;}
.board .board_read .read_body .file_list{}
.board .board_read .read_body .file_list .file_list_title{color:#000000;font-size:1em;font-weight:500;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;background-color:#fafafa;line-height:3em;padding:0 0.5em;}
.board .board_read .read_body .file_list .files{}
.board .board_read .read_body .file_list .files ul{margin:0;padding:0;list-style:none;}
.board .board_read .read_body .file_list .files ul li{line-height:40px;font-size:0.95em;font-weight:400;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .board_read .read_body .file_list .files ul li:nth-child(n+2){border-top:1px solid #cccccc;}
.board .board_read .read_body .file_list .files ul li a{padding:0 0.5em;color:inherit;text-decoration:none;}

@media all and (max-width:1400px){
	.board .board_read{font-size:16px;}
}
@media all and (max-width:1200px){
	.board .board_read{font-size:16px;}
}
@media all and (max-width:1000px){
	.board .board_read{font-size:15px;}
}
@media all and (max-width:800px){
	.board .board_read{font-size:14px;}
}
@media all and (max-width:600px){
	.board .board_read{font-size:14px;}
}
@media all and (max-width:400px){
	.board .board_read{font-size:13px;}
}


.board .board_read .read_footer{margin-top:50px;}
.board .board_read .read_footer .button_area{text-align:center;}

@media all and (max-width:1400px){
	.board .board_read .read_footer{margin-top:45px;}
}
@media all and (max-width:1200px){
	.board .board_read .read_footer{margin-top:45px;}
}
@media all and (max-width:1000px){
	.board .board_read .read_footer{margin-top:40px;}
}
@media all and (max-width:800px){
	.board .board_read .read_footer{margin-top:35px;}
}
@media all and (max-width:600px){
	.board .board_read .read_footer{margin-top:35px;}
}
@media all and (max-width:400px){
	.board .board_read .read_footer{margin-top:30px;}
}


/*Feedback*/
.board .feedback{position:relative;margin-top:50px;font-size:16px;}
.board .feedback .feedback_header{font-size:1.2em;font-weight:500;color:#000000;margin-bottom:1em;line-height:1;}
.board .feedback .feedback_header:before{content:"";display:inline-block;vertical-align:middle;width:1.2em;height:1.2em;margin-right:0.2em;margin-top:-4px;background-image:url(../img/icon_answer.png);background-size:100%;background-repeat:no-repeat;background-position:center center;}
.board .feedback .feedback_list{margin-top:50px;}
.board .feedback .feedback_list > ul{margin:0;padding:0;list-style:none;border-top:1px solid #cccccc;}
.board .feedback .feedback_list > ul > li{padding:20px 0;border-bottom:1px solid #cccccc;}
.board .feedback .feedback_list > ul > li:after{content:"";display:block;clear:both;}
.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{display:none;float:left;width:50px;height:50px;margin-right:0.75em;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;}
.board .feedback .feedback_list > ul > li .feedback_meta .author{margin:0;font-size:0.95em;color:#000000;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .feedback .feedback_list > ul > li .feedback_meta .time{margin:0;font-size:0.85em;color:#333333;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .feedback .feedback_list > ul > li .feedback_content{float:right;width:calc(100% - 6em);padding-left:1em;box-sizing:border-box;}
.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_action{margin-top:10px;white-space:nowrap;float:right;}
.board .feedback .feedback_list > ul > li .feedback_action ul{margin:0;padding:0;list-style:none;}
.board .feedback .feedback_list > ul > li .feedback_action ul:after{content:"";display:block;clear:both;}
.board .feedback .feedback_list > ul > li .feedback_action ul li{float:left;font-size:0.85em;font-weight:400;color:#333333;}
.board .feedback .feedback_list > ul > li .feedback_action ul li:nth-child(n+2){margin-left:10px;}
.board .feedback .feedback_list > ul > li .feedback_action ul li a{color:inherit;text-decoration:none;}
.board .feedback .feedback_list > ul > li .feedback_action ul li a:hover{color:#000000;}
.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:1400px){
	.board .feedback{margin-top:45px;font-size:16px;}
	.board .feedback .feedback_list{margin-top:45px;}
	.board .feedback .feedback_pagination{margin-top:45px;}
}
@media all and (max-width:1200px){
	.board .feedback{margin-top:45px;font-size:16px;}
	.board .feedback .feedback_list{margin-top:45px;}
	.board .feedback .feedback_pagination{margin-top:45px;}
}
@media all and (max-width:1000px){
	.board .feedback{margin-top:40px;font-size:15px;}
	.board .feedback .feedback_list{margin-top:40px;}
	.board .feedback .feedback_pagination{margin-top:40px;}
}
@media all and (max-width:800px){
	.board .feedback{margin-top:35px;font-size:14px;}
	.board .feedback .feedback_list{margin-top:35px;}
	.board .feedback .feedback_pagination{margin-top:35px;}
}
@media all and (max-width:600px){
	.board .feedback{margin-top:35px;font-size:14px;}
	.board .feedback .feedback_list{margin-top:35px;}
	.board .feedback .feedback_pagination{margin-top:35px;}
}
@media all and (max-width:400px){
	.board .feedback{margin-top:30px;font-size:13px;}
	.board .feedback .feedback_list{margin-top:30px;}
	.board .feedback .feedback_pagination{margin-top:30px;}
}


.board .feedback .feedback_write{position:relative;font-size:16px;}
.board .feedback .feedback_write select,
.board .feedback .feedback_write textarea,
.board .feedback .feedback_write input[type="text"],
.board .feedback .feedback_write input[type="password"],
.board .feedback .feedback_write input[type="email"],
.board .feedback .feedback_write input[type="url"]{max-width:100%;box-sizing:border-box;height:3em;border:1px solid #cccccc;border-radius:0;padding:0 0.5em;font-size:1em;-webkit-appearance:none;}
.board .feedback .feedback_write select:focus,
.board .feedback .feedback_write textarea:focus,
.board .feedback .feedback_write input[type="text"]:focus,
.board .feedback .feedback_write input[type="password"]:focus,
.board .feedback .feedback_write input[type="email"]:focus,
.board .feedback .feedback_write input[type="url"]:focus{border-color:#000000;}
.board .feedback .feedback_write select{background-image:url(../img/icon_select_triangle.png);background-repeat:no-repeat;background-position:right 0.5em center;background-size:0.5em;padding-right:1.5em;}
.board .feedback .feedback_write textarea{width:100% !important;padding:0.5em;resize:none;height:100px !important;box-sizing:border-box;}
.board .feedback .feedback_write .xeTextEditor{margin:0;}
.board .feedback .feedback_write .feedback_write_form{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:#000000;font-size:14px;}
.board .feedback .feedback_write .button_area{text-align:right;margin-top:10px;}

@media all and (max-width:1400px){
	.board .feedback .feedback_write{font-size:16px;}
}
@media all and (max-width:1200px){
	.board .feedback .feedback_write{font-size:16px;}
}
@media all and (max-width:1000px){
	.board .feedback .feedback_write{font-size:15px;}
}
@media all and (max-width:800px){
	.board .feedback .feedback_write{font-size:14px;}
}
@media all and (max-width:600px){
	.board .feedback .feedback_write{font-size:14px;}
	.board .feedback .feedback_write select,
	.board .feedback .feedback_write textarea,
	.board .feedback .feedback_write input[type="text"],
	.board .feedback .feedback_write input[type="password"],
	.board .feedback .feedback_write input[type="email"],
	.board .feedback .feedback_write input[type="url"]{width:100%;}
	.board .feedback .feedback_write .feedback_write_form ul li{width:calc(50% - 5px);margin-right:10px;}
	.board .feedback .feedback_write .feedback_write_form ul li:nth-child(2n){margin-right:0;}
	.board .feedback .feedback_write .feedback_write_form ul li:nth-child(n+3){margin-top:10px;}
}
@media all and (max-width:400px){
	.board .feedback .feedback_write{font-size:13px;}
}


/*context message*/
.board .context_message{font-size:16px;border:1px solid #000000;margin:100px auto;max-width:500px;}
.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_box{text-align:center;font-size:1.1em;font-weight:500;color:#000000;padding:0 30px;line-height:3;background-color:#f5f5f5;border-bottom:1px solid #dddddd;}
.board .context_message .input_box{padding:30px;}
.board .context_message .input_box .description{font-size:1.1em;color:#000000;font-weight:400;text-align:center;}
.board .context_message .input_box .writer{font-weight:500;margin-top:1em;text-align:center;}
.board .context_message .input_box .secret_input{margin:0 auto;margin-top:15px;}
.board .context_message .input_box .secret_input:after{content:"";display:block;clear:both;}
.board .context_message .input_box .secret_input input[type="password"]{width:100%;height:3em;border:1px solid #cccccc;font-weight:400;margin:0;padding:0 0.5em;box-sizing:border-box;font-size:1em;-webkit-appearance:none;}
.board .context_message .input_box .secret_input input[type="password"]:focus{border-color:#000000;}
.board .context_message .input_box .secret_input .button{margin-top:10px;border:1px solid #000000;width:100%;height:3em;box-sizing:border-box;display:inline-block;text-align:center;color:#ffffff;font-size:1em;font-weight:500;text-decoration:none;background-color:#000000;-webkit-appearance:none;cursor:pointer;}
.board .context_message .input_box .secret_input .button:hover{background-color:#333333;border-color:#333333;}
.board .context_message .button_area{padding:10px;border-top:1px solid #dddddd;text-align:right;}

@media all and (max-width:1400px){
	.board .context_message{font-size:16px;margin:90px auto;}
}
@media all and (max-width:1200px){
	.board .context_message{font-size:16px;margin:90px auto;}
}
@media all and (max-width:1000px){
	.board .context_message{font-size:15px;margin:80px auto;}
	.board .context_message .title_box{padding:0 15px;}
}
@media all and (max-width:800px){
	.board .context_message{font-size:14px;margin:70px auto;}
}
@media all and (max-width:600px){
	.board .context_message{font-size:14px;margin:70px auto;}
}
@media all and (max-width:400px){
	.board .context_message{font-size:13px;margin:60px auto;}
}