/*=================================================================================================== 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: 5px; margin-bottom: 0px; background-color: #ffffff; font-family: 돋움, Dotum, Arial; font-size: 9pt; /* 폰트크기지정 */ color: #545454; text-align: left; line-height: 14pt; } .all_content_null01 { /* 기본 테이블와 테이블 사이 공간에 활용 */ padding-top: 4px; padding-bottom: 4px; } .all_content_null02 { /* 기본 테이블과 그리드 사이 공간에 활용 */ padding-bottom: 4px; } .txt_color01 { /* 글씨색상 설정 */ font-family: 돋움, Dotum, Arial; font-size: 8pt; color: #FB6420; vertical-align:middle; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } .txt_color02 { /* 글씨색상 설정 */ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #777777; vertical-align:middle; line-height: 12pt; } .txt_color02 SPAN { /* "Tip 타이틀 "궁금증해결TIP" */ color: #ff6f00; } .txt_color03 { /* 글씨색상 설정 */ padding: 5px 5px 5px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #777777; vertical-align:middle; line-height: 12pt; } .txt_color04 { /* 글씨색상 설정 */ font-family: 돋움, Dotum, Arial; font-size: 9pt; color: #333333; vertical-align:middle; line-height: 12pt; } .txt_color04 SPAN { /* "Tip 타이틀 "궁금증해결TIP" */ color: #ff6f00; } .all_popContent_null01 { /* 팝업 컨텐츠와 컨텐츠 사이 공간에 활용 */ padding-left: 4px; padding-right: 4px; padding-bottom: 4px; floa } .all_content_null01 { /* 기본 테이블와 테이블 사이 공간에 활용 */ padding-top: 4px; padding-bottom: 4px; } .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 -------------------------------------------------------------------------------------- */ .gnbTop-Menu01 { /*홈으로, 로그인, 사이트맵*/ padding: 2px 5px 2px 8px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #656565; text-align: right; vertical-align:middle; line-height: 12pt; height: 26px; } a.gnbTop-MenuLink01:link, a.gnbTop-MenuLink01:visited, a.gnbTop-MenuLink01:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 8pt; color: #656565; text-decoration: none; word-spacing: 0pt; letter-spacing: -1pt; } a.gnbTop-MenuLink01:hover { text-decoration: underline; } /* -------------------------------------------------------------------------------------- */ /* =LNB 기본 Style -------------------------------------------------------------------------------------- */ /* --- LNB Box 이미지 Style --- */ /* ----------------------------- */ /* --- LNB Info Style --- */ .lnb-date01{ padding: 6px 0px 2px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 8pt; color: #747474; text-align: left; } .lnb-info01{ /* 고객에게 인사말 */ padding: 2px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 9pt; color: #000000; text-align: center; word-spacing: 0pt; letter-spacing: -1pt; } .lnb-info02{ /* 회사명 */ padding: 4px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 9pt; color: #000000; text-align: left; word-spacing: 0pt; letter-spacing: -1pt; } .lnb-info03{ /* 에코시안 */ font-family: 굴림,Dotum; font-weight: bold; font-size: 9pt; color: #4f5ca2; text-align: left; word-spacing: 0pt; letter-spacing: -1pt; } .lnb-loginInput-text01 { color: #656264; font: 8pt; color: #333333; background-color: #ffffff; margin: 1; 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: #c1c1c1; border-right-color: #c1c1c1; border-bottom-color: #c1c1c1; border-left-color: #c1c1c1; height: 18px; } .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; } a.lnb-idSerch01:link, a.lnb-idSerch01:visited, a.lnb-idSerch01:hover { /*코드,아이디,비밀번호 찾기 링크*/ font-family: 굴림,Dotum; font-size: 8pt; color: #000000; text-decoration: none; word-spacing: 0pt; letter-spacing: -1pt; } a.lnb-idSerch01:hover { text-decoration: underline; } a.lnb-member01:link, a.lnb-member01:visited, a.lnb-member01:hover { /* 회원가입 링크*/ font-family: 굴림,Dotum; font-size: 8pt; color: #5e74e1; text-decoration: none; word-spacing: 0pt; letter-spacing: -1pt; } a.lnb-member01:hover { text-decoration: underline; } .lnb-idSerch-td01{ /* 아이디 패스워드 찾기 TD */ padding: 10px 0px 10px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; font-size: 8pt; text-align: center; color: #c6c6c6; } /* ----------------------------- */ /* --- LNB Sub Box 이미지 Style --- */ /* ----------------------------- */ /* --- 관련기관소개 Style --- */ .part-txt01 { padding: 5px 5px 5px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 10pt; color: #2d2d2d; font-weight: bold; text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } .part-txt02 { padding: 4px 5px 4px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #505050; /*font-weight: bold;*/ text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: 0pt; } .part-txt03 { padding: 5px 5px 5px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 9pt; color: #858585; /*font-weight: bold;*/ text-align: left; line-height: 12pt; word-spacing: 0pt; letter-spacing: 0pt; } /* ----------------------------- */ /* =CA Style -------------------------------------------------------------------------------------- */ /* --- CA Box 이미지 Style --- */ /* --- History 시작 --- */ .history-txt01 { padding: 0px 5px 10px 5px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #878787; /*font-weight: bold;*/ text-align: right; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } /* ----------------------------- */ /* --- CNB 4차 메뉴 Style --- */ /* ----------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =Tab Style -------------------------------------------------------------------------------------- */ .tab-left-on01 { background: url(/common/images/site/common/tab/tab_left_on.gif) no-repeat top left; width:4px; height: 22px; } .tab-bg-on01 { padding: 2px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/site/common/tab/tab_bg_on.gif) top left; vertical-align:middle; text-align: center; font-size: 9pt; color: #4576b8; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; } .tab-right-on01 { background: url(/common/images/site/common/tab/tab_right_on.gif) no-repeat top left; width:4px; } .tab-left-off01 { background: url(/common/images/site/common/tab/tab_left_off.gif) no-repeat top left; width:4px; height: 22px; } .tab-bg-off01 { padding: 2px 2px 2px 2px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/site/common/tab/tab_bg_off.gif) top left; vertical-align:middle; text-align: center; font-size: 9pt; color: #FFFFFF; line-height: 12pt; word-spacing: 0pt; letter-spacing: -1pt; cursor:hand } .tab-right-off01 { background: url(/common/images/site/common/tab/tab_right_off.gif) no-repeat top left; width:4px; } /* -------------------------------------------------------------------------------------- */ /* =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; } /* -------------------------------------------------------------------------------------- */ /* =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; } /* -------------------------------------------------------------------------------------- */ /* =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 { color: #656264; font: 11px ,verdana,arial; 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: c7c7c7; border-right-color: #c7c7c7; border-bottom-color: #c7c7c7; border-left-color: #c7c7c7; width: 100%; height: 20px; } .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; } .inputWrite-text02 { color: #656264; font: 11px ,verdana,arial; 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: c7c7c7; border-right-color: #c7c7c7; border-bottom-color: #c7c7c7; border-left-color: #c7c7c7; height: 20px; } /* -------------------------------------------------------------------------------------- */ /* =테이블 라인 및 여백 Style -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =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; } /* -------------------------------------------------------------------------------------- */ /* =Aqua Box 및 Title Style -------------------------------------------------------------------------------------- */ /* ----------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =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; } /* -------------------------------------------------------------------------------------- */ /* =selectBox Style -------------------------------------------------------------------------------------- */ .selectWrite-text01 { border-right: #c7c7c7 1px solid; border-top: #c7c7c7 1px solid; border-left: #c7c7c7 1px solid; border-bottom: #c7c7c7 1px solid; margin: 2px; margin-left: 4; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; font-size: 8pt; color: #333333; } /* -------------------------------------------------------------------------------------- */ /* =Radio/CheckBox Style -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =Tree Style -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =Grid Style -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =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; } /* -------------------------------------------------------------------------------------- */ /* =Search Style -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =Tip Style -------------------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------------------- */ /* =board List Style -------------------------------------------------------------------------------------- */ a.baord-listLink01:link, a.baord-listLink01:visited, a.baord-listLink01:hover { /*링크*/ font-family: 굴림,Dotum; font-size: 9pt; color: #6d6d6d; text-decoration: none; word-spacing: 0pt; letter-spacing: -1pt; } a.baord-listLink01:hover { text-decoration: underline; } .board-date01{ /* 게시판 날짜 */ font-family: 굴림,Dotum; font-size: 8pt; color: #aaaaaa; } /* --- Box 이미지 Style --- */ /* =board 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 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-size: 8pt; color: #4b5361; font-weight: bold; text-align: center; vertical-align:middle; word-spacing: 0pt; letter-spacing: -1pt; } /* --- 게시판 텍스트 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-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-num-file01 { /* 숫자 */ padding: 3px 3px 3px 3px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ font-family: 굴림,Dotum; height: 26px; font-size: 8pt; color: #726a63; /*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; } .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; } /* -------------------------------------------------------------------------------------- */ 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; } /* =Sitemap Style -------------------------------------------------------------------------------------- */ .sm-main-tit01 { padding: 5px 3px 3px 0px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ height: 26px; font-size: 11pt; color: #4247b3; font-weight: bold; /*text-align: center;*/ vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; } .sm-sub-tit01 { padding: 6px 3px 3px 20px; /*패딩위, 패딩오른쪽, 패딩아래, 패딩왼쪽*/ background: url(/common/images/site/sitemap/dot_01.gif) no-repeat top left; height: 22px; font-size: 9pt; color: #666666; /*text-align: center;*/ vertical-align:middle; word-spacing: -1pt; letter-spacing: 0pt; } a.sm-sub-titLink01:link, a.sm-sub-titLink01:visited, a.sm-sub-titLink01:hover { /*링크*/ font-size: 9pt; color: #666666; text-decoration: none; word-spacing: -1pt; letter-spacing: 0pt; } a.sm-sub-titLink01:hover { text-decoration: underline; } .select-object01 { /*SelectBox 오브젝트 기본 적용*/ font-family : 돋움, Dotum, Arial; font-size: 8pt; color: #333333; word-spacing: 0pt; letter-spacing: -1pt; margin: 2; margin-left: 4px; } /* -------------------------------------------------------------------------------------- */