.boardbox{max-width:1200px; margin:0 auto; padding:80px 0;}
/* board wrap */
.board_wrap{display:block;overflow:hidden;width:100%;padding:40px 0 30px;}
.board_wrap .listtop{display:block;width:100%;overflow:hidden;padding-bottom:15px;}
.pagenow{float:left;text-align:left;width:40%;overflow:hidden;padding-bottom:15px;font-size:12px;}
.pagenow span.allnum{color:#00aedb;font-family:helvetica;}
.board_topser{float:right;text-align:right;width:100%;}

/* Board Header */
.board_header {width:100%; padding:10px 0; *zoom:1;}
.board_header * {margin:0; padding:0;}
.board_header:after {content:""; display:block; float:none; clear:both;}
.board_header img {border:0;}
.board_header ul {overflow:hidden;}
.board_header .category {float:left;width:30%;}
.board_header .category select {height:20px; padding:0 0 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666; vertical-align:top;}
.board_header .info {float:right; padding-top:7px; color:#999;}
.board_header .info li {float:left; position:relative; display:inline; margin-left:5px;}


#board_colgroup{display:block;}
#mo_board_colgroup{display:none;}


/* Board List */
#board_colgroup table.board_list {border-spacing:0; padding:0; border-collapse:collapse; border: 0; empty-cells:show;border-top:1px solid #ccc;}
.board_list {width:100%;border-top:2px solid #333;  }
.board_list * {margin:0; padding:0;}
.board_list img {border:0;}
.board_list a {text-decoration:none; color:#666;}
.board_list a:hover,
.board_list a:active,
.board_list a:focus {text-decoration:underline;}
.board_list caption{display:none;}
.board_list thead th {padding:14px 8px 12px 8px; background:#f5f5f5; border-bottom:1px solid #E2E2E2; font-weight:normal; color:#333; white-space:nowrap;font-size:13px;}
.board_list th.title {width:100%;}
.board_list td {padding:14px 8px 12px 8px;font-size:13px;border-bottom:1px solid #E2E2E2; white-space:nowrap;  color:#666; line-height:20px; text-align: center; font-size: 11px;}
.board_list tbody tr:hover{background:#eceeee;}
.board_list td a{display:inline-block;text-decoration:none; font-size: 14px;}
.board_list td img{display:inline-block;vertical-align:middle;}
.board_list td.left {text-align:left;}
.board_list td.notice {}
.board_list td.title {white-space:normal;}
.board_list td.num {font-size:11px; text-align: center;}
.board_list .category {padding-right:7px; margin-right:5px; color:#888; background:url(./image/line_v.gif) top right no-repeat;}
.board_list .icon_img {vertical-align:middle; padding-left:2px;}
.board_list .comment_num,
.board_list .comment_num a,
.board_list .comment_num a:hover,
.board_list .comment_num a:active,
.board_list .comment_num a:focus {padding-left:3px; color:#ff0000; text-decoration:none;}




/* Board Read */
.board_view{position:relative; padding:10px;}
table.view{width:100%;border-collapse:collapse;}
table.view th{padding:15px 5px;background:#fff;font-size:30px;color:#00aedb;}
table.view td{background:#fff;}
table.view td.viewbox{border-top:5px solid #f5f5f5;}
table.view td.count{padding:15px 5px;background:none;font-size:11px;border-top:5px solid #f5f5f5;}
table.view td.count strong{font-family:helvetica;font-weight:normal;}
.view_con{padding:2em;background:#fff;text-align:left;width:80%;margin:0 auto;color:#666;font-size:13px; box-sizing:border-box;}
.view_con p{margin-bottom:4px;}
.files{font-size:11px;color:#898989;}



/* Attached File */
.board_read_footer .file_attached {position:relative; padding:10px; margin-bottom:15px; border:1px solid #EFEFEF; background-color:#F6F6F6;}
.board_read_footer .file_attached * {margin:0; padding:0;  vertical-align:middle;}
.board_read_footer .file_attached ul.files {position:relative; padding:0; margin:0; clear:both; list-style:none; text-align:left;}
.board_read_footer .file_attached ul.files * {display:inline-block; *display:inline; padding:0; margin:0; }
.board_read_footer .file_attached ul.files li {position:relative; margin:0 15px 0 0;}
.board_read_footer .file_attached ul.files a {position:relative; padding-left:15px; background:url("./image/icon_file.gif") no-repeat left top; *zoom:1; text-decoration:none;  color:#666}
.board_read_footer .file_attached ul.files a .bubble {display:none; position:absolute; top:-20px; left:0; padding:3px 5px 1px 5px; z-index:100; white-space:nowrap; border:1px solid #CCC; background-color:#FFF;}
.board_read_footer .file_attached ul.files a:hover .bubble,
.board_read_footer .file_attached ul.files a:active .bubble,
.board_read_footer .file_attached ul.files a:focus .bubble {display:block;}

/* URL Link */
.board_read_footer .url {position:relative; padding:10px; margin-bottom:15px; border:1px solid #EFEFEF; background-color:#F6F6F6;}
.board_read_footer .url * {margin:0; padding:0;  vertical-align:middle;}
.board_read_footer .url ul.links {position:relative; padding:0; margin:0; clear:both; list-style:none; text-align:left;}
.board_read_footer .url ul.links * {display:inline-block; *display:inline; padding:0; margin:0; }
.board_read_footer .url ul.links li {position:relative; margin:0 15px 0 0;}
.board_read_footer .url ul.links a {position:relative; padding-left:25px; background:url("./image/icon_link.gif") no-repeat left top; *zoom:1; text-decoration:none;  color:#666}
.board_read_footer .url ul.links a .bubble {display:none; position:absolute; top:-20px; left:0; padding:3px 5px 1px 5px; z-index:100; white-space:nowrap; border:1px solid #CCC; background-color:#FFF;}
.board_read_footer .url ul.links a:hover .bubble,
.board_read_footer .url ul.links a:active .bubble,
.board_read_footer .url ul.links a:focus .bubble {display:block;}

/* Comment List */
.comment_colgroup {overflow:hidden; padding-top:15px; margin-bottom:10px; border-top:1px solid #E2E2E2;}
.comment_colgroup .comment_header {float:left; margin:1em 1em .5em 0; font:bold 14px dotum;  color:#666;}
.comment_colgroup .comment_header .num {font:bold 15px Tahoma; color:#FF0000;}
.comment_colgroup .comment_list {clear:both; padding-bottom:15px; border-bottom:1px solid #E2E2E2;}

.comment_colgroup .item {position:relative; border-top:1px dashed #E2E2E2; *zoom:1;}
.comment_colgroup .item .indent {position:relative; *zoom:1;}
.comment_colgroup .item .indent:after {content:""; display:block; clear:both;}
.comment_colgroup .item_comment .indent {padding-left:15px; background:url(./image/icon_comment.gif) 0 1em no-repeat;}

.comment_colgroup .item .header {margin:0 0 5px 0;}
.comment_colgroup .item .header a {font:bold 9pt Dotum; color:#666; text-decoration:none;}
.comment_colgroup .item .header a:hover,
.comment_colgroup .item .header a:active,
.comment_colgroup .item .header a:focus {text-decoration:underline;}

.comment_colgroup .item .item_content {position:relative; padding:1em 0 1em 120px; *zoom:1; z-index:1;}
.comment_colgroup .item .item_content:after {content:""; display:block; clear:both;}
.comment_colgroup .item .item_content .content {width:auto !important; line-height:1.6;}
.comment_colgroup .item .item_content .content * {margin-top:0;}
.comment_colgroup .item .item_content .content a {text-decoration:underline;}
.comment_colgroup .item .item_content .option {position:relative; margin:1em 0; padding:0; list-style:none; white-space:nowrap; overflow:hidden; *zoom:1; float:right;}
.comment_colgroup .item .item_content .option li {position:relative; display:inline;}
.comment_colgroup .item .item_content .option li img {border:0;}

.comment_colgroup .item .item_aside {position:relative; float:left; width:100px; margin-right:-100px; padding:1em 0 1em 0; *zoom:1; text-align:left; z-index:2;}
.comment_colgroup .item .item_aside .header {margin:0 0 5px 0;}
.comment_colgroup .item .item_aside .header a {font:bold 9pt Dotum; color:#333; text-decoration:none;}
.comment_colgroup .item .item_aside .header a:hover,
.comment_colgroup .item .item_aside .header a:active,
.comment_colgroup .item .item_aside .header a:focus {text-decoration:underline;}
.comment_colgroup .item .item_aside img.profile {display:block; border:1px solid #E2E2E2; margin-bottom:5px;}
.comment_colgroup .item .item_aside .meta { color:#999; margin:0 0 5px 0; white-space:nowrap;}

/* Comment_Write */
.comment_write {padding:10px; border:1px solid #E2E2E2; background-color:#F7F7F7;  color:#666;}
.comment_write * {margin:0; padding:0;}
.comment_write img {border:0;}
.comment_write .input_text {width:80px; height:16px; padding:2px 2px 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666; *margin:-1px 0;}
.comment_write .input_checkbox {*margin:-1px 0; border:0;}
.comment_write textarea {width:99%; overflow:auto; vertical-align:middle; padding:.2em .3em 0 .3em; border:solid #CCC 1px;  color:#666;}
.comment_write .comment_write_header {width:100%;}
.comment_write .comment_write_content {padding:7px 0;}
.comment_write .comment_write_footer {text-align:center; padding:5px 0;}

/* board_Write */
.board_write{position:relative;margin:0 auto;width:98%;}
table.board_write_form {border-spacing:0; border-collapse:collapse; empty-cells:show;width:100%;}
.board_write_form * {margin:0; padding:0;  color:#666;}
.board_write_form tr{border-bottom:1px solid #eee;}
.board_write_form img {border:0;}
.board_write_form th {text-align:left;font-size:13px;color:#333;padding:10px 0;font-weight:normal;}
.board_write_form td{text-align:left;font-size:13px;padding:10px 0;}
.board_write_form .input_text {height:16px; padding:8px; border:solid #CCC 1px; background:#FFF;  color:#666;*margin:-1px 0;}
.board_write_form .input_file {width:70%; height:20px; padding:8px 0 8px 2px; border:solid #f5f5f5 1px; background:#FFF;  color:#666;}
.board_write_form .input_checkbox {*margin:-1px 0; border:0;}
.board_write_form textarea {width:99%; overflow:auto; vertical-align:middle; padding:.2em .3em 0 .3em; border:solid #CCC 1px;  color:#666;}
.board_write_form .essential {font:bold 9pt Dotum; color:#FF0000;}
.board_write_form .description {margin-left:5px;  color:#999;}

/* password_input */
.password_input {position:relative; margin:0 auto; padding:0; width:100%; min-width:320px;}
.password_input * {margin:0; padding:0;}
.password_input .input_text {width:150px; height:16px; padding:2px 2px 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666; *margin:-1px 0;}
.password_container {position:relative; padding:15px 10px 10px 10px; border:7px solid #E2E2E2;}
.password_container p {padding:10px 0;  color:#666;}
.password_container fieldset {position:relative; width:100%; padding:15px 0; clear:both; border:0; background-color:#F5F5F5;}
.password_container fieldset:after {content:""; display:block; float:none; clear:both;}
.password_container legend {display:none; position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.password_container dl dt {float:left; padding-left:20px; padding-right:5px; font:bold 9pt dotum; color:#666;}
.password_container dd {float:left; padding-left:10px;}
.password_container dl dt,
.password_container dl dd {line-height:1.6;}
.password_container .board_navigation {padding:15px 0 10px 0;}

/* Board_move */
.board_move {margin:0 auto; width:430px; padding:0 10px 0 10px;}
.board_move p { color:#666; clear:both; margin-top:15px; margin-bottom:15px; line-height:1.6em;}
.board_move .board_move_content {width:100%;  color:#666;}
.board_move table.board_move_content {border-spacing:0; border-collapse:collapse; empty-cells:show;}

/* Table */
.col_table {width:100%; margin:0 !important; padding:0; border:0;}
.col_table th,
.col_table td {border:0; padding:5px 3px; vertical-align:middle;}
.col_table th {border-top:2px solid #CFCFCF; border-bottom:1px solid #E5E5E5; background:#F4F4F4; background-image:url(./image/line_v2.gif); background-repeat:no-repeat; background-position:left center;}
.col_table thead th.first {background-image:none;}
.col_table td {border-bottom:1px solid #E5E5E5;}

.row_table {width:100%; border:0; border-top:2px solid #CFCFCF; margin:0 !important; padding:0; table-layout:fixed;}
.row_table th,
.row_table td {border:0; padding:5px 10px; vertical-align:middle;}
.row_table th {background:#F4F4F4;}
.row_table tbody th {border-bottom:1px solid #E5E5E5;}
.row_table td {border-bottom:1px solid #E5E5E5;}

/* Board Navigation */
.board_navigation {padding:30px 0; text-align:center; *zoom:1; _zoom:0;}
.board_navigation:after {content:""; display:block; float:none; clear:both;}
.board_navigation .pagination {padding:1px 0;}
.board_navigation .btn_left {float:left; text-align:left;}
.board_navigation .btn_right {float:right; text-align:right;}

/* Button */
.btn_basic{display:inline-block;border:1px solid #ddd;margin:2px;background:#fff;cursor:pointer;font-size:12px;}
.btn_basic a{display:block;color:#333;padding:5px 15px;font-size:13px;}
.btn_basic input{background:#fff;padding:5px 15px;border:1px solid #fff;color:#00aedb;line-height:20px;cursor:pointer;}

.paging_search {clear: both;font-family:tahoma;height: 40px;padding: 25px 0 45px;text-align: center;font-size:11px; }
.paging_inner a{display:inline-block;*zoom:1;*display:inline;border:1px solid #ddd;font-family:sans-serif;color:#888; padding:8px 12px; box-sizing:border-box;}
.paging_inner a:hover{color:#fff;background:#555;border:1px solid #555;}
.paging_inner strong{display:inline-block;font-family:sans-serif;color:#fff;background: linear-gradient(90deg, #14aee1, #1fdbb1);padding:5px;border:1px solid transparent;padding:8px 12px;}

/* Search Form */
.board_search {float:right;padding:0 0 15px 0; text-align: center;}
.board_search * {margin:0; padding:0;}
.board_search legend {display:none; position:absolute; top:0; left:0; width:0; height:0; display:block; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.board_search fieldset {position:relative; clear:both; border:0; text-align:center;}
.board_search fieldset:after {content:""; display:block; float:none; clear:both;}
.board_search .input_text {display:inline-block;*zoom:1;*display:inline;border:1px solid #ddd;width:160px; height:20px; padding:5px 2px 3px 5px; border:solid #c6c8c8 1px; background:#FFF;  color:#666; vertical-align:top; *margin:-1px 0;}
.board_search select {display:inline-block;*zoom:1;*display:inline;border:1px solid #ddd;height:30px; padding:0 0 0 2px; border:solid #CCC 1px; background:#FFF;  color:#666;font-size:12px; vertical-align:top;}
span.btn_box input{background:linear-gradient(90deg, #14aee1, #1fdbb1);height:30px;width:50px;font-size:12px; color: #fff;}
.btn_wrap{position:relative;padding:10px 0;margin:0 auto;text-align:right;width:100%;overflow:hidden;}


/* mediaquery(768px) */
@media all and (max-width:768px) {
.boardbox{max-width:1200px; margin:0 auto; padding:80px 0;}
.board_search{display:inline-block;float:none;width:100%; padding:30px 0; background: #f5f5f5;}
.board_topser{float:none;text-align:right;}
#board_colgroup{display:none;}
#mo_board_colgroup{display:block;}
.view_con{width:95% !important;padding:0.5em;}
.paging_inner strong{padding:4px 8px;}
.paging_inner a{padding:4px 8px;}
}