@charset "utf-8";
html{font-size:100%; font-family:"Tahoma", "Dotum", "Gulim", "AppleGothic", "Sans-serif";}
html,body,th,td,select,input,textarea{
padding:0;
color:#383d41;
line-height:1.5em;
}
a{color:#383d41;text-decoration:none;}
a:link, a:visited {
color:#4C4C4C;
text-decoration:none;
}
a:hover,a:active {
color:#390;
text-decoration:underline;
}
a.tinyViolet:link, a.tinyViolet:visited {
color:#260E34;
text-decoration:none;
}
a.tinyViolet:hover,a.tinyViolet:active {
color:#F2F2F2;
text-decoration:none;
}
.strong{font-weight:bold;}
.small{font-size:0.75em;}
.big{font-size:1.4em;}
a.red{color:red; text-decoration:none;}
a.blue{color:#0099FF; text-decoration:none;}
a.green{color:green; text-decoration:none;}
a.gray{color:gray; text-decoration:none;}
a.white{color:#FFF; text-decoration:none;}
a.black{color:#000; text-decoration:none;}
#layContainer{
width:1000px;
/* margin:0 auto 0 auto; 사이트 가운데 정렬시 */
}
#layHead,
#layLeft,
#layMain,
#layRight,
#layTail{font-size:1em !important;}
body,form,fieldset,h1,h2,h3,h4,h5,h6{margin:0;}
body{background-color:#fff;
font-size:.75em;
font-family: Tahoma, Dotum, Gulim, AppleGothic, Sans-serif;}
/* form style */
input.ct{
background:url(/Images/uiComponent/icon_textfield_certain2.gif) no-repeat top right;
padding-right:20px !important;
}
input.box{
height:1.5em;
}
input.box, textarea.box{
color:#4C4C4C;
padding-left:0.39em;
background-color:#fff;
border:1px inset #acacac;
}
textarea{overflow:auto; width:99%;}
a img{border:0;}
.pointerHand{cursor:pointer;}
span.blueTinyEm{color:#0033FF;font-size:80%;}
span.msg-alert{background:url("/Images/common/icons/lightbulb_on.gif") center center no-repeat;}
/* 페이징 부분 정의 */
div#paging{word-spacing:4px; text-align:center;}
div#paging span{font-weight:bold; padding:3px 7px 3px 7px; border-right:1px solid #D7D7D7;}
div#paging span.current{color:#F60;font-size:1.2em;}
div#paging a:hover span{background-color:#F9F7DF;}
/* 숨은제목 제공 : 시각장애인의 스크린리더(화면낭독기) 사용을 위한 처리기법 */
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;}
/* 문서 담당자 */
#docManager{
width:690px;
font-size:0.93em;
border-top:1px solid #E2E7ED;
margin:0 auto 0 auto;
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 {
position:relative;
width:690px; height:52px;
font-size:0.93em; font-family: Dotum, Verdana; letter-spacing: -1px;
clear:both;
margin:0 auto 0 auto;
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;
}
div.docWriting{
width:692px;
margin:0 auto 0 auto;
padding:3px;
border:1px solid #DEE0E4; border-top:0px;
}
/* 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;}
/* Anchor Button */
a.button,
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(/Images/common/button/btWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
a.button { padding:0; background-position:left top; overflow:visible;}
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Tahoma, Dotum; background-position:right top;}
a.button, x:-moz-any-link { font:0/23px Tahoma, Dotum; padding:12px 0; top:1px;} /* Firefox 2 Fix */
a.button, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */
/* Large Size */
a.button.large { background-position:left -30px; }
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Tahoma, Dotum; background-position:right -30px;}
a.button.large, x:-moz-any-link { font:0/29px Tahoma, Dotum; padding:15px 0;} /* Firefox 2 Fix */
a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* xLarge Size */
a.button.xLarge { background-position:left -65px; }
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Tahoma, Dotum; background-position:right -65px;}
a.button.xLarge, x:-moz-any-link { font:0/35px Tahoma, Dotum; padding:18px 0;} /* Firefox 2 Fix */
a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* Small Size */
a.button.small { background-position:left -107px; }
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Tahoma, Dotum; background-position:right -107px;}
a.button.small, x:-moz-any-link { font:0/18px Tahoma, Dotum; padding:9px 0;} /* Firefox 2 Fix */
a.button.small, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
/* Control Button + Submit Button */
span.button,
span.button button,
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Tahoma, Dotum; color:#000; white-space:nowrap; background:url(/Images/common/button/btWhite.gif) no-repeat; vertical-align:middle;}
span.button { padding:0; background-position:left top;}
span.button, x:-moz-any-link{ font:0/23px Tahoma, Dotum; padding:11px 0;} /* Firefox 2 Fix */
span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button button,
span.button input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;}
/* Large Size */
span.button.large { background-position:left -30px; *top:-1px;}
span.button.large, x:-moz-any-link{ font:0/29px Tahoma, Dotum; padding:15px 0;} /* Firefox 2 Fix */
span.button.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.large button,
span.button.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:16px/30px Tahoma, Dotum; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge, x:-moz-any-link{ font:0/35px Tahoma, Dotum; padding:17px 0;} /* Firefox 2 Fix */
span.button.xLarge, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:20px/36px Tahoma, Dotum; background-position:right -65px;}
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small, x:-moz-any-link{ font:0/18px Tahoma, Dotum; padding:9px 0 8px 0;} /* Firefox 2 Fix */
span.button.small, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.small button,
span.button.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; *padding:0 3px 0 2px; font:11px/18px Tahoma, Dotum; background-position:right -107px;}
/* Strong Button */
a.button.strong *,
span.button.strong * { font-weight:bold !important;}
/* Icon Add */
a.button .icon { position:relative; border:0; vertical-align:middle;}
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}
/* Color Preset */
a.button.green,
a.button.green span,
span.button.green,
span.button.green button,
span.button.green input { background-image:url(/Images/common/button/btGreen.gif); color:#fff;}
a.button.black,
a.button.black span,
span.button.black,
span.button.black button,
span.button.black input { background-image:url(/Images/common/button/btBlack.gif); color:#fff;}
a.button.red,
a.button.red span,
span.button.red,
span.button.red button,
span.button.red input { background-image:url(/Images/common/button/btRed.gif); color:#fff;}
a.button.blue,
a.button.blue span,
span.button.blue,
span.button.blue button,
span.button.blue input { background-image:url(/Images/common/button/btBlue.gif); color:#fff;}
/* Offset Debug */
a.button,
span.button{ margin-right:2px;}