@charset "utf-8";
/********************/
/* sequence_num_02 - 1. / 2. / 3. 등등 */
/********************/

.A_sub_cont {width:100%; max-width:990px; padding-top:55px; padding-bottom:60px; margin:0 auto; overflow:hidden;}
@media all and (max-width:990px) {.A_sub_cont {padding-left:20px; padding-right:20px;} }
h2.sub_cont_title {font-size:1.875rem; margin-bottom:30px;}


/* CSS Document */
html{overflow-y:scroll;}

table caption {display:none;}

/* -------------------- */
.head_copy {font-size:1.375rem;color:#1d9cc5;}
span.head_copy_02 { font-size:0.688rem; font-weight:bold; margin-top:9px;}
/* -------------------- */
h1.sequence_01{ margin-top:50px; margin-bottom:20px; font-size:1.375rem; font-weight:bold;}
h1.sequence_01 span {font-size:1.375rem; font-weight:bold; color:#1d9cc5;}
h1.sequence_01 img {margin:4px 6px 0 0;}
h3.sequence_02 {margin-bottom:18px; margin-bottom:1.125rem;}
h3.sequence_02 img {margin:2px 8px 0 0;}
h3.sequence_02_type_02 {margin-top:20px; margin-bottom:18px; margin-bottom:1.125rem;}
h3.sequence_02_type_02 img {margin:2px 8px 0 0;}
ul.sequence_03>li { background:url(../IMG/common/IMG_sequence_btn_03.png) top left no-repeat; font-size:0.813rem; color:#444; vertical-align:top; margin-left:10px; padding-left:11px; line-height:180%; text-align:justify; margin-bottom:5px;}
ul.sequence_03>li>span {padding-left:48px;font-size:0.813rem; color:#444; line-height:180%; text-align:justify;}
ul.sequence_05 li {font-size:0.813rem; color:#444; vertical-align:top;line-height:160%; text-align:justify;}
span.sequence_04 {font-size:0.813rem; font-weight:bold; margin-left:14px;}
/***********************/
ul.sequence_num_02 li {font-size:0.813rem; color:#444; vertical-align:top; line-height:180%; text-align:justify; margin-bottom:4px;}
ul.sequence_num_02 li strong {font-size:0.813rem; color:#444;}
/* -------------------- */
/* ---- 테이블 CSS ---- */
/* -------------------- */
table.table_type_01 {border-top:2px solid #1d9cc5; border-bottom:1px solid #999; width:100%; text-align:center; vertical-align:middle;}
table.table_type_01 thead { border-bottom:1px solid 000;}
table.table_type_01 tr {height:35px;}
table.table_type_01 thead tr th { background-color:#f6f6f6; font-weight:bold; font-size:0.813rem; border-left:1px solid #e2e2e2; padding:4px;}
table.table_type_01 thead tr th:first-child {border-left:none;}
table.table_type_01 tbody tr td { font-size:0.813rem; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; line-height:180%; padding:4px;}
table.table_type_01 tbody tr td strong { font-size:0.813rem; line-height:180%; padding:4px;}
table.table_type_01 tbody tr td:first-child {border-left:none;}
table.table_type_01 tbody tr:first-child td {border-top:1px solid #c0c0c0;}
/* -------------------- */
table.table_type_02 {border-top:2px solid #1d9cc5; border-bottom:1px solid #999; width:100%; text-align:center; vertical-align:middle;}
table.table_type_02 thead { border-bottom:1px solid 000;}
table.table_type_02 tr {height:35px;}
table.table_type_02 thead tr th { background-color:#f6f6f6; font-weight:bold; font-size:0.813rem; border-right:1px solid #e2e2e2; padding:4px;}
table.table_type_02 thead tr th:first-child {border-right:1px solid #c0c0c0;}
table.table_type_02 thead tr th:last-child {border-right:none;}
table.table_type_02 tbody tr td { font-size:0.813rem; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:4px;}
table.table_type_02 tbody tr:last-child td {border-bottom:none;}
table.table_type_02 tbody tr:first-child td:first-child {border-right:1px solid #c0c0c0;border-bottom:none; } 
table.table_type_02 tbody tr td:first-child {border-left:none;}
table.table_type_02 tbody tr:first-child td {border-top:1px solid #c0c0c0;}
/* -------------------- */
table.table_type_03 {border-top:2px solid #1d9cc5; border-bottom:1px solid #999; width:100%; text-align:center; vertical-align:middle;}
table.table_type_03 thead { border-bottom:1px solid 000;}
table.table_type_03 tr {height:35px;}
table.table_type_03 thead tr th { background-color:#f6f6f6; font-weight:bold; font-size:0.813rem; border-left:1px solid #e2e2e2;padding:4px;}
table.table_type_03 thead tr th:first-child {border-left:none;}
table.table_type_03 tbody tr td { font-size:0.813rem; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; line-height:180%; padding:4px;}
table.table_type_03 tbody tr td:last-child { text-align:left; padding-left:10px; padding-right:10px;}
table.table_type_03 tbody tr td strong { font-size:0.813rem; line-height:180%; padding:4px;}
table.table_type_03 tbody tr td:first-child {border-left:none;}
table.table_type_03 tbody tr:first-child td {border-top:1px solid #c0c0c0;}
/* -------------------- */
table.table_type_04 {border-top:2px solid #1d9cc5; border-bottom:1px solid #999; width:100%; text-align:center; vertical-align:middle;}
table.table_type_04 thead { border-bottom:1px solid 000;}
table.table_type_04 tr {height:35px;}
table.table_type_04 thead tr th { background-color:#f6f6f6; font-weight:bold; font-size:0.813rem; border-left:1px solid #e2e2e2; padding:4px;}
table.table_type_04 thead tr th:first-child {border-left:none;}
table.table_type_04 tbody tr td { font-size:0.813rem; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; line-height:180%; padding:4px;}
table.table_type_04 tbody tr td strong { font-size:0.813rem; line-height:180%; padding:4px;}
table.table_type_04 tbody tr td:first-child {border-left:none; text-align:left; padding-left:5px;}
table.table_type_04 tbody tr:first-child td {border-top:1px solid #c0c0c0;}
/* -------------------- */
table.table_type_05 {border-top:2px solid #1d9cc5; border-bottom:1px solid #999; width:100%; vertical-align:middle;}
table.table_type_05 thead { border-bottom:1px solid 000;}
table.table_type_05 tr {height:35px;}
table.table_type_05 thead tr th { background-color:#f6f6f6; font-weight:bold; font-size:0.813rem; border-right:1px solid #e2e2e2; padding:4px; text-align:center;}
table.table_type_05 tbody tr td * {font-size:0.813rem;}
table.table_type_05 thead tr th:last-child {border-right:none;}
table.table_type_05 thead tr:last-child th {border-top:1px solid #e2e2e2;}
table.table_type_05 tbody tr td { font-size:0.813rem; border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; line-height:180%; padding:4px;}
table.table_type_05 tbody tr td strong { font-size:0.813rem; line-height:180%; padding:4px;}
table.table_type_05 tbody tr td:first-child {border-left:none;}
table.table_type_05 tbody tr:first-child td {border-top:1px solid #c0c0c0;}
/* -------------------- */
table#hol {margin-right:38px;}
table.table_type_06 {border-top:2px solid #179dc2; width:47%; display:inline-table; margin-bottom:40px;}
table.table_type_06 thead tr th {border-bottom:1px solid #c0c0c0; height:50px; text-align:left; padding-left:11px; font-size:1.375rem; vertical-align:bottom; padding-bottom:10px;}
table.table_type_06 tbody tr th {height:35px; vertical-align:bottom; text-align:left; padding-left:11px; font-size:0.938rem;}
table.table_type_06 tbody tr th a {font-size:0.938rem; }
table.table_type_06 tbody tr td { height:28px; vertical-align:bottom; padding-left:11px;}
table.table_type_06 tbody tr td a {font-size:0.813rem; }
@media all and (max-width:750px) {table.table_type_06{width:46%;}}
@media all and (max-width:580px) {table.table_type_06{width:100%;} table#hol{margin-right:0}}
/* -------------------- */
table.table_type_07 {border-top:2px solid #1d9cc5; border-bottom:1px solid #999; width:100%; text-align:center; vertical-align:middle;}
table.table_type_07 thead { border-bottom:1px solid 000;}
table.table_type_07 tr {height:35px;}
table.table_type_07 thead tr th { background-color:#f6f6f6; font-weight:bold; font-size:0.813rem; border-right:1px solid #e2e2e2; padding:4px;}
table.table_type_07 thead tr th:first-child {border-right:1px solid #c0c0c0;}
table.table_type_07 thead tr th:last-child {border-right:none;}
table.table_type_07 tbody tr td { font-size:0.813rem; border-left:1px solid #e2e2e2; padding:4px;} 
table.table_type_07 tbody tr td:first-child {border-left:none;}
table.table_type_07 tbody tr { border-bottom:1px solid #e2e2e2;}
table.table_type_07 tbody tr:first-child td{border-top:1px solid #c0c0c0;}
table.table_type_07 tbody tr:first-child td:first-child {border-top:1px solid #c0c0c0; border-right:1px solid #c0c0c0;}
table.table_type_07 tfoot tr td { font-size:0.813rem; border-left:1px solid #e2e2e2; border-top:1px solid #c0c0c0; padding:4px;}
table.table_type_07 tfoot tr td:first-child {border-left:none; border-right:1px solid #c0c0c0;}

/* -------------------- */
/* --- 다운로드링크 --- */
/* -------------------- */
.M03_S01_down { font-size:13px; color:#666; line-height:150%;}
.M03_S01_down a { font-size:13px; color:#666; line-height:150%;}
/* -------------------- */
/* ---- 텍스트 CSS ---- */
/* -------------------- */
h1.text_title_type_01 {font-size:1.125rem; margin-top:27px;}
div.text_type_01 { font-size:0.813rem; color:#444; margin-top:16px; text-align:justify; line-height:190%;}
div.text_type_01 strong { font-size:0.813rem; color:#444; margin-top:17px; text-align:justify; line-height:190%;}
div.text_type_02 { font-size:0.813rem; color:#444; margin-top:16px; margin-bottom:16px; text-align:justify; line-height:190%;}
div.text_type_01 br {margin-bottom:5px;}




/* -------------------- */
/* ----- 총칙 CSS ----- */
/* -------------------- */

div#rule_page {padding-left:15px; text-align:justify; line-height:200%;}
div#rule_page a {font-size:0.913rem;}
div#rule_box {border:1px solid #333; width:100px; text-align:center; float:right; padding:5px; cursor:pointer; margin-top:20px;}
.zero { text-align:right;}
h1.first { text-align:center; font-size:1.250rem; margin-top:40px; margin-bottom:40px;}

/* ---------------------- */
/*
- 들여쓰기 타입 (제 n조)  = > (div)rule_01
- 리스트 타입 (들여쓰기 none type - 숫자는 수작업)   = > (ul)ul_rule_01 
div.rule_03 - 가, 나, 다, 라  . . .
div.rule_04 - 가 - ① , . . 
 */
/* ---------------------- */
div.rule_01 {text-indent:-15px;font-size:0.913rem;}
div.rule_02 { text-indent:0; padding-left:5px;font-size:0.913rem;}
div.rule_03 { padding-left:25px; text-indent:-25px;font-size:0.913rem;}
div.rule_04 { padding-left:35px;font-size:0.913rem;}

.ul_rule_01 {margin:0; padding:0;}
.ul_rule_01 li {margin:0; padding:0; list-style:inside;font-size:0.913rem;}






/* -------------------- */
/* ---- 게시판 CSS ---- */
/* -------------------- */


/* -------------------- */
/* 버튼 - 페이징 버튼, 공통버튼(목록, 쓰기, 삭제, 수정 등)
버튼 외각 div (button)
페이징 버튼(paging_btn)
공통버튼(common_btn)
/* -------------------- */

/*********** 게시판 리스트 테이블 타입 - 01*************/
table.table_list_type_01 {width:100%; max-width:990px; border-top:3px solid #189dc1; border-bottom:1px solid #999;}
table.table_list_type_01 thead tr th {height:40px; background:url(../IMG/common/IMG_M00_S00_list_bar.png) center left no-repeat; background-color:#F5F5F5; border-bottom:1px solid #c0c0c0; font-size:0.875rem;}
table.table_list_type_01 thead tr th:first-child {background:none; background-color:#F5F5F5;}
table.table_list_type_01 tbody tr td, table.table_list_type_01 tbody tr th {height:45px; background-color:#FFF; border-top:1px solid #e2e2e2; font-size:0.875rem; padding-top:8px; padding-bottom:8px; line-height:150%; padding-left:10px; font-weight:normal; cursor:pointer;}
table.table_list_type_01 tbody tr td a, table.table_list_type_01 tbody tr th a {font-size:0.813rem;}
table.table_list_type_01>tbody>tr:last-child>td {border-bottom:none !important;border-bottom:1px solid #999;}
table.table_list_type_01 tbody tr#tr_post td{ background-color:#f6f6f6;}
table.table_list_type_01>tbody>tr:first-child>th { border:none;}
table.table_list_type_01 td#b_modify a, td#b_delete a { color:#179dc2; font-size:0.875rem;}

td#b_modify a, td#b_delete a, td#m_modify a, td#m_delete a { color:#179dc2; font-size:0.875rem;}
td#faq_content>a { font-size:0.813rem;}
td#bc_exist, td#br_exist {font-size:0.813rem; color:#f46334;}

/* 등록된 게시글이 없습니다. */
div#board_null {width:100%; margin:0 auto; padding:30px 0; text-align:center; font-size:0.813rem;}

/* -------------------- */
/*   게시판목록 탭메뉴  */
/* -------------------- */
#board_tab_02 { border-bottom:none !important;}
.board_tab {width:100%; display:block; margin-top:30px; font-size:0; border-left:1px solid #69c0a5; border-bottom:3px solid #69c0a5;}
.board_tab>li{display:inline-block; min-width:100px; width:33.33%; vertical-align:middle; text-align:center; background-color:#fff; cursor:pointer; height:35px;  padding-top:7px; border-top:1px solid #69c0a5; border-right:1px solid #69c0a5;}
.board_tab>li a {text-align:center; color:#666; font-weight:bold; width:100%; height:100%; font-size:0.875rem;}
li.li_tablet { display:inline-block;}
@media all and (max-width:550px) {.board_tab>li {width:50%;} li.li_tablet { display:none;}}
@media all and (max-width:500px) {.board_tab{ margin-top:5px;}}

/* -------------------- */
/*      모바일/웹       */
/* -------------------- */
@media all and (min-width:720.1px){
tr#table_tr_m {display:none;}
tr#tr_post_m {display:none;}
}
@media all and (max-width:720px){
tr#table_tr {display:none;}
tr#tr_post {display:none;}
}
/*********** 게시판 리스트 테이블 타입 - 02*************/

/* -------------- */
/* --- 갤러리 --- */
/* -------------- */
/* 갤러리 바깥 틀 */
.table_gallery {table-layout:fixed; margin-top:30px; width:100%; max-width:1280px; border-bottom:1px solid #999; border:none !important}
.table_gallery>tbody>tr>td { padding:0}
/* 포토 게시글 틀 */
div.gallery_list_01 { display:inline-block; vertical-align:top; width:32%; max-width:280px; overflow:hidden; height:250px; margin-bottom:10px; border:1px solid #e6e3e3}
@media all and (min-width:660.1px) {
div.gallery_list_01 { margin-right:1.3%}
div.gallery_list_01:nth-child(3n) {margin-right:0 !important}
}
div.gallery_list_01>p { width:100%}
div.gallery_list_01>p.gallery_photo { height:170px; text-align:center; vertical-align:middle; cursor:pointer; overflow:hidden}
div.gallery_list_01>p.gallery_photo>img {/* max-width:100%; height:100%; max-height:100%;*/ height:120%; width:100%; max-width:120%; transition:all 0.5s;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ & opera */
}
div.gallery_list_01>p.gallery_photo:hover>img.gallery_img { -webkit-filter: grayscale(0%); -webkit-filter:none; filter:none; margin-top:-10%; margin-left:-10%; width:120%; height:140%}
div.gallery_list_01>p.gallery_title {height:35px; border-top:1px solid #e6e3e3; padding-top:16px; padding-left:18px; padding-right:18px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left}
div.gallery_list_01>p.gallery_title>a { font-size:0.875rem; font-weight:600}
div.gallery_list_01>p.gallery_date {height:30px; padding-left:8px; text-align:left}
div.gallery_list_01>p.gallery_date>a {padding:0px 10px; font-size:0.813rem}
div.gallery_list_01>p.gallery_date>a strong { font-size:0.813rem}
/* 모바일 - 관리자 */
@media all and (max-width:850px) {div.gallery_list_01_adm {width:49.5% !important}}
/* 모바일 - 사용자 */
@media all and (max-width:660px) {div.gallery_list_01_user {width:49.5% !important}}
@media all and (max-width:456px) {div.gallery_list_01_user {width:100% !important}}

/* =============================== */
/* =============================== */
/* =============================== */
div#page_gallery {width:100%; max-width:820px; font-size:0; border-top:2px solid #f36334; border-bottom:1px solid #999; padding-top:5px;}
div#page_gallery>div { display:inline-block; width:32.2%; max-width:500px; height:178px; overflow:hidden; margin-right:5px; margin-bottom:5px; background-size: auto 100% !important; cursor:pointer; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
div#page_gallery>div>p { font-size:1.000rem; color:#fff; width:0; height:178px; background-color:rgba(245,99,52,0.7); text-align:center; padding-top:75px; font-weight:bold; cursor:pointer; margin-left:-50px;
-webkit-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;}
div#page_gallery>div:hover>p {margin-left:0; width:100% !important;}
@media all and (max-width:860px) and (min-width:820.1px) {div#page_gallery>div{width:48.5%} }
@media all and (max-width:620px) and (min-width:430.1px) {div#page_gallery>div{width:48.5%} }
@media all and (max-width:430px)  {
div#page_gallery>div{ width:100%; margin-right:0; text-align:center; background-size:100% auto !important;}
}
div.gall_plus { width:100%; height:30px; background-color:#f46334; color:#fff; text-align:center; padding-top:5px; cursor:pointer;}
div.gall_paging_btn { color:#fff; font-weight:bold; width:100%;}
/*
@media all and (min-width:990.1px) {.table_gallery>tbody>tr {width:30%; margin-left:10px;} table.gallery_list_type_01{width:220px;}}
@media all and (max-width:990px) {.table_gallery>tbody>tr{margin-bottom:10px;}}
@media all and (max-width:830px) {.table_gallery>tbody>tr{width:49%;}}
@media all and (max-width:560px) {.table_gallery>tbody>tr{width:100%;}}
*/
/* ----------------- */
/* FAQ 게시판 옵션*/
/* ----------------- */
td#faq_content {padding:20px; height:auto; background-color:#f6f6f6;}
td#faq_content * {font-size:0.875rem;}
td.faq_b_title { cursor:pointer;}
/* FAQ 게시판 옵션*/




/************ 게시판 쓰기 테이블 타입 - 01**************/
form#form_write_type_01 {width:100%; max-width:990px; border-top:3px solid #179dc2;}
table.table_write_type_01 {width:100%;max-width:990px; border-bottom:1px solid #999;}
table.table_write_type_01 tbody tr {width:100%; max-width:990px; max-width:990px; border-bottom:6px solid #fff;}
table.table_write_type_01 tbody tr:first-child {border-top:10px solid #fff;}
table.table_write_type_01 tbody tr:last-child {border-bottom:none;}
table.table_write_type_01 tbody tr#tr_b_file td, table.table_write_type_01 tbody tr#tr_b_file th{padding-top:10px; }
table.table_write_type_01 tbody tr:last-child td, table.table_write_type_01 tbody tr:last-child th {padding-bottom:10px;}
table.table_write_type_01 tbody tr th { height:30px; font-size:0.813rem; text-align:left; padding-left:11px;}
table.table_write_type_01 tbody tr td {padding-left:12px;  background:url(../IMG/common/IMG_M00_S00_list_bar.png) center left no-repeat; font-size:0.875rem;}
input#m_name, input#m_mail, input#b_title, input#pop_title, input#pop_url { padding-left:10px; height:30px; width:60%;}
input#b_pass { padding-left:10px; height:30px; width:200px; text-align:left;}
input#post_state { height:15px; width:15px; vertical-align:middle;}
input#pop_start, input#pop_end { height:30px; width:150px;}
textarea#content {width:100%; margin-top:5px; height:300px; overflow:scroll;}
span#content_title{ font-size:0.813rem; font-weight:bold; color:#333;}
span#need {color:#179dc2; font-size:1.000rem;}
@media all and (max-width:480px) {input#m_name, input#m_mail, input#b_title {width:90%;} }
/* ------------------ */
table.table_write_type_01>tbody>tr>td>span {font-size:0.715rem;}
table.table_write_type_01>tbody>tr>td#content {border:none; padding:0; margin:0; width:100%; background:none; padding:10px 0 20px 0;}
table.table_write_type_01>tbody>tr#tr_content {border-bottom:1px solid #bfbfbf;border-top:1px solid #bfbfbf;}
/* ------------------ */
tr#tr_b_tile {height:48px}
tr#tr_b_tile>td, tr#tr_b_tile>th { padding-bottom:10px}
th#table_sub_title_type_01 {background-color:#96D2E9; height:40px; font-size:0.938rem; padding-top:8px;}
td#no_bg { background:none !important;}
tr#sub_title {border:none; border-bottom:10px solid #fff;}
tr#sub_title>th{background-color:#ddd; height:50px; font-size:0.875rem;}

tr.img_pop, tr.edit_pop { display:none;} 

/* ----- 글쓰기, 팝업, 메뉴, 멤버 ------ */
 /*긴 텍스트박스*/
input#long_text,
input#m_hint_q, input#m_hint_a, input#m_id, input#m_pass, input#m_pass2, input#m_name, input#m_mail, input#m_address, input#m_phone, 
input#b_title, input#pop_title, input#pop_url, input#mn_code, input#mn_name, input#mn_url, input#mn_order,
input#home_code, input#home_name, input#home_admin, input#home_mail, input#home_address,
input#bc_code, input#bc_name, input#bc_admin, input#bc_admin_mail { padding-left:10px; height:30px; width:75%;}
 /*짧은 텍스트박스*/
input#short_text, input#start_date, input#end_date,
input#b_pass, input#login_point { padding-left:10px; height:30px; width:180px; text-align:left;}
input#b_file { width:80%; max-width:300px;}
 /*체크박스*/
input#chk_box, input#chk_box2, input#chk_box3,
input#post_state, input#new_win, input#point_state,
input#bc_use_file, input#bc_use_secret, input#bc_use_comment, input#bc_use_reply { height:15px; width:15px; vertical-align:middle;}
 /*날짜박스*/
input#pop_start, input#pop_end { height:30px; width:150px;}
 /*셀렉트박스*/
select#short_select {width:50px; height:28px;}
select#long_select,
select#bc_type,
select#m_level, 
select#mn_top,
select#main_skin, select#sub_skin, select#search_skin, select#login_skin, select#survey_skin {width:100px; height:28px;}
 /*커다란 텍스트 박스- textarea*/
textarea#small_textarea, textarea#m_self, textarea#bc_use_filter {width:100%; height:120px; resize:none; overflow:scroll; padding:3px;}
textarea#content {width:100%; margin-top:5px; height:300px; overflow:scroll;}
 /*설명span박스*/
span#content_title {font-size:0.813rem; font-weight:bold; color:#333; vertical-align:middle;}
#explain {font-size:0.750rem; color:#999; line-height:150%; background:none;}
span#need {color:#179dc2; font-size:1.000rem;}
@media all and (max-width:480px) {input#m_name, input#m_mail, input#b_title, input#long_text, input#short_text {width:90%;} }


/************ 게시글 보기 테이블 타입 - 01**************/
table.table_view_type_01 {width:100%; max-width:990px; border-top:3px solid #179dc2; border-bottom:1px solid #999;}
table.table_view_type_01 thead tr { border-bottom:1px solid #c0c0c0;}
table.table_view_type_01 tbody tr { border-bottom:1px solid #e2e2e2;}
table.table_view_type_01 tbody tr:last-child { border-bottom:none;}
table.table_view_type_01 thead tr th { height:45px; background-color:#f5f5f5; text-align:left; padding-left:20px;}
table.table_view_type_01 tbody tr td, table.table_view_type_02 tbody tr th {height:40px;padding:0 15px;}
table.table_view_type_01 tbody tr td{background:url(../IMG/common/IMG_M00_S00_list_bar.png) center left no-repeat;}
table.table_view_type_01 td#content {padding:0; background:0;}
table.table_view_type_01 td#content div {padding:0; margin:0; width:100%; min-height:350px; padding:10px;}
/* --- 파일 첨부 td CSS --- */
table.table_view_type_01 td#b_file>a { background:url(../IMG/common/IMG_M00_S00_list_bar.png) center right no-repeat; padding-right:20px; margin-right:10px;} 
table.table_view_type_01 td#b_file>a:last-child {padding-right:0; margin-right:0; background:none;}
/* ---------------- */
tbody.table_view_m {display:none;}
@media all and (max-width:480px){
tbody.table_view {display:none;}
tbody.table_view_m {display:inherit;}

}


/*********** 학사일정 게시판 테이블 타입 - 01*************/
#calendar {width:100%; max-width:990px; margin-bottom:50px;}
#calendar>tbody>tr>td {border:1px solid #d6d6d6;}
#calendar>tbody>tr>td:first-child {width:40%; padding:25px; background-color:#eceff4; border-right:none; text-align:center;}
#calendar>tbody>tr>td:last-child {width:60%; padding:25px; border-left:none; text-align:left;}
table.calendar_type_01 {text-align:center; vertical-align:top; margin:0 auto;}
table.calendar_type_01 thead tr th {font-size:1.125rem; font-weight:bold; text-align:center; padding-bottom:10px;}
table.calendar_type_01 tbody tr th {padding:5px 3px; font-size:0.875rem; font-weight:normal;}
table.calendar_type_01 tbody tr td {font-size:0.813rem; padding-bottom:5px;}
table.calendar_type_01 tbody tr td:first-child {color:#F33;}
table.calendar_type_01 tbody tr td:last-child {color:0090b9;}
table.calendar_type_01 tbody tr:last-child td {border-bottom:none;}
/* ======================== */
#calendar>tbody>tr>td div.calendar_text_type_01 { vertical-align:top; overflow:hidden; height:160px; width:100%; overflow:auto;}
#calendar>tbody>tr>td div.calendar_text_type_01 p#cal_date{ padding:5px 0;}
#calendar>tbody>tr>td div.calendar_text_type_01 p#cal_date>a {cursor:pointer; word-break:break-all;}
#calendar>tbody>tr>td div.calendar_text_type_01 p#cal_date>a:first-child>strong { font-size:0.938rem;}
#calendar>tbody>tr>td div.calendar_text_type_01 p#cal_date>a:first-child {line-height:160%; font-size:0.875rem;}
#calendar>tbody>tr>td div.calendar_text_type_01 p#cal_date>a.modify, 
#calendar>tbody>tr>td div.calendar_text_type_01 p#cal_date>a.delete{color:#0090b9; font-size:0.875rem;}
#calendar>tbody>tr>td div.calendar_text_type_01 p#cal_content {font-size:1.000rem; color:#333; cursor:pointer; padding:10px;}
/* ======================== */
/* ======================== */
#calendar_m {display:none;}
@media all and (max-width:730px) {
#calendar {display:none;}

#calendar_m {display:inherit; width:100%; max-width:1000px; margin-bottom:50px;}
#calendar_m>tbody>tr>td {border:1px solid #d6d6d6; background-color:#eceff4; width:730px;}

#calendar_m table.calendar_type_01 {text-align:center; vertical-align:top; margin:25px auto;}
#calendar_m table.calendar_type_01 thead tr th {font-size:1.125rem; font-weight:bold; text-align:center; padding-bottom:10px;}
#calendar_m table.calendar_type_01 tbody tr th {padding:5px 3px; font-size:0.875rem; font-weight:normal;}
#calendar_m table.calendar_type_01 tbody tr td {font-size:0.813rem; padding-bottom:5px;}
#calendar_m table.calendar_type_01 tbody tr td:first-child {color:#F33;}
#calendar_m table.calendar_type_01 tbody tr td:last-child {color:0090b9;}
#calendar_m table.calendar_type_01 tbody tr:last-child td {border-bottom:none;}
/* ======================== */
#calendar_m>tbody>tr>td div.calendar_text_type_01 { vertical-align:top; overflow:hidden; height:160px; width:100%; overflow:scroll; padding:25px 20px; border-top:1px solid #d6d6d6; background-color:#fff; overflow:hidden;}
#calendar_m>tbody>tr>td div.calendar_text_type_01 p#cal_date{ padding:5px 0;}
#calendar_m>tbody>tr>td div.calendar_text_type_01 p#cal_date>a {cursor:pointer; word-break:break-all;}
#calendar_m>tbody>tr>td div.calendar_text_type_01 p#cal_date>a:first-child>strong { font-size:0.938rem;}
#calendar_m>tbody>tr>td div.calendar_text_type_01 p#cal_date>a:first-child {line-height:160%; font-size:0.875rem;}
#calendar_m>tbody>tr>td div.calendar_text_type_01 p#cal_date>a:last-child {color:#0090b9; font-size:0.875rem;}
#calendar_m>tbody>tr>td div.calendar_text_type_01 p#cal_content {font-size:1.000rem; color:#333; cursor:pointer; padding:10px;}
}
/* ================ 캘린더 타입 2 ================= */

table.calendar_type_02 { width:100%; max-width:820px; margin:0 auto; text-align:center; margin-bottom:50px;}
table.calendar_type_02 thead tr th { height:40px; font-size:1.250rem; width:14%; vertical-align:top;}
table.calendar_type_02 thead tr th>a { border:1px solid #cfcfcf; color:#69c0a5; padding:1px 3px;}
table.calendar_type_02 tbody tr th { height:60px; font-size:1.000rem; background-color:#e9e9e9; border:1px solid #fff; border-top:3px solid #69c0a5;}
table.calendar_type_02 tbody tr th:first-child { border-left:none;}
table.calendar_type_02 tbody tr th:last-child { border-right:none;}
table.calendar_type_02 tbody tr td { height:90px; font-size:0.937rem; border:1px solid #e2e2e2; text-align:left; vertical-align:top;}
table.calendar_type_02 tbody tr td:first-child, table.calendar_type_02 tbody tr th:first-child { color:#F33;}
table.calendar_type_02 tbody tr td:last-child, table.calendar_type_02 tbody tr th:last-child { color:#36F;}
table.calendar_type_02>tbody>tr>td>a { font-size:0.813rem;}
a.prev_month { margin-right:50px; cursor:pointer}
a.next_month { margin-left:50px; cursor:pointer}
a.prev_year { margin-right:10px; cursor:pointer}
a.next_year { margin-left:10px; cursor:pointer}
#cal_day {font-size:0.937rem; padding-top:10px; padding-left:10px;}
#cal_text { line-height:130%; font-size:0.813rem; padding:3px;}
@media all and (max-width:650px) {a#cal_text { display:none;}}
@media all and (max-width:580px) {
table.calendar_type_02 tbody tr td { height:60px;} 
table.calendar_type_02 { margin-bottom:30px;}
a.prev_month { margin-right:30px; cursor:pointer}
a.next_month { margin-left:30px; cursor:pointer}
}
a.modify, a.delete { font-size:0.813rem; color:#69c0a5;}




/*********** 이전 및 다음 글 이동 *************/
table.go_n_back {width:100%; background-color:#fbfbfb;}
table.go_n_back thead tr {border-top:1px solid #bfbfbf; border-bottom:1px solid #e2e2e2; height:40px;}
table.go_n_back tbody tr {border-bottom:1px solid #bfbfbf; height:40px;}
table.go_n_back td:first-child {width:80px; padding:0 12px; font-size:0.813rem; background:url(../IMG/common/IMG_M00_S00_list_bar.png) center right no-repeat;}
table.go_n_back td:first-child span {color:#179dc2; font-size:0.750rem;}
table.go_n_back td:last-child {padding:0 20px; }
table.go_n_back td:last-child a {font-size:0.875rem;}
/* --------------------- */

/*********** 댓글 및 답변 *************/

table.comment_list_type_01 { width:100%; border-top:2px solid #69c0a5; margin-bottom:10px;}
table.comment_list_type_01>tbody {border-top:2px solid #69c0a5;}
table.comment_list_type_01>tbody>tr>td { font-size:0.875rem; height:50px;}
table.comment_list_type_01>tbody>tr>td>a { font-size:0.875rem; background-color:#69c0a5; color:#fff; font-weight:bold; padding:7px 15px;}
table.comment_list_type_01>tbody>tr>td#b_delete { padding:10px 20px; font-weight:bold;}
table.comment_list_type_01>tbody>tr:first-child>td { border-bottom:1px solid #e2e2e2; padding-left:5px;}
table.comment_list_type_01>tbody>tr:first-child>td:first-child { font-weight:bold;}
table.comment_list_type_01>tbody>tr>td#co_contents { height:100px; vertical-align:top; padding-top:5px;}
table.comment_list_type_01>tbody>tr>td#co_contents>div.div_co_contents { padding:12px 20px; background-color:#e2e2e2; min-height:100px;}

/* ----------------- */
table.table_comment_type_01 {width:100%; border-top:2px solid #69c0a5; border-bottom:1px solid #999;}
table.table_comment_type_01>thead>tr>th { height:45px; border-bottom:1px solid #c0c0c0; font-size:0.875rem; padding-left:10px; font-weight:normal; text-align:left;}
table.table_comment_type_01>thead>tr>th:first-child { text-align:left; padding-left:10px;}
table.table_comment_type_01>thead>tr>th:last-child {font-weight:normal;}
table.table_comment_type_01>thead>tr>th>a { font-size:0.875rem; font-weight:bold; padding:7px 15px; cursor:pointer;}
table.table_comment_type_01>tbody>tr>td { height:120px;}
table.table_comment_type_01>tbody>tr>td>textarea {width:100%; height:95%; padding: 5px 10px; resize:none; overflow:scroll;}


/*********** 게시판 버튼 *************/
div.button {width:100%; max-width:990px; margin-top:15px; text-align:right;}

/* -------------------- */
/*     페이징 버튼      */
/* -------------------- */
div.paging_btn { text-align:center; padding:6px; margin-top:20px; font-size:0}
div.paging_btn a {border:1px solid #e2e2e2; box-sizing:border-box; vertical-align:middle; color:#666; font-size:0.87rem ; padding:13px 6px 6px 6px; max-width:33px; max-height:30px}
div.paging_btn b {font-size:0.87rem; box-sizing:border-box; vertical-align:middle; background-color:#ef5910; color:#fff; padding:13px 6px 6px 6px; max-width:33px; max-height:30px}
/* << / < / > / >> */
div.paging_btn .next_btn_css, div.paging_btn .prev_btn_css { color:#777; font-size:0.67rem}
div.paging_btn .first_btn_css, div.paging_btn .last_btn_css { color:#777; font-size:0.67rem}
/* 전체 */
div.paging_btn .true_btn_css,
div.paging_btn .false_btn_css,
div.paging_btn .next_btn_css,
div.paging_btn .prev_btn_css,
div.paging_btn .first_btn_css, 
div.paging_btn .last_btn_css {display:inline-block; vertical-align:top;max-width:33px; min-width:33px; height:30px; height:30px}
div.paging_btn .first_btn_css {border-left:1px solid #e2e2e2}


/*********** 게시판 버튼 *************/
div.board_btn {min-width:70px; padding:8px 16px; text-align:center; background-color:#ef5910; color:#FFF; display:inline-block; cursor:pointer; margin-bottom:5px; font-size:0.875rem;}
div.board_btn a {color:#FFF; cursor:pointer; font-size:0.875rem;}

/* --------- 링크 이동 버튼 ---------- */

.link_btn {min-width:70px; text-align:center;  color:#FFF; display:inline-block; cursor:pointer;font-size:0.813rem; margin-left:15px; padding:5px 10px; position:absolute; top:0;}
.link_btn a {color:#FFF; font-size:0.813rem; cursor:pointer;}
.link_btn_type_02 {min-width:70px; text-align:center;  color:#FFF; display:inline-block; cursor:pointer;font-size:0.813rem; margin-left:15px; padding:5px 10px;}
.link_btn_type_02 a {color:#FFF; font-size:0.813rem; cursor:pointer;}
.link_btn_type_03 {min-width:70px; text-align:center;  color:#FFF; display:inline-block; cursor:pointer; font-size:0.813rem; padding:5px 10px;}
.link_btn_type_03 a {color:#FFF; font-size:0.813rem; cursor:pointer;}