/* 프로그램 페이지에서의 table */ .board_t1 {width:100%; margin:10px 0;} .board_t1 thead th {padding:15px 5px; border-left:1px solid #c4c4c4; border-bottom:1px solid #e1e1e1; background-color:#eff5f8; color:#0b0b0b; font-size:15px; font-weight:600; text-align:center;} .board_t1 thead th:first-child {border-left:none;} .board_t1 thead tr:first-child th {border-top:2px solid #5e5e5e;} .board_t1 tbody td, .board_t1 tfoot td {text-align:center; padding:10px 5px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#4a4a4a;} .board_t1 tbody td:first-child, .board_t1 tbody th:first-child, .board_t1 tfoot td:first-child {border-left:0 none;} .board_t1 tbody td.content {padding-left:25px; text-align:left;} .board_t1 tbody th {text-align:center; padding:10px 5px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#4a4a4a;} .board_t1 thead th[rowspan] {border-right:1px solid #c4c4c4;} .board_t1 tbody td[rowspan], .board_t1 tbody th[rowspan] {border-right:1px solid #e1e1e1;} .board_t1 img {vertical-align:middle;} .board_t2 {width:100%; margin:10px 0;} .board_t2 tbody tr:first-child th, .board_t2 tbody tr:first-child td {border-top:2px solid #5e5e5e;} .board_t2 tbody th {padding:15px 5px; border-bottom:1px solid #e1e1e1; background-color:#eff5f8; color:#353535; font-size:15px; font-weight:600; text-align:center;} .board_t2 tbody td {padding:15px 5px 15px 10px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; color:#4a4a4a;} .board_t2 img {vertical-align:middle;} /* 게시판 설명글 */ .board_explain {margin-bottom:15px; border:1px solid #e7e7e7; background:url('../images/board/board_explain_bg.gif') no-repeat left top; background-size:133px 100%;} .board_explain .board_explain_wrap {min-height:65px; padding:27px 20px 20px 132px; background:url('../images/board/board_expain_ico.png') no-repeat 19px center;} #contents .board_explain h2 {margin-bottom:9px; margin-left:25px; color:#484848; font-size:17px;} .board_explain p {margin-left:25px; color:#888282; font-size:13px;} /* 카테고리 */ .category {margin-bottom:38px; text-align:left;} .category .category_navi form label {display:inline-block; margin-right:10px; color:#383838; font-size:15px; vertical-align:middle;} .category .category_navi form select {display:inline-block; width:181px; height:28px; border:1px solid #afafaf; color:#4e4e4e; font-size:13px; vertical-align:middle;} .category .category_navi form input[type=submit] {height:28px; font-weight:600;} .category .category_list {margin-top:12px;} .category .category_list ul li {float:left; margin-top:5px; margin-right:25px; padding-left:17px; background:url('../images/board/category_bu.gif') no-repeat left 5px;} .category .category_list ul li a {color:#4e4e4e; font-size:13px;} /* 총 게시물 */ /*.board_top {height:30px;}*/ .total {margin-top:20px; color:#888; font-size:14px; text-align:right;} /* 검색 */ .boardSearch {position:relative; /*height:0;*/} .boardSearch form {/*position:absolute; top:0; right:0;*/} .boardSearch fieldset {text-align:right;} .boardSearch form select {display:inline-block; width:100px; height:30px; padding-left:2px; border:1px solid #e6e6e6; color:#000; font-size:13px; vertical-align:middle;} .boardSearch form input[type=text] {display:inline-block; width:157px; height:18px; margin-right:4px; padding:5px; border:1px solid #e6e6e6; vertical-align:middle;} .boardSearch form input[type=image] {display:inline-block; margin-right:4px; vertical-align:middle;} .boardSearch form .rss {display:inline-block; vertical-align:middle;} .boardSearch form .rss img {vertical-align:middle;} .boardSearch label {vertical-align:middle;} /* 게시판 공통 */ #board, #board_ul {/*margin:20px 0 28px 0;*/ margin:10px 0 28px 0;} /* ul형 게시판 */ #board_ul > ul {border-top:1px solid #555; border-bottom:1px solid #555;} #board_ul ul li .board_num {width:8%; min-width:37px; color:#000; font-size:18px; text-indent:19px; line-height:normal;} #board_ul ul li .board_content {width:92%;} #board_ul ul li .board_num, #board_ul ul li .board_content {float:left;} #contents #board_ul ul li .board_content .board_tit {margin-bottom:5px;} #contents #board_ul ul li .board_content .board_tit span {color:#000; font-size:18px; font-weight:600; line-height:normal;} #contents #board_ul ul li .board_content .board_tit a {color:#000; font-size:18px; font-weight:600;} #board_ul ul li .board_content ul {margin-bottom:20px;} #board_ul ul li .board_content ul li {float:left; margin-left:10px; padding-left:10px; background:url('../images/board/board_bu.gif') no-repeat left center; color:#5d5d5d; font-size:15px;} #board_ul ul li .board_content ul li:first-child {margin-left:0 !important; padding-left:0 !important; background:none !important;} #board_ul ul li .board_content p {color:#666; font-size:13px;} /* 일반게시판 목록 */ #board.normal_list table {width:100%; border-bottom:1px solid #555;} #board.normal_list table thead th {padding:15px 5px; border-top:1px solid #555; border-bottom:1px solid #555; background:url('../images/board/thead_bu.gif') no-repeat left center; color:#555; font-size:13px; font-weight:600;} #board.normal_list table thead th:first-child {background:none;} #board.normal_list table tbody tr.notice td {background-color:#f8fafd; color:#256ebc; font-size:13px; font-weight:600;} #board.normal_list table tbody tr.notice td a {color:#256ebc; font-size:13px; font-weight:600;} #board.normal_list table tbody tr.notice td img {margin-right:3px;} #board.normal_list table tbody tr.notice td:first-child {} #board.normal_list table tbody td {padding:15px 5px; border-top:1px solid #e6e6e6; color:#656565; text-align:center;} #board.normal_list table tbody td.subject {padding-left:37px; color:#303030; font-size:13px; text-align:left;} #board.normal_list table tbody td.subject a {color:#303030; font-size:13px;} #board.normal_list table tbody td.subject img {margin-right:7px;} #board.normal_list table tbody td img {vertical-align:middle;} #board.normal_list table tbody td .new {margin-left:5px; vertical-align:-2px;} #board.normal_list table tbody tr:first-child td {border-top:0 none;} /* 일반게시판 보기 */ #board.normal_view {border-top:1px solid #555; border-bottom:1px solid #555;} #board.normal_view .board_tit {margin:0 0 23px 0; padding-top:33px; padding-left:29px;} #contents #board.normal_view .board_tit h2 {color:#212121; font-size:18px; font-weight:600;} #board.normal_view .board_created {margin:0 0 15px 0; padding-left:29px;} #board.normal_view .board_created ul li {margin-right:10px; padding-left:6px; background:url('../images/board/normal_view_bu.gif') no-repeat left 8px; color:#666; font-size:13px;} #board.normal_view .board_file {margin-bottom:25px; padding-left:29px;} #board.normal_view .board_file ul li {float:left; margin-right:10px; margin-bottom:5px;} #board.normal_view .board_file img {width:20px; height:20px; margin-right:8px; vertical-align:middle;} #board.normal_view .board_file a, #board.normal_view .board_file span {color:#434343; font-size:13px;} #board.normal_view .board_content {padding:40px 30px; border-top:1px solid #e6e6e6; /*border-bottom:1px solid #e6e6e6;*/} #board.normal_view .board_content p {color:#767676; font-size:13px;} #contents #board.normal_view .board_content h3 {margin-bottom:15px; color:#303030; font-size:18px; font-weight:600;} #contents #board.normal_view .board_content .toc {margin-bottom:40px;} #contents #board.normal_view .board_content .toc li {margin-top:5px;} #contents #board.normal_view .board_content .toc li:first-child {margin-top:0;} #contents #board.normal_view .board_content .sum li {margin-top:30px; padding-left:10px; background:url('../images/board/sum_bu.gif') no-repeat left 6px; color:#767676; font-size:13px;} #contents #board.normal_view .board_content .sum li:first-child {margin-top:0;} #board.normal_view .board_sns {padding:9px 0 9px 20px; border-top:1px solid #e6e6e6;} #board.normal_view .board_sns a:first-child {margin-left:0;} #board.normal_view .board_sns a {float:left; display:inline-block; margin-left:2px;} #board.normal_view .board_sns p {float:left; margin:5px 0 0 20px; color:#353535; font-size:14px;} #board.normal_view .page_move {border-top:1px solid #e6e6e6;} #board.normal_view .page_move table {width:100%;} #board.normal_view .page_move table tbody tr:first-child th, #board.normal_view .page_move tbody tr:first-child td {border-bottom:1px solid #e6e6e6;} #board.normal_view .page_move table tbody tr th {padding:17px 5px; color:#555; font-size:14px; font-weight:normal;} #board.normal_view .page_move table tbody tr.prev_page th span {display:inline-block; padding-right:26px; background:url('../images/board/prev_bu.gif') no-repeat right center;} #board.normal_view .page_move table tbody tr.next_page th span {display:inline-block; padding-right:26px; background:url('../images/board/next_bu.gif') no-repeat right center;} #board.normal_view .page_move table tbody tr td {padding:17px 5px; color:#353535; font-size:14px;} #board.normal_view .page_move table tbody tr td a {font-size:14px; color:#000;} #board.normal_view .board_img {float:left; padding-top:20px; margin-bottom:20px; margin-left:2%;} #board.normal_view .board_img img {max-height:163px; border:1px solid #e0e0e0;} #board.normal_view .board_btn {padding-left:29px; margin-bottom:30px;} #board.normal_view .board_info {float:left; width:79%;} /* 일반게시판 쓰기 */ #board.normal_write {color:#4e4e4e;} #board.normal_write form td .input_block {display:block;} #board.normal_write form td input[type=password], #board.normal_write form td input[type=file], #board.normal_write form td input[type=text], #board.normal_write form td textarea, #board.normal_write form td select {border:1px solid #afafaf;} #board.normal_write form td input[type=password], #board.normal_write form td input[type=file], #board.normal_write form td input[type=text], #board.normal_write form td label, #board.normal_write form td select, #board.normal_write form td input[type=checkbox] {vertical-align:middle;} #board.normal_write form td input[type=radio] {vertical-align:middle;} #board.normal_write form td select {display:inline-block; min-width:65px; height:28px; color:#4e4e4e; font-size:13px; vertical-align:middle;} #board.normal_write form td #dc_year {width:90px;} #board.normal_write form td label {display:inline-block; margin:0 5px;} #board.normal_write form td input[type=text], #board.normal_write form td input[type=password] {display:inline-block; height:26px;} #board.normal_write form td #tit, #board.normal_write form td #created {width:100%;} #board.normal_write form td label[for=menu_name], #board.normal_write form td label[for=menu_url] {display:block; margin-bottom:15px;} #board.normal_write form td label[for=menu_name] span, #board.normal_write form td label[for=menu_url] span {display:inline-block; width:75px; vertical-align:middle;} #board.normal_write form td label[for=menu_name] input[type=text], #board.normal_write form td label[for=menu_url] input[type=text] {width:80%;} #board.normal_write form td label[for=opinionMenuNm], #board.normal_write form td label[for=opinionMenuUrl] {display:block; margin-bottom:15px;} #board.normal_write form td label[for=opinionMenuNm] span, #board.normal_write form td label[for=opinionMenuUrl] span {display:inline-block; width:75px; vertical-align:middle;} #board.normal_write form td label[for=opinionMenuNm] input[type=text], #board.normal_write form td label[for=opinionMenuUrl] input[type=text] {width:80%;} #board.normal_write form td input[type=file] {display:inline-block; width:50%; height:26px;} #board.normal_write form td textarea {resize:none; width:100%; height:210px; font-size:13px;} #board.normal_write form td input[id^=alt_text], #board.normal_write form td input[id^=replcText] {width:50%; margin:10px 0;} #board.normal_write form td input[id^=bdtInsrtAt] {margin-left:10px;} /* 답변 */ .answer {margin-top:50px; border-top:1px solid #555;} #contents .answer h3 {margin-left:10px; padding:18px 0; color:#0c0c0c; font-size:15px;} .answer form fieldset {position:relative;} .answer textarea {display:block; width:87.6%; height:62px; margin:0; padding:14px 1% 5px 2%; border-top:1px solid #b3b3b3; border-right:none; border-bottom:1px solid #b3b3b3; border-left:1px solid #b3b3b3; resize:none; vertical-align:middle; color:#000; font-size:13px;} .answer input[type=submit] {position:absolute; top:0; right:0; width:9.7%; height:83px;} /* 답변내용 */ .answer_list {border-top:1px solid #555; border-bottom:1px solid #555; margin-top:40px;} #contents .answer_list h3 {margin-left:10px; padding:18px 0; color:#0c0c0c; font-size:15px;} .answer_list ul li {padding:25px 0 25px 10px; border-top:1px solid #e6e6e6;} .answer_list ul li p {float:left; width:60%;} .answer_list ul li .answer_btn {float:left; width:40%; text-align:right;} .answer_list ul li .answer_btn a:first-child {margin-right:4px;} /* 기사링크형 게시판 목록 */ #board_ul.news_list > ul > li{padding:25px 0; border-top:1px solid #e6e6e6;} #board_ul.news_list > ul > li:first-child {border-top:0 none;} #board_ul.news_list ul li .board_content {width:74%;} #board_ul.news_list ul li .news_enter {display:block; float:left; width:18%; min-width:88px; height:68px; margin-top:20px; padding-top:20px; background:url('../images/board/news_enter.gif') no-repeat center center; text-align:center;} /* 이미지형 게시판 목록 */ #board_ul.photo_list > ul > li {padding:25px 0; border-top:1px solid #e6e6e6;} #board_ul.photo_list > ul > li:first-child {border-top:0 none;} #board_ul.photo_list ul li .board_content {width:53.31%;} #board_ul.photo_list ul li .photo_img {float:right; width:28.69%; margin-left:10%;} #board_ul.photo_list ul li .photo_img img {display:inline-block; width:100%; height:100%; max-width:261px; max-height:150px; border:1px solid #e6e6e6;} /* 포토갤러리 목록 */ #board_ul.photo_gallery ul {padding:25px 0;} #board_ul.photo_gallery ul li {float:left; width:25%; /*margin-bottom:30px;*/ margin-bottom:15px;} #board_ul.photo_gallery ul li > * {margin:0 5%;} #board_ul.photo_gallery ul li .photo_img {height:150px; border:1px solid #e6e6e6;} #board_ul.photo_gallery ul li .photo_img img {width:100%; height:100%;} #board_ul.photo_gallery ul li > a {display:block; height:60px; margin-top:10px; text-align:center; /*white-space:nowrap;*/ overflow:hidden; /*text-overflow:ellipsis;*/} /* 재미있는교통통계 게시판 목록 */ #board_ul.photo_list.fun_list ul li .board_content ul li {margin-left:3px; padding-left:3px; background:url('../images/board/fun_bu.gif') no-repeat left center;} /* 해외국가교통DB 게시판 목록 */ #board_ul.photo_list.global_list ul li .board_content ul {padding-top:7px;} #board_ul.photo_list.global_list ul li .board_content ul li {float:none; margin:0; padding:10px 0; background:none;} #board_ul.photo_list.global_list ul li .board_content ul li a {padding:8px 45px 8px 0; background:url('../images/board/global_url.gif') no-repeat right center;} #board_ul.photo_list.global_list ul li .photo_img {text-align:right;} #board_ul.photo_list.global_list ul li .photo_img img {max-width:151px; max-height:100px;} /* 자주하는질문 목록 */ #board_ul.qna_list > ul > li {padding:10px 0;} #board_ul.qna_list ul li .qna_text {display:none; min-height:100px; margin-top:10px; padding:24px 0 0 53px; border-top:1px solid #e6e6e6; background:url('../images/board/qna_bu.gif') no-repeat 21px 16px #fcfcfc; color:#666; font-size:13px;} #board_ul.qna_list ul li .text_right {display:none;} #board_ul.qna_list ul li button {position:relative; display:block; overflow:hidden; width:95%; min-height:43px; /*padding-left:60px; background:url('../images/board/qna_mark.gif') no-repeat left top;*/ color:#000; font-size:18px; font-weight:600; line-height:1.8em; text-align:left; text-overflow:ellipsis;} #board_ul.qna_list ul li button span {display:inline-block; width:43px; height:38px; margin-right:9px; padding-top:5px; padding-right:8px; background:url('../images/board/qna_right.gif') no-repeat right top #1c59a5; text-align:center; color:#fff; font-size:18px; font-weight:600; vertical-align:middle;} #board_ul.qna_list ul li button:hover span {text-decoration:none;} /* boardNavigation */ .boardNavigation .pagination {clear:both; margin-bottom:10px; text-align:center;} .boardNavigation .pagination a {display:inline-block; height:26px; margin-left:10px; margin-bottom:5px; padding:8px 12px 0 12px; border:1px solid #e2e2e2; vertical-align:middle;} .boardNavigation .pagination a:first-child {margin-left:0;} .boardNavigation .pagination a.prevEnd, .boardNavigation .pagination a.nextEnd, .boardNavigation .pagination a.first, .boardNavigation .pagination a.prev, .boardNavigation .pagination a.next, .boardNavigation .pagination a.last {height:29px; padding:0;} .boardNavigation .pagination a.prevEnd:hover, .boardNavigation .pagination a.nextEnd:hover, .boardNavigation .pagination a.first:hover, .boardNavigation .pagination a.prev:hover, .boardNavigation .pagination a.next:hover, .boardNavigation .pagination a.last:hover {/*border-color:#e2e2e2;*/ border-color:#2761ae; background-color:#fff;} .boardNavigation .pagination a:hover {border-color:#2761ae; background-color:#2761ae; color:#fff; transition:all 0.3s ease 0s;} .boardNavigation .pagination span, .boardNavigation .pagination strong {display:inline-block; height:28px; margin-left:10px; margin-bottom:5px; padding:8px 13px 0 13px; background-color:#2761ae; color:#fff; font-weight:normal; vertical-align:middle;} .boardNavigation .left_btn {float:left;} .boardNavigation .right_btn {float:right;} /* 엑셀 다운로드 */ .excel {margin-top:20px;} .excel form fieldset {position:relative;} .excel form #before_year, .excel form #after_year {width:90px;} .excel form .year span {width:62px;} .excel form select {display:inline-block; width:65px; height:26px; border:1px solid #afafaf; color:#4e4e4e; font-size:13px; vertical-align:middle;} .excel form label {display:inline-block; margin:0 5px 5px 5px;} .excel .wave {display:inline-block; margin-right:10px;} .excel .excel_btn {float:right;} .excel .first_date, .excel .second_date, .excel .wave {float:left;} /* 최신발간물 리스트 */ .public_top {margin-bottom:30px; padding:20px; border:1px solid #e0e0e0;} .public_top ul li {float:left; width:50%;} .public_top ul li .public_img img {max-width:168px; max-height:239px; border:1px solid #e0e0e0;} .public_top ul li .public_content {float:left; width:60%;} .public_top ul li .public_img {float:left; width:40%;} .public_top ul li .public_content .public_tit {display:block; margin-bottom:15px; padding:0 30px; color:#2d508a; font-size:20px;} .public_top ul li .public_content .public_info {padding:0 30px;} .public_top ul li .public_content .public_btn {text-align:center;} .public_top ul li .public_content .public_date, .public_top ul li .public_content .public_creator {display:inline-block; color:#1f1d1d; font-size:15px; vertical-align:middle;} .public_top ul li .public_content p {margin-top:10px; margin-bottom:20px; padding:0 30px; color:#767676; font-size:13px;} /* 게시물 이동 */ .move_post {margin-top:30px; text-align:center;} .move_post select {display:inline-block; height:30px; vertical-align:middle;} .move_post label {display:inline-block; margin-right:5px; vertical-align:middle;} /* 교통통계용어 목록 */ #board_ul.words_list > ul > li {padding:20px 0;} @media screen and (max-width:1200px) { .excel .excel_btn {clear:both; float:none; text-align:center; padding-top:10px;} .excel {padding-left:0; padding-right:0;} .excel .first_date, .excel .second_date, .excel .wave {float:none;} .excel {text-align:center; padding-left:0; padding-right:0;} .excel form label {margin-right:0; text-align:left;} #board.normal_write form td input[id^=alt_text] {width:100%; margin:0;} #board.normal_write form td input[type=file] {margin:5px 0;} #board.normal_write form td label {margin:10px 0;} .public_top ul li .public_content .public_btn a:first-child {margin-bottom:5px;} } @media screen and (max-width:1000px) { .public_top ul li .public_content .public_btn a:first-child {margin-bottom:0;} #board_ul.photo_gallery ul li {width:50%;} #board_ul.photo_gallery ul li > a {margin-top:10px; padding:0;} } @media screen and (max-width:800px) { .board_t1 .tt_none, .board_t2 .tt_none {display:none;} #board, #board_ul {margin-top:10px;} #board_ul ul li .board_content ul li {float:none; margin-left:0; padding-left:0; background:none;} #board_ul ul li .board_num {text-indent:0; word-break:break-all;} #board_ul.photo_list ul li .board_content {width:92%;} #board_ul.photo_list ul li .photo_img {float:none; clear:both; width:100%; padding-top:20px; margin-left:0; text-align:center !important;} #board_ul.photo_list ul li .photo_img img {display:inline-block; width:auto; height:auto; max-width:261px; max-height:150px; border:1px solid #e6e6e6;} .board_top {height:auto;} .boardSearch {height:auto; margin-bottom:10px;} .boardSearch form fieldset {text-align:center;} /*.boardSearch form {position:static; top:auto; right:auto;}*/ .boardSearch form {width:100%;} .boardSearch form select {width:100%; margin-top:5px; text-align:left;} .boardSearch form input[type=text] {display:block; width:100%; height:28px; margin-top:5px; margin-right:0; margin-bottom:10px; padding:0 5px; box-sizing:border-box; text-align:left;} .total {text-align:right; margin-top:20px;} .boardNavigation .pagination a {margin-left:3px;} .boardNavigation .pagination span, .boardNavigation .pagination strong {margin-left:3px;} .category .category_navi form label {letter-spacing:-1px;} .category .category_navi form fieldset {text-align:center;} .category .category_navi form input[type=submit] {display:block; margin:10px auto 0 auto;} .answer textarea {width:100%; box-sizing:border-box; height:83px; border-right:1px solid #b3b3b3;} .answer input[type=submit] {position:static; top:auto; right:auto; width:100%; height:30px; margin-top:10px;} #board_ul.qna_list ul li button {/*padding-left:30px;*/ font-size:15px; /*background-size:25px 25px; background-position:left 10px;*/} .public_top ul li .public_content .public_btn a:first-child {margin-bottom:5px;} #contents #board.normal_view .board_content .toc li {word-break:break-all;} #board_ul.photo_list.fun_list ul li .board_content ul li {margin:0; padding:0; background:none;} } @media screen and (max-width:640px) { .board_t1 .mt_none, .board_t2 .mt_none {display:none;} .board_t1 {border-top:1px solid #555; border-bottom:1px solid #555;} .board_t1 thead {display:none;} .board_t1 tbody tr:nth-child(even) {background-color:#e8edf6;} .board_t1 [data-cell-header]:before {content:attr(data-cell-header); font-weight:600;} .board_t1 tbody td {display:block; padding:3px 0 3px 5px; border:0 none; text-align:left;} .board_t1 tbody td.content {padding-left:5px;} .board_t1 tbody td:first-child {padding-top:15px;} .board_t1 tbody td:last-child {padding-bottom:15px;} .board_t1 colgroup {display:none;} a.btn {padding-left:15px; padding-right:15px;} #board.normal_view .board_sns {padding-left:0; text-align:center;} #board.normal_view .board_sns a {float:none;} #board.normal_view .board_sns p {float:none;} #board.normal_view .board_content {padding-left:10px; padding-right:10px;} #board.normal_view .board_file {padding-left:10px;} #board.normal_view .board_file ul li {position:relative; overflow:hidden; width:50%; margin-right:0; white-space:nowrap; text-overflow:ellipsis;} #board.normal_view .board_tit {padding-left:10px;} #board.normal_view .board_created {padding-left:10px;} #board.normal_list thead {display:none;} #board.normal_list [data-cell-header]:before {content:attr(data-cell-header); font-weight:600;} #board.normal_list table tbody tr:first-child td:first-child {border-top:1px solid #555;} #board.normal_list table tbody td {display:block; padding:3px 0 3px 10px; border-top:0 none; text-align:left;} #board.normal_list table tbody td.subject {padding-left:10px; color:#656565;} #board.normal_list table tbody td.subject a {color:#656565;} #board.normal_list table tbody tr.notice td a {font-weight:normal;} #board.normal_list table tbody tr.notice td {font-weight:normal;} #board.normal_list table tbody td:first-child {padding-top:15px;} #board.normal_list table tbody td:last-child {border-bottom:1px solid #e6e6e6; padding-bottom:15px;} #board.normal_list table tbody td img {display:inline-block; width:20px; height:20px; vertical-align:-6px;} #board.normal_list table tbody td .new {width:36px; height:14px;} #board.normal_list table colgroup {display:none;} .category .category_list ul {text-align:center;} .category .category_list ul li {display:inline-block; margin-right:10px; float:none;} .excel .first_date {margin-bottom:5px;} .excel .first_date, .excel .second_date {display:block;} .excel .wave {display:none;} .public_top ul li .public_content {float:none;} .public_top ul li {float:none; width:100%; margin-top:20px; padding-top:20px; border-top:1px solid #e0e0e0;} .public_top ul li:first-child {margin-top:0; padding-top:0; border-top:0 none;} .public_top ul li .public_content {width:100%; margin-top:10px;} .public_top ul li .public_img {width:100%; float:none; text-align:center;} .public_top ul li .public_content .public_btn a:first-child {margin-bottom:0;} #board.normal_view .board_img {float:none; margin-bottom:0; text-align:center;} #board.normal_view .board_info {float:none;} .move_post input[type=submit] {display:block; width:100%; margin-top:10px;} #board_ul.photo_gallery ul li {float:none; width:100%;} } @media screen and (max-width:531px) { .boardNavigation .pagination a {padding-left:4px; padding-right:4px;} .boardNavigation .pagination span, .boardNavigation .pagination strong {padding-left:4px; padding-right:4px;} .boardNavigation .pagination a.prevEnd img, .boardNavigation .pagination a.nextEnd img, .boardNavigation .pagination a.first img, .boardNavigation .pagination a.prev img, .boardNavigation .pagination a.next img, .boardNavigation .pagination a.last img {width:18px; height:29px;} } @media screen and (max-width:509px) { #board_ul ul li .board_content {width:87% !important;} #board_ul.news_list ul li .board_content {margin-bottom:20px;} #board_ul.news_list ul li .news_enter {float:none; clear:both; width:auto; margin:0 auto;} } @media screen and (max-width:444px) { #board.normal_write form td label[for^=dc] {width:6%; margin:0;} #board.normal_write form td select {width:92%; margin-bottom:5px;} #board.normal_write form td #dc_year {width:92%;} }