/*=================================================================================================== Project: SSG(System Style Guide) Description: ECOSIAN ---------------------------------------------------------------------------------------------------- Company: www.ecosian.com Author: Jungsik Moon/Hyoji Lee Email: imac1004@ecosian.com/f2@ecosian.com Web Site: http://www.ecosian.com Last Modified: 2007/00/00 Version: 1.1 ---------------------------------------------------------------------------------------------------- CSS 작성규칙 1. 스타일시트 명령어는 소문자로만 표현한다. 2. 스타일시트 네이밍 기본은 소문자로 하면 겹쳐(tableName) 쓸 경우에는 적절한 대소문자를 사용한다. 3. 공용, 기본외의 스타일시트 추가시 꼭 주석을 넣는다. ---------------------------------------------------------------------------------------------------- CSS 주석규칙 1. 대분류 : =Typography ------------------------------------------------------------------------------------- 2. 중분류 : --- 본문 Style --- 3. 소분류 : 폰트크기지정 4. 기타 : 추가 수정시- "수정자, 수정일, 수정내용"을 주석으로 적는다. 설명시 - "BUG: IE 5.2 Mac에서 깨져보임"으로 표현한다. ---------------------------------------------------------------------------------------------------- CSS 간략 명령어 1. 낱말의 간격: word-spacing: -1pt; 2. 글자 간격 : letter-spacing: -1pt; 3. 글줄의 간격: line-height: 22pt; 4. 들여쓰기 : text-indent: 50px; 5. 문자의 정렬: text-align: right; ===================================================================================================*/ /* 작업기록을 위한 주석: 인터넷 익스플로러에서만 별도의 글씨크기를 지정하기 위한 별표 선택자활용했음 BUG: IE 5.2 Mac에서 깨져보임. */ /* --- 추가 수정 수정자: 문정식 수정일: 2007/03/30 수정내용: board_td01, tit_td01... 등 내용 수정 작업 --- */ /* =기본 Style -------------------------------------------------------------------------------------- */ /* --- 본문 Style --- */ body { margin-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: 돋움, Dotum, Arial; font-size: 9pt; /* 폰트크기지정 */ color: #545454; text-align: left; line-height: 14pt; scrollbar-3dlight-color:#595959; scrollbar-arrow-color:#FFFFFF; scrollbar-base-color:#CFCFCF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-face-color:#CFCFCF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#595959; } .nullBox01 { margin: 2px; float: left; } /* --- 본문 끝 --- */ /* --- 본문 Style --- */ .basic_MContent_bg01 { padding: 5px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background-color: #6b7ebf; vertical-align:top; } .all_content_null01 { /* 기본 테이블와 테이블 사이 공간에 활용 */ padding-top: 4px; padding-bottom: 4px; } .all_content_null02 { /* 기본 테이블과 그리드 사이 공간에 활용 */ padding-bottom: 4px; } .all_popContent_null01 { /* 팝업 컨텐츠와 컨텐츠 사이 공간에 활용 */ padding-left: 4px; padding-right: 4px; padding-bottom: 4px; float: left; } .txt_color01 { /* 글씨색상 설정 [작성중],[상신중],[결재중],[반려],[승인],[상신취소] */ font-size: 8pt; color: #102276; font-weight: bold; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } .txt_color02 { /* 글씨색상 설정 컨텐츠의 글씨 색상, 보기용 */ padding: 4px 4px 4px 4px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #808080; /*font-weight: bold;*/ vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: 0pt; } .txt_color03 { /* 글씨색상 설정 */ font-family: 돋움, Dotum, Arial; font-size: 8pt; color: #FB6420; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } /* --- BOX Style --- */ .introBox-leftTop01 { background: url(/common/images/resources/common/box01_leftTop01.gif) no-repeat top left; width: 10px; height: 10px; } .introBox-rightTop01 { background: url(/common/images/resources/common/box01_rightTop01.gif) no-repeat top left; width: 10px; height: 10px; } .introBox-leftBottom01 { background: url(/common/images/resources/common/box01_leftBottom01.gif) no-repeat top left; width: 10px; height: 10px; } .introBox-rightBottom01 { background: url(/common/images/resources/common/box01_rightBottom01.gif) no-repeat top left; width: 10px; height: 10px; } .introBox-topBg01 { background: url(/common/images/resources/common/box01_topBg01.gif) top; height: 10px; } .introBox-bottomBg01 { background: url(/common/images/resources/common/box01_bottomBg01.gif) top; height: 10px; } .introBox-leftBg01 { background: url(/common/images/resources/common/box01_leftBg01.gif) top; height: 10px; } .introBox-rightBg01 { background: url(/common/images/resources/common/box01_rightBg01.gif) top; height: 10px; } .intorBox-tit01 { padding: 4px 6px 4px 6px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background-color: #efefef; font-size: 9pt; color: #4c4c4c; /*font-weight: bold;*/ text-align: left; vertical-align:middle; height: 30px; } .other-tit01 { padding: 4px 6px 4px 4px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background-color: #e7f1ed; font-size: 9pt; color: #097b9c; font-weight: bold; text-align: left; word-spacing: -1pt; letter-spacing: 0pt; height: 28px; } .dotBg-line01 { background: url(/common/images/resources/common/box01_rightBg01.gif); height: 1px; } .list-icoTit01 { padding: 7px 6px 7px 14px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/ico/link_ico02.gif) no-repeat left top; font-family: 굴림,Dotum; font-size: 9pt; color: #717171; text-align: left; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; height: 27; } a.link-tit01:link, a.link-tit01:visited, a.link-tit01:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 9pt; color: #717171; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.link-tit01:hover { text-decoration: underline; } /* --- 사이트맵 Style --- */ .siteMap-1depth-text01 { padding: 8px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 9pt; color: #ffffff; font-weight: bold; vertical-align:middle; background-color: #6585a3; word-spacing: -1pt; letter-spacing: 0pt; height: 27; cursor:hand; } .siteMap-2depth-text01 { padding: 8px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 9pt; color: #6e6956; /*font-weight: bold;*/ vertical-align:middle; background-color: #e5e2d6; word-spacing: -1pt; letter-spacing: 0pt; height: 27; cursor:hand; } .siteMap-3depth-img01 { padding: 3px 5px 3px 24px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/sitemap/3depth_ico01.gif) no-repeat left top; font-size: 8pt; color: #7b7b7b; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; height: 18; cursor:hand; } .siteMap-3depth-img02 { padding: 3px 5px 3px 24px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/sitemap/3depth_ico02.gif) no-repeat left top; font-size: 8pt; color: #7b7b7b; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; height: 18; cursor:hand; } .siteMap-4depth-img01 { padding: 1px 5px 1px 40px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/sitemap/4depth_ico01.gif) no-repeat left top; font-size: 8pt; color: #7b7b7b; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; height: 15; cursor:hand; } .siteMap-4depth-img01-1 { padding: 1px 5px 1px 40px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/sitemap/4depth_ico01_1.gif) no-repeat left top; font-size: 8pt; color: #7b7b7b; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; height: 15; cursor:hand; } .siteMap-4depth-img02 { padding: 1px 5px 1px 40px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/sitemap/4depth_ico02.gif) no-repeat left top; font-size: 8pt; color: #7b7b7b; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; height: 15; cursor:hand; } .siteMap-4depth-img02-1 { padding: 1px 5px 1px 40px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/sitemap/4depth_ico02_1.gif) no-repeat left top; font-size: 8pt; color: #7b7b7b; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; height: 15; cursor:hand; } /* --- 텍스트 Style --- */ .exe_text01 { padding: 5px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 돋움, Dotum, Arial; font-size: 8pt; color: #fe5502; font-weight: bold; text-align: right; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; } .id_text01 { /* 아이디 중복체크 기본 텍스트 */ padding: 5px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #686767; vertical-align:middle; word-spacing: 0pt; letter-spacing: 0pt; line-height: 13pt; } .id_text01 SPAN { padding: 5px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #fe5502; font-weight: bold; vertical-align:middle; word-spacing: 0pt; letter-spacing: 0pt; } .nullBox01 { margin: 2px; float: left; } /* -------------------------------------------------------------------------------------- */ /* =GNB Style -------------------------------------------------------------------------------------- */ .gnbMenuBox-bg01 { padding: 2px 2px 0px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/gnb/gnb_basicBg01.gif) top left; vertical-align: Bottom; text-align: left; height: 36px; } .gnbMenu-basic-text01 { padding: 2px 6px 0px 6px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #FFFFFF; /*font-weight: bold;*/ text-align: center; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: 0pt; height: 31px; cursor:hand; } .gnbMenu-over-text01 { padding: 2px 4px 0px 8px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/gnb/gnbMenu_leftOver01.gif) no-repeat left bottom; font-size: 9pt; color: #FFFFFF; font-weight: bold; text-align: center; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; height: 31px; } .gnbMenu-over-right01 { padding: 2px 2px 0px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/gnb/gnbMenu_rightOver01.gif) no-repeat left bottom; width:5px; } .gnbMenu-basic-right01 { padding: 2px 2px 0px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/gnb/gnbMenu_rightBasic01.gif) no-repeat top left; width: 5px; } .gnb-userInfo-text01 { padding: 2px 16px 2px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #a6b6e9; /*font-weight: bold;*/ text-align: left; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; height: 23px; } .gnb-userInfo-text02 { padding: 2px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #ffffff; font-weight: bold; text-align: left; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; height: 23px; } .gnb-btn-logout01 { padding: 2px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background-color:#ffffff; font-size: 8pt; color: #0210b7; font-weight: bold; text-align: center; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; height: 14px; cursor:hand; } .gnb-userMenu-text01 { padding: 2px 2px 2px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #666666; /*font-weight: bold;*/ text-align: right; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand; } .gnb-userMenu-text02 { font-size: 9pt; color: #834dbd; font-weight: bold; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand; } /* -------------------------------------------------------------------------------------- */ /* =LNB 기본 Style -------------------------------------------------------------------------------------- */ /* --- LNB Box 이미지 Style --- */ .lnbBox-top01 { padding: 4px 0px 3px 7px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/lnb/lnb_boxTop_left01.gif) no-repeat top left; vertical-align: top; text-align: left; height: 32px; } .lnbBox-topRight01 { background: url(/common/images/frame/lnb/lnb_boxTop_right01.gif) no-repeat top left; width: 7px; height: 32px; } .lnbBox-bg01 { padding: 0px 0px 0px 7px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/lnb/lnb_boxBg_left01.gif) top left; vertical-align: top; text-align: left; } .lnbBox-bgRight01 { background: url(/common/images/frame/lnb/lnb_boxBg_right01.gif) top left; width: 7px; } .lnbBox-bottom01 { background: url(/common/images/frame/lnb/lnb_boxBottom_left01.gif) top left; height: 7px; } .lnbBox-bottomRight01 { background: url(/common/images/frame/lnb/lnb_boxBottom_right01.gif) no-repeat top left; width: 7px; height: 7px; } /* ----------------------------- */ /* --- LNB Sub Box 이미지 Style --- */ .lnbSubBox-top01 { background: url(/common/images/frame/lnb/sub_boxTop_left01.gif) no-repeat top left; vertical-align: top; text-align: left; height: 6px; } .lnbSubBox-topRight01 { background: url(/common/images/frame/lnb/sub_boxTop_right01.gif) no-repeat top left; width: 4px; height: 6px; } .lnbSubBox-bg01 { padding: 0px 0px 0px 4px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/lnb/sub_boxBg_left01.gif) top left; vertical-align: top; text-align: left; } .lnbSubBox-bgRight01 { background: url(/common/images/frame/lnb/sub_boxBg_right01.gif) top left; width: 4px; } .lnbSubBox-bottom01 { background: url(/common/images/frame/lnb/sub_boxBottom_left01.gif) top left; height: 6px; } .lnbSubBox-bottomRight01 { background: url(/common/images/frame/lnb/sub_boxBottom_right01.gif) no-repeat top left; width: 4px; height: 6px; } /* ----------------------------- */ /* --- LNB Main 메뉴 이미지 Style --- */ .lnbMain-tit01{ font-family: 돋움, Dotum, Arial; padding: 4px 4px 4px 13px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #4c5ba0; background: url(/common/images/frame/lnb/lnb_menuIco_tit01.gif) no-repeat top left; font-weight: bold; text-align: left; vertical-align: top; word-spacing: 0pt; letter-spacing: -1pt; } .lnbMenu-title01{ font-family: 돋움, Dotum, Arial; font-size: 9pt; cursor:pointer; background-color:#f5f4f1; color:#41519a; width:100%; padding: 5px; text-align:left; } .lnbMenu-title02{ padding: 5px; font-family: 돋움, Dotum, Arial; font-size: 9pt; cursor:pointer; background-color:#ffffff; color:#41519a; width:100%; text-align:left; } .lnbMenu-select01{ padding: 5px; font-family: 돋움, Dotum, Arial; font-size: 9pt; cursor:pointer; background-color:#52598c; color:#FFFFFF; width:100%; text-align:left; } .lnbSubMenu01{ font-family: 돋움, Dotum, Arial; font-size: 8pt; padding: 3px; margin-bottom: 0.5em; word-spacing: 0pt; letter-spacing: -1pt; } .lnbSubMenu-basic01{ font-family: 돋움, Dotum, Arial; padding: 4px 4px 4px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #656565; background: url(/common/images/frame/lnb/sub_menuIco01.gif) no-repeat top left; /*font-weight: bold;*/ text-align: left; vertical-align: top; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand; } .lnbSubMenu-select01{ font-family: 돋움, Dotum, Arial; padding: 4px 4px 4px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #f06524; background: url(/common/images/frame/lnb/sub_menuIco01.gif) no-repeat top left; /*font-weight: bold;*/ text-align: left; vertical-align: top; word-spacing: 0pt; letter-spacing: -1pt; } .lnbBanner01{ /* 시스템 Q&A 문의 배너 */ padding: 1px; padding-top: 4px; text-align: center; vertical-align: top; } /* ----------------------------- */ /* =CA Style -------------------------------------------------------------------------------------- */ /* --- CA Box 이미지 Style --- */ .cnbBox-top01 { background: url(/common/images/frame/cnb/cnb_bgBox_topLeft01.gif) no-repeat top left; vertical-align: top; text-align: left; height: 4px; } .cnbBox-topRight01 { background: url(/common/images/frame/cnb/cnb_bgBox_topRight01.gif) no-repeat top left; width: 4px; height: 4px; } .cnbBox-bg01 { padding: 0px 0px 0px 4px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/cnb/cnb_bgBox_bgLeft01.gif) top left; vertical-align: top; text-align: left; } .cnbBox-bgRight01 { background: url(/common/images/frame/cnb/cnb_bgBox_bgRight01.gif) top left; width: 4px; } .cnbBox-bottom01 { background: url(/common/images/frame/cnb/cnb_bgBox_bottomLeft01.gif) top left; height: 5px; } .cnbBox-bottomRight01 { background: url(/common/images/frame/cnb/cnb_bgBox_bottomRight01.gif) no-repeat top left; width: 4px; height: 5px; } /* ----------------------------- */ /* --- CNB 4차 메뉴 Style --- */ .cnbMenuBox-top01 { background: url(/common/images/frame/cnb/cnb_menuBox_topLeft01.gif) no-repeat top left; vertical-align: top; text-align: left; height: 4px; } .cnbMenuBox-topRight01 { background: url(/common/images/frame/cnb/cnb_menuBox_topRight01.gif) no-repeat top left; width: 4px; height: 4px; } .cnbMenuBox-bg01 { padding: 4px 4px 4px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/frame/cnb/cnb_menuBox_bgLeft01.gif) top left; vertical-align: top; text-align: left; } .cnbMenuBox-bgRight01 { background: url(/common/images/frame/cnb/cnb_menuBox_bgRight01.gif) top left; width: 4px; } .cnbMenuBox-bottom01 { background: url(/common/images/frame/cnb/cnb_menuBox_bottomLeft01.gif) top left; height: 9px; } .cnbMenuBox-bottomRight01 { background: url(/common/images/frame/cnb/cnb_menuBox_bottomRight01.gif) no-repeat top left; width: 5px; height: 9px; } .cnbMenu-title01{ font-family: 돋움, Dotum, Arial; font-size: 8pt; color:#575757; padding: 2px; text-align:left; } .cnbMenu-basic01{ padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; font-family: 돋움, Dotum, Arial; font-size: 8pt; cursor: hand; color:#575757; text-align:center; } .cnbMenu-select01{ padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; font-family: 돋움, Dotum, Arial; font-size: 8pt; color:#f26522; text-align:center; } /* ----------------------------- */ /* -------------------------------------------------------------------------------------- */ /* --- 인트로 결제정보 Box Style --- */ .introBox01-topLeft01 { background: url(/common/images/resources/box/intro_topLeft01.gif) no-repeat top left; width: 6px; height: 6px; } .introBox01-topRight01 { background: url(/common/images/resources/box/intro_topRight01.gif) no-repeat top left; width: 6px; height: 6px; } .introBox01-topBg01 { background: url(/common/images/resources/box/intro_topBg01.gif) top left; height: 6px; } .introBox01-centerLeft01 { background: url(/common/images/resources/box/intro_centerLeft01.gif) top left; width: 6px; } .introBox01-centerRight01 { background: url(/common/images/resources/box/intro_centerRight01.gif) top right; width: 6px; } .introBox01-bottomLeft01 { background: url(/common/images/resources/box/intro_bottomLeft01.gif) no-repeat bottom left; width: 6px; height: 6px; } .introBox01-bottomRight01 { background: url(/common/images/resources/box/intro_bottomRight01.gif) no-repeat bottom left; width: 6px; height: 6px; } .introBox01-bottomBg01 { background: url(/common/images/resources/box/intro_bottomBg01.gif) bottom left; height: 6px; } .introBox01-title01{ /*결제정보타이틀*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color:#555555; padding: 2px; text-align:left; } .introBox01-title01 SPAN { /*결제정보타이틀*/ font-family: 돋움, Dotum, Arial; font-size: 8pt; color:#ff6000; text-align:left; } a.intro-infoLink01:link, a.intro-infoLink01:visited, a.intro-infoLink01:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 9pt; color: #383865; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.intro-infoLink01:hover { text-decoration: underline; } .intro-infoCout01 { /*건수표*/ padding: 3px 3px 3px 16px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/ico/dot_ico02.gif) no-repeat top left; font-family: 돋움, Dotum, Arial; font-size: 8pt; color:#ff6000; text-align:left; } /* --- 인트로 즐겨찾기 Box Style --- */ .introBox02-topLeft01 { background: url(/common/images/resources/box/intro_topLeft02.gif) no-repeat top left; width: 9px; height: 33px; } .introBox02-topRight01 { background: url(/common/images/resources/box/intro_topRight02.gif) no-repeat top left; width: 11px; height: 33px; } .introBox02-topBg01 { background: url(/common/images/resources/box/intro_topBg02.gif) top left; } .introBox02-centerLeft01 { background: url(/common/images/resources/box/intro_centerLeft02.gif) top left; width: 9px; } .introBox02-centerRight01 { background: url(/common/images/resources/box/intro_centerRight02.gif) top right; width: 11px; } .introBox02-bottomLeft01 { background: url(/common/images/resources/box/intro_bottomLeft02.gif) no-repeat bottom left; width: 9px; height: 8px; } .introBox02-bottomRight01 { background: url(/common/images/resources/box/intro_bottomRight02.gif) no-repeat bottom left; width: 11px; height: 8px; } .introBox02-bottomBg01 { background: url(/common/images/resources/box/intro_bottomBg02.gif) bottom left; height: 8px; } .introBox02-title01{ /*결제정보타이틀*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color:#555555; padding: 5px; text-align:left; } .introBox02-title01 SPAN { /*결제정보타이틀*/ font-family: 돋움, Dotum, Arial; font-size: 8pt; color:#ff6000; text-align:left; } a.intro-infoLink02:link, a.intro-infoLink02:visited, a.intro-infoLink02:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 9pt; color: #555555; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.intro-infoLink02:hover { text-decoration: underline; } .intro-disableLink01{ /*즐겨찾기 메뉴에 권한이 없을경우 텍스트*/ padding: 6px 0px 3px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background-Color: #f4f4f5; font-family: 굴림,Dotum; font-size: 9pt; color: #9d9d9e; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } .intro-infoCout02 { /*건수표*/ padding: 3px 3px 3px 16px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/ico/dot_ico02.gif) no-repeat top left; font-family: 돋움, Dotum, Arial; font-size: 8pt; color:#ff6000; text-align:left; } /* --- 인트로 게시판 Style --- */ .introBoard-num01 { /* 숫자 */ padding: 3px 3px 3px 16px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/ico/dot_ico03.gif) no-repeat top left; font-family: 굴림,Dotum; height: 20px; font-size: 8pt; color: #aaaaaa; /*font-weight: bold;*/ text-align: left; vertical-align:middle; } .introBoard-tit01 { /* 타이틀 공지사항,게시판,자료실 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: Dotum, 굴림; font-size: 9pt; color: #000000; font-weight: bold; text-align: left; vertical-align:middle; } .introList-text01 { /* 분류 */ font-family: 굴림,Dotum; font-size: 9pt; color: #ff6000; text-align: left; vertical-align:middle; } /* ----------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =Tab Style -------------------------------------------------------------------------------------- */ .page { border-left: solid 1px #c7c7c7; border-right: solid 1px #c7c7c7; border-bottom: solid 1px #c7c7c7; background-Color: #FFFFFF; } .pageGlass { border-left: solid 1px #2c671c; border-right: solid 1px #2c671c; border-bottom: solid 1px #2c671c; background-Color: #fbf5e3; background-repeat: repeat-y; } .pageWin { border-right: outset 2px #FFFFFF; border-bottom: outset 2px #FFFFFF; border-left: outset 2px #FFFFFF; border-top: none 0px #FFFFFF; background-color: #d4d0c8; background-repeat: repeat-y; } .btn { font-size: 11px; font-style: normal; text-decoration: none; } A.menuLink { font-size: 11px; text-decoration: none; color: #5e4200; } A.menuLink2 { font-size: 11px; text-decoration: none; color: #ffffff; } A { font-size: 11px; text-decoration: underline; color: #0582ff; } .topString { font-size: 10px; color: #dcc451; } .tabPage { font-size: 11px; color: #333333; } .tabMenu { padding: 3px 3px 3px 28px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/tab/tab_dot01.gif) no-repeat left top; font-size: 9pt; color: #8e8e8e; text-align: left; vertical-align: top; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand; } .step_leftBg01 { padding: 3px 5px 2px 15px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/tab/tab_step_leftBg01.gif) no-repeat left top; height: 23px; font-size: 9pt; color: #999999; font-weight: bold; text-align: center; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .step_leftBg_select01 { padding: 3px 5px 2px 15px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/tab/tab_step_leftBg01.gif) no-repeat left top; height: 23px; font-size: 9pt; color: #000000; font-weight: bold; text-align: center; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .step_rightBasic01 { background: url(/common/images/resources/tab/tab_step_rightBasic01.gif) no-repeat left top; width: 30px; height: 23px; } .step_rightSelect01 { background: url(/common/images/resources/tab/tab_step_right01.gif) no-repeat left top; width: 30px; height: 23px; } /* --- 페이지 탭 Style --- */ .tab02-before-left { background: url(/common/images/resources/tab/tab02_before_left.gif) no-repeat left top; width: 8px; height: 26px; } .tab02-before-right { background: url(/common/images/resources/tab/tab02_before_right.gif) no-repeat left top; width: 8px; height: 26px; } .tab02-before-bg { padding: 2px 3px 2px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/tab/tab02_before_bg.gif); height: 26px; font-size: 9pt; color: #ff4f01; font-weight: bold; text-align: center; word-spacing: 0pt; letter-spacing: 0pt; } .tab02-after-left { background: url(/common/images/resources/tab/tab02_after_left.gif) no-repeat left top; width: 8px; height: 26px; } .tab02-after-right { background: url(/common/images/resources/tab/tab02_after_right.gif) no-repeat left top; width: 8px; height: 26px; } .tab02-after-bg { padding: 2px 3px 2px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/tab/tab02_after_bg.gif); height: 26px; font-size: 9pt; color: #000000; /*font-weight: bold;*/ text-align: center; word-spacing: 0pt; letter-spacing: 0pt; cursor:hand; } /* --- 인트로 탭 Style --- */ .introTabOn-leftBg01 { padding: 4px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/tab/intro_tab_leftOn01.gif) no-repeat top left; font-size: 8pt; color: #000000; font-weight: bold; vertical-align: middle; text-align: center; word-spacing: 0pt; letter-spacing: -1pt; height: 21px; white-space:nowrap; } .introTabOn-rightBg01 { background: url(/common/images/resources/tab/intro_tab_rightOn01.gif) no-repeat top left; widht: 5px; height: 21px; white-space:nowrap; } .introTabOff-leftBg01 { padding: 4px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/tab/intro_tab_leftOff01.gif) no-repeat top left; font-size: 8pt; color: #606060; vertical-align: middle; text-align: center; word-spacing: 0pt; letter-spacing: -1pt; height: 21px; white-space: nowrap; cursor:hand; } .introTabOff-rightBg01 { background: url(/common/images/resources/tab/intro_tab_rightOff01.gif) no-repeat top left; widht: 5px; height: 21px; white-space: nowrap; } /* ----------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =MainTitle Style -------------------------------------------------------------------------------------- */ .main-tit01 { padding: 6px 5px 4px 20px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/title/main_tit_dot01.gif) no-repeat left; font-size: 10pt; color: #000000; font-weight: bold; text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } /* --- History 시작 --- */ .history-txt01 { padding: 10px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #878787; /*font-weight: bold;*/ text-align: right; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } /* -------------------------------------------------------------------------------------- */ /* =SubTitle Style -------------------------------------------------------------------------------------- */ .sub-tit01 { padding: 3px 5px 1px 14px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/title/sub_tit_dot01.gif) no-repeat left; font-size: 9pt; color: #000000; /*font-weight: bold;*/ text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: 0pt; } .sub-tit02 { padding: 3px 5px 1px 16px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/title/sub_tit_dot02.gif) no-repeat left; font-size: 9pt; color: #000000; /*font-weight: bold;*/ text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: 0pt; } .sub-titInfo01 { /*서브타이틀 옆에 간략한 설명 문구 들어감*/ padding: 3px 5px 1px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #6D6D6D; /*font-weight: bold;*/ text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } .sub-titInfo02 { /* 단위:명 */ padding: 3px 5px 1px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #6D6D6D; /*font-weight: bold;*/ text-align: right; line-height: 12pt; } .sub-Info01 { /*그리드 설정에 대한 타이틀*/ padding: 3px 5px 1px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #6D6D6D; /*font-weight: bold;*/ text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } /* -------------------------------------------------------------------------------------- */ /* =MainButton Style -------------------------------------------------------------------------------------- */ .main-btn-boxLeft01 { background: url(/common/images/resources/button/btn_mainBox_left01.gif) no-repeat left; width:9px; } .main-btn-boxBg01 { padding: 2px 0px 2px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/button/btn_mainBox_bg01.gif); height: 38px; font-size: 9pt; color: #000000; /*font-weight: bold;*/ text-align: right; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } .main-btn-boxRight01 { background: url(/common/images/resources/button/btn_mainBox_right01.gif) no-repeat right; width:9px; } .main-btn-left01 { background: url(/common/images/resources/button/btn_mainLeft01.gif) no-repeat right; width:18px; } .main-btn-bg01 { padding: 2px 0px 2px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/button/btn_mainBg01.gif); height: 23px; font-size: 8pt; color: #ffffcb; /*font-weight: bold;*/ text-align: center; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .main-btn-right01 { background: url(/common/images/resources/button/btn_mainRight01.gif) no-repeat right; width:12px; } /* -------------------------------------------------------------------------------------- */ /* =SubButton Style -------------------------------------------------------------------------------------- */ .sub-btn-left01 { background: url(/common/images/resources/button/btn_subLeft01.gif) no-repeat right; width:10px; } .sub-btn-bg01 { padding: 4px 0px 1px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/button/btn_subBg01.gif); height: 18px; font-size: 8pt; color: #ffffff; /*font-weight: bold;*/ text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .sub-btn-right01 { background: url(/common/images/resources/button/btn_subRight01.gif) no-repeat right; width:6px; } /* -------------------------------------------------------------------------------------- */ /* =OthereButton Style -------------------------------------------------------------------------------------- */ .oth-btn-left01 { background: url(/common/images/resources/button/btn_othLeft01.gif) no-repeat right; width:8px; } .oth-btn-bg01 { padding: 4px 0px 1px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/button/btn_othBg01.gif); height: 19px; font-size: 8pt; color: #526090; /*font-weight: bold;*/ text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .oth-btn-right01 { background: url(/common/images/resources/button/btn_othRight01.gif) no-repeat right; width:5px; } .oth-btn-leftBg02 { padding: 8px 6px 4px 8px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/button/btn_subLeft_bg02.gif) no-repeat left; height: 21px; font-size: 9pt; color: #ffffff; /*font-weight: bold;*/ text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .oth-btn-right02 { background: url(/common/images/resources/button/btn_subRight02.gif) no-repeat right; width:2px; } .oth-btn-basicOff03 { padding: 2px 6px 2px 6px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background-color: #ffffff; height: 18px; font-size: 8pt; color: #6b7ebf; /*font-weight: bold;*/ text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .oth-btn-basicOn03 { padding: 2px 6px 2px 6px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background-color: #6b7ebf; height: 18px; font-size: 8pt; color: #ffffff; font-weight: bold; text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; } /* -------------------------------------------------------------------------------------- */ /* =InputBox Style -------------------------------------------------------------------------------------- */ .inputWrite-text01 { font-family: 돋움, Dotum, Arial; color: #656264; font: 9pt; color: #333333; background-color: #ffffff; margin: 1; margin-left: 4; padding-right: 1px; padding-top: 3px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: bcbcbc; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #bcbcbc; width: 100%; height: 21px; } .inputView-text01 { font-family: 돋움, Dotum, Arial; border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 1; margin-left: 4; padding-right: 2px; padding-top: 3px; padding-bottom: 1px; padding-left: 0px; background-color: #ffffff; font-size: 9pt; color: #808080; width: 100%; height: 21px; } .inputView-text02 { font-family: 돋움, Dotum, Arial; border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 1; margin-left: 4; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #ffffff; font-size: 9pt; color: #808080; width: 100%; height: 21px; } .inputReadOnly-text01 { font-family: 돋움, Dotum, Arial; border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 1; margin-left: 4; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; background:#f4f4f4; font-size: 9pt; color: #808080; width: 100%; height: 21px; } .inputSearch-text01 { /* FAQ 검색 창 */ font-family: 돋움, Dotum, Arial; font: 9pt; color: #41519a; background-color: #ffffff; font-weight: bold; margin: 1; margin-left: 4; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 8px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: bcbcbc; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #bcbcbc; width: 100%; height: 21px; } .input_text01 { /* 입력관련 기본 텍스트 */ padding: 5px 5px 5px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #686767; vertical-align:middle; word-spacing: 0pt; letter-spacing: 0pt; } .input_text02 { /* 입력관련 기본 텍스트 */ padding: 10px 0px 5px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #686767; vertical-align:middle; word-spacing: 0pt; letter-spacing: 0pt; } .input_text02 SPAN { /* 입력관련 기본 텍스트 */ padding: 10px 0px 5px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #686767; vertical-align:middle; word-spacing: 0pt; letter-spacing: 0pt; } /* -------------------------------------------------------------------------------------- */ /* =테이블 라인 및 여백 Style -------------------------------------------------------------------------------------- */ .border-line { margin: 2; /*테이블과 테이블의 여백*/ border-collapse: collapse; /*border-color: #e0e0e0;*/ border-right: #e0e0e0 1px solid; border-top: #e0e0e0 1px solid; border-left: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid; } /* -------------------------------------------------------------------------------------- */ /* =Table Box Title Style -------------------------------------------------------------------------------------- */ .tableBox-stit01 { /* 입력 타이틀 수평(왼쪽~오른쪽)일 경우*/ padding: 6px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #000000; background-color: #f5f5f5; /*font-weight: bold;*/ text-align: left; /*vertical-align: top;*/ word-spacing: 0pt; letter-spacing: 0pt; width: 100px; height: 24px; white-space:nowrap; } .tableBox-indi-stit01 { /* 필수입력 타이틀 수평(왼쪽~오른쪽)일 경우*/ padding: 6px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #000000; background: #f5f5f5 url(/common/images/resources/ico/indi_ico01.gif) no-repeat top left; /*font-weight: bold;*/ text-align: left; /*vertical-align: top;*/ word-spacing: 0pt; letter-spacing: 0pt; width: 100px; height: 24px; white-space:nowrap; } .tableBox-stitH01 { /* 입력 타이틀 수직(위~아래)일 경우 */ padding: 6px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #000000; background-color: #f5f5f5; /*font-weight: bold;*/ text-align: center; /*vertical-align: top;*/ word-spacing: 0pt; letter-spacing: 0pt; height: 24px; white-space:nowrap; } .tableBox-indi-stitH01 { /* 필수입력 타이틀 수직(위~아래)일 경우 */ padding: 6px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #000000; background: #f5f5f5 url(/common/images/resources/ico/indi_ico01.gif) no-repeat top left; /*font-weight: bold;*/ text-align: center; /*vertical-align: top;*/ word-spacing: 0pt; letter-spacing: 0pt; height: 24px; white-space:nowrap; } .tableBox-stit02 { /* 녹색-입력 타이틀 */ padding: 6px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #000000; background-color: #eaf2ef; /*font-weight: bold;*/ text-align: left; /*vertical-align: top;*/ word-spacing: 0pt; letter-spacing: -1pt; width: 100px; height: 26px; white-space:nowrap; } .tableBox-indi-stit02 { /* 녹색-필수입력 타이틀 */ padding: 6px 4px 2px 10px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #000000; background: #eaf2ef url(/common/images/resources/ico/indi_ico01.gif) no-repeat top left; /*font-weight: bold;*/ text-align: left; /*vertical-align: top;*/ word-spacing: 0pt; letter-spacing: -1pt; width: 100px; height: 20px; white-space:nowrap; } /* -------------------------------------------------------------------------------------- */ /* =Aqua Box 및 Title Style -------------------------------------------------------------------------------------- */ .aquaBox-tit01 { padding: 2px 4px 2px 8px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #000000; text-align: left; vertical-align: middle; word-spacing: 0pt; letter-spacing: -1pt; height: 17px; cursor:hand } #aquaBox01 { margin-top: 4px; margin-bottom: 4px; } .aquaBox-null01 { padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 0px; float: left; } .listup { width:15px; height:5px; margin:0 0 5px 0; padding:0; border:none; background:transparent; text-align:center; font-family:돋움; font-weight:bold; cursor:pointer; } .listdown { width:15px; height:5px; margin:0 0 5px 0; padding:0; border:none; background:transparent; text-align:center; font-family:돋움; font-weight:bold; cursor:pointer; filter:progid:DXImageTransform.Microsoft.BasicImage(Rotation = 2) } /* --- Box 이미지 Style --- */ .aquaBox-top01 { padding: 7px 4px 2px 4px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/box/aqua_top_leftBg_box01.gif) no-repeat top left; vertical-align: top; text-align: left; height: 27px; } .aquaBox-topRight01 { background: url(/common/images/resources/box/aqua_top_right_box01.gif) no-repeat top left; width: 6px; height: 27px; } .aquaBox-bg01 { background: url(/common/images/resources/box/aqua_bg_leftBg_box01.gif) top left; vertical-align: top; text-align: left; } .aquaBox-bgRight01 { background: url(/common/images/resources/box/aqua_bg_right_box01.gif) top left; width: 6px; } .aquaBox-bottom01 { background: url(/common/images/resources/box/aqua_bottom_leftBg_box01.gif) top left; height: 7px; } .aquaBox-bottomRight01 { background: url(/common/images/resources/box/aqua_bottom_right_box01.gif) no-repeat top left; width: 6px; height: 7px; } /* ----------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =Textare Style -------------------------------------------------------------------------------------- */ .textareaWrite-text01 { margin: 1px; margin-left: 4; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 9pt; color: #333333; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: bcbcbc; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #bcbcbc; width: 100%; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-arrow-color: #cccccc; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; } .textareaView-text01 { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; margin: 1px; margin-left: 4; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 9pt; color: #333333; width: 100%; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-arrow-color: #cccccc; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; } .textareaReadOnly-text01 { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; margin: 1px; margin-left: 4; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 9pt; color: #949393; width: 100%; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-arrow-color: #cccccc; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; } /* -------------------------------------------------------------------------------------- */ /* =DIV Style (textarea형식의 DIV) -------------------------------------------------------------------------------------- */ .divWrite-text01 { margin: 1px; margin-left: 4; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 9pt; color: #333333; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: bcbcbc; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #bcbcbc; width: 100%; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-arrow-color: #cccccc; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; } .divView-text01 { scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-arrow-color: #cccccc; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; } .divReadOnly-text01 { width: 100%; height: 100%; overflow: auto; border:1px solid #49acda; font-family: 돋움,Dotum; font-size: 9pt; padding: 5px; margin-bottom: 5px; color: #666666; FONT-WEIGHT: normal; text-align: left; background-color: #ffffff; border-color: #E6E6E6; line-height: 13pt; word-wrap:break-word; word-break:break-all; scrollbar-highlight-color: #cccccc; scrollbar-shadow-color: #cccccc; scrollbar-arrow-color: #cccccc; scrollbar-face-color: #ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-track-color: #ffffff; } /* -------------------------------------------------------------------------------------- */ /* =selectBox Style -------------------------------------------------------------------------------------- */ .selectWrite-text01 { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; margin: 2px; margin-left: 4; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 9pt; color: #000000; height: 22px; } .selectView-text01 { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; margin: 2px; margin-left: 4px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 8pt; color: #333333; } .selectReadOnly-text01 { border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; border-bottom: #cccccc 1px solid; margin: 2px; margin-left: 4px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 8pt; color: #949393; } .select-object01 { /*SelectBox 오브젝트 기본 적용*/ font-family : 돋움, Dotum, Arial; font-size: 8pt; color: #333333; word-spacing: 0pt; letter-spacing: -1pt; margin: 2; margin-left: 4px; } /* -------------------------------------------------------------------------------------- */ /* =Radio/CheckBox Style -------------------------------------------------------------------------------------- */ .radioCheck-basic01 { /*체크및라디오 기본 적용*/ border-right: #ffffff 0px solid; border-top: #ffffff 0px solid; border-left: #ffffff 0px solid; border-bottom: #ffffff 0px solid; } .radioCheck-td01 { /*체크및라디오 텍스트를 위해 TD에 적용*/ margin: 2px; margin-left: 4; font-size: 8pt; color: #333333; word-spacing: 0pt; letter-spacing: -1pt; } /* -------------------------------------------------------------------------------------- */ /* =Tree Style -------------------------------------------------------------------------------------- */ .tree-basic01 { /*체크및라디오 기본 적용*/ font-family: 돋움, Dotum, Arial; margin: 2px; margin-left: 4; font-size: 8pt; color: #32353e; word-spacing: 0pt; letter-spacing: -1pt; } .tree-object01 { /*트리 오브젝트 기본 적용*/ font-family : 돋움, Dotum, Arial; font-size:8pt; word-spacing: 0pt; letter-spacing: -1pt; margin: 2; } /* -------------------------------------------------------------------------------------- */ /* =Grid Style -------------------------------------------------------------------------------------- */ .grid-object01 { /*트리 오브젝트 기본 적용*/ font-family : 돋움, Dotum, Arial; font-size:8pt; } /* -------------------------------------------------------------------------------------- */ /* =date Style -------------------------------------------------------------------------------------- */ .dateWrite-text01 { color: #656264; font: 8pt; color: #333333; background-color: #ffffff; margin: 2; margin-left: 4; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: bcbcbc; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #bcbcbc; width: 80px; height: 18px; text-align: center; } .dateView-text01 { border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 2; margin-left: 4; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; background-color: #ffffff; font-size: 9pt; color: #808080; width: 80px; height: 18px; } .dateReadOnly-text01 { border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 2; margin-left: 4; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; background:#f4f4f4; font-size: 9pt; color: #808080; width: 100%; height: 18px; } .dateWrite-text02 { /* 년도 입력시 사용 */ color: #656264; font: 8pt; color: #333333; background-color: #ffffff; margin: 2; margin-left: 4; padding-right: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: bcbcbc; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #bcbcbc; width: 40px; height: 18px; text-align: center; } .dateView-text02 { /* 년도 입력시 사용 */ border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 2; margin-left: 4; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; background-color: #ffffff; font-size: 9pt; color: #808080; width: 40px; height: 18px; } .dateReadOnly-text02 { /* 년도 입력시 사용 */ border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 2; margin-left: 4; padding-right: 2px; padding-top: 1px; padding-bottom: 1px; padding-left: 5px; background:#f4f4f4; font-size: 9pt; color: #808080; width: 100%; height: 18px; } .date-text01 { /* "~" 적용*/ margin: 6; font-size: 8pt; color: #808080; } .dateIco-img01 { margin: 2; cursor:hand } /* -------------------------------------------------------------------------------------- */ /* =Number Input Style -------------------------------------------------------------------------------------- */ .numberWrite-text01 { color: #656264; font: 8pt; color: #333333; background-color: #ffffff; margin: 1; margin-left: 4; margin-right: 5; padding-right: 1px; padding-top:3px; padding-bottom:1px; padding-left:5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: bcbcbc; border-right-color: #e3e3e3; border-bottom-color: #e3e3e3; border-left-color: #bcbcbc; width: 100%; height: 18px; text-align: left; vertical-align:middle; } .numberView-text01 { border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 2; margin-left: 4; padding-right: 2px; padding-top: 4px; padding-bottom: 1px; padding-left: 5px; background-color: #ffffff; font-size: 8pt; color: #808080; width: 100%; height: 18px; } .numberReadOnly-text01 { border-right: #FFFFFF 1px solid; border-top: #FFFFFF 1px solid; border-left: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; margin: 2; margin-left: 4; padding-right: 2px; padding-top: 4px; padding-bottom: 1px; padding-left: 5px; background:#f4f4f4; font-size: 8pt; color: #808080; width: 100%; height: 18px; } /* -------------------------------------------------------------------------------------- */ /* =Search Style -------------------------------------------------------------------------------------- */ .search-text01 { /* 검색결과 기본택스트 */ padding: 2px 2px 2px 4px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #686767; word-spacing: 0pt; letter-spacing: -1pt; } .search-text02 { /* 검색결과 주로 그리드 위에 넣을때 사용 */ padding: 2px 2px 2px 20px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/search/ico_search_img01.gif) no-repeat top left; font-size: 9pt; color: #686767; word-spacing: 0pt; letter-spacing: -1pt; } .search-text01 SPAN { /* "총 0 / 00건" 주황색 표현 */ color: #fe5502; } .search-text02 SPAN { /* "총 0 / 00건" 주황색 표현 */ color: #fe5502; } /* -------------------------------------------------------------------------------------- */ /* =Tip Style -------------------------------------------------------------------------------------- */ #tipBox01 { margin: 2px; } .tipBox01 { border-right: #e9e9e9 1px solid; border-top: #e9e9e9 1px solid; border-left: #e9e9e9 1px solid; border-bottom: #e9e9e9 1px solid; border-collapse: collapse; padding-right: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; background: #f5f5f5; font-size: 9pt; color: #333333; word-spacing: 0pt; letter-spacing: -1pt; } .tipBox02 { border-right: #cbcbcb 1px solid; border-top: #cbcbcb 1px solid; border-left: #cbcbcb 1px solid; border-bottom: #cbcbcb 1px solid; border-collapse: collapse; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; background: #ffffff; font-size: 9pt; color: #333333; word-spacing: 0pt; letter-spacing: -1pt; } .tipBox02 SPAN { /* "Tip 타이틀 "궁금증해결TIP" */ color: #363636; } .tipBox03 { padding: 2px 4px 2px 4px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #737373; line-height: 18pt; word-spacing: 0pt; letter-spacing: -1pt; } .tipBox03 SPAN { /* "중요포인트 사용" */ padding: 2px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ color: #000000; } /* -------------------------------------------------------------------------------------- */ /* =board List Style -------------------------------------------------------------------------------------- */ /* --- Box 이미지 Style --- */ .board-btn-leftBg01 { padding: 3px 3px 3px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/board/board_btn_leftBg01.gif) no-repeat top left; height: 19px; font-size: 8pt; color: #ffffff; /*font-weight: bold;*/ text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .board-btn-right01 { background: url(/common/images/resources/board/board_btn_right01.gif) no-repeat top left; width:4px; } /* --- 상단 전체 건수 및 페이지 표시 Style --- */ .board-text-TopRight01 { padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ height: 19px; font-size: 9pt; color: #3f3f3f; /*font-weight: bold;*/ text-align: right; vertical-align:middle; } /* --- 상단 게시판 타이틀 Style --- */ .board-listTit-left01 { background: url(/common/images/resources/board/board_list_titBar_left01.gif) no-repeat top left; width:4px; height: 27px; } .board-listTit-bg01 { padding: 2px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/board/board_list_titBar_bg01.gif) top left; vertical-align:middle; } .board-listTit-right01 { background: url(/common/images/resources/board/board_list_titBar_right01.gif) no-repeat top left; width:4px; } .board-listTit-text01 { padding: 3px 3px 3px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #4b5361; font-weight: bold; text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; } .board-listTit-text02 { padding: 0px 3px 0px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #4b5361; font-weight: bold; text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; } /* --- FAQ 게시판 텍스트 Style --- */ .faq-board-text01 { /* FAQ 텍스트 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: #e2f0ff; font-family: 굴림,Dotum; height: 23px; font-size: 8pt; color: #212121; /*font-weight: bold;*/ text-align: left; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; } .faq-board-view01 { /* FAQ 텍스트 질문 */ padding: 6px 3px 5px 36px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/resources/faq/faq_view_q_kor01.gif) no-repeat top left; font-family: 굴림,Dotum; height: 23px; font-size: 9pt; color: #212121; font-weight: bold; text-align: left; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; } .faq-board-view02 { /* FAQ 텍스트 답변 */ font-family: 굴림,Dotum; font-size: 9pt; color: #757575; text-align: left; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; line-height: 14pt; } /* --- 게시판 텍스트 Style --- */ .board-num01 { /* 숫자 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; height: 26px; font-size: 8pt; color: #aaaaaa; /*font-weight: bold;*/ text-align: center; vertical-align:middle; } .board-num-hit01 { /* 숫자 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; height: 26px; font-size: 8pt; color: #726a63; /*font-weight: bold;*/ text-align: center; vertical-align:middle; } .board-num-file01 { /* 숫자 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; height: 26px; font-size: 8pt; color: #726a63; /*font-weight: bold;*/ text-align: right; vertical-align:middle; } .board-text01 { /* 회사명 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; height: 26px; font-size: 8pt; color: #000000; /*font-weight: bold;*/ text-align: center; vertical-align:middle; } .board-text02 { /* 회사명 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; height: 26px; font-size: 9pt; color: #000000; /*font-weight: bold;*/ text-align: center; vertical-align:middle; } /* --- 게시판 링크Style --- */ a.board_linkTit01:link, a.board_linkTit01:visited, a.board_linkTit01:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 9pt; color: #000000; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.board_linkTit01:hover { text-decoration: underline; } .board_linkName01 { /*사용자설정 예)관리자 */ font-family: 굴림,Dotum; font-size: 9pt; color: #4c8447; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.board_linkName01:link, a.board_linkName01:visited, a.board_linkName01:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 9pt; color: #4c8447; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.board_linkName01:hover { text-decoration: underline; } .board-link-null01 { /* 링크 공간 */ font-family: 굴림,Dotum; padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; /*font-weight: bold;*/ vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; } /* --- 게시판 페이지 카운트 Style --- */ .board-count-null01 { /* 링크 공간 */ padding: 3px 2px 3px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 8pt; /*font-weight: bold;*/ text-align: center; vertical-align:middle; } .board-count-select01 { /* 카운트 선택 공간 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 8pt; color: #fb6420; font-weight: bold; text-align: center; vertical-align:middle; } a.board-countLink01:link, a.board-countLink01:visited, a.board-countLink01:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 8pt; color: #3f3f3f; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.board-countLink01:hover { text-decoration: underline; } /* --- 전체공지 Style --- */ .board-allNotice-table01 { /* 카운트 선택 공간 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ text-align: center; font-family: 굴림,Dotum; vertical-align:top; } /* --- 보기 Style --- */ .board-view-table01 { /* 내용보기 테이블 */ font-family: 굴림,Dotum; padding: 8px 8px 8px 8px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: #ffffff; color: #3f3f3f; font-size: 9pt; text-align: left; vertical-align:top; line-height: 14pt; } .board-view-tit01 { /* 보기 타이틀 */ font-family: 굴림,Dotum; padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; text-align: left; color: #000000; font-weight: bold; word-spacing: -1pt; letter-spacing: 0pt; } .board-view-next01 { /* 다음/이전글 보기 */ font-family: 굴림,Dotum; padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: #f7f4ef; font-size: 9pt; text-align: left; color: #383a41; font-weight: bold; word-spacing: -1pt; letter-spacing: 0pt; } /* --- 첨부 Style --- */ .board-file-topTit01 { /* 파일첨부 상단 타이틀 */ padding: 5px 3px 5px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: #0f2176; color: #FFFFFF; font-size: 8pt; text-align: center; } a.board-fileLink01:link, a.board-fileLink01:visited, a.board-fileLink01:hover { /*링크*/ font-size: 8pt; color: #000000; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.board-fileLink01:hover { text-decoration: underline; } .board-group01 { /* 분류 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ height: 26px; font-size: 9pt; color: #07ABB4; font-weight: bold; text-align: center; vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; } a:link, a:visited, a:hover { /*기본 전체 링크*/ font-size: 9pt; color: #117f02; text-decoration: none; word-spacing: 0pt; letter-spacing: 0pt; } /* -------------------------------------------------------------------------------------- */ div.box { border-right: #dbdbdb 1px solid; border-top: #dbdbdb 1px solid; border-left: #dbdbdb 1px solid; border-bottom: #dbdbdb 1px solid; background: #fcfcf9; margin: 0px 0px 5px; winth: 714px; height: 225px; font-size: 9pt; color: #707070; } .scrollA_01 { overflow-y: auto; scrollbar-face-color: #f0f0f0; scrollbar-highlight-color: #f0f0f0; scrollbar-shadow-color: #a69886; scrollbar-3dlight-color: #ffffff; scrollbar-arrow-color: #414141; scrollbar-track-color: #f5f5f5; scrollbar-darkshadow-color: #f0f0f0; }