@charset "utf-8";



.board_list {width:100%; border-top:2px solid #222222;}
.board_list * {vertical-align:middle;}
.board_list .img_wrap {width:230px;}
.board_list .img_wrap span {padding-bottom:67.39%;}
.board_list th {height:55px; padding:0; text-align:center; border-bottom:1px solid #cbcbcb; background:#f8f8f8;}
.board_list td {padding:20px; border-bottom:1px solid #cbcbcb; text-align:center;}
.board_list td.td_title {text-align:left;}
.board_list td .title {color:#222222;}
.board_list .date {margin-top:12px; font-size:18px; color:#888888;}


.board_user_list {border-top:2px solid #222222;}
.board_user_list > li {position:relative; min-height:100px; padding:25px 30px; border-bottom:1px solid #cbcbcb}
.board_user_list .title {margin-right:850px; padding:12px 0; font-size:22px; color:#222222; line-height:1.2;}
.board_user_list .inbox {position:relative;}



.btn_list {overflow:hidden; position:absolute; right:0; top:0; margin:-5px; width:830px;}
.btn_list li {float:left; width:25%; padding:5px; text-align:center;}
.btn_list a {display:block; border-radius:25px; border:1px solid #cccccc; font-size:17px; line-height:48px; color:#2c303b; letter-spacing:-0.065em;}
.btn_list .btn02 {border:0; color:#fff; line-height:50px; background:#ceaf9a;}
.btn_list .btn03 {border:0; color:#fff; line-height:50px; background:#2c303b;}

#movie_pop {display:none;}
#movie_pop .mobie_box {position:fixed; top:50%; left:50%; z-index:1000001; width:800px; margin-left:-400px; margin-top:-220px;}
#movie_pop .btn_close {overflow:hidden; position:absolute; top:0; right:-60px; width:42px; height:42px; text-indent:-999px; background:url('../images/btn_close.png') no-repeat; background-size:100% auto;}
#movie_pop .mobie_box .mbox {padding-bottom:56.25%;}
#movie_pop .mobie_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#movie_pop .pop_dimmed_bg {position:fixed; top:0; left:0; z-index:1000000; width:100%; height:100%; background:rgba(28,30,35,0.6);}

@media all and (max-width:1199.99px){
	.board_list {table-layout:fixed;}
	.board_list td.td_title {padding:20px;}
	.board_list .title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

	#movie_pop .mobie_box {width:94%; margin:0; transform:translate(-50%,-50%);}
	#movie_pop .btn_close {top:-30px; right:0; width:22px; height:22px;}

	.board_user_list > li {min-height:auto;}
	.board_user_list .title {margin:0 0 10px; padding:0;}
	.btn_list {position:relative; width:auto;}
}
@media all and (max-width:1000px){
	.btn_list li {width:50%;}
}
@media all and (max-width:767.99px){
	.board_list td.td_title {padding:15px;}
	.board_list td .title {font-size:17px;}
	.board_list .date {margin-top:0px; font-size:13px;}
	
	.board_user_list > li {padding:20px 5px;}
	.board_user_list .title {font-size:17px;}

	.btn_list {margin:-2px;}
	.btn_list li {padding:2px;}
	.btn_list a {border-radius:15px; font-size:13px; line-height:30px;}
	.btn_list .btn02,
	.btn_list .btn03 {line-height:32px;}
}