@charset "utf-8";


/*-------------------------- 공통 --------------------------*/
ul{ list-style:none;}
img{border:none;}
*{margin:0;padding:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}   
a { text-decoration:none; color:#232323; }
table { border-collapse:collapse; border-spacing:0 }
.sub_content { margin:80px 0 100px; } 
.sub_con { max-width:1280px; margin:0 auto; }
.sub_title { text-align:center; margin-bottom:30px; }
.sub_title h2{ font-size:30px; font-weight:500; color:#222; }
.sc_top h2 { font-size:30px; font-weight:500; color:#222; text-align:center; margin-bottom:30px; }
.sc_top .navi { text-align:right; margin-bottom:15px; }
.sc_top .navi ul li { display:inline-block; font-size:14px; font-weight:300; vertical-align:middle; margin-right:5px; }
.sc_top .navi ul li:last-child { margin-right:0; }
.sc_top .navi ul li img { vertical-align:middle; }
.sc_top .navi ul li.next_icon img { width:5px; }
.subpage_title { margin-bottom:10px; }

/*게시판버튼*/
.board_button {overflow:hidden; margin-top:10px; text-align:center;}
.board_button.mt{margin-top:30px;}
.board_button .left {float:left;}
.board_button .right {float:right;}
.btn_board {display:inline-block; padding:0 10px; height:30px; line-height:28px; border:1px solid #ddd; font-weight:400; background:#fff; font:bold 11px; color:#222; border-radius:1px; cursor:pointer; vertical-align: top; font-size: 14px;}
input.btn_board {height:30px; vertical-align: top;}
.btn_board.on {color:#222; font-size: 14px;}
.wr_btn { background:#fff; color:#222 !important; border-color:#ddd; font-weight:400; }
/*.btn_board.gray {background:#f0f0f2}*/
.table_tit { font-size: 16px; font-weight: 400; color: #000; margin-bottom: 12px; }
.table_tit span { color:#208eff; font-size:12px; margin-right:5px; position:relative; }
.table_tit .under { font-size: 16px; font-weight: 400; color: #000; z-index:50; margin:0; }
/*.table_tit .under:before {content: ""; display: block; height: 0.65em; background-color: rgba(32,142,255,.2); position: absolute; z-index: -2; left: 0; width: 100%; bottom: 0; }*/

/*테이블_리스트*/
.basic_board {width:100%; border-top:2px solid #222; color:#424242; table-layout:fixed;}
.basic_board th, .basic_board td {padding:10px 0;}
.basic_board th {text-align:center; background-color:#fff;  color:#363636; font-weight:normal;font-size:16px;height:55px;border-bottom:1px solid #eee;}
.basic_board th a{color:#424242;}
.basic_board td {text-align:center; font-size:15px; color:#363636;height:55px;border-bottom:1px solid #eee;word-break: keep-all;}
.basic_board td.num span {font:inherit; font-weight:bold;}
.basic_board tr.hover_list:hover {background:#f9f9f9;}
.basic_board tr.notice ,.basic_board tr.on {background:#f9f9f9;}
.basic_board tr.on td {position:relative;}
.basic_board tr.on td span {position:absolute; top:0; right:15px; line-height:35px; color:#ff3061;}
.basic_board td.subject {text-align:left; }
.basic_board td.subject a { font-size:16px; }
.basic_board td.subject .refer { display:none; }
.basic_board td .category {font:bold 12px ; margin-right:2px; padding-right:7px;	background: url("./images/vline.gif") no-repeat right 45%; color: #878787;}

/*테이블_뷰*/
.basic_board th.view_subject ,.basic_board td.view_info {overflow:hidden; padding:10px;}
.basic_board th.view_subject img {vertical-align:middle;}
.basic_board th.view_subject .left ,.basic_board td.view_info .left {float:left;}
.basic_board th.view_subject .right ,.basic_board td.view_info .right {float:right;}
.basic_board th.view_subject .left  {font-size:16px; font-weight:500; color:#000}
.basic_board td.view_info>div {color:#888888; font-size:15px;}
.basic_board td.view_info>div b {color:#565656; font-weight:400; }
.basic_board td.adddata {padding:0px;}
.basic_board td.adddata table {border-bottom:0 none;}
.basic_board td.adddata table th {padding:10px; text-align:left; background:#fcfcfc; }
.basic_board td.adddata table th ,.basic_board td.adddata table td {border-bottom:1px solid #f4f4f4;}
.basic_board td.adddata table td {padding:10px; text-align:left; border-top:0 none;}
.basic_board td.scrap {overflow:hidden;border-top:0 none;}
.basic_board td.scrap ul.left {float:left; padding-top:10px;}
.basic_board td.scrap ul.left li {float:left; margin-right:5px;}
.basic_board td.scrap ul.right {float:right;}
.basic_board td.scrap ul.right li {float:left; margin-left:5px;}

.basic_board td.file {text-align:left;}
.basic_board td.file a {padding-left:10px; padding-right:20px; background:url(./images/ico_down.jpg) no-repeat right center; font-size:14px; color:#000;}
.basic_board td.file a:hover {text-decoration:underline;}
.basic_board td.file span {font-size:14px;line-height: 14px;}
.basic_board td.file .txt_size {color: #999999;padding-left: 9px;}
.basic_board td.file .txt_hit {color: #FF4200;padding-left: 7px;}
.basic_board td.file .txt_date {color: #aaa;padding-left: 10px;}
.basic_board td.file .txt_file {font-size:14px; color:#767676; padding-right:10px; background: url("./images/vline.gif") no-repeat right 30%;}

/*테이블_쓰기*/
.basic_board.write th {padding-left:0; text-align:left; font-weight:normal; border-top:1px solid #e9e9e9; }
.basic_board.write th span { display:none; color:#182f68; font-weight:bold;}
.basic_board.write td {padding-left:10px; text-align:left;}
.basic_board.write td select {font:12px ; height:24px;}
.basic_board.write td input[type=checkbox] {vertical-align:middle;}
.basic_board.write td input[type=text] ,.basic_board.write td input[type=password] {padding: 0 5px; height: 24px; border:1px solid #dadada; font:12px/22px ,sans-serif;  width:30%; vertical-align:middle;}
.basic_board.write td input[type=file]{padding: 0 5px; font:12px/22px ,sans-serif;  width:30%; vertical-align:middle;}
.basic_board.write td.write_code {line-height:25px; padding:5px;} 
.basic_board.write td.write_code span {color:#000; font-size:14px; }

/*--------- 리스트 ---------*/
/*탑*/
#board_list {width:100%}
#board_list .list_top {overflow:hidden; margin-bottom:10px;}
#board_list .list_top p.total {float:left; color:#5d5a5a; padding-left:20px; background:url(./images/ico_total.png) no-repeat left 35%; font:11px; letter-spacing:-0.5px}
#board_list .list_top p.total b {color:#d12525}
#board_list .list_top p.rss {float:right;}

/*카테고리 */
#board_list .bo_cate ul {padding-left:1px;zoom:1;}
#board_list .bo_cate ul:after {display:block; visibility:hidden;clear:both;content:""}
#board_list .bo_cate ul li {float:left;}
#board_list .bo_cate ul li a {display:block; position:relative; margin-left:-1px; padding:6px 10px 5px; min-width:70px; border:1px solid #ddd; background:#f7f7f7; color:#888; text-align:center;}
#board_list .bo_cate ul li a.on {border:1px solid #565e60; background:#fff; color:#565e60;font-weight:bold; z-index:2; letter-spacing:-1px;}
#board_list .no_list_size {border-bottom:1px solid #eee; height:150px; text-align:center; font-size:16px; line-height:150px;}

/*검색*/
#board_list .search_box {margin:30px 0; width:100%; }
#board_list .search_box td{text-align:right; font-size:12px; vertical-align:middle;}
#board_list .search_box select {padding-left:3px;width:70px; height:30px; border-radius:0; border:0 none; border:1px solid #dadada; background:#fff; font-size:13px;  vertical-align:top; color:#767676;}
#board_list .search_box .select_wide { width:90px; }
#board_list .search_box input[type=text]{ border-radius:0; padding-left:5px; width:210px; height:30px; line-height:30px; border:1px solid #dadada; vertical-align:top;}
/*선택복사*/
.board_pop {border-top:2px solid #9c9c9d}
.board_pop h1 {padding:0 20px; height:50px; border-bottom:1px solid #e9e9e9; font:bold 14px/50px ,sans-serif;}
.board_pop>div {padding:20px;}
.board_pop .pop_btns {margin-top:20px; text-align:center;}

/*--------- 뷰 ---------*/
#board_view {margin-bottom:30px;}
#board_view table.prev_next_list th ,.prev_next_list td {padding:10px; text-align:left; border-bottom:1px solid #e9e9e9 }
#board_view table.prev_next_list th {font-weight:bold; color:#9a999e;background:#fdfdfd}
#board_view table.prev_next_list th a {color:#9a999e}
#board_view table.prev_next_list img {vertical-align:middle; position:relative; top:-2px;}
#board_view table.prev_next_list td a {color:#333}
#board_view table.prev_next_list th a, .prev_next_list td a {display:block;font-size:14px; font-weight:400; }


/*코멘트*/
.comment_wrap {margin-top:10px;}
.comment_top {background:#fcfcfc; border-bottom: 1px solid #e9e9e9; border-top: 1px solid #BDBDBD; padding:10px 20px; }
.comment_top span.txt_title {background: url(./images/man.png) no-repeat left 50%; color: #777777; letter-spacing: -1px; padding: 0 20px;}
.comment_top span.txt_title em {color: #e60000; font-size: 11px; font-weight: bold;}

.comment_wrap .comment_list{margin:10px 0;padding:10px;background:#fff;border:1px solid #e0e1db; }
.comment_wrap ul.comment_list li{padding:5px;border-bottom:1px dashed #e0e1db;}
.comment_wrap ul.comment_list li:last-child{border-bottom:0 none;}
.comment_wrap ul.comment_list li .top{overflow:hidden; padding-top:10px;}
.comment_wrap ul.comment_list li .top p.name{float:left; padding-left:15px; background:url(./images/icon_comment.gif) no-repeat left 50%;color:#666666;}
.comment_wrap ul.comment_list li .top div.edit{float:right;}
.comment_wrap ul.comment_list li .top div.edit span {font-size:11px; color:#888888}
.comment_wrap ul.comment_list li .top div.edit span.ip {color:#b2b2b2;}
.comment_wrap ul.comment_list li p.comment{padding-top:5px;line-height:1.4em; word-break:break-all; overflow:hidden; clear:both;color:#666666;}

table.comment_write_tbl{border:1px solid #e0e1db}
table.comment_write_tbl{text-align:left;font-size:12px;}
table.comment_write_tbl th{padding:10px;background:#fcfcfc;text-align:left;font-weight:normal;color:#000000}
table.comment_write_tbl th input{border:1px solid #e0e1db;height:22px;padding-left:5px;vertical-align:middle;}
table.comment_write_tbl th span {font-size:11px; color:#666}
table.comment_write_tbl th span.tip{color:#007FC8;}
table.comment_write_tbl td{padding:5px; vertical-align:top}
table.comment_write_tbl td textarea{border:1px solid #e0e1db; width:100%}
table.comment_write_tbl td .btn_board {padding:0;width:100%;height:56px;}
table.comment_write_tbl td span{display:block; margin-top:5px;font-size:11px;color:#666}
table.comment_write_tbl td span input{vertical-align:middle;}
/*-------------------------- 비밀번호확인 --------------------------*/ 

.board_password p.tip {margin-bottom:15px; color: #767676; letter-spacing: -1px; font-size:12px; }



/*-------------------------- 반응형 소스 --------------------------*/
@media all and (max-width:1260px) { 
.board_skin { width:100%; }
.basic_board td { font-size:15px; }
.basic_board td.subject a { font-size:15px; }
.basic_board th { font-size:15px; }
.sub_con { width:95%; }
.basic_board colgroup col:nth-child(4) { width:15%; }
.basic_board colgroup col:nth-child(5) { width:10%; }
}

@media all and (max-width:1024px) {
}

@media all and (max-width:767px) {
.table_tit { font-size:14px; }
.table_tit .under { font-size:14px; }
.basic_board colgroup col:nth-child(4) { width:19%; }
.basic_board td { font-size:13px !important; }
.basic_board td.subject a { font-size:13px !important; }
.basic_board th { font-size:13px !important; }
.basic_board td.view_info>div { font-size:13px; }
#board_view table.prev_next_list th a, .prev_next_list td a { font-size:13px; }

#board_list .search_box td form { font-size:0; }
#board_list .search_box .select_wide { width:23%; margin-right:1%; }
#board_list .search_box input[type=text] { width:37%;  margin-right:1%; }
#board_list .search_box select { width:20%;  margin-right:1%; }
#board_list .search_box input.btn_board { width:17%; }
.sc_top h2 { font-size:25px; }

.basic_board.write colgroup col:nth-child(1) { width:22%; }
.basic_board.write th { letter-spacing:-0.5px; }
.basic_board.write td input[type=text], .basic_board.write td input[type=password] { width:90%; }
.basic_board.write td.write_code span { font-size:12px; line-height:18px; margin-top:5px; display:inline-block; }
.basic_board td.file a { font-size:12px; }

.sub_content { margin:50px auto 70px; }
.sub_title h2 { font-size:25px; }
.sc_top .navi ul li { font-size:13px; }
}

@media all and (max-width:320px) {
.basic_board th { font-size:12px !important; }
.basic_board colgroup col:nth-child(4) { width:24%; }
.basic_board td.subject a { font-size:11px !important; }
.basic_board td { font-size:11px !important; }
#board_list .search_box .select_wide { font-size:11px; width:27%; }
#board_list .search_box input[type=text] { width:33%; }
.basic_board td.view_info>div b { font-size:12px; }
.basic_board td.view_info>div { font-size:12px; }
}