@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);

.board, .board label, .board table, .board input, .board button, .board textarea, .board select {
    font-family: 'KoPub Batang', serif;
    font-weight: 300; /* Light (얇은 글씨) */
    letter-spacing: normal;
    font-size: auto;
    border-collapse: collapse;
    outline-style: none;
}

/** 이하는 공통 **/
.kopubbatang * {
    font-family: 'KoPub Batang', serif;
    font-weight: 300; /* Light (얇은 글씨) */
}

.normal {
    font-style: normal;
}



.board a, .board a:link, .board a:visited, .board a:hover, .board a:active{
text-decoration:none;
color:#000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.board select{
border:0;
}
.board input[type="text"], .board input[type="password"]{
background:transparent;
border:0;
border-bottom:1px solid #ccc;
}
.board img{
max-width:100%;
}
.board .userName{
line-height:initial !important;
}
/* Board Header */
.board_header{
text-align:right;
padding-bottom:25px;
}

/* Category Tab */
ul.category ul, .category li{
display:inline;
list-style-type:none;
}
ul.category{
position:relative;
margin:0 0 5px 0;
padding:0;
line-height:37px;
white-space:nowrap;
overflow-x:auto;
overflow-y:hidden;
-ms-overflow-style:none; 
}
ul.category::-webkit-scrollbar {display:none;}
ul.category ul{
padding:0;
}
ul.category a{
padding:5px;
padding-bottom:10px;
}
ul.category a:hover, ul.category a:active{
border-bottom:2px solid #ccc;
-webkit-transition: color .3s ease;
-moz-transition: color .3s ease;
-ms-transition: color .3s ease;
-o-transition: color .3s ease;
transition: color .3s ease;
}
ul.category .on>a, ul.category .on_>a{
border-bottom:2px solid #ccc;
}
#scrollLeft, #scrollRight{
font-weight:bold;
}
#scrollLeft{
position:relative;
left:-10px;
top:-30px;
}
#scrollRight{
position:relative;
float:right;
left:10px;
top:-30px;
}

