﻿/**
 * OLYM Cascading Style Sheets
 * File Name : board.css
 * Description : 게시판 스타일시트
 * Author : Web business Team / Choi Hyun Mi
 * Email : designtj@olymcompnay.com
 * Date : 2017.06.01
 * Update : 2017.06.01
 * Copyright(c) 2017 OLYM Communications. All Rights Reserved.
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700');

/***********************************************************/
/******************** 게시판 공통사항 시작 ********************/
/***********************************************************/
.pc_x { display:none;}
.mobile_o { display:none;}
/*
@media all and (max-width:767px) { 
.mobile_x { display:none;}
.mobile_o { display:inline-block; float:right; font-size:13px; padding-right:30px;}
.pc_x { display:table-cell;}
}*/

/* 게시판 기본 */
#board { position:relative; word-break:break-all !important; color:inherit; } /* 글짜기준으로 줄바꿈, 글자에 공백이 없을때 넓이가 늘어나는 현상을 막기 위함 */
#board img { max-width:100%;} /* 이미지가 게시판영역을 벗어나지 않게 최대 넓이 지정 */

#board a { color:inherit; }
/*#board a:hover { text-decoration:underline !important; }*/

/*  등록된 글이 없습니다 */
td.no_post { text-align:center; height:140px;  box-sizing:border-box;}
li.no_post { width:100% !important; text-align:center; padding:30px 0 60px 0 !important; height:auto !important;}
#faq_list td.no_post { border-top:1px solid #d7d7d7;}
#news_list li.no_post { width:100% !important; text-align:center; padding:60px 0 !important; height:auto !important;}


/* 버튼 */
#board .btn { display:inline-block; border:1px solid #ccc; background:#fff; color:#555; padding:5px 15px; border-radius:3px; line-height:1.2em !important; height:auto;}
#board .btn:hover { background-color:#f7f7f7;}
#board input.btn { cursor:pointer; _cursor:hand;}
#board .btn_em1 { border:1px solid #05469e; color:#05469e; font-weight:600;}
#board .btn_em1:hover { background:#05469e; color:#fff;}
#board .btn_em2 { border:1px solid #333; color:#333; font-weight:600;}
#board .btn_em2:hover { background:#333; color:#fff;}
#board .btn_s1 { font-size:12px; padding:2px 7px;}
#board .btn_co1 { border:1px solid #888; color:#555555;}
#board .btn_calendar { display:inline-block; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; width:28px; height:28px; text-indent:-9999px; background:#fff url(/admode/module/board/images/kor/calender.gif) 7px 7px no-repeat; vertical-align:top; }

