@charset "euc-kr";
html{font-size:100%; font-family:"Tahoma", "Dotum", "Gulim", "AppleGothic", "Sans-serif";}
html,body,td,select,input,textarea{
padding:0;
font-family:Tahoma, 돋움;
/* font-size:12px; */
color:#444444;
line-height:160%;
}
a:link, a:visited {
color:#444444;
text-decoration:none;
font-family:Tahoma, 돋움;
}
a:hover,a:active {
color:#3872B2;
text-decoration:underline;
}
a.tinyViolet:link, a.tinyViolet:visited {
/* font-size:10px; */
color:#260E34;
text-decoration:none;
font-family:Tahoma, 돋움;
}
a.tinyViolet:hover,a.tinyViolet:active {
color:#F2F2F2;
text-decoration:none;
}
a.skyblue:link, a.skyblue:visited {
color:#44A8AF;
text-decoration:none;
font-family:Tahoma, 돋움;
}
a.skyblue:hover,a.skyblue:active {
color:#00818A;
text-decoration:none;
}
a.white:link, a.white:visited {
color:#FFFFFF;
text-decoration:none;
font-family:Tahoma, 돋움;
}
a.white:hover,a.white:active {
color:#44A8AF;
text-decoration:none;
}
body,form,h1,h2,h3,h4,h5,h6{margin:0;}
body{background-color:#ffffff; font:.75em; *font-size:small; *font:x-small;}
body{font-size:.75em;}
p{margin:5px 0 5px 0;}
H,H1,H2,H3{margin:5px 0 5px 0;}
/* form style */
input.ct{
background:url(/Images/uiComponent/icon_textfield_certain.gif) no-repeat top right;
padding-right:20px;
}
input.box{
height:17px;
}
input.box,textarea.box{
color:#444444;
/*font-size:0.7em;*/
padding-left:3px;
background-color:#fff;
border:1px inset #acacac;
}
textarea{
overflow-y:auto;
width:99%;
}
/* 모든 이미지에 border값 0 적용 */
img {border:0;}
.pointerHand{cursor:pointer;}
/* 페이징 부분 정의 */
div#paging{word-spacing:4px;}
div#paging span{padding:0 3px 0 3px;}
div#paging span.current{padding:0 3px 0 3px;color:#FF6600;font-weight:bold;}
/* 타이틀설정 */
a.tinyMenu:link, a.tinyMenu:visited {color:#444444; font-size:1em; text-decoration:none;}
a.tinyMenu:hover, a.tinyMenu:active {color:#444444; font-size:1em; font-weight:bold; text-decoration:none;}
/* 메인사이즈 */
#F_submain{width:670px; margin-top:20px;}
#F_submain660{width:660px; margin-top:20px; margin-left:5px;}
#F_submain650{width:650px; margin-top:20px; margin-left:10px;}
#F_submain640{width:640px; margin-top:20px; margin-left:15px;}
#F_submain620{width:620px; margin-top:20px; margin-left:25px;}
#F_submain600{width:600px; margin-top:20px; margin-left:35px;}
/* 좌측여백 */
.pdL5{padding-left:5px;}
.pdL10{padding-left:10px;}
.pdL15{padding-left:15px;}
.pdL20{padding-left:20px;}
.pdL25{padding-left:25px;}
.pdL30{padding-left:30px;}
.pdL35{padding-left:35px;}
.pdL40{padding-left:40px;}
.pdL45{padding-left:45px;}
.pdL50{padding-left:50px;}
.pdL60{padding-left:60px;}
.pdL70{padding-left:70px;}
.pdL80{padding-left:80px;}
.mgL5{margin-left:5px;}
.mgL7{margin-left:7px;}
.mgL8{margin-left:8px;}
.mgL9{margin-left:9px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL25{margin-left:25px;}
.mgL30{margin-left:30px;}
.mgL35{margin-left:35px;}
.mgL40{margin-left:40px;}
.mgL45{margin-left:45px;}
.mgL50{margin-left:50px;}
/* 우측여백 */
.pdR5{text-align:right; padding-right:5px;}
.pdR10{text-align:right; padding-right:10px;}
.pdR15{text-align:right; padding-right:15px;}
.pdR20{text-align:right; padding-right:20px;}
.pdR25{text-align:right; padding-right:25px;}
.pdR30{text-align:right; padding-right:30px;}
.pdR35{text-align:right; padding-right:35px;}
.pdR40{text-align:right; padding-right:40px;}
.pdR45{text-align:right; padding-right:45px;}
.pdR50{text-align:right; padding-right:50px;}
/* 높이여백*/
.xH02{height:2px; overflow:hidden;}
.xH03{height:3px; overflow:hidden;}
.xH04{height:4px; overflow:hidden;}
.xH05{height:5px; overflow:hidden;}
.xH10{height:10px; overflow:hidden;}
.xH20{height:20px;}
.xH30{height:30px;}
.xH40{height:40px;}
.xH50{height:50px;}
.pdH5{padding-top:5px;}
.pdH6{padding-top:6px;}
.pdH10{padding-top:10px;}
.pdH15{padding-top:15px;}
.pdH20{padding-top:20px;}
.pdH25{padding-top:25px;}
.pdH30{padding-top:30px;}
.pdH35{padding-top:35px;}
.pdH40{padding-top:40px;}
.pdH45{padding-top:45px;}
.pdH50{padding-top:50px;}
.pdH100{padding-top:100px;}
.mgH5{margin-top:5px;}
.mgH6{margin-top:6px;}
.mgH3{margin-top:3px;}
.mgH7{margin-top:7px;}
.mgH10{margin-top:10px;}
.mgH15{margin-top:15px;}
.mgH20{margin-top:20px;}
.mgH25{margin-top:25px;}
.mgH30{margin-top:30px;}
.mgH35{margin-top:35px;}
.mgH40{margin-top:40px;}
.mgH45{margin-top:45px;}
.mgH50{margin-top:50px;}
.mgH100{margin-top:100px;}
/* 라인 */
.dotline_M15
{width:100%; margin-top:15px;
background:url(/Images/common/dotline01.gif) repeat-x;
}
/*배경색 */
.White_FF{background-color:#FFFFFF;}
.Black_00{background-color:#000000;}
.WhiteDark_F2{background-color:#F2F2F2;}
.WhiteDark_F7{background-color:#F7F7F7;}
.WhiteBlue1{background-color:#F6F9FD;}
.WhiteBlue2{background-color:#C2D5F3;}
/* 텍스트 */
.Text11{font-size:0.95em; color:#888888;}
.Text11W{font-size:0.95em; color:#FFFFFF;}
.Text12V{color:#8B67B6; font-weight:bold;}
.Text11O{color:#FC6723; font-size:0.95em;}
.Text12O{color:#FC6723;}
.Text12OB{color:#FC6723; font-weight:bold;}
/*aling*/
div.center, p.center{text-align:center}
.strong{font-weight:bold;}
.txt_C{text-align:center;}
/* 의안타이틀BG */
DIV.btitleBG{
width:670px; height:50px;
background:url(/Images/common/bg_billtitle.gif) no-repeat; overflow:hidden;
padding-top:15px; text-align:center;
color:#F76C5A; font-size:18px; font-weight:bold;
}
DIV.btitleBG2{
width:670px; height:50px;
background:url(/Images/common/bg_billtitle.gif) no-repeat; overflow:hidden;
padding-top:15px; padding-left:32px;
color:#F76C5A; font-size:18px; font-weight:bold;
}
/* TAB BOX */
.TabBox1top{width:640px; height:15px; background:url(/Images/customer/tabtop1.gif) no-repeat; overflow:hidden; }
.TabBox1mid{width:640px; background:url(/Images/customer/tabmid1.gif) repeat-y; padding-left:15px; padding-right:15px;}
.TabBox1btm{width:640px; height:15px; background:url(/Images/customer/tabbtm1.gif) no-repeat; overflow:hidden; }
/* 숨은제목 제공 : 시각장애인의 스크린리더(화면낭독기) 사용을 위한 처리기법 */
fieldset.hide{border:medium none;}
.selectorHide{position:absolute;width:0px;height:0px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
/* Table */
table.grid {width:100%;}
table.grid th, table.grid td{white-space:nowrap;text-align:center;}
table.grid td.title{width:100%; white-space:normal;text-align:left;}
table.grid2 th, table.grid2 td {white-space:nowrap;text-align:center;}
/* 문서 담당자 */
#docManager{
width:690px;
font-size:0.93em;
border-top:1px solid #E2E7ED;
padding:4px;
height: auto;
overflow:hidden;
_height:1.5em; /* IE6에서 높이 고정 */
}
#docManager ul{margin:0;padding:0;}
#docManager li{
white-space:nowrap;
text-indent:1.5em;
float:left;
display:inline;
list-style:none;
padding:0 2px 0 2px;
}
/* 웹문서 사용편의성 문의 */
#docAppraise {
clear:both;
position:relative;
width:690px; height:52px;
font-size:0.93em; font-family: Dotum, Verdana; letter-spacing: -1px;
border:1px solid #E2E7ED;
padding:5px 4px 6px 4px;
background-color:#f7f7f7;
}
#docAppraise div.left{float:left;}
#docAppraise input.doc_appraisal {
border:1px solid #454545;
width:330px;
height:1.5em;
}
#docAppraise .doc_question {
width:450px;
position:absolute; left:220px;
color:#3399FF;
font-weight:bold;
}
#docAppraise dl {
margin:0px;
padding:0px;
}
#docAppraise dl dt{
display:inline; /* float:left 사용시 IE6에서 재대로 표현안됨 */
padding:0px;
margin:0px;
padding-right:1px;
}
/* Ivy.dialogue */
div#IvyDialogBox{position: absolute; left: 0; width: auto; height: auto; z-index: 100; background-color:#925CA3; display:none; }
div#IvyDialogBox #IvyStatusBar{ position: relative;margin:5px 5px 0 5px;background-color:#fff; height: 24px !important; width: auto;}
div#IvyDialogBox #IvyStatusBar img{ width: 21px; height: 21px; border: 0;}
div#IvyDialogBox #IvyStatusBar div{ position: absolute; top:0; height: 24px; padding:2px;}
div#IvyDialogBox #IvyStatusBar a #IvyCloseIcon{ background:url("/Images/common/panel_close.gif") no-repeat top left;}
div#IvyDialogBox #IvyStatusBar a:hover #IvyCloseIcon,
div#IvyDialogBox #IvyStatusBar a:active #IvyCloseIcon{ background-position:top -21px;}
div#IvyDialogBox #IvyLeftStatus{ width: 21px; left: 0; z-index: 11;}
div#IvyDialogBox #IvyTitleName{ color: #613E6C; font-size:14px !important; font-weight:bolder; width: 100%; left: 25px; z-index: 12;}
div#IvyDialogBox #IvyAccessKey{background-color:#fff; right: 24px; z-index: 13;}
div#IvyDialogBox #IvyRightStatus{ width: 21px; right:0; z-index: 14;}
div#IvyDialogBox #IvyContainer{ position: relative;margin:0 5px;background-color:#fff; font-size:12px; width: auto;}