/* Board List */
/* list.html */
.board_list table, th, tr, td{
border:0;
}
.board_list table{
table-layout:fixed;
line-height:3;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.board_list tr:hover, .board_list tr:active{
background:#efefef;
background:rgba(0,0,0,0.05);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.board_list tr{
overflow:hidden;
}
.board_list td{
text-align:center;
overflow:nowrap;
line-height: 1.2; height: 3.6em;
border-bottom:1px dashed #ccc;
}


.board_list thead{
display:none;
}
.board_list .title{
text-align:left;
}
.board_list .notice .title{
font-weight:bold;
}
.board_list .time, .board_list .no{
font-size:10.5px;
}
.board_list .no, .board_list .notice, .board_list .readNum, .board_list .voteNum{
width:30px;
}
.board_list .author{
width:50px;
}
.board_list .time, .board_list .check{
width:70px;
}
.board_list .check{
width:30px;
}
.board_list span.category{
padding-right:5px;
color:#888;
}
.board_list td.category{
width:50px;
padding-right:5px;
color:#888;
}
.board_list .opt{
padding-left:7px;
font-weight:bold;
font-size:10px;
}
.board_list .replyNum{
font-size:10.5px;
}
.list_footer form{
text-align:center;
margin-top:30px;
}
.iText{
width:100px;
padding-bottom:5px;
}
select[name="search_target"]{
padding-bottom:4px;
background:transparent;
border:0;
border-bottom:1px solid #ccc;
margin-left:-3px;
}
/* Board Write */
/* write_form.html */
.write_header{
margin-bottom:15px;
padding:10px 0;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.write_header select{
padding-bottom:4px;
background:transparent;
border:0;
border-bottom:1px dashed #ccc;
margin-right:-3px;
width:30%;
}
.write_header input[type="text"]{
width:70%;
border-bottom:1px dashed #ccc;
}
.write_header .notice{
margin:0;
padding-top:10px;
}
.exForm{
margin-bottom:15px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.exForm table{
width:100%;
border:0;
table-layout:fixed;
}
.exForm caption, .exForm table th, .exForm table td{
padding:10px 0;
border-bottom:1px dashed #ccc;
}
.exForm table th{
width:30%;
}
 .exForm table td input[type="text"]{
 width:100%;
 }
  .exForm table td ul, .exForm table td li{
 margin:0;
 padding:0;
  }
 .exForm table td li{
 list-style-type:none;
 display:inline;
 margin-right:7px;
 }
.exForm table td li input[type="radio"]{
margin-right:7px;
}
.write_editor{
margin-bottom:15px;
padding:10px 0;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.write_footer{
margin-bottom:15px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.write_footer .write_option{
padding:10px 0;
border-bottom:1px dashed #ccc;
}
.write_footer .write_option input{
margin:0;
margin-right:5px;
}
.write_footer .write_option label{
margin-right:7px;
}
.write_footer .write_author{
border-bottom:1px dashed #ccc;
}
.write_footer .write_author .item{
display:inline-block;
padding:10px 0;
padding-right:7px;
}
.write_footer .write_author label{
display:none;
}
.write_footer .write_author input{
width:100%;
}
.write_footer .write_author p{
margin:0;
padding:10px 0;
padding-right:0;
width:100%;
}
.board_write .btnArea{
margin:0;
}
.board_write .btnArea input, .board_write .btnArea button{
padding:10px 0;
}
/* Extra Form */

/* Board Read */
/* _read.html */
.board_read .read_header{
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.board_read .read_header p{
margin:0;
padding:10px 0;
}
.board_read .read_header .title{
overflow:visible;
 word-wrap:break-word;
font-size:13px;
font-weight:bold;
border-bottom:1px dashed #ccc;
}
.board_read .read_header .meta .category a{
font-weight:bold;
}
.board_read .read_header .meta .time, .board_read .read_header .meta .sum{
float:right;
font-size:10.5px;
}
.board_read .read_header .meta .sum{
padding-right:3px;
}
.board_read .exOut{
margin-top:15px;
border-top:2px solid #ccc;
border-bottom:2px solid #ccc;
}
.board_read .exOut table{
width:100%;
table-layout:fixed;
overflow:visible;
 word-wrap:break-word;
}
.board_read .exOut table th, .board_read .exOut table td{
padding:10px 0;
border-bottom:1px dashed #ccc;
}
.board_read .exOut table th{
width:30%;
}
.read_body{
padding:15px 0;
border-bottom:2px solid #ccc;
}
.read_body .secret, .feedback .secret{
font-size:10px;
font-weight:bold;
letter-spacing:5px;
}
.read_body .secret .desc, .feedback .secret .desc{
margin-bottom:10px;
}
.xe_content img:hover, .xe_content img:active{
-webkit-filter:brightness(120%);
filter:brightness(120%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.read_footer .fileList{
padding:10px 0;
border-bottom:1px dashed #ccc;
}
.read_footer .fileList button{
padding:0;
}
.read_footer .fileList ul{
margin:0;
margin-top:10px;
padding:0;
padding-top:10px;
border-top:1px dashed #ccc;
}
.read_footer .fileList ul li{
list-style-type:none;
}
.read_footer .tag_list .tags{
margin:0;
padding:10px 0;
border-bottom:1px dashed #ccc;
}
.read_footer .sign{
padding:10px 0;
border-bottom:1px dashed #ccc;
}
.read_footer .sign .sign_title{
letter-spacing:5px;
font-weight:bold;
}
.read_footer .sign .sign_body p{
margin:0;
padding-top:10px;
}
.read_footer .btnArea{
margin:0;
margin-bottom:15px;
padding:10px 0;
border-bottom:2px solid #ccc;
}
.board_write .btnArea input, .board_write .btnArea button{
padding:10px 5px;
}
.feedback{
border-bottom:2px solid #ccc;
}
.feedback .fbHeader{
margin:0;
padding:10px 0;
font-size:13px;
font-weight:bold;
border-top:2px solid #ccc;
border-bottom:1px dashed #ccc;
}
.feedback .fbList{
list-style-type:none;
margin:0;
padding:0;
}
.feedback .fbList .fbMeta{
margin:0;
padding:10px 0;
}
.feedback .fbList .fbMeta .author a{
font-weight:bold;
}
.feedback .fbList .fbMeta .time{
font-size:10.5px;
}
.feedback .fbList .fbMeta .action{
float:right;
font-size:10.5px;
}
.feedback .fbList .fbMeta .action a{
margin-left:5px;
}
.feedback .fbList .comment_body{
padding-bottom:10px;
border-bottom:1px dashed #ccc;
}
.feedback .fbList .indent{
padding-left:10px;
border-left:2px solid #ccc;
}
.feedback .fbList .indent2{
padding-left:20px;
}
.feedback .fbList .indent3{
padding-left:30px;
}
.feedback .fbList .indent4{
padding-left:40px;
}
.feedback .fbList .indent5{
padding-left:50px;
}
.feedback .fbList .indent6{
padding-left:60px;
}
.feedback .fbList .indent7{
padding-left:70px;
}
.feedback .fbList .indent8{
padding-left:80px;
}
.feedback .fbList .indent9{
padding-left:90px;
}
.feedback .fbList .indent10{
padding-left:100px;
}
.feedback .fbList .indent11{
padding-left:110px;
}
.feedback .fbList .indent12{
padding-left:120px;
}
.feedback form .write_author{
padding:10px 0;
}
.feedback button[type="submit"]{
float:right;
margin-top:5px;
padding:0;
}
.fbFooter{
padding:10px 0;
border-top:1px dashed #ccc;
text-align:right;
}

/* Pagination */
/* list.html | _comment.html */
.board .pagination{
text-align:center;
margin:30px;
}
.board .pagination .num{
padding:10px;
}
.board .pagination .now{
font-size:16px;
}
/* Write Author */
/* _read.html | write_form.html | comment_form.html */

/* Write Comment */
/* _read.html | comment_form.html */
.write_comment label:not(.check_label){
display:none;
}
.write_comment .write_form{
padding:10px 0;
border-bottom:1px dashed #ccc;
}
.context_comment{
border-top:1px dashed #ccc;
}
/* Context Data | Context Message */
/* comment_form.html | delete_form.html | delete_comment_form.html | input_password_form.html | message.html */
.context_data{
margin:10px 0;
padding:10%;
}
.context_data .author{
margin-top:0;
}
.context_message{
margin:20%;
text-align:center;
}
.context_message .title{
font-size:10px;
font-weight:bold;
letter-spacing:5px;
margin-bottom:15px;
}
.context_message .btnArea{
text-align:center;
}

/* 검색 버튼 스타일 */
.board_search button[type="submit"] {
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 15px;
    cursor: pointer;
    font-family: 'KoPub Batang', serif;
    font-weight: 300;
    transition: all 0.3s ease;
        color: #000; /* 글자 색을 검정색으로 고정 */
}
}

.board_search button[type="submit"]:hover {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: #aaa;
}