160 lines
7.0 KiB
CSS
160 lines
7.0 KiB
CSS
/* 템플릿1 */
|
|
|
|
/* 등록,상세 */
|
|
.btn_blue {background:#638cb9;}
|
|
.btn_blue:hover {background:#406ea1; color:#fff}
|
|
|
|
.btn3 {padding:5px 10px; border:0; background:#638cb9; color:#fff; cursor:pointer; border-radius:3px; font-size:12px !important}
|
|
.btn3:hover {background:#406ea1; color:#fff}
|
|
|
|
.write_wrap h2 {margin:20px 0; color:#638cb9}
|
|
.write_wrap i {color:#638cb9}
|
|
|
|
.view_wrap i {color:#638cb9}
|
|
.bo_w_download i {color:#638cb9}
|
|
|
|
.comment_tt {font-weight:bold; border-bottom:2px solid #638cb9;padding-bottom:10px; }
|
|
|
|
.pg_current {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#283e68 !important; color:#fff; border:0 !important}
|
|
.pg_wrap span:hover {display:inline-block;width:40px; height:40px; line-height:40px; vertical-align:middle; background:#283e68 !important; color:#fff; border:0 !important}
|
|
|
|
|
|
/* 리스트 */
|
|
.sch_btn_st2 {background:#283e68}
|
|
.btn_b03 {background:#638cb9}
|
|
.btn_b03:hover {background:#406ea1}
|
|
|
|
|
|
/*일반게시판 리스트*/
|
|
.bo_basic_list {width:100%; border-top:2px solid #638cb9; font-size:14px}
|
|
.bo_basic_list th, .bo_basic_list td {padding:13px 10px}
|
|
.bo_basic_list thead th {background:#f8f8f8; border-bottom:1px solid #cbcbcb}
|
|
.bo_basic_list tbody td {border-bottom:1px solid #e0e0e0}
|
|
.notice_list {background:#ecf1f6; font-weight:bold; color:#142547}
|
|
|
|
.td_chk {text-align:center; width:10px;}
|
|
.td_num2 {text-align:center;}
|
|
.td_subject {text-align:left;max-width: 0;cursor:pointer;}
|
|
.td_file {text-align:center;}
|
|
.td_answer {text-align:center;}
|
|
.td_name {text-align:center;}
|
|
.td_num {text-align:center;}
|
|
.td_datetime {text-align:center;}
|
|
.sp_subject {display: block;width:95%;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
|
|
|
|
.sch_input {width:250px;}
|
|
|
|
/*600px*/
|
|
@media screen and (max-width: 600px) {
|
|
/*일반게시판 리스트*/
|
|
.bo_basic_list tbody tr:first-child {border-top:2px solid #456c97}
|
|
.bo_basic_list tbody tr {position:relative; display:block; padding:10px 0; height:75px; border-bottom:1px solid #e0e0e0}
|
|
.bo_basic_list tbody td {border-bottom:0px solid #e0e0e0; }
|
|
.notice_list {background:#f0f1f8; font-weight:bold; color:##142547}
|
|
.bo_basic_list td.td_subject {padding:5px 10px 3px 10px; display:block; min-width:100%; width:100%; text-align:left; font-size:16px;}
|
|
.bo_basic_list td.td_name {padding:0px 10px; display:inline; text-align:center; color:#999; }
|
|
.bo_basic_list td.td_datetime {display:inline; text-align:center; color:#999}
|
|
.bo_basic_list td.td_file {display:block; position:absolute; right:10px; bottom:10px; width:20px; text-align:center; color:#999}
|
|
.bo_basic_list td.td_answer {
|
|
display: block;
|
|
position: absolute;
|
|
left: 165px;
|
|
bottom: 0px;
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
.td_chk {display:none;}
|
|
.td_num2 {display:none;}
|
|
.td_num {display:none;}
|
|
.th_chk, .th_num2, .th_num, .th_name, .th_datetime, .th_subject, .th_file {display:none;}
|
|
}
|
|
|
|
/* 갤러리 게시판 리스트 PC */
|
|
.gallery_wrap {position:relative; width:100%;}
|
|
.gallery_wrap li {float:left; width:31.5%; margin:0 2.6% 2.6% 0;
|
|
padding:1px;
|
|
border:1px solid #d9d9d9;
|
|
box-shadow:0px 3px 0px rgba(241,241,241,1);
|
|
}
|
|
.gallery_wrap li:nth-child(3), .gallery_wrap li:nth-child(6), .gallery_wrap li:nth-child(9) {margin-right:0%}
|
|
.gallery_box {position:relative;}
|
|
.gallery_box i {color:#638cb9}
|
|
.gallery_box .img {width:100%; height:0; padding-bottom:70%}
|
|
.gallery_box .subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:20px 0 10px 20px; font-size:18px; font-weight:bold; color:#000; letter-spacing:-1px}
|
|
.gallery_box .name {padding:5px 0 0px 20px; font-size:14px; color:#888}
|
|
.gallery_box .date {padding:0px 0 0px 20px; font-size:14px; color:#888}
|
|
.gallery_box .eye {padding:0px 0 20px 20px; font-size:14px; color:#888}
|
|
.gallery_box input {position:absolute; right:20px; bottom:20px;}
|
|
|
|
/*900px*/
|
|
@media screen and (max-width: 900px) {
|
|
/* 갤러리 게시판 리스트 PC */
|
|
.gallery_wrap li {float:left; width:47.5%; margin:0 4.5% 4.5% 0;}
|
|
.gallery_wrap li:nth-child(3), .gallery_wrap li:nth-child(9) {margin-right:4.5%}
|
|
.gallery_wrap li:nth-child(even) {margin-right:0%}
|
|
.gallery_box .subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:15px 0 10px 10px; font-size:16px; color:#666; letter-spacing:-1px}
|
|
.gallery_box .name {padding:5px 0 0px 10px; font-size:12px; color:#888}
|
|
.gallery_box .date {padding:0px 0 0px 10px; font-size:12px; color:#888}
|
|
.gallery_box .eye {padding:0px 0 20px 10px; font-size:12px; color:#888}
|
|
.gallery_box input {position:absolute; right:10px; bottom:10px;}
|
|
|
|
/* 리스트 */
|
|
.sch_input {width: 50%;}
|
|
}
|
|
|
|
|
|
/* 웹진 리스트 PC */
|
|
.webzine_wrap {position:relative; width:100%;}
|
|
.webzine_wrap li {width:100%; margin:0 0 1.3% 0; padding:1px;
|
|
border:1px solid #d9d9d9;
|
|
box-shadow:0px 3px 0px rgba(241,241,241,1);
|
|
}
|
|
.webzine_box {position:relative; overflow:hidden}
|
|
.webzine_box .img {float:left; width:25%; height:0; padding-bottom:17%}
|
|
.webzine_right {float:left; width:75%;padding-right: 3%;}
|
|
.webzine_right i {color:#638cb9}
|
|
.webzine_right .subject {width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:5% 0 0 20px; font-size:18px; font-weight:bold; color:#000; letter-spacing:-1px}
|
|
.webzine_right .text {
|
|
width:100%;
|
|
white-space: normal;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
margin:1% 0 1% 20px;
|
|
font-size:16px;
|
|
color:#666;
|
|
letter-spacing:-1px;
|
|
line-height: 1.2;
|
|
height: 3.7em;
|
|
text-align: left;
|
|
word-wrap: break-word;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.webzine_right .text_line {margin:1% 0 2% 0;}
|
|
.webzine_right .text_line .name {display:inline-block; padding-left:20px; font-size:14px; color:#888}
|
|
.webzine_right .text_line .date {display:inline-block; padding-left:20px; font-size:14px; color:#888}
|
|
.webzine_right .text_line .eye {display:inline-block; padding-left:20px; font-size:14px; color:#888}
|
|
.webzine_box input {position:absolute; right:20px; bottom:10px;}
|
|
|
|
/*600px*/
|
|
@media screen and (max-width: 600px) {
|
|
/* 웹진 리스트 */
|
|
.webzine_wrap {position:relative; width:100%;}
|
|
.webzine_wrap li {width:100%; margin:0 0 4% 0; padding:1px;
|
|
border:1px solid #d9d9d9;
|
|
box-shadow:0px 3px 0px rgba(241,241,241,1);
|
|
}
|
|
.webzine_box {position:relative; overflow:hidden}
|
|
.webzine_box .img {float:none; width:100%; height:0; padding-bottom:60%}
|
|
.webzine_right {float:none; width:100%; }
|
|
.webzine_right .subject {width:98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:3% 0 0 20px; font-size:17px; font-weight:bold; color:#000; letter-spacing:-1px}
|
|
.webzine_right .text {width:94%; margin:1% 0 1% 20px; font-size:15px;}
|
|
.webzine_right .text_line {margin:1% 0 3% 0;}
|
|
.webzine_right .text_line .name {display:block; padding-left:20px; font-size:13px; color:#888}
|
|
.webzine_right .text_line .date {display:block; padding-left:20px; font-size:13px; color:#888}
|
|
.webzine_right .text_line .eye {display:block; padding-left:20px; font-size:13px; color:#888}
|
|
.webzine_box input {position:absolute; right:20px; bottom:10px;}
|
|
}
|
|
|