276 lines
14 KiB
CSS
276 lines
14 KiB
CSS
/* 수정사항 */
|
|
/*갤러리 게시판 190111 제목 ellipsis 처리. img_open 정렬 여현준*/
|
|
/*검색 서치 190111 bo_list_search float:right 수정. 여현준*/
|
|
/*검색 서치 190220 글자 크기 변경*/
|
|
/*버튼*/
|
|
.btn_bo_user {position:absolute; top:50px; right:10px;}
|
|
.btn_bo_user li {display:inline-block; }
|
|
.btn {padding:8px 20px; border:0; border-radius:4px; background:#0fcffd; color:#fff; cursor:pointer; font-weight:bold; font-size:15px}
|
|
.btn:hover {background:#dd1515; color:#fff}
|
|
|
|
.btn_more {padding:10px 20px; border:0; border-radius:0px; background:#717171; color:#fff; cursor:pointer; font-weight:bold}
|
|
.btn_more:hover {background:#545454; color:#fff}
|
|
.btn_bo_user li a {color:#fff;}
|
|
.btn_b02 {background:#005aab;}
|
|
.btn_b02:hover {background:#004584; color:#fff}
|
|
.btn_cancel {background:#717171; color:#fff}
|
|
.btn_cancel:hover {background:#545454;}
|
|
.btn_blue {background:#005aab;}
|
|
.btn_blue:hover {background:#004584; color:#fff}
|
|
.btn_blue2 {background:#638cb9;}
|
|
.btn_blue2:hover {background:#406ea1; color:#fff}
|
|
|
|
.btn2 {padding:5px 10px; border:0; background:#545454; color:#fff; cursor:pointer; border-radius:3px; font-size:12px !important}
|
|
.btn2:hover {background:#222; color:#fff}
|
|
.btn3 {padding:5px 10px; border:0; background:#0fcffd; color:#fff; cursor:pointer; border-radius:3px; font-size:12px !important}
|
|
.btn3:hover {background:#dd1515; color:#fff}
|
|
.btn_cancel2 {background:#717171; color:#fff}
|
|
.btn_cancel2:hover {background:#545454;}
|
|
|
|
.btn3a {padding:5px; border:0; background:#686868; color:#fff; cursor:pointer; border-radius:3px; font-size:13px}
|
|
.btn3a:hover {background:#333; color:#fff}
|
|
.btn3b {padding:5px; border:0; background:#545454; color:#fff; cursor:pointer; border-radius:3px; font-size:13px}
|
|
.btn3b:hover {background:#222; color:#fff}
|
|
|
|
.btn_bo_write {clear:both; overflow:hidden; text-align:center; margin:30px 0}
|
|
.btn_bo_write ul li {display:inline-block; }
|
|
.btn_bo_write_left {float:left}
|
|
.btn_bo_write_right {float:right}
|
|
|
|
@media screen and (max-width:600px) {
|
|
.btn_bo_user {position:absolute; top:0px; right:10px;}
|
|
}
|
|
@media screen and (max-width:380px) {
|
|
.btn_bo_write_right {float:left; margin-top:10px;
|
|
transition:margin 200ms ease-out 0s;
|
|
-webkit-transition: margin 200ms ease-out 0s;
|
|
-o-transition: margin 200ms ease-out 0s;
|
|
}
|
|
}
|
|
|
|
|
|
/*검색 서치 190111*/
|
|
.board_search {width:100%; margin-bottom:15px; overflow:hidden;}
|
|
|
|
#bo_list_total {float:left; font-size:17px; color:#666; height: 38px; line-height: 38px; }
|
|
#bo_list_total span {font-weight:bold; color:#99a610}
|
|
|
|
.bo_list_search {float:right; }
|
|
.bo_list_search select, .bo_list_search input {vertical-align:middle; height: 38px; border:0}
|
|
.bo_list_search select { min-width:70px; padding:7px 0; border-bottom:1px solid #98a70c; color:#98a70c;
|
|
font-size:17px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/img/board/select-board-arrow.png') no-repeat 95% 50%; /* 화살표 아이콘 추가 */
|
|
}
|
|
.bo_list_search select::-ms-expand {display: none;}
|
|
.bo_list_search input {width:220px; padding:7px; border-bottom:1px solid #525252; font-size: 17px}
|
|
.sch_btn {vertical-align:middle; width:40px; line-height: 10px; height: 38px; background: #fff; color:#525252; border: 0; font-size:18px; cursor:pointer; }
|
|
|
|
.bo_list_num {float:right; }
|
|
.bo_list_num select {border:1px solid #ddd; padding:8px 25px 8px 10px ; margin-left:10px;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: url('/img/board/select-board-arrow.png') no-repeat 90% 50%; /* 화살표 아이콘 추가 */
|
|
}
|
|
.bo_list_num select::-ms-expand {display: none;}
|
|
.bo_list_num input {width:160px; padding:7px; border-bottom:1px solid #525252; }
|
|
|
|
.bo_list_check {overflow:hidden; padding:10px 20px; margin-bottom:10px; border:1px solid #dbdcdc; box-shadow:0px 3px 0px rgba(0,0,0,0.05)}
|
|
.bo_list_check ul li {float:left;margin-right:20px;}
|
|
.bo_list_check input[type='checkbox'] {border:1px solid #e2e2e2;}
|
|
|
|
|
|
/*갤러리 게시판 190111*/
|
|
.gallery_board_wr {position:relative; width:100%; overflow:hidden}
|
|
.gallery_board_wr > ul > li {position:relative; float:left; width:31%; margin:1%; border:1px solid #d7d7d7; }
|
|
.gallery_board_wr .img {width:100%; height:0; padding-bottom:60% }
|
|
.gal_thum_text_wr {padding:10px 20px; overflow:hidden;}
|
|
.gal_thum_text_wr .subject {
|
|
font-size:17px; color:#000; font-weight:700; margin-bottom:7px; border-bottom:1px solid #ddd; width:100%; padding-bottom:7px;
|
|
text-overflow:ellipsis;overflow: hidden;white-space: nowrap;
|
|
}
|
|
.gal_thum_text_wr .text_list {font-size:14px; color:#000; font-weight:400; line-height:20px;}
|
|
.gal_thum_text_wr .text_list span {font-size:14px; color:#000; font-weight:700; margin-right:5px;}
|
|
.gal_thum_text_wr .date_list {float:left; font-size:12px; color:#838383; font-weight:300; padding-top:7px;}
|
|
.gal_thum_text_wr .date_list li {float:left; margin-right:10px;}
|
|
.gal_thum_text_wr .date_list span {font-size:12px; color:#000; font-weight:300; margin-right:5px;}
|
|
.gallery_board_wr .img, .gal_thum_text_wr {cursor:pointer; }
|
|
|
|
.gal_thum_text_wr .more_list {float:right; margin-top:5px; }
|
|
.gal_thum_text_wr .more_list li {float:left; margin-left:5px;}
|
|
.gallery_board_wr ul li .img_open {position:absolute; width:40%; top:5px; right:5px; text-align: right;}
|
|
.gallery_board_wr ul li .img_open img {width:100%; background: white;}
|
|
|
|
@media screen and (max-width:800px) {
|
|
.gallery_board_wr > ul > li {width:48%; margin:1%;}
|
|
}
|
|
@media screen and (max-width:500px) {
|
|
.gallery_board_wr > ul > li {float:none; width:99%; margin-bottom:10px;}
|
|
.gallery_board_wr .img {width:100%; height:0; padding-bottom:40% }
|
|
}
|
|
|
|
.layer_private {overflow-y:auto; border: 1px solid #ccc; background: #fff; color: #444; vertical-align: middle; border-radius: 3px;
|
|
padding:10px; width:100%; height:150px; font-size:15px;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
/*리스트 탭*/
|
|
.board_tab {display:block; margin-bottom:30px; text-align:center}
|
|
.board_tab li {display:inline-block; width:250px; text-align:center;}
|
|
.board_tab li:first-child {border-right:1px solid #ddd; padding-right:20px; margin-right:20px;}
|
|
.board_tab li a {display:block; color:#97a80a; padding:9px 0; border-radius:100px; border:3px solid #97a80a; font-size:19px; font-weight:700;}
|
|
.board_tab li a:hover, .board_tab li.current a {display: block; padding:12px 0; color:#fff; border-radius:100px; border:0;
|
|
background: url('/img/board/board_tab_ov.png') no-repeat center; background-size:cover;}
|
|
|
|
@media screen and (max-width:600px) {
|
|
.board_tab li {display:inline-block; width:45%;}
|
|
.board_tab li:first-child {border-right:1px solid #ddd; padding-right:10px; margin-right:10px;}
|
|
.board_tab li a {padding:5px 0; font-size:15px;}
|
|
.board_tab li a:hover, .board_tab li.current a {padding:8px 0; color:#fff; border-radius:100px; border:0;
|
|
background: #bfc01d; /* Old browsers */
|
|
background: -moz-linear-gradient(-45deg, #bfc01d 0%, #93a722 100%); /* FF3.6-15 */
|
|
background: -webkit-linear-gradient(-45deg, #bfc01d 0%,#93a722 100%); /* Chrome10-25,Safari5.1-6 */
|
|
background: linear-gradient(135deg, #bfc01d 0%,#93a722 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfc01d', endColorstr='#93a722',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
|
}
|
|
}
|
|
|
|
/*리스트*/
|
|
.bo_basic_list {width:100%; border-top:2px solid #eeeeee; font-size:15px}
|
|
.bo_basic_list td {height:130px; padding:20px 20px 16px 0; border-bottom:2px solid #eeeeee; vertical-align:middle}
|
|
.bo_basic_list tr:hover {background:#fbfbfb; border-left:2px solid #9aa70f}
|
|
|
|
.td_datetime {text-align:center; width:100px; color:#222; line-height:22px;}
|
|
.td_datetime .month {font-size:23px; font-weight:900}
|
|
.td_datetime .year_day {font-size:15px;}
|
|
|
|
.td_list { position:relative; overflow:hidden; }
|
|
.td_list .img {float:left; margin-right:20px; }
|
|
.td_list .img img {width:140px; height:100px;}
|
|
.td_list .td_list_wr {display:table; cursor:pointer}
|
|
.td_list .td_list_wr_notice {display:table; width:70%; cursor:pointer}
|
|
.td_list .text {display:table-cell; vertical-align:middle }
|
|
.td_list .text ul {overflow:hidden; margin-bottom:5px}
|
|
.td_list .text ul li.number {color:#94a910; border-right:1px solid #ddd; padding-left:0}
|
|
.td_list .text ul li {float:left; line-height:1em; font-size:13px; color:#8b8b8b; padding:0 10px;}
|
|
.td_list .text .subject {color:#000; font-size:18px; font-weight:500;}
|
|
.td_list .text .con_text {color:#888; font-size:14px; font-weight:400; margin-top:5px;line-height:16px}
|
|
.td_list .text .open_img {position:absolute; right:10px; top:45px;}
|
|
.td_list .text .open_img img {width:130px}
|
|
|
|
.td_date {position:absolute; top:40px; right:20px; text-align:center; }
|
|
.td_date .td_date_day {line-height:13px;font-weight:900; font-size:13px}
|
|
.td_date .step01 {background:#94a910; margin-top:10px; border-radius:100px; color:#fff; font-weight:600; padding:5px 10px;font-size:15px; }
|
|
.td_date .step02 {background:#ff3535; margin-top:10px; border-radius:100px; color:#fff; font-weight:600; padding:5px 10px;font-size:15px; }
|
|
.td_date .step03 {background:#545454; margin-top:10px; border-radius:100px; color:#fff; font-weight:600; padding:5px 10px;font-size:15px; }
|
|
|
|
@media screen and (max-width:850px) {
|
|
.td_list .td_list_wr_notice {display:table; width:100%; cursor:pointer}
|
|
.bo_basic_list td {height:90px;}
|
|
.td_date {display:table-row; position:relative; bottom:0px; left:0px; text-align:center; height:40px; padding-bottom:45px;}
|
|
.td_date .td_date_day {position:absolute; bottom:15px; left:90px; line-height:13px;font-weight:900; color:#888; font-size:13px; padding-top:10px; margin:0 10px 10px 0;}
|
|
.td_date .step01 {position:absolute; bottom:15px; left:0px; background:#94a910; width:80px; margin-top:0px; border-radius:100px; color:#fff; font-weight:600; padding:5px 10px;font-size:14px; }
|
|
.td_date .step02 {position:absolute; bottom:15px; left:0px; background:#ff3535; width:80px; margin-top:0px; border-radius:100px; color:#fff; font-weight:600; padding:5px 10px;font-size:14px; }
|
|
.td_date .step03 {position:absolute; bottom:15px; left:0px; background:#545454; width:80px; margin-top:0px; border-radius:100px; color:#fff; font-weight:600; padding:5px 10px;font-size:14px; }
|
|
.td_list .text .con_text {color:#888; font-size:13px; font-weight:400; margin-top:5px;line-height:14px}
|
|
.td_list .text .open_img {position:relative; top:10px; right:0; margin-bottom:10px}
|
|
.td_list .text .open_img img {width:100px}
|
|
}
|
|
|
|
@media screen and (max-width:600px) {
|
|
.bo_basic_list td {height:90px;}
|
|
.td_list .img {display:none}
|
|
.td_list .text .subject {color:#000; font-size:15px; font-weight:500;}
|
|
}
|
|
|
|
@media screen and (max-width:350px) {
|
|
.td_date .td_date_day {bottom:0;}
|
|
.td_datetime {width:75px;}
|
|
}
|
|
|
|
/*190131 수정 s*/
|
|
/* 리스트 페이지수 */
|
|
.board_number {margin:50px 0}
|
|
.pg_wrap {clear:both; text-align:center; color:#666}
|
|
.pg_wrap span {display:inline-block; margin-bottom:5px; width:35px; height:35px; line-height:32px; vertical-align:middle; background:#fff; border:1px solid #bbbcc3; cursor:pointer; }
|
|
.pg_current {display:inline-block;width:35px; height:35px; line-height:32px; vertical-align:middle; background:#99a610 !important; color:#fff; border:0 !important}
|
|
.pg_wrap span:hover {display:inline-block;width:35px; height:35px; line-height:32px; vertical-align:middle; background:#99a610 !important; color:#fff; border:0 !important}
|
|
|
|
@media screen and (max-width:500px) {
|
|
.pg_wrap {width:230px; margin:0 auto}
|
|
.pg_wrap span {margin-bottom:4px; }
|
|
}
|
|
/*190131 수정 e*/
|
|
|
|
/* view 수정-190111 */
|
|
.view_wrap {position:relative;margin:20px 0; border-top:2px solid #7d7d7d; padding:20px 0}
|
|
.view_wrap i {color:#717171}
|
|
.view_subject {position:relative; width:100%; margin-bottom:5px;font-size:20px;font-weight:500; color:#000}
|
|
.view_wrap .meta {margin:0; padding-bottom:20px; border-bottom:1px solid #7d7d7d; color:#666;}
|
|
.view_wrap .meta span {margin-right:10px;}
|
|
.view_wrap .board_file {border-bottom:1px solid #e3e3e3; overflow:hidden}
|
|
.view_wrap .board_file .tt {padding:10px; float:left; width:130px; font-weight:600; color:#000}
|
|
.view_wrap .board_file .link_down {float:left; border-left:1px solid #e3e3e3; padding:10px; font-size:14px }
|
|
.view_wrap .board_file .link_down ul li {padding-bottom:3px;}
|
|
.view_wrap .board_file .link_down ul li a {color:#666}
|
|
.view_content {padding:30px 0}
|
|
.view_content p img {max-width: 100%;}
|
|
|
|
.open_04_view {border-radius:10px; padding:10px; text-align:center; background:#f7f7f7; color:#666; font-size:13px; border:1px solid #ddd}
|
|
.open_04_view img {width:180px; }
|
|
|
|
@media screen and (max-width: 700px) {
|
|
.view_content p img {width:100% !important;}
|
|
.view_content p img {height:100% !important;}
|
|
}
|
|
@media screen and (max-width: 600px) {
|
|
.view_wrap .board_file .tt {padding:10px 0 0 0;}
|
|
.view_wrap .board_file .link_down {border-left:0px solid #e3e3e3; padding:10px 0; font-size:13px }
|
|
.view_wrap .board_file .link_down ul li {padding-bottom:0px;}
|
|
.view_wrap .meta span {font-size:12px}
|
|
|
|
}
|
|
|
|
.receipt_wr {padding:15px 0; border-bottom:1px solid #e3e3e3; overflow:hidden; font-size:14px; color:#666}
|
|
.receipt_wr .date {float:left; margin:0 20px 0 10px;}
|
|
.receipt_wr .process {float:left;}
|
|
.receipt_wr span {color:#000; font-weight:600; font-size:15px;}
|
|
.process .step01 {background:#94a910; margin-top:10px; border-radius:100px; color:#fff; font-weight:600; padding:5px 25px;font-size:15px; }
|
|
.process .step02 {background:#ff3535; margin-top:10px; border-radius:100px; color:#fff; font-weight:600; padding:5px 25px;font-size:15px; }
|
|
.process .step03 {background:#545454; margin-top:10px; border-radius:100px; color:#fff; font-weight:600; padding:5px 25px;font-size:15px; }
|
|
@media screen and (max-width: 370px) {
|
|
.receipt_wr .date {display:none}
|
|
}
|
|
|
|
.bo_v_nb {margin:20px 0;position:relative;clear:both;text-align:left;border-bottom:1px solid #ddd}
|
|
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
|
|
.bo_v_nb li {border-top:1px solid #ddd;padding:13px;}
|
|
.bo_v_nb li:hover{background:#f6f6f6}
|
|
.bo_v_nb li i{font-size:13px}
|
|
.bo_v_nb li .nb_tit{display:inline-block;padding-right:20px;color:#4567b5}
|
|
.bo_v_nb li .nb_date{float:right;color:#888}
|
|
|
|
.board_con_img img {width:100%}
|
|
|
|
/*나라장터버튼 190225*/
|
|
.shop121_link {
|
|
background:#545454;
|
|
border-radius: 100px;
|
|
color: #fff;
|
|
font-weight: 600;
|
|
padding: 5px 25px;
|
|
font-size: 15px;
|
|
border:0;
|
|
float:right;
|
|
}
|
|
.shop121_link:hover {background:#777;}
|
|
.shop121_link i {color:#fff}
|
|
@media screen and (max-width: 520px) {
|
|
.shop121_link {display:block; float:none; margin-top:30px}
|
|
}
|