191 lines
7.0 KiB
CSS
191 lines
7.0 KiB
CSS
/* 리스트 */
|
|
@media screen and (max-width: 1150px) {
|
|
.board_wrap {position:relative; padding:0 10px}
|
|
}
|
|
|
|
.board_search {
|
|
width:100%;
|
|
margin:20px 0;
|
|
padding:20px 40px;
|
|
border:1px solid #d9d9d9;
|
|
box-shadow:0px 3px 0px rgba(241,241,241,1);
|
|
overflow:hidden;
|
|
}
|
|
|
|
.board_search form {float:right}
|
|
.board_search select, .board_search input {height: 38px; padding:7px; border:1px solid #d9d9d9}
|
|
.sch_btn {width: 50px; line-height: 10px; height: 38px; background: #005aab; color:#fff; border: 0; font-size: 17px; cursor:pointer; }
|
|
|
|
#bo_list_total {float:left; padding:10px 0 0 20px; background:url('../img/board_icon1.jpg') no-repeat 0 12px;}
|
|
#bo_list_total span {font-weight:bold}
|
|
|
|
/*버튼*/
|
|
.btn_bo_user {clear:both; float:right; margin:30px 0}
|
|
.btn_bo_user li {display:inline-block; }
|
|
.btn {padding:8px 20px; border:0; border-radius:4px; background:#686868; color:#fff; cursor:pointer; font-weight:bold}
|
|
.btn:hover {background:#333; color:#fff}
|
|
.btn_more {padding:10px 20px; border:0; border-radius:0px; background:#686868; color:#fff; cursor:pointer; font-weight:bold}
|
|
.btn_more:hover {background:#333; color:#fff}
|
|
.btn_bo_user li a {color:#fff;}
|
|
.btn_b02 {background:#005aab;}
|
|
.btn_b02:hover {background:#004584; color:#fff}
|
|
.btn_cancel {background:#686868; color:#fff}
|
|
.btn_cancel:hover {background:#333;}
|
|
|
|
.btn2 {padding:5px 10px; border:0; background:#333; color:#fff; cursor:pointer; border-radius:3px; font-size:12px !important}
|
|
.btn2:hover {background:#222; color:#fff}
|
|
|
|
.btn_cancel2 {background:#686868; color:#fff}
|
|
.btn_cancel2:hover {background:#555;}
|
|
|
|
.btn3a {padding:5px; border:0; background:#686868; color:#fff; cursor:pointer; border-radius:3px; font-size:11px}
|
|
.btn3a:hover {background:#555; color:#fff}
|
|
.btn3b {padding:5px; border:0; background:#333; color:#fff; cursor:pointer; border-radius:3px; font-size:11px}
|
|
.btn3b:hover {background:#222; color:#fff}
|
|
|
|
.btn_bo_write {clear:both; text-align:center; margin:30px 0}
|
|
.btn_bo_write ul li {display:inline-block; }
|
|
|
|
/*글쓰기*/
|
|
|
|
.write_wrap .bo_w_info {width:100%}
|
|
.write_wrap .bo_w_info li {float:left; width:24.5%; margin-right:0.5%}
|
|
.write_wrap .bo_w_info input {width:100%; height: 38px;}
|
|
.write_wrap input {
|
|
border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
-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);
|
|
|
|
}
|
|
input.wr_subject {width:99.5%; height: 38px; margin:10px 0}
|
|
.bo_w_download {margin-top:20px}
|
|
.bo_w_download input {width:100%; margin:5px 0 10px 0}
|
|
|
|
.write_wrap textarea {border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
width: 99.5%;
|
|
height: 300px;
|
|
-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);
|
|
}
|
|
|
|
|
|
/*view*/
|
|
.view_wrap{position:relative;margin:20px 0}
|
|
|
|
.view_subject {position:relative; width:100%; margin-bottom:10px;font-size:20px;font-weight:400;line-height:30px;color:#000}
|
|
.view_wrap .meta {margin:0;padding:8px 0 13px;border-bottom:1px solid #ddd; color:#666;}
|
|
.view_wrap .meta .author {margin-left:8px;}
|
|
.view_content {border-bottom:1px solid #ddd; padding:50px 0}
|
|
.view_content p img {max-width:100%}
|
|
@media screen and (max-width: 700px) {
|
|
.view_content p img {width:100%}
|
|
}
|
|
|
|
/*댓글*/
|
|
.comment_wrap {}
|
|
|
|
.comment_text_wrap {position:relative; }
|
|
.comment_text {color:#666; padding:15px 20px; border-bottom:1px solid #ddd}
|
|
.comment_text li {padding-bottom:5px; font-size:12px;}
|
|
.comment_text li:first-child {float:left; margin-right:30px}
|
|
.comment_text li span {margin-right:10px; padding-right:10px; border-right:1px solid #ddd;color:#333; font-weight:bold}
|
|
.comment_text li.con {word-break:break-all; border:0px solid red; width:100%; font-size:14px; margin-top:10px; margin-bottom:20px; }
|
|
.comment_text_btn {position:absolute; right:10px; bottom:10px; }
|
|
.comment_text_btn li {float:left; padding-right:7px}
|
|
.comment_no_text {color:#666; padding:20px; border-bottom:1px solid #ddd}
|
|
|
|
.comment_bo_write {padding:20px 0;padding-bottom: 0px;}
|
|
.comment_bo_write textarea {border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
width: 100%;
|
|
height: 50px;
|
|
-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);
|
|
margin:3px;
|
|
}
|
|
.comment_bo_write input {float:left; width:140px; height:38px; border: 1px solid #ccc;
|
|
background: #fff;
|
|
color: #000;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
-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);
|
|
margin:3px;}
|
|
|
|
.board_number {margin-bottom:50px}
|
|
.pg_wrap {clear:both; text-align:center; }
|
|
.pg_wrap span {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#fff; border:1px solid #bbbcc3; cursor:pointer; }
|
|
|
|
|
|
.sp_result_txt {display:none;}
|
|
|
|
/*600px*/
|
|
@media screen and (max-width: 600px) {
|
|
|
|
.board_search {
|
|
width:100%;
|
|
margin:20px 0;
|
|
padding:0 0 20px 10px;
|
|
border:1px solid #d9d9d9;
|
|
box-shadow:0px 3px 0px rgba(241,241,241,1);
|
|
overflow:hidden;
|
|
}
|
|
.board_search form {float:none; width:100%}
|
|
.board_search select, .board_search input {height: 38px; padding:7px; border:1px solid #d9d9d9}
|
|
.sch_btn {width: 50px; line-height: 10px; height: 38px; background: #005aab; color:#fff; border: 0; font-size: 17px; cursor:pointer; }
|
|
#bo_list_total {float:none; margin:10px; width:100%; padding:7px 0 0 20px; background:url('../img/board_icon1.jpg') no-repeat 0 12px;}
|
|
#bo_list_total span {font-weight:bold}
|
|
|
|
/*설문조사*/
|
|
.th_sttus, .th_result, .th_result_cnt, .td_result {display:none;}
|
|
.bo_basic_list td.td_sttus {padding:0px 10px; display:inline; text-align:center; width:65px; color:#999; }
|
|
.bo_basic_list td.td_result_cnt {display:inline; text-align:center; width:97px; color:#999}
|
|
/* .td_result_cnt:before { content:"참여수 : "; } */
|
|
.sp_result_txt { display: inline; }
|
|
|
|
|
|
/* 댓글 */
|
|
.comment_text {color:#666; padding:15px 0px; border-bottom:1px solid #ddd}
|
|
.comment_text li {padding-bottom:5px; font-size:12px;}
|
|
.comment_text li:first-child {float:none; margin-right:0px}
|
|
.comment_text li span {margin-right:10px; padding-right:10px; border-right:1px solid #ddd;color:#333; font-weight:bold}
|
|
.comment_text li.con {font-size:14px; margin-top:10px}
|
|
|
|
/* 글쓰기 */
|
|
.write_wrap .bo_w_info {width:100%}
|
|
.write_wrap .bo_w_info li {float:left; width:49%; margin-right:1%; margin-bottom:1%}
|
|
}
|
|
|
|
|
|
/* 480px */
|
|
@media screen and (max-width:480px) {
|
|
.board_search select {width:80px}
|
|
.sch_input {width:110px;}
|
|
}
|
|
|
|
|
|
/* 320px */
|
|
@media screen and (max-width:320px) {
|
|
|
|
/*.td_name {display:none;}*/
|
|
.view_wrap .meta .author{display:block; width:100%; margin-left:0px;}
|
|
} |