input, textarea{outline:none;}
.form input[type="text"], .form input[type="password"], textarea, 
.table_02 input[type="text"], .table_02 input[type="password"]{border:1px solid #fcfcfc; transition:all 0.5s ease; background:#fbfbfb; padding-left:5px;}
.form input[type="text"]:focus, .form input[type="password"]:focus, textarea:focus,
.table_02 input[type="text"]:focus, .table_02 input[type="password"]:focus{border:1px solid #666 !important;transition:all 0.5s ease; background:#fff;}
input[name="com_board_search_value"], input.member_border{border:1px solid #e5e5e5;transition:border 0.5s ease;}
input[name="com_board_search_value"]:focus, input.member_border:focus{border:1px solid #666;transition:border 0.5s ease;}

.table_02 td, .board_read td, .board2 td, .est_cate_cell select,.est_keyword_cell input,.att_title font, .board_bgcolor font, .board_bgcolor span, .board_desc, .board_desc input, .board_desc select, .board, .board select{font-size:14px !important;color:#333333; font-weight:400; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;}
.table_02{ width:100%; border-top:1px #333 solid; border-collapse:collapse; }
.table_02 td {border-bottom:1px #e5e5e5 solid; padding:15px; }
.table_02 td:first-child{max-width:200px;} 
.board {width:100%; border-collapse:collapse;}
.board_admin_bgcolor, .board_admin_bgcolor table td{border:0 !important;}
.board_list, .board_w_list{width:100%; overflow:hidden; padding:10px 0;}
.board_list table, .board_w_list table{width:auto; max-width:50%; float:left;}
.board_list section{float:right;}
.board_write{ float:right; margin-left:4px;}
.board_write a img{vertical-align:top;}
.c_select select{width:40%; height:36px; border:1px solid #e5e5e5;}
.c_select img{display:none;}
.board{margin-bottom:20px;}
.board_read{ width:100%; border-top:1px #333 solid; border-collapse:collapse; }
.board_read td {border-bottom:1px #e5e5e5 solid; padding:15px;}
.board_read td:first-child{max-width:200px;}
.board_read .board_description{padding:15px 0!important;}
.board2{width:100%; border-collapse:collapse; overflow:hidden;}
.board2, .board_output2{width:100% !important;border-collapse:collapse;}
.board2 table{width:33.33%; float:left; }
.board2 table img{width:100%; height:auto;}
.board2 table table{width:96%; position:relative; margin:0 2% 15px 2%;}
.board_admin_bgcolor td{display:initial;}
.board_admin_bgcolor table img{width:auto !important; margin:0 !important;}
.board_admin_bgcolor, .board_admin_bgcolor table td{border:0 !important;}
.board_bgcolor {width:20%; min-width:60px;background-color:#f8f8f8; padding:15px;}
.board_list, .board_w_list{width:100%; overflow:hidden; padding:10px 0;}
.board_list section{float:right;}
#search_table{width:auto;}
#post_area{padding:0 !important;}
#post_area img{max-width:1200px!important; height:auto !important;}
.paging {clear:both;font-size:13px; margin:20px 0; font-weight:bold; text-align:center; }
.paging a{display:inline-block;min-width:14px; height:23px; line-height:23px; text-decoration:none; color:#999;}
.paging b{display:inline-block;min-width:14px; height:22px; line-height:22px; border-bottom:1px solid #333; color:#666; }
.paging a img{border:0; vertical-align:sub;}
.est_cate_cell select {border:1px solid #e5e5e5; height:36px;}
.est_keyword_cell input{width:140px; border:1px solid #e5e5e5; height:34px;padding:0 5px; margin:0 3px;}
.board_desc input{border:1px solid #fcfcfc; height:28px; vertical-align:top; width:95%;}
.write .board_desc input[name="com_board_notice"]{width:20px;vertical-align:middle; margin-right:5px;}
.form td, .formmail_cell_bgcolor input, textarea{font-size:13px; color:#333333; font-family: malgun gothic, dotum, Tahoma, arial;}
.form { border-collapse:collapse; width:100%;}
.form td { border-top:1px #e5e5e5 solid; padding:10px; }
.form td table td{border-top:0;}
.form .formmail_txt {color:#333333;}
.form .formmail_title_bgcolor {width:23% !important;min-width:60px; font-weight:bold; background:#f8f8f8;}
.form .formmail_cell_bgcolor input{height:28px; vertical-align:inherit; width:95%; border:1px solid #fcfcfc;}
.form textarea{width:100%!important;height:210px !important;border:1px solid #fcfcfc;}
.form .formmail_cell_bgcolor table input{width:15px;margin-right:3px; box-sizing:border-box;}
.form .formmail_cell_bgcolor table td{padding:0!important;}
.form .formmail_cell_bgcolor table textarea{width:100%!important; border:1px solid #e5e5e5; margin-top:10px; padding:0 !important;}
.form .formmail_cell_bgcolor select{min-width:50%; height:28px; vertical-align:inherit; border:1px solid #e5e5e5;}
.form_btn{margin-top:20px; text-align:center;}
.form_btn a{width:120px; height:35px; line-height:35px; display:inline-block; text-decoration:none; font-family: malgun gothic, dotum, Tahoma, arial; font-size:14px; border-radius:2px;}
.form_btn .ok{background:#333; color:#fff !important; }
.form_btn .cancel{border:1px solid #e5e5e5; color:#333 !important;}
.board2 table table tr:first-child td:first-child, .output table tr:first-child td:first-child{ overflow:hidden;}
.board2 table table img, .output .board_output_gallery_img a img{width:100%; height:255px; overflow:hidden; transition:all 0.2s ease-in-out;}
.board2 table table:hover img, .output table:hover .board_output_gallery_img a img {transform:scale(1.035);}
.board2 table .board_admin_bgcolor table:hover img{transform:scale(1.0);}
.board_admin_bgcolor img{height:auto!important;}
.title .board tr:hover{background:#f9fafa; transition:background 0.3s ease;}
.title .board tr:first-child:hover{background:none;}
#gotop{position: fixed;bottom: -2000px;}

@media only screen and (max-width:1220px) {
.att_title font, .board_bgcolor font, .board_bgcolor span, .table_02 td, .est_cate_cell select,.est_keyword_cell input, .board_desc input {font-size:14px !important; font-weight:400;}
.board2 table table img, .output .board_output_gallery_img a img{height:239px; }
.board_w_list table{width:100%; max-width:100%; text-align:center; float:none;}
#post_area img{max-width:100%!important; width:100% !important;}
.board2 table{width:50%;}
.board_list table, .board_list section{width:100%; max-width:100%;}
#gotop {position: fixed;bottom: 20px; right:20px; cursor: pointer; display: none; z-index:2;}
#gotop .btn{border-radius:50%;background-color: rgba(51,51,51,0.4); transition:all ease 0.3s;width:36px; height:36px;}
#gotop .btn:hover{ background-color: rgba(51,51,51,0.4); }
#gotop .btn img{width:100%;}
}

@media only screen and (max-width:767px) {
.board2 .gallery_title, .output table span{top:37%; font-size:14px;}
.board2 table table img, .output .board_output_gallery_img a img{height:111px; }
.paging a, .paging b{font-size:14px; margin:0 4px;}
}