/************************************************************************/ /* 1. 파 일 명 : web.css */ /* 2 작 성 일 자 : 2004. 10. 12 */ /* 3. 작 성 자 : 한준영 */ /* 4. 기 능 : Web 전체 페이지에 본 스타일시트 적용 */ /* 5. 타 입 : CSS */ /* 6. 변 경 이 력 : 2004.10.12/최초작성/한준영 */ /************************************************************************/ /******************** 기본 정보 ********************/ body, table, tr, th, td { font-family:돋음, verdana, arial, helvetica; font-size:9pt; color:#444444; line-height:14pt; scrollbar-face-color: #F1F7E6; scrollbar-shadow-color: #d1d1d1; scrollbar-highlight-color: #FFFFFF; scrollbar-dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F6F6F6; scrollbar-arrow-color: #9BC837; } select, input, textarea { font-family:돋음, verdana, arial, helvetica; font-size:9pt; color:#444444; } .f_eng { font-family:verdana, arial, helvetica; font-size:8pt; color:#444444; line-height:12pt; } /******************** 링크관련 ********************/ /* basic link */ A:link { text-decoration: none; color: #786EDA;} A:visited { text-decoration: none; color: #786EDA;} A:active { text-decoration: none; color: #786EDA;} A:hover { text-decoration: underline; color: #ff6600;} /* 흑색글자의 링크 */ .a_gray:link { color: #646464; text-decoration: none;} .a_gray:visited { color: #646464; text-decoration: none;} .a_gray:active { color: #646464; text-decoration: none;} .a_gray:hover { color: #ff6600; text-decoration: none;} /* 메뉴별의 링크 */ .a_1:link { color: #558715; text-decoration: none;} .a_1:visited { color: #558715; text-decoration: none;} .a_1:active { color: #558715; text-decoration: none;} .a_1:hover { color: #ff6600; text-decoration: none;} .a_2:link { color: #BA7509; text-decoration: none;} .a_2:visited { color: #BA7509; text-decoration: none;} .a_2:active { color: #BA7509; text-decoration: none;} .a_2:hover { color: #ff6600; text-decoration: none;} .a_3:link { color: #558715; text-decoration: none;} .a_3:visited { color: #558715; text-decoration: none;} .a_3:active { color: #558715; text-decoration: none;} .a_3:hover { color: #ff6600; text-decoration: none;} .a_4:link { color: #5312B7; text-decoration: none;} .a_4:visited { color: #5312B7; text-decoration: none;} .a_4:active { color: #5312B7; text-decoration: none;} .a_4:hover { color: #ff6600; text-decoration: none;} .a_5:link { color: #1671BF; text-decoration: none;} .a_5:visited { color: #1671BF; text-decoration: none;} .a_5:active { color: #1671BF; text-decoration: none;} .a_5:hover { color: #ff6600; text-decoration: none;} .a_6:link { color: #B19200; text-decoration: none;} .a_6:visited { color: #B19200; text-decoration: none;} .a_6:active { color: #B19200; text-decoration: none;} .a_6:hover { color: #ff6600; text-decoration: none;} .a_sum:link { color: #56800C; text-decoration: none;} .a_sum:visited { color: #56800C; text-decoration: none;} .a_sum:active { color: #56800C; text-decoration: none;} .a_sum:hover { color: #ff6600; text-decoration: none;} /******************** 테이블 영역 관련 ********************/ /* 셀 */ .td { height: 24px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-align: left; } .td_center { height: 24px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-align: center; } .td_right { height: 24px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-align: right; } .td_j { height: 24px; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; text-align: justify; } .td_smenu { height: 28px; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px; text-align: left; } .tr { height: 20px; padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:0px; text-align: center; } /* 가로선 */ .line01 { background-color: #c1c1c1; height: 1px; } .line02 { background-color: #efefef; height: 3px; } .line03 { background-color: #d1d1d1; height: 1px; } .line04 { background-color: #efefef; height: 1px; } /******************** 텍스트 관련 ********************/ /* 컨텐츠 대제목 */ .ctitle { font-size:14pt; color: #393939; line-height:16pt; } /* 페이지번호 */ .f_page_b { color: #ff6600; font-family:verdana; font-size:8pt;} .f_page { color: #888888; font-family:verdana; font-size:8pt;} /* 자간 조절 */ .letter65 { letter-spacing: 65px;} .letter45 { letter-spacing: 45px;} .letter35 { letter-spacing: 35px;} .letter32 { letter-spacing: 32px;} .letter25 { letter-spacing: 25px;} .letter23 { letter-spacing: 23px;} .letter20 { letter-spacing: 20px;} .letter19 { letter-spacing: 19px;} .letter17 { letter-spacing: 17px;} .letter13 { letter-spacing: 13px;} .letter12 { letter-spacing: 12px;} .letter11 { letter-spacing: 11px;} .letter10 { letter-spacing: 10px;} .letter9 { letter-spacing: 9px;} .letter8 { letter-spacing: 8px;} .letter7 { letter-spacing: 7px;} .letter6 { letter-spacing: 6px;} .letter5 { letter-spacing: 5px;} .letter4 { letter-spacing: 4px;} .letter3 { letter-spacing: 3px;} .letter2 { letter-spacing: 2px;} .letter1 { letter-spacing: 1px;} .letter0 { letter-spacing: 0px;} .letter-1 { letter-spacing: -1px;} .letter-2 { letter-spacing: -2px;} .letter-3 { letter-spacing: -3px;} /******************** 입력필드 관련 ********************/ /* input박스 관련 */ .input { background-color: #FFFFFF; padding-top: 2px; border: 1px #CCCCCC solid; border-left: #666666 1px solid; border-top: #666666 1px solid; height: 18px; ime-mode:active; } .input_line { background-color: #FFFFFF; padding-top: 2px; border: 1px #CCCCCC solid; height: 18px; ime-mode:active;} .input_line2 { background-color: #FFFFFF; padding-top: 2px; border: 1px #CCCCCC solid; height: 20px; ime-mode:active;} .input_right { background-color: #FFFFFF; padding-top: 2px; border: 1px #CCCCCC solid; border-left: #666666 1px solid; border-top: #666666 1px solid; height: 18px; ime-mode:active; text-align:right; } .input_eng { background-color: #FFFFFF; padding-top: 2px; border: 1px #CCCCCC solid; border-left: #666666 1px solid; border-top: #666666 1px solid; height: 18px; ime-mode:inactive; } .input_text { background-color: #FFFFFF; padding-top: 2px; border: 1px #CCCCCC solid; ime-mode:active;} /******************** 기타 관련 ********************/ /* Padding */ .pad10 {padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;} .pad04 {padding-left:4px; padding-right:4px; padding-top:4px; padding-bottom:4px;} /******************** 레이어 관련 ********************/ .layer_cites { background-color:#ffffff; border:#DEDEDE 1px solid; padding:5 5 5 5; position:absolute; visibility:hidden; width:400; z-index:1; left: 300; }