@charset "UTF-8";
/* CSS Document */
legend{ display:none;}
caption{width: 0;    height: 0;    font-size: 0;    line-height: 0;    overflow: hidden;}

.reply { margin-left:2px; color:#4083de;}
.nodata { height:150px;}
.tablelist > tbody > tr.nodata:hover { background:none !important;}
.totalpage {margin-top:10px; font-size:12px;}
.currentnum { color:#4083de; font-weight:600;}
.textleft { text-align:left !important;}
.writepagetxt i { color:#ff7575 !important; margin-right:3px;}
.writepagetxt { padding:0 10px; height:30px; line-height:40px; font-size:15px; font-weight:600; clear:both; }
.tablewrite th i.fa-check { color:#ff7575 !important; margin-left:3px;}


/* btn */
.btn-default { color: #333; background-color: #fff; border-color: #ccc;}
.btngroup { margin-bottom:30px;}
.btn01 { font-size:13px; padding:5px 15px;} /* 목록버튼 */
.btn02 {padding:1px 6px; font-size:13px !important; height:32px; border:1px solid #ff0000;} /* 검색버튼 */
.btn02:hover { background:#ea7240; transition:.5s; border:1px solid #eeb59e; color:#fff !important}

.btn_02{max-width:93px;}


/* bgcolor */
.bgcolor01 { background:#ecf4ff; transition:.5s; border:1px solid #85ade4; color:#4083de !important;}
.bgcolor01:hover { background:#85ade4; transition:.5s; border:1px solid #85ade4; color:#fff !important}
.bgcolor01 a, .bgcolor01 a:visited {color:#4083de !important; transition:.5s;}
.bgcolor01 a:hover {color:#fff !important; transition:.5s;}


/* sch */
.bsch { height:32px; position:relative; vertical-align:middle !important; font-size:12px; margin-bottom:20px}
.bsch select {font-size:13px; padding:5px 10px; height:32px; border:1px solid #bfbfbf}
.tablewrite td select {font-size:13px; padding:5px 10px; height:30px; border:1px solid #bfbfbf}
.bsch input, .boardCheck .inputPw {border:1px solid #bfbfbf}
.bsch input[type="text"], .boardCheck .inputPw {font-size:13px; padding:5px 10px;}

.bsch2 { height:32px; position:relative; vertical-align:middle !important; font-size:12px;}
.bsch2 select {font-size:13px; padding:5px 10px; height:32px; border:1px solid #bfbfbf}
.bsch2 input {border:1px solid #bfbfbf}
.bsch2 input[type="text"] {font-size:13px; padding:5px 10px; height:20px; }
.bsch2 .fa {color:#286bc7 !important; font-size:22px !important; vertical-align:middle !important; font-weight:normal !important}
.bsch2 a .fa, .bsch2 a:hover .fa, .bsch2 a:visited .fa {color:#286bc7 !important; font-weight:normal !important}
.schline { width:100%; float:left; clear:both; height:10px; margin-bottom:10px; border-bottom:1px solid #e2e2e2;}


table > tbody > tr > td > a,  table > tbody > tr > td > a:hover, table > tbody > tr > td > .tableline a:visited { color:#007dbe !important; }
/*table > tbody > tr > td > a,  table > tbody > tr > td > a:hover, table > tbody > tr > td > .tableline a:visited { color:#fff !important; }*/


/* tablelist */
.tablelist { width:100%; border-top:2px solid #555}
.tablelist .title { text-align:left;}
.tablelist .title img { margin-right:3px;}
.tablelist .num { width:60px;}
.tablelist .author { width:auto;}
.tablelist .author2 { width:auto;}
.tablelist .file { width:80px;}
.tablelist .date { width:100px;}
.tablelist .count { width:60px;}
.tablelist td img { vertical-align:middle !important;} 
.tablelist thead th { font-size:15px; font-weight:400; padding:10px 5px; background:#fafafa; color:#555; border-bottom:1px solid #555; }
.tablelist tbody tr:hover { background:#f9f9f9;}
.tablelist tr td { border-bottom:1px solid #e2e5ec; padding:10px 5px; text-align:center; color:#6f6f6f; font-size:13px; vertical-align:middle}
.tablelist tr td a, .tablelist tr td a:hover, .tablelist tr td a:visited {color:#6f6f6f}
.tablelist tr td.textleft a:hover { text-decoration:underline;}
.nohover tr:hover { background:none !important;}
.tablelist .notice { background:url(/img/noticeicon.png) no-repeat center center}
.textleft i { margin-left:5px;}


/* tablelist0202 */
.tablelist02 { width:100%; border-top:2px solid #555}
.tablelist02 .title { text-align:left;}
.tablelist02 .title img { margin-right:3px;}
.tablelist02 .num { width:60px;}
.tablelist02 .author { width:auto;}
.tablelist02 .author2 { width:auto;}
.tablelist02 .file { width:80px;}
.tablelist02 .date { width:100px;}
.tablelist02 .count { width:60px;}
.tablelist02 td img { vertical-align:middle !important;} 
.tablelist02 thead th { font-size:1.7rem; font-weight:400; padding:10px 5px; background:#fafafa; color:#555; border-bottom:1px solid #555; }
.tablelist02 tbody tr:hover { background:#f9f9f9;}
.tablelist02 tr td { border-bottom:1px solid #e2e5ec; padding:15px 10px; text-align:center; color:#6f6f6f; font-size:1.5rem; vertical-align:middle}
.tablelist02 tr td a, .tablelist02 tr td a:hover, .tablelist02 tr td a:visited {color:#6f6f6f}
.tablelist02 tr td.textleft a:hover { text-decoration:underline;}
.nohover tr:hover { background:none !important;}
.tablelist02 .notice { background:url(/img/noticeicon.png) no-repeat center center}
.textleft i { margin-left:5px;}


/*본부*/
.tableview_bonbu{width:58%; border-top:2px solid #555; margin-bottom:20px; line-height:1.5;}
.tableview_bonbu th { font-size:15px; font-weight:600; padding:13px 8px; background:#fafafa; color:#6f6f6f; text-align:center; border-bottom:1px solid #555; border-top:1px solid #007dbe !important; vertical-align:middle; }
.tableview_bonbu th a, .tableview th a:hover, .tableview th a:visited {color:#6f6f6f !important;}
.tableview_bonbu td { border-bottom:1px solid #e2e5ec; padding:10px 10px; color:#6f6f6f; text-align:left; max-width:540px !important; vertical-align:middle}
.tableview_bonbu td a, .tableview td a:hover, .tableview td a:visited {color:#6f6f6f}
.tableview_bonbu td a:hover { text-decoration:underline;}



/* tableview */
.tableview { width:100%; border-top:2px solid #555; margin-bottom:20px; line-height:1.5; }
.tableview th { font-size:15px; font-weight:600; padding:13px 8px; background:#fafafa; color:#6f6f6f; text-align:center; border-bottom:1px solid #555; border-top:1px solid #007dbe !important; vertical-align:middle; }
.tableview th a, .tableview th a:hover, .tableview th a:visited {color:#6f6f6f !important;}
.tableview td { border-bottom:1px solid #e2e5ec; padding:10px 10px; color:#6f6f6f; text-align:left; max-width:540px !important; vertical-align:middle}
.tableview td a, .tableview td a:hover, .tableview td a:visited {color:#6f6f6f}
.tableview td a:hover { text-decoration:underline;}

.tableview td.albumReadBody img{width:100% !important; max-width:914px; height:auto !important;}
/*.tableview td.boardReadBody img{width:auto !important;}*/


/* tableview02 */
.tableview02 { width:100%; text-align:center; font-size:15px; }
.tableview02 th { font-weight:600; padding:5px 5px; background:#fdfdfd; color:#1e1e1e; border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb !important; vertical-align:middle; }
.tableview02 th a, .tableview02 th a:hover, .tableview02 th a:visited {color:#ff0000 !important;}
.tableview02 td { border-bottom:1px solid #cbcbcb; border-top:1px solid #cbcbcb; padding:5px 8px; color:#6f6f6f; max-width:540px !important; vertical-align:middle}
.tableview02 td a, .tableview02 td a:hover, .tableview02 td a:visited {color:#6f6f6f}
.tableview02 td a:hover { text-decoration:underline;}

/* tableview03 */
.tableview03 { width:100%; border-top:2px solid #555; margin-bottom:20px; }
.tableview03 th { font-size:15px; font-weight:600; padding:5px 5px; background:#fdfdfd; color:#1e1e1e; border-bottom:1px solid #c9c9c9; border-top:1px solid #c9c9c9 !important; vertical-align:middle; text-align:center; }
.tableview03 th a, .tableview03 th a:hover, .tableview03 th a:visited {color:#ff0000 !important;}
.tableview03 td { border-bottom:1px solid #c9c9c9; padding:5px 10px; color:#6f6f6f; max-width:540px !important; vertical-align:middle; text-align:left; }
.tableview03 td a, .tableview03 td a:hover, .tableview03 td a:visited {color:#6f6f6f}
.tableview03 td a:hover { text-decoration:underline;}


/* tableview0404 */
.tableview04 { width:100%; border-top:2px solid #555; margin-bottom:20px; line-height:1.5; }
.tableview04 th { font-size:1.5rem; font-weight:600; padding:13px 8px; background:#fafafa; color:#6f6f6f; text-align:center; border-bottom:1px solid #787878; border-top:1px solid #007dbe !important; vertical-align:middle; }
.tableview04 th a, .tableview04 th a:hover, .tableview04 th a:visited {color:#6f6f6f !important;}
.tableview04 td { border-bottom:1px solid #a7a7a7; padding:10px 15px; color:#6f6f6f; text-align:left; max-width:540px !important; vertical-align:middle; font-size:1.5rem; }
.tableview04 td a, .tableview04 td a:hover, .tableview04 td a:visited {color:#6f6f6f}
.tableview04 td a:hover { text-decoration:underline;}


/* tablewrite */
.tablewrite { width:100%; border-top:2px solid #555; margin-bottom:20px; }
.tablewrite .u_title { width:80%}
.tablewrite .inputName, .tablewrite .u_mail { width:300px;}
.tablewrite tr th { padding:10px 5px; background:#fdfdfd; color:#1e1e1e; text-align:center; border-bottom:1px solid #bfbfbf; border-top:1px solid #bfbfbf !important; vertical-align:middle; font-size:15px; font-weight:400; }
.tablewrite td { border-bottom:1px solid #d1d1d1; padding:5px; color:#6f6f6f; text-align:left; max-width:540px !important; vertical-align:middle; font-size:15px; }
.tablewrite select {font-size:15px; padding:5px 8px; height:26px; border:1px solid #bfbfbf}
.tablewrite input {border:1px solid #bfbfbf}
.inputFile{width:100%; max-width:500px;}
.info_tle_txt{width:100%; max-width:70%;}
.tablewrite input[type="text"], .tablewrite input[type="password"] {font-size:15px; padding:0 5px; vertical-align:middle; }
.tablewrite textarea { box-sizing:border-box; width:100%; padding:10px; border:1px solid #bfbfbf}
.tablewrite td.usetime { padding:15px; }
.tablewrite td .btn { position:relative; top:-4px; }

.tablewrite img{width:auto !important;}

/* tableline */
.tableline { width:100%; border-top:2px solid #3ea00f; text-align:center; font-size:15px; line-height:1.5; }
.tableline th { font-weight:400; font-size:17px; padding:7px 10px; background:#ebf5e7; color:#1e1e1e; border-bottom:1px solid #3ea00f; border-left:1px solid #e2e5ec; border-right:1px solid #e2e5ec; vertical-align:middle; }
.tableline td { border-bottom:1px solid #e2e5ec; border-left:1px solid #e2e5ec; border-right:1px solid #e2e5ec; padding:6px; color:#6f6f6f; vertical-align:middle; }
.tableline .sum { background:#fdfdfd; }
.tableline .gray { background:#f7f7f7; border-bottom:1px solid #a7a7a7; }

.tableline th span{word-break:revert;}
.tableline td span{word-break:revert;}

/* tableline02 */
.tableline02 { width:100%; border-top:2px solid #555; text-align:center; font-size:15px; line-height:1.3; }
.tableline02 th { font-weight:400; padding:7px 5px; background:#fafafa; color:#1e1e1e; border-bottom:1px solid #555; border-left:1px solid #e2e5ec; border-right:1px solid #e2e5ec; vertical-align:middle; }
.tableline02 td { border-bottom:1px solid #555; border-left:1px solid #e2e5ec; border-right:1px solid #e2e5ec; padding:7px; color:#6f6f6f; vertical-align:middle; }
.tableline02 .color01 { background:#c0e2b4; /*color:#81c669;*/  border-top:2px solid #81c669; border-bottom:1px solid #81c669; font-size:1.6rem; }
.tableline02 .color02 { background:#a1ddca; /*color:#43bc95;*/  border-top:2px solid #43bc95; border-bottom:1px solid #43bc95; font-size:1.6rem; }
.tableline02 .color03 { background:#c7edf0; /*color:#45c3cd;*/  border-top:2px solid #45c3cd; border-bottom:1px solid #45c3cd; font-size:1.6rem; }
.tableline02 .color04 { background:#bae2f3; /*color:#1a9ed8;*/  border-top:2px solid #1a9ed8; border-bottom:1px solid #1a9ed8; font-size:1.6rem; }
.tableline02 .color05 { background:#d9cee5; /*color:#aa94c1;*/  border-top:2px solid #aa94c1; border-bottom:1px solid #aa94c1; font-size:1.6rem; }


/* faq board */
.faq { border-top:2px #bf3c98 solid; border-bottom:1px #e2e2e2 solid; font-size:14px; width:100%; color:#5f5f5f; letter-spacing:0; float:left;}
.faq .faqHeader{position:relative;zoom:1}
.showAll{ float:right; margin-bottom:10px; clear:both; display:inline-block; border:0}
.faq .faqBody { margin:0;padding:0;}
.faq .faqBody .article{list-style:none}
.faq .q { border-top:1px #e2e2e2 solid;  height:40px; line-height:40px; padding:5px 5px 5px 15px}
.faqView { float:right; cursor:pointer; position:relative; top:-1px; left:-15px }
.faqView img { position:relative; top:13px;}
.faq .q a{ text-align:left; font-weight:600; color:#000;text-decoration:none !important; height:50px; display:block; }
.faq .q img { position:relative; top:6px;}
.faq .a{ margin:0;padding:5px 5px 5px 15px; height:auto; line-height:1.5; border-top:1px #e2e2e2 solid; background:#f8f8f8; font-size:14px;}
.faq .a img { position:relative; top:4px;}
.faqbtn { position:relative; display:inline-block; top:-5px; left:780px}


/* pagination */
.pageNum { width:100%; text-align:center; float:left; }
.pagination { margin-top: 10px; }
.pagination { display: inline-block; padding-left: 0px; border-radius: 4px; }
.pagination > li {display: inline;}
.pagination-sm { text-align:center;}
.pagination-sm > li > a, .pagination-sm > li > span { padding: 7px 12px; font-size: 15px; display:inline-block}
.pagination > li > a, .pagination > li > span { position: relative; float: left;  margin-left: -1px; line-height: 1.4285; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; color: #7a7a7a; margin-right:7px }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; transition:.5s}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #007dbe; cursor: default; background-color: #e5f2f8; border-color: #007dbe; font-weight:bold; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {  }
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #c9c9c9; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; transition:.5s}

.boardWriteButton { margin-top: 0 !important}


.board_top { font-size:1.5rem; margin:0 0 15px 0 !important; clear:both; }
.board_top .post { }
.board_top .post li { display:inline-block; font-size:1.5rem; letter-spacing:0; }
.board_top .post li:first-child { margin-right:15px; }
.board_top .post  li span { color:#0093df; }
.board_top .search { display: block}
.board_top .search i.fa-calendar-alt { color:#0093df; font-size:2rem; margin-left:3px; cursor:pointer; position: relative; top: 2px}
.board_top .msearch { display: none}
.status_h4 { font-size:1.5rem; font-weight:normal; margin:10px 0 10px 0; letter-spacing:-1px; clear:both; background:url(/img/h4_bullet.png) no-repeat left center; padding-left:26px; }



@media screen and (max-width: 640px) {

	/* 본부 */
	.tableview_bonbu{width:100%;}

}