/* 수정사항 */ /*갤러리 게시판 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:1px solid #aaa; border-radius:4px; background:none; color:#aaa; 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:#006297;} .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 #006297; color:#006297; 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; } .plus_btn{vertical-align:middle;width:62px; border:1px solid #aaa;background-color:#fff;font-size:13px;padding:5px 0;color:#aaa;} .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%; background-size: auto !important; } } .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:16px 20px 16px 0; border-bottom:2px solid #eeeeee; vertical-align:middle} .bo_basic_list tr:hover {background:#fbfbfb; border-left:2px solid #006297} .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:#006297; 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;width:606px;text-overflow:ellipsis;overflow:hidden} .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; } .td_img_box{width:17%;text-align:right;} .td_img_box img{width:217%;height:auto;margin-left:-86%;} @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;width:98%;} } @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:#006297;font-size:17px} .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:#006297 !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} }