/* btn_s_56 */
.btn_s_56 { display:inline-block; background:url(/admode/module/board/images/kor/bg_btn.gif) no-repeat -100px -60px; width:56px; height:16px; padding-top:5px; font-size:12px; color:#494949; font-weight:bold; text-align:center; letter-spacing:-0.05em; line-height:1.0em; }
.btn_s_56:hover { color:#000; position:relative; top:1px; text-decoration:none !important; }

/* SNS 공유하기 */
.sns_share { margin-bottom:10px; text-align:right;}
#board .sns_share .title_sns {display:inline-block; font-weight:600; color:#333; margin-right:10px;}
#board .btn_sns { display:inline-block; border:1px solid #ccc; background:#fff; color:#555; padding:5px 15px; border-radius:3px;}
#board .btn_sns:hover { background-color:#f7f7f7;}
#board .btn_naverblog {background:url(/admode/module/board/images/kor/bg_naverblog.png) no-repeat 5px center; background-size:auto 70%; padding:5px 15px 5px 30px;}
#board .btn_facebook {background:url(/admode/module/board/images/kor/bg_facebook.png) no-repeat 5px center; background-size:auto 70%; padding:5px 15px 5px 30px;}
#board .btn_twitter {background:url(/admode/module/board/images/kor/bg_twitter.png) no-repeat 5px center; background-size:auto 70%; padding:5px 15px 5px 30px;}
#board .btn_kakaostory {background:url(/admode/module/board/images/kor/bg_kakaostory.png) no-repeat 5px center; background-size:auto 70%; padding:5px 15px 5px 30px;}

/* 게시판 카테고리 탭형식 */
#board_tab { margin-bottom:50px;}
#board_tab > ul { display:table; table-layout:fixed; width:100%;}
#board_tab > ul > li { display:table-cell;}
#board_tab > ul > li > a { display:block; text-align:center; border:1px solid #ddd; border-left:none; padding:15px 0; height:20px; color:#555555;}
#board_tab > ul > li:first-child > a { border-left:1px solid #ddd;}
#board_tab > ul > li:hover > a, #board_tab > ul > li.on > a { background:#fff; border:2px solid #9a844a; color:#9a844a; padding:14px 0;}


/* 게시판 상단 */
#board_top { position:relative; height:30px; margin-bottom:10px; }
#board_top .post_info { background:url(/admode/module/board/images/kor/bg_total.gif) no-repeat left 9px; float:left; padding:5px 0 0 5px; color:#505050; font-size:0.95em; font-weight:600; }
#board_top .font_post { font-weight:normal; color:#858585; padding-left:10px; }
#board_top .search_info { float:right; margin-bottom:20px;}
#board_top .select_search { padding:3px 3px 3px 10px; min-width:70px; height:30px; border:1px solid #cecece; color:#555555; font-weight:600; border-radius:3px;}
#board_top .input_search { height:28px; min-width:120px; line-height:28px; padding-left:3px; border:1px solid #cecece; color:#555555; border-radius:3px;}
#board_top .btn_search input { background:#666; border-radius:3px; width:66px; height:30px; color:#fff; font-weight:600; border:0; cursor:pointer; _cursor:hand; }


/* 게시판 하단 */
.list_page { padding:15px 0; text-align:center; clear:both;}
.list_page .num { margin:0 3px; vertical-align:top; display:inline-block; width:34px; line-height:34px; color:#404040; text-align:center; font-size:14px;}
.list_page strong { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #05469e; border-radius:3px; width:32px; line-height:32px; color:#05469e; text-align:center; font-size:14px; }
.list_page .num:hover { color:#05469e; font-weight:600;}
.list_page .btn_first { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(/admode/module/board/images/kor/btn_first.png) no-repeat center; background-size:80%;}
.list_page .btn_prev { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(/admode/module/board/images/kor/btn_prev.png) no-repeat center; background-size:80%;}
.list_page .btn_next { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(/admode/module/board/images/kor/btn_next.png) no-repeat center; background-size:80%;}
.list_page .btn_last { margin:0 3px; vertical-align:top; display:inline-block; border:1px solid #ddd; border-radius:3px; width:32px; line-height:32px; text-indent:-9999px; background:url(/admode/module/board/images/kor/btn_last.png) no-repeat center; background-size:80%;}
#board_bottom .btn_board_bottom { padding-top:10px; height:50px; }
#board_bottom .btn_board_bottom li { float:left; padding-right:5px; }
#board_bottom .btn_board_bottom .li_right { float:right; padding-right:0; }
#board_bottom .btn_board_bottom_right { padding-top:10px; float:right; height:50px; }
#board_bottom .btn_board_bottom_right li { float:left; padding-left:5px; }

/* 기본 게시판 뷰 */
.table_board_read, .table_board_read th, .table_board_read td { border:0; font-size:inherit;}
.table_board_read { border-top:1px solid #303030;}
.table_board_read .th { text-align:center; color:#2a2a2a; background:#f5f5f5; border-bottom:1px solid #d7d7d7; padding:9px 0; word-break: keep-all }
.table_board_read .title { font-weight:600; color:#2a2a2a; }
.table_board_read .td { padding:9px 20px; border-bottom:1px solid #d7d7d7; }
.table_board_read .td_con { padding:20px;}
.table_board_read .youtube_box { height:450px;}

/* 기본 게시판 뷰 END */

/* 뷰 - 하단 이전, 다음글 링크 */
.table_board_read_bottom, .table_board_read_bottom th, .table_board_read_bottom td { border:0; }
.table_board_read_bottom { border-top:1px solid #303030; table-layout:fixed; }
.table_board_read_bottom th { text-align:left; color:#2a2a2a; border-bottom:1px solid #d7d7d7; padding:9px 0 8px 20px; }
.table_board_read_bottom th img { vertical-align:middle;}
.table_board_read_bottom td { padding:9px 0 8px 20px; border-bottom:1px solid #d7d7d7; }
.table_board_read_bottom td a { color:#555555; }
.table_board_read_bottom td a:hover { text-decoration:underline; }

/* 댓글달기 */
.reply_box { position:relative;}
.reply_box h2 a { display:block; background:url(/admode/module/board/images/kor/icon_reply_read.gif) no-repeat 15px 13px; padding:10px 0 10px 40px; height:22px; border-bottom:1px solid #d7d7d7; font-weight:600; color:#2a2a2a;}
.reply_box h2 a:hover { color:#555555; text-decoration:underline;}
.reply_box .btn_open_right { position:absolute; top:10px; right:10px;}
.commentList li { border-bottom:1px solid #d7d7d7; padding:20px;}
.commentList li:after {display:block; clear:both; content:""; }
.commentList li:hover { background-color:#f7f7f7; transition: all .3s ease;}
.commentList li .btn_reply { float:right; }
.commentList li .name { font-weight:600; color:#494949; font-size:14px;}
.commentList li .date { font-weight:normal; font-family:verdana; font-size:0.875em; color:#858585;}
.commentList li .desc_con { color:#6d6d6d;}
.reply_box .input_form { height:22px;}
.reply_box .li_reply { padding-left:50px; background:url(/admode/module/board/images/kor/icon_reply_line.gif) no-repeat 25px 13px;}
.reply_box .reply_textarea { padding-left:3px; border:1px solid #e7e7e7; color:#565656; background:#f5f5f5; width:100%; box-sizing:border-box;}
.reply_box .btn_bottom { text-align:right; padding-top:10px;}
.reply_box .cate1 { font-weight:600; color:#494949; font-size:14px;}

#write_comment ul { padding:20px;}
#write_comment li { float:left; padding-right:20px;}
#write_comment li label { color:#333; padding-right:10px;}
#write_comment .comment_box { padding:0 20px 20px 20px; border-bottom:1px solid #d7d7d7;}
#write_comment .h_title { color:#333; padding-right:10px;}
#write_comment .rec_status { padding:0 20px;}
#write_comment .rec_status .left { float:left; padding-bottom:5px;}
#write_comment .rec_status .left .h_title { float:left; display:block;}
#write_comment .rec_status .left .radio_box { float:left;}
#write_comment .rec_status .right { float:right; padding-bottom:5px;}


/* 기본 게시판 쓰기 */
.table_board_write, .table_board_write th, .table_board_write td { border:0; }
.table_board_write { border-top:1px solid #303030; }
.table_board_write th { text-align:left; color:#2a2a2a; background:#f5f5f5; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; padding:7px 20px; }
.table_board_write .th_div { border-left:1px solid #d7d7d7; }
.table_board_write td { text-align:left; padding:7px 20px; border-bottom:1px solid #d7d7d7; }
.table_board_write td a { color:#555555; }
.table_board_write td a:hover { text-decoration:underline; }
.table_board_write .notice { font-size:0.95em; font-weight:600; }
#board_write .box_policy { width:100%; border-bottom:1px solid #d7d7d7; padding-bottom:20px; letter-spacing:-0.05em;}
#board_write .box_policy .privacy { margin:20px; border:1px solid #d7d7d7; height:120px; padding:10px; overflow-y:scroll; }
#board_write .box_policy .privacy { padding:15px; color:#767676; }
#board_write .box_policy .privacy h1 { color:#2a2a2a; font-weight:600; text-align:center; padding-bottom:15px; }
#board_write .box_policy .privacy h2 { padding:15px 0 10px 0; font-weight:600; color:#555555; }
#board_write .box_policy .p_privacy { text-align:center; color:#767676; }

/* 게시물 삭제 */
#board_password .password_text { padding:50px 0; text-align:center; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; color:#555555;}
#board_password .password_text .title { font-size:1.125em; padding-bottom:10px;}
#board_password .password_text .title .em { color:#2a2a2a;}
#board_password .btn_bottom { padding:10px 0; text-align:right;}

/**********************************************************/
/******************** 게시판 공통사항 끝 ********************/
/**********************************************************/

/* 일반게시판 olym_basic */
.table_board_basic, .table_board_basic th, .table_board_basic td { border:0;}
.table_board_basic { table-layout:fixed; border-top:1px solid #000;}
.table_board_basic th { padding:10px; color:#181818; background:#fafafa; border-bottom:1px solid #a2a2a2; font-weight:600;}
.table_board_basic tbody tr:hover { background:#f7f7f7; transition: all .3s ease;}
.table_board_basic tbody td { background:none; }
.table_board_basic td { text-align:center; padding:15px 0 14px 0; border-bottom:1px solid #d7d7d7; }
.table_board_basic td a { color:#555555; }
.table_board_basic td a:hover { text-decoration:underline; }
.table_board_basic td .font_co1 { color:#00987e; font-size:0.95em; font-weight:600;}
.table_board_basic .td_left { text-align:left; padding-left:15px; }
.table_board_basic .td_eng { font-family:verdana; font-size:0.95em; }
.table_board_basic .font_s_num { font-family:verdana; font-size:0.8em; font-weight:600; color:#000; letter-spacing:-0.1em;}

/* 갤러리 게시판 olym_gallery */
#gallery_list { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:30px 10px; }
#gallery_list li { float:left; width:33.33%;}
#gallery_list li .con_box { width:90%; height:330px; margin:0 auto;}
#gallery_list li .img { height:235px; border:1px solid #d7d7d7; overflow:hidden;}
#gallery_list li a img { width:100%; transition: transform .3s;}
#gallery_list li a:hover img {transform:scale(1.1);}
#gallery_list li a .p_title { padding:10px;  color:#555555;text-align:center;}
#gallery_list li a:hover .p_title { text-decoration:underline; }
#gallery_list li .p_btn { text-align:center;}


/* 포토뉴스게시판 (이미지 + 내용) olym_photonews */
#news_list .news_post { border-top:1px solid #d7d7d7; text-align:left;}
#news_list .news_post > li { border-bottom:1px solid #e4e6ec; padding:20px; }
#news_list .img { float:left; width:22%; margin-right:3%;}
#news_list .img a { display:block; border:1px solid #d7d7d7;}
#news_list .img a img { width:100%; height:130px;}
#news_list .desc { float:left; width:75%; }
#news_list .desc a { color:#555555; line-height:1.6em !important;}
#news_list .desc a:hover { text-decoration:underline; }
#news_list .desc .title { padding:3px 0;}
#news_list .desc .title a { color:#2a2a2a; font-size:16px; font-weight:600;}
#news_list .desc .check_box { padding-right:5px; }
#news_list .desc_info { padding-top:7px; color:#505050;}
#news_list .desc_info li { float:left; padding-right:10px; }
#news_list .font_post { font-weight:normal; color:#858585; }

/* FAQ 게시판 olym_faq */
#faq_list .table_faq, .table_faq th, .table_faq td { border:0; font-size:1em; line-height:1.4em; }
#faq_list .table_faq { border-bottom:1px solid #d7d7d7; }
#faq_list .table_faq .blank {border-top:1px solid #d7d7d7; text-align:center; padding:50px;}
#faq_list .table_faq tr:hover { background:#f7f7f7; }
#faq_list .table_faq th { position:relative;text-align:left; border-top:1px solid #d7d7d7; border-bottom:1px solid #fff; padding:15px 10px 14px 10px; position:relative; font-weight:400; font-size:16px; padding-left:70px;}
#faq_list .table_faq .h_q {position:absolute;left:10px;top:14px; display:inline-block; width:60px; text-align:center; font-size:16px; color:#2a2a2a; font-weight:600;}
#faq_list .table_faq th a { color:#2a2a2a; }
#faq_list .table_faq th a:hover { text-decoration:underline; }
#faq_list .table_faq .td { text-align:left; padding:15px 10px; color:#555555; border-top:1px solid #d7d7d7; position:relative;}
#faq_list .table_faq .td .con_box { margin-left:60px;}
#faq_list .table_faq .h_a { position:absolute; top:15px; display:inline-block; width:60px; text-align:center; font-size:16px; color:#ff674b; font-weight:600;}
#faq_list .btn_faq { position:absolute; right:10px; }


/* 관련사이트 게시판 olym_link */
#link_list { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding-top:30px; }
#link_list li { float:left; width:25%; padding:0 20px 30px 20px; box-sizing:border-box;}
#link_list li .img { height:48px; padding:10px 0; overflow:hidden; border:1px solid #d7d7d7; margin:0 auto; text-align:center;}
#link_list li a img { max-width:100%; max-height:48px;}
#link_list li a .p_title { padding:10px; color:#555; font-size:16px; text-align:center;}
#link_list li .p_con { text-align:center; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #efefef;}
#link_list li a:hover .p_title { text-decoration:underline; }
#link_list li .p_btn { text-align:center;}



/* 유튜브 게시판 olym_youtube */
#youtube_list { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding-top:30px; }
#youtube_list li { float:left; width:50%; padding:0 20px 30px 20px; box-sizing:border-box;}
#youtube_list li .img_box { height:240px;}
#youtube_list li .p_title { padding:10px; color:#555; text-align:center;}
#youtube_list li .p_title a { color:#555;}
#youtube_list li .p_title a:hover { text-decoration:underline; }
#youtube_list li .p_btn { text-align:center;}


/* 동영상 게시판 olym_movie */
#movie_list { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding-top:30px; }
#movie_list li { float:left; width:33.33%; padding:0 20px 30px 20px; box-sizing:border-box;}
#movie_list li .img_box { height:200px; overflow:hidden;}
#movie_list li .img_box img { height:100%;}
#movie_list li .p_title { padding:10px; color:#555; text-align:center;}
#movie_list li .p_title a { color:#555;}
#movie_list li .p_title a:hover { text-decoration:underline; }
#movie_list li .p_btn { text-align:center;}



/***************************/


/* 인증서 게시판*/
#cert_list { border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding-top:30px; }
#cert_list li { float:left; width:25%; padding-bottom:30px; height:250px; }
#cert_list li .img_box { background:#f1f1f1; border:1px solid #d7d7d7; height:219px; width:155px; position:relative;  overflow:hidden; margin:0 auto; }
#cert_list li .img_box img { position:absolute; width:auto; max-width:100%; max-height:100%; margin:auto; top:0; bottom:0; left:0; right:0;}
#cert_list li .p_title { padding:10px; text-align:center;  color:#666;}
#cert_list li .p_title a { color:#555555; }
#cert_list li .p_title a:hover { text-decoration:underline; }
#board_head_tag {display:none;}


/* 모바일게시판 */
/* board_box */
.board_box { position:relative; width:100%; padding:20px 0px;}
.board_box li {width:45%; margin-bottom:10px; padding-left:10px; float:left;}
.board_box li p {color:#2e2c29;}


/* board_box & view공통 */
.board_list { margin:0px; }
.board_view { margin:0px; }
.board_con {position:relative; }


.board_list .board_con li {float:left; width:100%; border-bottom:solid 1px #d4d4d4; padding:10px 0px;}
.board_list .board_con .btn_open {width:100%; float:left;}
.board_list .board_con a { display:block; color:#585858;}
.board_list .board_con a h4 { background:none !important; color:#343434 !important; font-size:16px !important; line-height:1.2em !important;padding:0 0 3px 15px !important; margin:0 !important; }
.board_list .board_con a .p_data { font-size:12px; color:#999; margin-bottom:5px;padding:0 0 0 15px; }

/* board_view */
.board_view .board_con { padding-top:5px;  line-height:1.3em; }
.board_view .board_con .p_data { font-size:12px; padding:5px 0 5px 15px;}
.board_view .board_con .p_data a { color:#999; font-size:12px; padding:0 0 5px 15px; }
.board_view .board_con h4 { background:none !important; color:#343434 !important; font-size:16px !important; font-weight:bold; padding:10px 0px 0px 15px !important;margin:0 !important;  }
.board_view .board_con a h4 { background:none !important;  color:#343434; font-size:15px; font-weight:bold; padding-left:15px;margin:0 !important; line-height:1.4em; }
.board_view .board_con .p_stip { font-size:12px; padding:15px 0 5px 15px; color:#606060; }
.board_view .board_con .p_stip a { color:#606060; font-size:12px; padding:0 0 5px 15px; }
.board_view .view_con { border-top:solid 1px #d4d4d4; padding:15px 15px 25px 15px; margin-top:12px; color:#696969; font-size:13px; line-height:1.4em; }
.board_view .view_con .img_vod {position:relative;}
.board_view .view_con .img_vod .btn_play_view { position:absolute; top:0; right:0;}
.board_view .view_con img { width:100% !important;}
.board_view .view_con table { width:100% !important;}
.board_view .board_con .stip_box { border:solid 1px #d4d4d4; padding:10px; height:150px; color:#606060; font-size:12px; overflow-y:scroll; }
.board_view .board_con .stip_box .ul_agree { padding:10px !important;}
.board_view .board_con .stip_box .ul_agree li { background:url(/project/design/com/bg_bu1.png) no-repeat left 4px; background-size:6px 6px; padding:0 0 3px 12px !important; border:0 !important; color:#696969;}
.board_view .board_con .p_agree { border-top:solid 1px #d4d4d4; text-align:center; color:#343434; font-size:13px; margin:25px 0 5px 0; padding-top:10px; font-weight:bold; }
/* write */
.table_form { border-top:solid 1px #d4d4d4; }
.table_form th { border-right:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; color:#343434; font-size:15px; font-weight:bold; text-align:center;  background:url(/project/design/com/bg_bu1.png) no-repeat 5px center;  background-size:4px 4px; text-align:left; padding-left:15px;}
.table_form td { padding:5px; border-bottom:solid 1px #d4d4d4; }
.table_form td .input_form { background:#fff; border:solid 1px #d1d1d1; height:20px; color:#696969; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none; }
.table_form td .textarea_form2 { border:solid 1px #d1d1d1; height:80px; width:100%; color:#696969; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none; }
/* 이전다음글 */
.table_board_view { border-top:solid 1px #d4d4d4; }
.table_board_view th { border-right:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; background:#f3f3f3; color:#343434; font-size:13px; font-weight:bold; text-align:center;  padding:10px;}
.table_board_view td { padding:10px; border-bottom:solid 1px #d4d4d4; font-size:13px; }
.table_board_view td a { color:#696969;}

/* 게시물 삭제 */
#board_password { margin:0 10px; min-height:250px;}
#board_password .board_con { min-height:20px !important; padding:20px 0;}
.password_text p { padding-bottom:10px; text-align:center;}
.password_text p .font_red { color:#da1e1e;}
.password_text input { border:solid 1px #d1d1d1; height:28px; color:#696969; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none;}

/* 게시판 상하bg */
.board_top { border-top:2px solid #000;}
.board_bot { border-bottom:1px solid #efefef;}

/* 게시판 버튼 */

.btn_board { float:left; width:100%; padding:10px 0; margin:0 auto;text-align:center; margin-bottom:50px;}
.btn_board li { float:left; height:38px; }
.btn_board li .btn_default{ width:90%; margin:20px auto 0 auto;}
.btn_board .li_left { width:20%; }
.btn_board .li_center { width:60%; }
.btn_board .li_right { width:20%; }
.btn_board .li_58 { width:58%; }
.btn_board .li_35 { width:35%; }
.btn_board .li_37 { width:37%; }
.btn_board .li_57 { width:57%; }
.btn_board .li_40 { width:40%; }
.btn_board .li_33 { width:33%; }
.btn_board .li_25 { width:25%; }
.btn_board .li_19 { width:19%; }
.btn_board .li_100 { width:96%; }
.btn_board .li_2 { width:2%; }
.btn_board .li_24 { width:24%; }
.btn_board .li_48 { width:48%; }
.btn_board .li_49 { width:49%; }

.btn_bot_black a { display:block; padding:8px 0; text-align:center; color:#2c3137; font-family:'Raleway', sans-serif; border:1px solid #c9cacb;}