/*
* ##### BASIC.CSS #####
* 테이블 속성을 제외한 공통 스타일
* 1.window scrollbar에 대한 Style 정의
* 2.TEXT
* 3.LINK
* 4.Popup
* 5.Tab
* 6.Page navigation
* 7.TABLE
*/
/*
* 1.window scrollbar에 대한 Style 정의
*/
BODY {
scrollbar-face-color: #F6F6F6;
scrollbar-shadow-color: #AEAEAE;
scrollbar-highlight-color: #AEAEAE;
scrollbar-3dlight-color: #F6F6F6;
scrollbar-darkshadow-color: #F6F6F6;
scrollbar-track-color: #F6F6F6;
scrollbar-arrow-color: #AEAEAE;
}
/*
* 2.TEXT
*/
.BscIndigo{line-height: 18px; color: #143679; font-size:9pt; font-weight:bold; font-family:"굴림"; text-decoration: none}
.BscTree {line-height: 14px; color: #000000; font-size:9pt; font-family:"굴림"; text-decoration: none}
.BscTopLogout {line-height: 18px; color: #222222; font-size:8pt; font-family:arial; text-decoration: none}
.BscTopUser {line-height: 18px; color: #222222; font-size:9pt; font-family:"굴림"; text-decoration: none}
.BscWhite{line-height: 13px; color: white; font-size:8pt; font-family:"굴림"; text-decoration: none}
.BscLeftWhite{line-height: 13px; color: white; font-size:8pt; font-family:"굴림"; text-decoration: none}
.BscLeftWhite2{line-height: 18px; color: white; font-size:9pt; font-weight:bold; font-family:"굴림"; text-decoration: none}
.BscUnLinkableTreeNodeFont { color: #818181; font-family: "굴림"; font-size: 9pt; }
/*
* 3.LINK
*/
A:link {color:#0058c5;font-size:9pt;text-decoration:none;}
A:visited {color:#0058c5;font-size:9pt;text-decoration:none;}
A:active {color:#0058c5;font-size:9pt;text-decoration:none;}
A:hover {color:#00A3D2;font-size:9pt;text-decoration:none;}
a.Table:link{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Table:visited{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Table:active{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Table:hover{ color:#00A3D2; text-decoration:none; font-size: 9pt;}
a.Table_BK:link{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Table_BK:visited{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Table_BK:active{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Table_BK:hover{ color:#00A3D2; text-decoration:none; font-size: 9pt;}
a.Admin:link{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Admin:visited{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Admin:active{ color:#0058c5; text-decoration:none; font-size: 9pt;}
a.Admin:hover{ color:#00A3D2; text-decoration:none; font-size: 9pt;}
/* Upgrade site 일 경우 기존 양식이 최대한 자연스럽게 나와야 하므로 어쩔수 없이 넣아둔다 . jlimap */
#THS {background-color:#ececec; color:black; text-align:center; font-size: 9pt; height: 24px;}
#TFS {background-color:white; color:black; font-size: 9pt; height: 24px;}
.BscFont { color: #4b4b4b; font-family: "굴림"; font-size: 9pt; }
.MenuFont { font-family: "굴림"; font-size: 8pt; color: #005dcf; }
.BscFontBold { color: #4b4b4b; font-size: 9pt; font-family: "굴림"; font-weight: bold; }
/* 2003.04.29 국통사 요구사항 IME-MODE: ACTIVE -> IE 전용 스타일 (무조건 한글 우선) */
input { color:black; font-family:"굴림"; font-size:9pt; IME-MODE: ACTIVE; }
select { color:black; font-family:"굴림"; font-size:9pt; }
body { color:black; background-color:white; font-family:"굴림"; font-size:9pt; }
body.MainMenu { margin-top:0px; margin-left:7px; margin-bottom:0px; font-size:9pt; }
body.MainBody { margin-top:0px; margin-left:7px; margin-right:30px; margin-bottom:0px; font-size:9pt; }
body.SubMenu { margin-top:0px; margin-left:7px; margin-right:0px; margin-bottom:0px; vertical-align: top; font-size:9pt; }
body.WorkArea { margin-top:0px; margin-left:0px; font-size:9pt; font-family:"굴림"; }
/*
* 4.Popup
*/
body.Pu { margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:20px; font-size:9pt; font-family:"굴림"; }
body.PuTtl { margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; font-size:9pt; font-family:"굴림"; }
body.PuTab { margin-top:10px; margin-left:18px; margin-right:0px; margin-bottom:0px; font-size:9pt; font-family:"굴림"; }
body.PuList { margin-top:0px; margin-left:18px; margin-right:0px; margin-bottom:0px; font-size:9pt; font-family:"굴림"; }
body.PuBody { margin-top:10px; margin-left:10px; margin-right:0px; margin-bottom:20px; font-size:9pt; font-family:"굴림"; }
/*
* 5.Tab
* TabHead, Tab, TabOverlap, TabTail, TabEmpty, TabRightEnd는 td의 attribute를 반드시 nowrap으로 해야한다
*/
/*
* Tab의 머리 부분-활성 를 넣지 말것
* ex) |
*/
td.TabHeadLeftOn
{
background-image: url(/img/TAB_LEFT_ACTIVE.GIF);
background-repeat: no-repeat;
font-size: 1px;
text-align: center;
height: 25px;
width: 4px;
border-style: none;
}
td.TabHeadRightOn
{
background-image: url(/img/TAB_RIGHT_ACTIVE.GIF);
background-repeat: no-repeat;
font-size: 1px;
text-align: center;
height: 25px;
width: 4px;
border-style: none;
}
/* Tab의 머리 부분-비활성
* 를 넣지 말것
* ex) |
*/
td.TabHeadLeftOff
{
background-image: url(/img/TAB_LEFT.GIF);
background-repeat: no-repeat;
font-size: 1px;
text-align: center;
height: 25px;
width: 4px;
border-style: none;
}
td.TabHeadRightOff
{
background-image: url(/img/TAB_RIGHT.GIF);
background-repeat: no-repeat;
font-size: 1px;
text-align: center;
height: 25px;
width: 4px;
border-style: none;
}
/* 선택된 Tab Item */
td.TabOn { background-color: #C8DEF1; font-weight: bold; font-size: 9pt; font-family:'굴림'; text-align: center; height: 25px; border-style: none; }
/* 선택되지 않은 Tab Item */
td.TabOff { background-color: #ECECEC; font-weight: bold; font-size: 9pt; font-family:'굴림'; text-align: center; height: 25px; border-style: none; }
a.Tab:link { color: #000000; text-decoration: none; }
a.Tab:active { color: #000000; text-decoration: none; }
a.Tab:visited { color: #000000; text-decoration: none; }
/*
* 6.Page navigation
*/
a.PageCrnt { color: #4b4b4b; font-size: 10pt; font-family: Arial; font-weight: bold; }
a.Page { color:#4b4b4b; font-size: 10pt; text-decoration: none; }
a.Page:link { color:#4b4b4b; font-size: 10pt; text-decoration: none; }
a.Page:active { font-size: 10pt; text-decoration: none; }
a.Page:visited { font-size: 10pt; text-decoration: none; }
a.Page:hover { font-size: 10pt; color: #00a3d2; text-decoration: none; }
/*
* 7.TABLE
* 공통 테이블 스타일 모음
*/
/* 1.Popup상단장식 */
td.PopupTop
{
color: #ffffff;
font-size: 12pt;
font-family: "굴림";
font-weight: bold;
background: url(/img/POPUPBG.GIF);
height: 29px;
}
table,th,td { font-family:"굴림"; }
th.Bsc
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-style: solid none none none;
border-color: #ececec;
border-width: 1px;
text-align: center;
}
th.BscLeft
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-style: solid none none none;
border-color: #ececec;
border-width: 1px;
text-align: left;
}
th.BscRght
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-style: solid none none none;
border-color: #ececec;
border-width: 1px;
text-align: right;
}
/* 맨 앞의 Basic */
th.BscHead
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
font-weight: normal;
height: 24px;
border-style: none none none solid;
border-color: #ffffff;
border-width: 1px;
text-align: left;
}
/* th.BscHead -> td.BscHead
* (plain & left align & gray backgroud)
* 상단에 메인 header 가 있고 서브 header 를 왼쪽에 나열할때 사용한다.
* 헤더태그(th)가 아니지만 헤더 효과를 낼때 사용한다.
*/
td.BscHead
{
color: #4b4b4b;
background-color: #ececec;
font-weight: normal;
font-size: 9pt;
height: 24px;
border-style: none none none solid;
border-color: #ffffff;
border-width: 1px;
text-align: left;
}
/* BasicHead + BorderBottom */
th.BscHeadBdrBtm
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-color: #ffffff;
border-bottom-color: #c6c6c6;
border-style: solid none solid solid;
border-width: 1px;
}
/* Basic + BorderBottom */
th.BscBdrBtm
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-color: #c6c6c6;
border-top-color: #ffffff;
border-style: solid none solid none;
border-width: 1px;
}
th.WS
{
color: #4b4b4b;
font-size: 9pt;
height: 24px;
border-style: none;
border-width: 0px;
text-align: center;
}
/* 3D처리가 안된 Basic */
th.Dark
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-style: none;
border-width: 0px;
text-align: center;
}
/* 3D처리가 안된 Basic */
th.DarkLeft
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-style: none;
border-width: 0px;
text-align: left;
}
/*
* TH 태그에 사용하는 보더스타일 : 기본적으로 보더가 있음.
* 보더를 없애야 하는 부분은 소스에서 아래처럼 따로 보더스타일을 줄 것.
* ex) style='border-style: solid none none none;'
* (상단, 우측, 하단, 좌측) 의 순서임
* 현재 4면 -> 3면으로 수정 border-style: none solid solid solid;
*/
th.BoxBdr
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
text-align: center;
font-family: "굴림";
text-align: center;
border-color: #c6c6c6;
border-style: none solid solid solid;
border-width: 1px;
}
/*
* 위의 스타일을 왼쪽, 가운데, 오른쪽 TH로 할 수 있도록 한 것.
*/
th.BoxBdrLeft
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
text-align: center;
font-family: "굴림";
text-align: center;
border-color: #c6c6c6;
border-style: none none solid solid;
border-width: 1px;
}
th.BoxBdrCenter
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
text-align: left;
font-family: "굴림";
border-color: #c6c6c6;
border-style: none none solid none;
border-width: 1px;
}
th.BoxBdrRight
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
text-align: center;
font-family: "굴림";
text-align: center;
border-color: #c6c6c6;
border-style: none solid solid none;
border-width: 1px;
}
/* 상하좌우 border 있음 : 상단 이미지 장식 없는 테이블 헤더 부분에 사용 */
th.BoxBdrAll
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
font-family: "굴림";
text-align: center;
border-color: #c6c6c6;
border-style: solid;
border-width: 1px;
}
th.BoxBdrAllLeft
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
font-family: "굴림";
text-align: center;
border-color: #c6c6c6;
border-style: solid none solid solid;;
border-width: 1px;
}
th.BoxBdrAllCenter
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
font-family: "굴림";
text-align: left;
border-color: #c6c6c6;
border-style: solid none solid none;;
border-width: 1px;
}
th.BoxBdrAllRight
{
color: #4B4B4B;
background-color: #ececec;
font-size: 9pt;
font-family: "굴림";
text-align: center;
border-color: #c6c6c6;
border-style: solid solid solid none;;
border-width: 1px;
}
th.BoxBdrSmll
{
background-color: #ececec;
height: 10px;
font-size: 7px;
border-color: #c6c6c6;
border-style: none solid solid solid;
border-width: 1px;
}
th.BscNoBdr
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 23px;
border-style: none;
border-width: 0px;
}
/* 세로분리선이 들어간 것, 세로로된 헤더영역에 사용한다. Bold, Left - bold체도 left 정렬로 통일한다. */
th.VSHead
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
font-weight: bold;
height: 24px;
border-color: #ececec;
border-top-color: #ffffff;
border-style: solid none solid none;
border-width: 1px;
text-align: left;
}
th.VSHeadCtr
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
font-weight: bold;
height: 24px;
border-color: #ececec;
border-top-color: #ffffff;
border-style: solid none solid none;
border-width: 1px;
text-align: center;
}
/* 세로분리선이 들어간 것, 세로로된 헤더영역에 사용한다. Normal, Left */
th.VSSubHead
{
color: #4b4b4b;
background: #ececec;
font-size: 9pt;
font-weight: normal;
height: 24px;
border-color: #ececec;
border-top-color: #ffffff;
border-style: solid none solid none;
border-width: 1px;
text-align: left;
}
/* 테이블의 가로 헤더의 분리선이 들어 간것 */
th.HS
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-color: #ececec;
border-right-color: #ffffff;
border-style: none solid solid none;
border-width: 1px;
text-align: center;
}
/* Table Border */
/*
* TD 태그에 사용하는 보더스타일 : 기본적으로 보더가 있음.
* 보더를 없애야 하는 부분은 소스에서 아래처럼 따로 보더스타일을 줄 것.
* ex) style='border-style: solid none none none;'
* (상단, 우측, 하단, 좌측) 의 순서임
*/
td.BoxBdr
{
color: #4B4B4B;
background-color: #ffffff;
font-size: 9pt;
font-family: "굴림";
border-color: #c6c6c6;
border-style: solid;
border-width: 1px;
}
td.Bsc
{
color: #4B4B4B;
font-size: 9pt;
font-family: "굴림";
background-color: white;
height: 24px;
border-color: #ececec;
border-style: none none solid none;
border-width: 1px;
}
td.BscCntr
{
color: #4b4b4b;
background-color: white;
font-size: 9pt;
height: 24px;
border-color: #ececec;
border-style: none none solid none;
border-width: 1px;
text-align: center;
}
td.BscRght
{
color: #4B4B4B;
font-size: 9pt;
text-align: Right;
font-family: "굴림";
background-color: white;
height: 24px;
border-color: #ececec;
border-style: none none solid none;
border-width: 1px;
}
td.BscBG
{
color: #4b4b4b;
background-color: white;
font-size: 9pt;
height: 24px;
border-color: #ececec;
border-style: none none solid none;
background-color: #ececec;
border-width: 1px;
}
td.BscNoBdr
{
color: #4b4b4b;
background-color: white;
font-size: 9pt;
height: 23px;
border-style: none;
border-width: 0px;
}
td.BscCntrNoBdr
{
color: #4b4b4b;
background-color: white;
font-size: 9pt;
height: 23px;
border-style: none;
border-width: 0px;
text-align: center;
}
td.BscRghtBG
{
color: #4b4b4b;
background-color: white;
font-size: 9pt;
height: 24px;
border-color: #ececec;
border-style: none none solid none;
background-color: #ececec;
border-width: 1px;
text-align: Right;
}
/* td.basic에 오른쪽 속성 추가(하단보더없음)*/
td.BscRghtNoBdr
{
color: #4b4b4b;
background-color: white;
font-size: 9pt;
height: 24px;
border-style: none;
border-width: 0px;
text-align: Right;
}
td.WS
{
color: #4b4b4b;
font-size: 9pt;
height: 24px;
border-style: none;
border-width: 0px;
}
/* 3D처리가 안된 Basic */
td.Dark
{
color: #4b4b4b;
background-color: #ececec;
font-size: 9pt;
height: 24px;
border-style: none;
border-width: 0px;
}
td.Ttl { line-height: 31px; color: #868686; font-size:9pt; font-family:"굴림"; text-decoration: none ; text-align: right; vertical-align: bottom; }
td.TtlOnTop { font-family: "굴림"; font-size: 12pt; font-weight: bold; color: #000000; height: 31px; }
/* Main Menu - 주 메뉴 각 항목 */
td.MainMenu { background: white url(/img/TOPBG.GIF); }
td.MainMenuRghtEnd { background: white url(/img/TOPBG.GIF); text-align: right; }
/* 테이블 위 장식의 상단 영역 */
td.TblTop { width: 100%; height: 7px; font-size: 7px; background: white url(/img/TBL_TOP_BG.GIF) repeat-x; }
/* 이미지 없는 테이블 위 장식, 이미지 넣기 곤란한 곳에 TblTop대용으로 사용 */
td.TblTopNoImg { width: 100%; height: 7px; font-size: 7px; background-color: #9FBCD9; }
/* 테이블 아래 장식 */
td.Btm { border: none; width: 100%; height: 6px; font-size: 5px; background: white url(/img/TBL_BOTTOM_BG.GIF) repeat-x; }
/* Table Layout */
table.Layout { margin-left: 15px; }
/* Popup Windows에서 Layout */
table.LayoutPopup { margin-left: 18px; }
/* 기존 양식 호환용 TopLeft, TopMdl, TopRght */
td.TopLeft { width: 3px; height: 8px; font-size: 7px; text-align: left; background: white url(/img/TBL_TOP_BG.GIF) repeat-x; }
td.TopMdl { width: 100%; height: 8px; font-size: 7px; background: white url(/img/TBL_TOP_BG.GIF) repeat-x; }
td.TopRght { width: 2px; height: 8px; font-size: 7px; text-align: right; background: white url(/img/TBL_TOP_BG.GIF) repeat-x; }