@charset "utf-8";
/*
#max_board {width:72.91666666666667%; margin:0 auto; overflow:hidden;}
#max_board .max_btns {text-align:right;}

@media screen and (max-width: 1440px) {
	#max_board {width:100%;}
}
@media screen and (max-width: 1024px) {
	#max_board .max_tt {display:none;}
	#max_board .max_btns {text-align:center;}
}
*/
/* button */
.max_btns_bo {text-align:center; margin-top:30px;}
.btn_b_type01{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type01:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_b_type02{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type02:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_b_type03{display:inline-block; background:#fff; border:1px solid #ccc; color:#000; padding:15px 40px; font-size:14px;}
.btn_b_type03:hover {background:#000; border:1px solid #000; color:#fff;}
.btn_b_type04{display:inline-block; background:#000; border:1px solid #000; color:#fff; padding:15px 40px; font-size:14px;}
.btn_b_type04:hover {background:#fff; border:1px solid #000; color:#000;}
@media screen and (max-width: 768px) {
	.btn_b_type01, 
	.btn_b_type02, 
	.btn_b_type03, 
	.btn_b_type04 {padding:10px 5%; font-size:13px;}
}

/* no data */
.max_no_data{width:100%; height:auto; text-align:center; border-top:1px solid #000; border-bottom:1px solid #ccc; padding:30px 0; margin:30px 0 0 0;}

@media screen and (max-width: 639px) {
	.max_no_data {padding:20% 0; font-size:13px;}
}

/* list */
.magazine_lst { position:relative; overflow:hidden; border-top:1px solid #000; border-bottom:1px solid #e1e1e1; margin-top:5em;}
.magazine_lst li {float:left; width:23%; margin:2% 1%; text-align:center; position:relative;}
.magazine_lst li img {width:100%;}
.magazine_lst li em {display:block; color:#000; padding:15px;background: #fff;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.magazine_lst li span {display:none; position:absolute; top:45%; left:50%; transform:translate(-45%, -50%);}
.magazine_lst li a {display:block; width:100%; height:100%;background:#000;}
.magazine_lst li:hover img {opacity:.5;}
.magazine_lst li:hover span {display:block;}

@media screen and (max-width: 1024px) {
	.magazine_lst > li {width:31.33%;}
}
@media screen and (max-width: 768px) {
	.magazine_lst > li {width:48%;}
}
@media screen and (max-width: 414px) {
	.magazine_lst > li {width:100%; margin:4% 0;}
}


.video-pop-layer { position:fixed; left:0; right:0; top:0; bottom:0; display:none; z-index:9999;}
.video-pop-layer .pop-inner {width:100%; max-width:1024px; position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%, -50%); }
.video-pop-layer .pop-inner h3 { position:absolute; top:-40px; left:0; font-size:2em; color:#FFF; }
#pop_player { width:100%; height:0; padding-bottom:56.25%; position:relative; }
#pop_player iframe { width:100%; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; }
.video-pop-layer .bt_pop_close { position:absolute; z-index:2; top:-50px; right:0; color:#fff; font-size:0}
.video-pop-layer .pop_back { position:absolute; z-index:1; background:#000; opacity:.5; left:0; right:0; top:0; bottom:0; }

.ico-close {display:block; width:40px; height:40px; position:relative;}
.ico-close:before, .ico-close:after{content:''; height:2px; width:40px; display:block; background:#fff; border-radius:10px; position:absolute; top:16px; left:0px; transform:rotate(-45deg);}
.ico-close:after{transform:rotate(45deg);}

/* view */
.max_board_view{ float:left; width:100%; height:auto; margin:30px 0;}
.max_board_view .subjected{border-top:1px solid #000; border-bottom:1px solid #ccc; padding:15px 0; font-size:25px; line-height:25px; text-align:center; color:#222;}
.max_board_view .user_it_info{width:100%; height:auto; padding:15px; border-bottom:1px solid #ccc;}
.max_board_view .user_it_info li{display:inline-block; padding-right:20px; margin:10px 0; color:#797979;}
.max_board_view .user_it_info li strong{color:#222;}
.max_board_view .max_board_contents{width:100%; height:auto; padding:30px 0; line-height:140%; border-bottom:1px solid #000;}
.max_board_view .max_board_contents div img {max-width:100%;}

.max_iframe_wrap { position:relative; overflow:hidden; width:90%; margin:0 auto; }


@media screen and (max-width: 1024px) {
	.max_view_subject.bo_mobile {display:block;}
	.max_view_subject {display:none;}
	.max_board_view {width:100%;}
	.max_bo_prd_warp {width:100%; margin-top:3%;}
	.max_bo_prd_warp .max_prd_lst li {width:48%; height:190px; padding:20px; margin:1%; box-sizing:border-box;}
	.max_bo_prd_warp .max_prd_lst li .max_prd_img {width:90px; padding:0;}
	.max_bo_prd_warp .max_prd_lst li .text_area {padding:0 20px;}
}
@media screen and (max-width: 736px) {
	.max_bo_prd_warp .max_prd_lst li {height:auto; padding:20px 0;}
	.max_bo_prd_warp .max_prd_lst li .max_prd_img {float:none; width:100%;}
	.max_bo_prd_warp .max_prd_lst li .text_area {float:none; width:100%; padding:20px 20px 0;}
}

/* write */
.max_board_write{width:100%; height:auto;}
.max_write{width:100%; height:auto; margin:30px 0 0 0; border-top:1px solid #000;}
.max_write p {display:inline-block;}
.max_write h4{border-bottom:1px solid #000; padding-bottom:15px;}
.max_write table{width:100%; height:auto;}
.max_write table th{border-bottom:1px solid #ccc; width:15%; text-align:center; color:#222;}
.max_write table th:first-child {padding:25px 0;}
.max_write table td{border-bottom:1px solid #ccc; padding:10px; vertical-align:middle;}
.max_write table td textarea{width:100%; height:200px;}
.max_write table td select{padding:5px;}
.max_write table td input[type="text"] {border:1px solid #ccc; width:80%;}
.max_board_form_file {margin:15px 0;}

@media screen and (max-width:768px) {
	/* .max_board_write, .max_write {margin:0;} */
	.max_write table th {display:none;}
	.max_write table td input.max_board_subject {width:100%;}
}

/* password */
.max_bbs_form_fieldset {}
#dialog_alert_msg {color:#797979;}
.max_bbs_form_content {padding-top:20px;}
#max_bbs_pass {border:1px solid #ccc; padding:15px; text-align:center;}



.poll_item { padding:10px; }