#boardPermission { flex: 1 }
#boardPermission .guestMessage {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#boardPermission .guestMessage p { font-size: 24px; color: #555; }

/* 리셋 */
#sectionSnb { width: 250px }
#sectionSnb .box_chat { width: 100%; margin-bottom: 20px }
#sectionSnb .box_ad { width: 100%; height: 250px }
#sectionContainer { flex: 1; margin-left: 20px; }
#boardWrite { position: relative; flex: 1; }
#boardList { position: relative }
#boardView { position: relative }
#boardComment { position: relative; margin-top: 10px }
#boardComment .bookmark { visibility: hidden }
.latest_post { width: 100% }
.latest_post.post_notice { margin-bottom: 20px }
.latest_post.new_post { margin-bottom: 20px }
.latest_post.other_post { margin-bottom: 20px }
.latest_post .box_header { position: relative; height: 60px }
.latest_post .box_header .box_title { padding-left: 20px; font-size: 20px; line-height: 60px; border-bottom: #DDD solid 1px }
.latest_post .post_wrap { position: relative; margin: 20px }
.latest_post .post_wrap li { position: relative; height: 20px; margin-bottom: 10px; font-size: 14px }
.latest_post .post_wrap li:hover { color: #3498DB }
.latest_post .post_wrap li .sub_title { overflow: hidden; float: left; width: 160px; text-overflow: ellipsis; white-space: nowrap }
.latest_post .post_wrap li .date_time { float: right }
.latest_post .post_wrap li a { position: absolute; top: 0; display: block; width: 100%; height: 100% }


/* 작성 */
.write_form .article_title { position: relative; width: 100%; height: 90px; margin-bottom: 10px; padding: 0 25px }
.write_form .article_title .input_subject { position: absolute; top: 20px; width: 960px; height: 50px; padding-left: 66px; padding-right: 104px; padding-bottom: 5px; font-size: 24px; color: #333; border: none; border-bottom: #DDD solid 1px }
.write_form .article_title .label_subject { position: absolute; top: 23px; font-size: 24px; color: #333 }
.write_form .article_title .article_option .option_wrap { position: absolute; top: 20px }
.write_form .article_title .article_option label { width: 38px; height: 38px; font-size: 20px; text-align: center; line-height: 38px; border: #888 solid 1px; border-radius: 50%; cursor: pointer }
.write_form .article_title .article_option input[type="checkbox"] { display: none }
.write_form .article_title .article_option input[type="checkbox"]:checked + label { color: #FFF; background-color: #888 }
.write_form .article_title .icon_hidden { right: 215px }
.write_form .article_title .icon_hidden label { padding-left: 1px }
.write_form .article_title .icon_comment { right: 165px }
.write_form .article_title .icon_comment label { padding-left: 4px }
.write_form .button_submit { position: absolute; top: 0; right: 0 }
.write_form .button_submit input[type="submit"] { width: 140px; height: 90px; font-weight: 500; font-size: 26px; color: #FFF; border: none }
.write_form .option_category { position: relative; height: 50px; line-height: 50px; margin-bottom: 10px; padding-left: 25px }
.write_form .option_category .category_0 { margin-right: 10px; font-size: 18px; color: #333 }
.write_form .option_category input[type="radio"] { position: absolute; left: -9999px }
.write_form .option_category input[type="radio"]:focus + .category_0 { font-weight: bold; color: #DF2E2E }
.write_form .option_category label { margin-right: 15px; font-size: 18px }
.write_form .option_category input[type="radio"]:checked + label { font-weight: bold; color: #F90 }
.write_form .article_editor { margin-bottom: 10px; padding: 30px }
.write_form .box_submit { position: relative; text-align: right }
.write_form .box_submit input[type="button"] { width: 70px; height: 50px; font-size: 18px; color: #098AD2; border: none}

/* 목록 */
.board_info { position: relative; width: 100%; height: 360px; margin-bottom: 20px }
.board_info .info_top { position: relative; height: 270px }
.board_info .info_top:before { position: absolute; width: 100%; height: 100%; content: ''; background-color: rgba(0, 0, 0, 0.4); transition: all 0.2s ease }
.board_info .info_top:hover:before { background-color: rgba(0, 0, 0, 0.7) }
.board_info .info_bottom { padding: 20px; height: 90px }
.board_info .info_top .info_header { color: #FFF; text-align: center; text-shadow: 0px 2px 2px #000 }
.board_info .info_top .board_title { position: absolute; top: 20px; width: 100%; font-weight: bold; font-size: 28px }
.board_info .info_top .board_group { position: absolute; top: 60px; width: 100%; font-size: 14px; text-transform: uppercase }
.board_info .info_top .board_description { position: absolute; top: 80px; width: 100%; padding: 20px; text-align: justify }
.board_info .info_top .button_write { position: absolute; right: 20px; bottom: 20px }
.board_info .info_top .button_write .fa { background-color: rgba(255, 255, 255, 0.8); border-radius: 50% }
.board_info .info_top .button_write .fa:before { display: block; width: 40px; height: 40px; margin: 0 auto; font-size: 22px; color: #000; line-height: 40px; text-align: center }
.board_info .info_bottom li { margin-bottom: 10px; line-height: 20px }
.board_filter { position: relative; width: 100%; height: 80px; margin-bottom: 10px; background-color: #FFF }
.board_filter .filter_category { position: absolute; top: 20px; left: 20px }
.board_filter .filter_category select { height: 40px; padding: 0 10px; font-size: 16px; border: none; border-bottom: #DDD solid 1px; -webkit-appearance: none; -moz-appearance: none; cursor: pointer }
.board_filter .search_wrap { position: absolute; top: 20px; right: 20px }
.board_filter .search_wrap .option_where { float: left }
.board_filter .search_wrap .option_where select { width: 70px; height: 40px; padding: 0 10px;  font-size: 16px; border: none; border-bottom: #DDD solid 1px; -webkit-appearance: none; -moz-appearance: none; cursor: pointer }
.board_filter .search_wrap input[type="text"] { float: left; width: 150px; height: 40px; padding: 0 10px; font-size: 16px; border: none; border-bottom: #DDD solid 1px }
.board_filter .search_wrap input[type="submit"] { float: left;width: 60px; height: 40px; font-size: 16px; color: #FFF; background-color: #69BFEF; border: none }
.board_container { position: relative; padding: 0 20px; margin-bottom: 10px }
.board_table { width: 100% }
.board_table caption { display: none }
.board_table thead tr { height: 70px; border-bottom: #69BFEF solid 2px }
.board_table tbody tr { height: 90px; border-top: #EEE solid 1px }
.board_table th { font-weight: normal; font-size: 16px; color: #4BBBF9 }
.board_table td { font-weight: 300; color: #555; text-align: center }
.board_table td a { color: #555 }
.board_table td .hidden_post .fa:before { font-size: 30px }
.board_table .td_post { position: relative; height: inherit; padding: 0 20px; text-align: left }
.board_table .td_post .layer_link { position: absolute; top: 0; left: 0; display: block; width: 100%; height: inherit; outline: none }
.board_table .td_post .post_info { line-height: 1.8 }
.board_table .td_post .post_info .post_title { overflow: hidden; width: 520px; font-weight: 400; font-size: 18px; text-overflow: ellipsis; white-space: nowrap }
.board_table .td_post .post_info .post_title a:visited { color: #BBB }
.board_table .td_post .post_info .post_title .count_comment { margin-left: 10px }
.board_table .td_post:hover .post_info .post_title a { color: #69BFEF }
.board_table .td_post .post_info .sub_info { font-size: 14px; color: #888 }
.board_table .td_post .post_info .sub_info li { float: left; margin-right: 10px }
.board_table .td_post .post_info .sub_info li .fa { line-height: 25px }
.board_table .td_post .post_info .sub_info .info_category { font-weight: 500 }
.board_table .td_subject { position: relative; text-align: left }
.board_table .td_subject .icon_hidden { margin-right: 3px; font-weight: 500; color: #F00 }
.board_table .td_subject .icon_mobile { margin-right: 3px; font-weight: 500; color: #41A0D6 }
.board_table .td_subject .is_category { margin-right: 3px; font-weight: 500 }
.board_table .td_subject .count_comment { margin-left: 3px; font-weight: 400; font-size: 14px; color: #F90 }
.board_table .td_subject .count_score { margin-left: 3px; font-weight: 500; font-size: 14px; color: #0BA8FF }
.board_table .td_subject .icon_new { margin-left: 5px; font-size: 14px; color: #FAE }
.board_table .td_member { text-align: left; white-space: nowrap }
.td_member .box_nick { overflow: hidden; position: relative; width: 162px; height: 36px; text-overflow: ellipsis }
.td_member .box_nick .icon_wrap { position: absolute; top: 0; left: 0 }
.td_member .box_nick .nickname { margin-left: 46px; font-size: 18px; line-height: 34px }
.board_footer { position: relative }
.board_footer ul { font-size: 0 }
.board_footer ul li { display: inline-block; margin-right: 10px }
.board_footer ul li a { display: block; width: 50px; height: 50px; font-weight: 400; font-size: 16px; color: #098AD2; text-align: center; line-height: 50px }
.board_footer ul li a:hover { color: #333; border-bottom: #69BFEF solid 5px; transition: all 0.1s ease-in-out }
.board_footer ul li a.active { color: #F90 }
.board_footer .button_write { position: absolute; top: 0; right: 0 }
.board_footer .button_write a { display: block; width: 100px; height: 50px; font-weight: 300; font-size: 18px; color: #098AD2; text-align: center; line-height: 50px }

/* 본문 */
.writer_profile { position: relative; width: 100%; height: 330px; margin-bottom: 20px }
.member_card { padding-top: 50px }
.member_card .member_title { position: absolute; top: 15px; width: 100%; text-align: center }
.member_card .member_icon { width: 70px; height: 70px; margin: 0 auto; font-size: 0; text-align: center; white-space: nowrap; border: #69BFEF solid 2px; border-radius: 50% }
.member_card .member_icon .image_align { display: inline-block; height: 100%; vertical-align: middle }
.member_card .member_icon .icon_wrap { display: inline-block; vertical-align: middle }
.member_card .member_name { margin: 10px 0 10px 0; font-weight: 400; font-size: 22px; text-align: center }
.member_gamenick { font-size: 16px; text-align: center }
.writer_profile .member_info { position: absolute; bottom: 10px; width: 100%; padding: 20px 0 0 20px; color: #333 }
.writer_profile .member_info:before { position: absolute; top: 0; left: 0; width: 100%; height: 1px; content: ''; background-color: #DDD }
.writer_profile .member_info dl { line-height: 20px }
.writer_profile .member_info dt { float: left; width: 60px; margin-bottom: 10px }
.writer_profile .member_info dd { margin: 0; margin-bottom: 10px }
.writer_profile .member_option { position: absolute; left: 20px; bottom: 20px }
.writer_profile .member_option li { position: relative; float: left; width: 40px; height: 40px; margin-right: 20px; background-color: #EEE }
.writer_profile .member_option li .fa:before { position: absolute; top: 8px; left: 0; width: 40px; font-size: 24px; color: #666; text-align: center }
.box_like { position: relative; width: 100%; height: 80px; margin-bottom: 20px }
.box_like a { position: absolute; display: block; top: 0; left: 0; width: 100%; height: inherit }
.box_like .like_post { padding-left: 20px; font-size: 22px; line-height: 80px }
.box_like .like_post span { position: absolute; right: 30px }
.other_post .post_wrap .post_none { text-align: center }
.other_post .post_wrap .post_none:hover { color: inherit }
.view_section { position: relative }
.view_header { position: relative; margin-bottom: 10px }
.view_header .icon_hidden { position: absolute; top: 34px; right: 30px; width: 34px; height: 34px; padding-left: 1px; font-size: 20px; text-align: center; line-height: 32px; border: #F56 solid 1px; border-radius: 50% }
.view_header h3 { overflow: hidden; height: 100px; margin: 0; padding-left: 30px; padding-right: 90px; font-weight: normal; font-size: 24px; color: #333; line-height: 76px; white-space: nowrap; text-overflow: ellipsis }
.view_header .writer_info .writer { position: absolute; right: 0; bottom: 0; width: 200px; height: 34px; background-color: #999 }
.view_header .writer_info .nickname { font-size: 18px; color: #FFF; text-align: center; line-height: 34px }
.view_header .article_info { position: absolute; top: 60px; left: 30px; font-size: 16px; color: #777 }
.view_header .article_info li { float: left; margin-right: 10px }
.view_header .post_url { position: absolute; top: 62px; right: 25px; font-size: 16px; color: #777 }
.view_article .box_article { min-height: 620px; padding: 30px; font-size: 16px; line-height: 1.8; word-break: break-all }
.view_article .box_article img { max-width: 770px; cursor: pointer }
.view_article .box_article img.photo { cursor: pointer }
.view_article .box_article img.photo:hover { opacity: 0.8; box-shadow: 0px 0px 10px #5d5959; transition: all 0.2s ease }
.view_article .box_ad { margin-top: 100px; margin-bottom: 30px; text-align: center;}
.post_option { position: relative; height: 56px; border-top: #DDD solid 1px }
.post_option .post_url { margin-left: 15px; font-size: 14px; color: #555; text-align: left; line-height: 56px }
.post_option .option_list { position: absolute; top: 0; right: 5px }
.post_option .option_list li { float: left; margin-right: 15px }
.post_option .option_list li a { font-size: 14px; line-height: 56px }
.comment_paging { position: relative; margin-bottom: 10px }
.comment_paging ul { font-size: 0 }
.comment_paging ul li { display: inline-block; margin-right: 10px }
.comment_paging ul li a { display: block; width: 50px; height: 50px; font-weight: 400; font-size: 16px; color: #098AD2; text-align: center; line-height: 50px }
.comment_paging ul li a:hover { color: #333; border-bottom: #69BFEF solid 5px; transition: all 0.1s ease-in-out }
.comment_paging ul li a.active { color: #F90 }

/* 댓글 */
.alert_comment { padding: 20px; text-align: center }
.comment_list { position: relative; margin-bottom: 5px }
.comment_list .layer_comment { position: relative }
.comment_list .layer_comment.line_own:before, .comment_list .child_list.line_own:before { position: absolute; top: 0; width: 100%; height: 100%; margin: -1px; content: ''; border: #FB0 solid 1px }
.comment_list .reply_header { }
.comment_list .reply_info { position: relative; height: 56px }
.comment_list .reply_info .icon_wrap { position: absolute; top: 10px; left: 12px }
.comment_list .reply_info .nickname { position: absolute; top: 0; left: 58px; font-weight: 400; font-size: 18px; color: #555; line-height: 55px }
.comment_list .reply_info .nickname.secession { text-decoration: line-through }
.comment_list .reply_info .nickname .title_wrap { margin-right: 5px }
.comment_list .reply_info .nickname .who_comment_ip { font-weight: 300; font-size: 14px; margin-left: 5px }
.comment_list .reply_info .date_time { position: absolute; top: 0; right: 17px; font-size: 14px; color: #888; line-height: 56px }
.comment_list .reply_info .reply_option { position: absolute; top: 0; right: 130px }
.comment_list .reply_info .reply_option li { float: left; margin-right: 10px }
.comment_list .reply_info .reply_option li a { font-size: 14px; line-height: 56px }
.comment_list .comment_text { padding: 20px; font-size: 16px; line-height: 1.8; word-break: break-all }
.comment_list .comment_text .hidden { font-weight: bold; color: #666 }
.comment_list .child_form { visibility: hidden; height: 0; margin-left: 80px; border-bottom-color: #DDD }
.comment_list .child_form.open { visibility: visible; height: 194px; margin-top: 5px; margin-bottom: 10px; background-color: #FFF }
.comment_list .child_form .reply_option { position: absolute; top: 0; right: 0 }
.comment_list .child_form .reply_option input[type="submit"] { width: 100px; height: 57px; padding: 0; font-size: 18px; color: #FFF; background-color: #FB0; border: none }
.comment_list .child_form .reply_option input[type="checkbox"] { display: none; position: absolute; top: 20px; right: 25px }
.comment_list .child_form .reply_option label { position: absolute; top: 11px; right: 110px; width: 34px; height: 34px; padding-left: 1px; font-size: 20px; text-align: center; line-height: 34px; border: #888 solid 1px; border-radius: 19px }
.comment_list .child_form .reply_option input[type="checkbox"]:checked + label { color: #FFF; background-color: #888 }
.comment_list .child_form .box_comment { width: 100%; height: 138px; padding: 20px; font-size: 16px; line-height: 2; background-color: #EEE; border: none; border-bottom: #DDD solid 1px; resize: none }
.comment_list .layer_child { margin-top: 5px }
.comment_list .child_list { position: relative; margin-top: 5px; margin-left: 80px }
.comment_form { position: relative }
.comment_form .box_comment { width: 100%; padding: 20px; font-size: 16px; line-height: 2; background-color: #EEE; border: none; border-bottom: #DDD solid 1px; resize: none }
.comment_form .icon_hidden { position: absolute; left: 25px; bottom: 18px; width: 80px; height: 30px; border: #888 solid 1px; border-radius: 50% }
.comment_form .icon_hidden p { font-size: 14px; color: #666; text-align: center; line-height: 30px }
.comment_form .reply_header { }
.comment_form .reply_info { position: relative; height: 56px }
.comment_form .reply_info .icon_wrap { position: absolute; top: 10px; left: 12px }
.comment_form .reply_info .name_title { margin-right: 5px }
.comment_form .reply_info .nickname { position: absolute; top: 0; left: 58px; font-size: 18px; color: #555; line-height: 54px }
.comment_form .reply_info .nickname .title_wrap { margin-right: 5px }
.comment_form .reply_option { position: absolute; top: 0; right: 0 }
.comment_form .reply_option input[type="checkbox"] { display: none; position: absolute; top: 20px; right: 25px }
.comment_form .reply_option label { position: absolute; top: 11px; right: 170px; width: 34px; height: 34px; padding-left: 1px; font-size: 20px; text-align: center; line-height: 34px; border: #888 solid 1px; border-radius: 19px }
.comment_form .reply_option input[type="checkbox"]:checked + label { color: #FFF; background-color: #888 }
.comment_form .reply_option input[type="submit"] { width: 160px; height: 57px; padding: 0; font-size: 18px; color: #FFF; background-color: #FB0; border: none }
.comment_form .guest_message p { height: 56px; margin-top: 10px; font-size: 18px; color: #666; text-align: center; line-height: 56px; background-color: #FFF; border-bottom: #DDD solid 1px }