/** *File Name : uvstyle.css *@TITLE : 공통 스타일 시트 파일. *@Author : NK21 Project AA Team *@Version : 1.0 *@수정내역 : * * *@Notice : 현재 버전의 CSS는 기능위주로 작성되었고 차후 업무팀별로 적용되는 CSS는 별도의 COLOR를 가져감. */ a:link { font-family : "굴림체", "Arial", "Verdana", "Helvetica";font-size: 9pt; text-decoration: none; color:="#003399"} a:visited { font-family : "굴림체", "Arial", "Verdana", "Helvetica";font-size: 9pt; text-decoration: none; color:"#003399"} a:hover { font-family : "굴림체", "Arial", "Verdana", "Helvetica";font-size: 9pt; text-decoration: underline; color:"#003399"} BODY {font-family:굴림체; font-size:9pt;} /*TR {height: 22px;}*/ TD {font-family:굴림체; font-size:9pt; } INPUT {font-family:굴림체; font-size:9pt;} INPUT.pwd {font-family:굴림체; font-size:9pt;} /* 비밀번호 입력항목 */ SELECT {font-family:굴림체; font-size:9pt;} TEXTAREA {font-family:굴림체; font-size:9pt;} /*###############문영식 추가###################*/ .noip {font-family:굴림체; border:0x font-size:9pt; background-color: #EFF7F7;} /* input 테두리 없애기 */ /*###############문영식 추가 끝###################*/ /************************************************************************************************************* * 기본 정렬 관련 CLASS * * d: default * p: padding (왼쪽,오른쪽 5px) *************************************************************************************************************/ .dl { text-align: left;} /* 패딩없는 왼쪽 정렬 */ .dc { font-family:굴림체; font-size:9pt; text-align: center;} /* 패딩없는 가운데 정렬 */ .dr { font-family:굴림체; font-size:9pt; text-align: right;} /* 패딩없는 오른쪽 정렬 */ .pl { font-family:굴림체; font-size:9pt; text-align: left; padding-left: 5px; padding-right: 5px; } /* 패딩있는 왼쪽 정렬 */ .pc { font-family:굴림체; font-size:9pt; text-align:center; padding-left: 5px; padding-right: 5px;} /* 패딩있는 가운데 정렬 */ .pr { font-family:굴림체; font-size:9pt; text-align: right; padding-left: 5px; padding-right: 5px;} /* 패딩있는 오른쪽 정렬 */ /************************************************************************************************************* * 항목 작성 기준설명 * * no : 입력아님 e: Edit l: 왼쪽정렬 (left) * vm : 조회항목 m: 필수항목 (Mandatory) c: 가운데정렬 (center) * in : 입력항목 o: 선택항목 (Optional) r: 오른쪽정렬 (right) t : (투명) transparency * * 100p 또는 p100: Width=100%를 의미함 ************************************************************************************************************/ .noel {font-family:굴림체; font-size:9pt; text-align: left; border:1 solid} /* 텍스트박스 NO EDIT */ .vwml { font-family:굴림체; font-size:9pt; text-align: left; border:1 solid} /* 조회 조건 필수 입력항목 (왼쪽정렬) */ .vwol { font-family:굴림체; font-size:9pt; text-align: left; border:1 solid} /* 조회 조건 선택 입력항목 (왼쪽정렬) */ .inml { font-family:굴림체; font-size:9pt; text-align: left; border:1 solid} /* 입력 필수 입력항목 (왼쪽정렬) */ .inol { font-family:굴림체; font-size:9pt; text-align: left; border:1 solid} /* 입력 선택 입력항목 (왼쪽정렬) */ .notl { font-family:굴림체; font-size:9pt; text-align: left; border:1 transparent; background-color:transparent} /* 투명 텍스트 박스 (왼쪽정렬) */ .noec { font-family:굴림체; font-size:9pt; text-align: center; border:1 solid} .vwmc { font-family:굴림체; font-size:9pt; text-align: center; border:1 solid} .vwoc { font-family:굴림체; font-size:9pt; text-align: center; border:1 solid} .inmc { font-family:굴림체; font-size:9pt; text-align: center; border:1 solid} .inoc { font-family:굴림체; font-size:9pt; text-align: center; border:1 solid} .notc { font-family:굴림체; font-size:9pt; text-align: center; border:1 transparent; background-color:transparent} .noer { font-family:굴림체; font-size:9pt; text-align: right; border:1 solid} .vwmr { font-family:굴림체; font-size:9pt; text-align: right; border:1 solid} .vwor { font-family:굴림체; font-size:9pt; text-align: right; border:1 solid} .inmr { font-family:굴림체; font-size:9pt; text-align: right; border:1 solid} .inor { font-family:굴림체; font-size:9pt; text-align: right; border:1 solid} .notr { font-family:굴림체; font-size:9pt; text-align: right; border:1 transparent; background-color:transparent} .noe100p { font-family:굴림체; font-size:9pt; width:100%; border:1 solid} .noe100pl { font-family:굴림체; font-size:9pt; width:100%; text-align: left; border:1 solid} .noe100pc { font-family:굴림체; font-size:9pt; width:100%; text-align: center; border:1 solid} .noe100pr { font-family:굴림체; font-size:9pt; width:100%; text-align: right; border:1 solid} .vwm100p { width:100%; border:1 solid} .vwm100pl { font-family:굴림체; font-size:9pt; width:100%; text-align: left; border:1 solid} .vwm100pc { font-family:굴림체; font-size:9pt; width:100%; text-align: center; border:1 solid} .vwm100pr { font-family:굴림체; font-size:9pt; width:100%; text-align: right; border:1 solid} .vwo100p { font-family:굴림체; font-size:9pt; width:100%; border:1 solid} .vwo100pl { font-family:굴림체; font-size:9pt; width:100%; text-align: left; border:1 solid} .vwo100pc { font-family:굴림체; font-size:9pt; width:100%; text-align: center; border:1 solid} .vwo100pr { font-family:굴림체; font-size:9pt; width:100%; text-align: right; border:1 solid} .inm100p { font-family:굴림체; font-size:9pt; width:100%; border:1 solid} .inm100pl { font-family:굴림체; font-size:9pt; width:100%; text-align: left; border:1 solid} .inm100pc { font-family:굴림체; font-size:9pt; width:100%; text-align: center; border:1 solid} .inm100pr { font-family:굴림체; font-size:9pt; width:100%; text-align: right; border:1 solid} .ino100p { font-family:굴림체; font-size:9pt; width:100%; border:1 solid} .ino100pl { font-family:굴림체; font-size:9pt; width:100%; text-align: left; border:1 solid} .ino100pc { font-family:굴림체; font-size:9pt; width:100%; text-align: center; border:1 solid} .ino100pr { font-family:굴림체; font-size:9pt; width:100%; text-align: right; border:1 solid} /************************************************************************************************************* * st: SUB TOTAL d : default (padding 없음) l : align=left c : align=center r : align=right * gt: GRAND TOTAL p : padding 있음 ★ 추후 디자인 표준 확정시 bgcolor 적용 ************************************************************************************************************/ .stdl { font-family:굴림체; font-size:9pt; text-align: left; height:22px; } .stdc { font-family:굴림체; font-size:9pt; text-align: center; height:22px; } .stdr { font-family:굴림체; font-size:9pt; text-align: right; height:22px; } .stpl { font-family:굴림체; font-size:9pt; text-align: left; padding-left: 5px; padding-right: 5px; height:22px; } .stpc { font-family:굴림체; font-size:9pt; text-align: center; padding-left: 5px; padding-right: 5px; height:22px; } .stpr { font-family:굴림체; font-size:9pt; text-align: right; padding-left: 5px; padding-right: 5px; height:22px; } .gtdl { font-family:굴림체; font-size:9pt; text-align: left; height:22px; } .gtdc { font-family:굴림체; font-size:9pt; text-align: center; height:22px; } .gtdr { font-family:굴림체; font-size:9pt; text-align: right; height:22px; } .gtpl { font-family:굴림체; font-size:9pt; text-align: left; padding-left: 5px; padding-right: 5px; height:22px; } .gtpc { font-family:굴림체; font-size:9pt; text-align: center; padding-left: 5px; padding-right: 5px; height:22px; } .gtpr { font-family:굴림체; font-size:9pt; text-align: right; padding-left: 5px; padding-right: 5px; height:22px; } /************************************************************************************************************* * BUTTON OBJECT * btn : 활성화(커서모양 : HAND) btnd : 비활성화(커서모양 : default) * pgon : tab control의 On 상태. pgoff : tab control의 Off 상태. ************************************************************************************************************/ .btn { height:20; font-size: 9pt; border:1 solid; border-color:gray; cursor:hand; background-color:silver;} .btnd { height:20; font-size: 9pt;border:1 solid; border-color:gray; background-color:silver;} .btnpgon {height:20; font-size: 9pt; BORDER-RIGHT:gray 3px solid; BORDER-TOP:gray 2px solid; BORDER-LEFT:gray 1px solid; BORDER-BOTTOM:#CDCDCD 1px solid;} .btnpgmoff {height:20; font-size: 9pt; color:gray; BORDER-RIGHT:gray 1px solid; BORDER-TOP:gray 1px solid; BORDER-LEFT:gray 1px solid; BORDER-BOTTOM:gray 1px solid; cursor:hand;} .btnpgoff {height:20; font-size: 9pt; color:gray; BORDER-RIGHT:gray 1px solid; BORDER-TOP:gray 1px solid; BORDER-LEFT:gray 1px solid; BORDER-BOTTOM:gray 1px solid; cursor:hand;} /************************************************************************************************************* * COMBOBOX OBJECT * n: Normal combo m: MultiRow(list)내의 Combo ************************************************************************************************************/ .combon { BACKGROUND-COLOR: #Ffffff; VERTICAL-ALIGN:BOTTOM; BORDER: 1px solid; COLOR: black; FONT-FAMILY: 굴림체; FONT-SIZE: 7pt; HEIGHT: 21; OVERFLOW:HIDDEN } .combom { BACKGROUND-COLOR:transparent; VERTICAL-ALIGN:BOTTOM; BORDER-LEFT: #CCCCCC 1px solid; BORDER-BOTTOM: #CCCCCC 1px solid; COLOR: black; FONT-FAMILY: 굴림체; FONT-SIZE: 7pt; HEIGHT: 19; OVERFLOW:HIDDEN } /************************************************************************************************************* * 관련 CLASS * * tb: 테이블을 의미함 w: 표준에서 정의한 고정길이 넓이(WIDTH=770) d: Default를 의미함 l: IFrame에 나타나는 List부분의 BackGround color * inset: 음각박스 outset: 양각박스 100p: WIDTH=100% * ************************************************************************************************************/ .tbwd {width:770px; padding-left: 10px;} .tbwinset {background-color: #000000; width:770px; } .tbwoutset {background-color: #565E8A; width:770px; padding-left: 10px;} .tbwoutisz {background-color: #565E8A; width:780; padding-left: 10px;} .tbwoutpop {background-color: #565E8A; width:450px; padding-left: 10px;} .tbd {background-color: #000000; } .tbd100p {background-color: #000000; width: 100%;} .tboutset {background-color: #FFFFFF;} .tboutset100p {background-color: #FFFFFF; width:100%;} .tbld {background-color: gray; cellpadding:0; cellspacing:10px;} /************************************************************************************************************* * 관련 CLASS ************************************************************************************************************/ .tr1 {font-family: 굴림체; font-size: 9pt; background-color: #efebef; cursor: hand; height: 22px; } /* 일반 */ .tr2 {font-family: 굴림체; font-size: 9pt; background-color: #efebef; height: 22px; } /* SUB TOTAL */ /************************************************************************************************************* *
관련 CLASS * * td: 를 의미함 t: TITLE 항목 s:sub Title 항목 d: Default (Padding 없음) * v: VALUE 항목 p: padding 있음 w : WHITE Font-color ************************************************************************************************************/ .tdtdl {background-color: #B3BBCF; height:22px; font-size: 9pt; text-align: left; line-height:15pt;} .tdtdc {background-color: #B3BBCF; height:22px; font-size: 9pt; text-align: center; line-height:15pt;} .tdtdr {background-color: #B3BBCF; height:22px; font-size: 9pt; text-align: right; line-height:15pt;} .tdtpl {background-color: #bdd4de; height:22px;padding-left: 5px; padding-right: 5px; text-align: left; line-height:15pt;} .tdtpc {background-color:#bdd4de; height:22px; padding-left: 5px; padding-right: 5px; text-align: center; line-height:15pt;} .tdtpr {background-color: #bdd4de; height:22px; padding-left: 5px; padding-right: 5px; text-align: right; line-height:15pt;} .tdstdl {background-color: #cccccc; height:22px; font-size: 9pt; text-align: left; line-height:15pt;} .tdstdc {background-color: #cccccc; height:22px; font-size: 9pt; text-align: center; line-height:15pt;} .tdstdr {background-color: #cccccc; height:22px; font-size: 9pt; text-align: right; line-height:15pt;} .tdstpl {background-color: #cccccc; height:22px;padding-left: 5px; padding-right: 5px; text-align: left; line-height:15pt;} .tdstpc {background-color:#cccccc; height:22px; padding-left: 5px; padding-right: 5px; text-align: center; line-height:15pt;} .tdstpr {background-color: #cccccc; height:22px; padding-left: 5px; padding-right: 5px; text-align: right; line-height:15pt;} .tdvdl { background-color: #CCD1D8; height:22px; text-align: left; line-height:15pt;} .tdvdc { background-color: #CCD1D8; height:22px; text-align: center; line-height:15pt;} .tdvdr { background-color: #CCD1D8; height:22px; text-align: right; line-height:15pt;} .tdvpl { background-color: #EFF7F7; height:22px; padding-left: 5px; padding-right: 5px; text-align: left; line-height:15pt;} .tdvpc { background-color: #EFF7F7; height:22px; padding-left: 5px; padding-right: 5px; text-align: center; line-height:15pt;} .tdvpr { background-color: #EFF7F7; height:22px; padding-left: 5px; padding-right: 5px; text-align: right; line-height:15pt;} .tdvdwl { background-color: #FFFFFF; height:22px; text-align: left; line-height:15pt;} .tdvdwc { background-color: #FFFFFF; height:22px; text-align: center; line-height:15pt;} .tdvdwr { background-color: #FFFFFF; height:22px; text-align: right; line-height:15pt; } .tdvpwl { background-color: #FFFFFF; height:22px; padding-left: 5px; padding-right: 5px; text-align: left; line-height:15pt;} .tdvpwc { background-color: #FFFFFF; height:22px; padding-left: 5px; padding-right: 5px; text-align: center; line-height:15pt;} .tdvpwr { background-color: #FFFFFF; height:22px; padding-left: 5px; padding-right: 5px; text-align: right; line-height:15pt;} .tdvwl { height:22px; color:#FFFFFF; text-align:left; font-size:11pt; line-height:15pt;} .tdvwc { height:22px; color:#FFFFFF; text-align:center; line-height:15pt;} .tdvwr { height:22px; color:#FFFFFF; text-align:right; line-height:15pt;} .tdtab {BORDER-RIGHT:gray 2px solid;BORDER-LEFT:gray 1px solid; BORDER-BOTTOM:gray 2px solid;} /************************************************************************************************************* * 기타 CLASS ************************************************************************************************************/ .divbody {width:100%; height:100%; overflow-x:hidden; overflow-y:scroll;} /* IFRAM대신에
를 사용할 경우 */ /*.divbody {width:100%; height:100%; overflow:auto;} /* IFRAM대신에
를 사용할 경우 */ .p100 {width:100%;} /* WIDTH=100% */ .tdsh { height:5px;} /* table과 table간의 HEIGHT 조절*/ /************************************************************************************************************* * groove 정의 ************************************************************************************************************/ .groovetl {background-color: #FFFFFF; border-right: thin groove; border-top: thin groove; border-left: thin groove; border-bottom: thin groove; padding-left: 3px; padding-right: 3px; text-align: left; height:22px;} .groovetc {background-color: #FFFFFF; border-right: thin groove; border-top: thin groove; border-left: thin groove; border-bottom: thin groove; padding-left: 3px; padding-right: 3px; text-align: center; height:22px;} .groovetr {background-color: #FFFFFF; border-right: thin groove; border-top: thin groove; border-left: thin groove; border-bottom: thin groove; padding-left: 3px; padding-right: 3px; text-align: right; height:22px;} .groovedl {background-color: #FFFFFF; border-right: thin groove; border-top: thin groove; border-left: thin groove; border-bottom: thin groove; padding: 3px; text-align: left; height:22px;} .groovedc {background-color: #FFFFFF; border-right: thin groove; border-top: thin groove; border-left: thin groove; border-bottom: thin groove; padding: 3px; text-align: center; height:22px;} .groovedr {background-color: #FFFFFF; border-right: thin groove; border-top: thin groove; border-left: thin groove; border-bottom: thin groove; padding: 3px; text-align: right; height:22px;}