142 lines
5.2 KiB
CSS
142 lines
5.2 KiB
CSS
|
|
/* 기본 */
|
||
|
|
img { border:0; }
|
||
|
|
body
|
||
|
|
{
|
||
|
|
margin-left:16;
|
||
|
|
margin-top:20;
|
||
|
|
margin-right:16;
|
||
|
|
margin-bottom:0;
|
||
|
|
scrollbar-face-color: #FFFFFF;
|
||
|
|
scrollbar-shadow-color: #A0A0A0;
|
||
|
|
scrollbar-highlight-color: #FFFFFF;
|
||
|
|
scrollbar-3dlight-color: #A0A0A0;
|
||
|
|
scrollbar-darkshadow-color: #F6F6F6;
|
||
|
|
scrollbar-track-color: #F6F6F6;
|
||
|
|
scrollbar-arrow-color: #A0A0A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* 페이지 네비게이션 */
|
||
|
|
.navi_cur {font-family: "굴림체"; font-size: 9pt; color: #3F3F3F; line-height:150%; font-weight:bold}
|
||
|
|
a.navi:link {font-family: "굴림체"; font-size: 9pt; color: #3F3F3F; text-decoration: none; line-height:150%;}
|
||
|
|
a.navi:visited {font-family: "굴림체"; font-size: 9pt; color: #3F3F3F; text-decoration: none; line-height:150%;}
|
||
|
|
a.navi:hover {font-family: "굴림체"; font-size: 9pt; color: #3F3F3F; text-decoration: underline; line-height:150%; }
|
||
|
|
|
||
|
|
/* 목록 헤드와 내용 */
|
||
|
|
.list_head { font-size:9pt; font-family: 굴림체; font-weight:bold; line-height:150%; color:#B64E0F; }
|
||
|
|
.list_head2 { font-size:9pt; font-family: 굴림체; font-weight:bold; line-height:150%; color:#1180B5; }
|
||
|
|
.list_head_noti { font-size:9pt; font-family: 굴림체; font-weight:bold; line-height:150%; color:#B64E0F;}
|
||
|
|
.list_content { font-size:9pt; font-family: 굴림체; line-height:150%; color:#525252; }
|
||
|
|
|
||
|
|
/* search */
|
||
|
|
.search { font-size:9pt; color:#545454; }
|
||
|
|
.search1 { font-size:9pt; color:#545454; }
|
||
|
|
.date_search { font-size:9pt; font-weight:bold; color:#545454; }
|
||
|
|
|
||
|
|
/* 폼 */
|
||
|
|
Select { font-size:9pt; }
|
||
|
|
input { font-size:9pt; }
|
||
|
|
.write { background-color:#FFFFFF; border-color:#C5C5C5; border-width:1px; border-style:solid; font-size:10pt;}
|
||
|
|
.input { font-size:9pt; border:1x solid #C8D0D5; text-align: left; color: #333333;}
|
||
|
|
.input1 { font-size:9pt; border:1x solid #8C8C8C; }
|
||
|
|
.input2 { font-size:9pt; border:1x solid #D1DEDE; text-align: justify; padding-right: 3px; background-color: #F4F7F7; height: 17px; padding-left: 3px;}
|
||
|
|
.input3 { font-size:9pt; border:1x solid #8C8C8C; text-align: center; padding-top: 2px; }
|
||
|
|
Input.search { background-color:#F9F9F9; border-color:#C5C5C5; border-width:1px; border-style:solid; font-size:10pt;}
|
||
|
|
|
||
|
|
/* 일반 */
|
||
|
|
a:link {font-family: "굴림체"; font-size: 9pt; color: #525252; text-decoration: none; line-height:150%;}
|
||
|
|
a:visited {font-family: "굴림체"; font-size: 9pt; color: #525252; text-decoration: none; line-height:150%;}
|
||
|
|
a:hover {font-family: "굴림체"; font-size: 9pt; color: #FF8000; text-decoration: underline; line-height:150%; }
|
||
|
|
|
||
|
|
/* FAQ */
|
||
|
|
.faq_q { font-size:9pt; line-height:150%; color:#1F177C; font-weight:bold; }
|
||
|
|
.faq_a { font-size:9pt; line-height:150%; color:#1F177C; }
|
||
|
|
|
||
|
|
|
||
|
|
/* QnA */
|
||
|
|
.qna_head { font-size:9pt; font-family: 굴림체; font-weight:bold; line-height:150%; color:#939393; }
|
||
|
|
.qna_content { font-size:9pt; font-family: 굴림체; line-height:150%; color:#939393; padding-left:5px; padding-right:5px; }
|
||
|
|
.qna_contentH { font-size:9pt; font-family: 굴림체; line-height:150%; color:#939393; padding:5px; }
|
||
|
|
.qna_reply { font-size:9pt; font-family: 굴림체; line-height:120%; color:#3F83FF; padding-left:5px; padding-right:5px; }
|
||
|
|
.qna_reply_gray { font-size:9pt; font-family: 굴림체; line-height:150%; color:#939393; }
|
||
|
|
|
||
|
|
/* 팝업타이틀, 입력창(input, select) 추가 2017.08.01 */
|
||
|
|
.pop_title { height:20px; border-bottom:1px solid #31b0e5; background:url('../../images/admins/bullet03.png') 10px 10px no-repeat; padding:7px 0 7px 27px; font-size:14px; font-family: 굴림체; font-weight:bold; line-height:150%; color:#1180B5; }
|
||
|
|
.input_txt {padding:3px; border:1px solid #ccc; border-radius:3px; color:#666; font-size:12px; }
|
||
|
|
|
||
|
|
/* 2023.10.11 LHJ 게시판 제목에서 길이 초과된 뒷부분 생략 추가 */
|
||
|
|
#Table_List {table-layout:fixed; }
|
||
|
|
#Table_List td {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
|
||
|
|
|
||
|
|
/* 2023.10.23 LHJ 팝업 미리보기 화면 추가 */
|
||
|
|
.popup_noti {
|
||
|
|
width: 500px;
|
||
|
|
height: 600px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.bg_noti:nth-child(1) {
|
||
|
|
flex-grow: 2.5;
|
||
|
|
background-color: #FFCCB3;
|
||
|
|
}
|
||
|
|
.bg_noti:nth-child(2) {
|
||
|
|
flex-grow: 1.5;
|
||
|
|
background-color: #FFF2D0;
|
||
|
|
}
|
||
|
|
.bg_noti:nth-child(3) {
|
||
|
|
flex-grow: 6;
|
||
|
|
background-color: #DCF1EA;
|
||
|
|
}
|
||
|
|
.bg_white {
|
||
|
|
position: absolute;
|
||
|
|
top: 10%;
|
||
|
|
left: 7%;
|
||
|
|
right: 7%;
|
||
|
|
bottom: 5%;
|
||
|
|
background-color: white;
|
||
|
|
border: 1px solid black;
|
||
|
|
}
|
||
|
|
.subject_noti {
|
||
|
|
position: absolute;
|
||
|
|
top: 10%;
|
||
|
|
left: 7%;
|
||
|
|
right: 7%;
|
||
|
|
font-family: "NanumGothicB";
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 15pt;
|
||
|
|
overflow:hidden;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
display:-webkit-box;
|
||
|
|
-webkit-line-clamp:2;
|
||
|
|
-webkit-box-orient:vertical;
|
||
|
|
}
|
||
|
|
.contents_noti pre {
|
||
|
|
display: block;
|
||
|
|
padding: inherit;
|
||
|
|
margin: inherit;
|
||
|
|
font-size: inherit;
|
||
|
|
line-height: inherit;
|
||
|
|
color: inherit;
|
||
|
|
word-break: break-all;
|
||
|
|
word-wrap: break-word;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
background-color: inherit;
|
||
|
|
border: inherit;
|
||
|
|
border-radius: inherit;
|
||
|
|
font-family: inherit;
|
||
|
|
}
|
||
|
|
.contents_noti {
|
||
|
|
position: absolute;
|
||
|
|
top: 27%;
|
||
|
|
left: 7%;
|
||
|
|
right: 7%;
|
||
|
|
bottom: 5%;
|
||
|
|
font-family: "Nanum Gothic";
|
||
|
|
font-size: 9pt;
|
||
|
|
overflow-y: auto;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
display:-webkit-box;
|
||
|
|
-webkit-line-clamp:10;
|
||
|
|
-webkit-box-orient:vertical;
|
||
|
|
}
|