body { margin: 0; }
img { border: 0; }
form { margin: 0; padding: 0; }
p,li,input,h1,h2,a,label,span,div {color:#222;font-family:"맑은 고딕", "Malgun Gothic", "돋움", "Dotum", sans-serif;line-height:1.6em;/*font-family:맑은고딕,굴림, Gulim, sans-serif;*/}
dt {font-weight:bold;margin-bottom:0.7em;padding:0.7em;}
dd {margin-bottom:1em;}

p,li,input,td,th,select,dt,dd,div {font-size:9pt;}

li>input,li>select, li>p {font-size:1em;}
li>ol, li>ul {margin-top:15px;}

.files {width:480px;padding:0.2em;}
.input {border:1px solid #9a9a9a;}
ul {list-style-type:none;margin:0.5em 0;padding:0;margin-left:0.7em;padding-left:0.7em;}
div>div,div>*>li,div>*>dt,div>*>dd,li>*>li,td>*>li, dd>*>li, dd>*>dd, dd>*>dt {font-size:1em;}
td {border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
th {line-height:2em;border-bottom:1px solid #bbbbbb;border-left:1px solid #dddddd;}
td>ul, td>ol {list-style-type:none;margin:0px;}
p {margin:0.8em 1em;}
li {line-height:1.3em;}
.file_list_td {padding:1em;}
.area {width:800px;}
.mini_area {width:377px;}
.area,.mini_area {margin:0 auto;}
h2 {font-family:돋움;padding-bottom:1em;cursor:default;}
#upload_result {display:none;}

#upload_option {width:500px;margin:10px auto;}

a:link { color: #36f; text-decoration: none; }
a:visited { color: #36f; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }
a:active { color: #FF0000; text-decoration: none; }

#service_introduce,#service_feature {border:0.1em dotted #cdcdcd;background-color:#eeeeee;display:none;}
img,object,textarea,embed {vertical-align:middle;}
textarea {border:0.1em solid #b4b4b4;width:400px;background-color:#e7e7e7;}

.upload_result_container {width:900px;margin:0 auto;border:1px solid #cdefab;clear:both;padding:0.5em;margin-bottom:1.2em;height:305px;overflow:auto;}
.upload_result_info,.upload_result_preview_container,.upload_result_title {float:left;}
.upload_result_close {float:right;}
.upload_result_info {margin-left:1em;border:1px solid #c8c8c8;background-color:#f4f4f4;padding:0.4em;width:500px;}

#upload_stat {width:840px;margin:0 auto;}
#download_content {text-align:center;margin:25px auto;}
#count_v {font-size:2em;font-weight:bold;}
.download_link {font-size:2em;} /*#download_content strong*/
#download_content a:link { color: blue; text-decoration: none; }
#download_content a:visited { color: blue; text-decoration: none; }
#download_content a:hover { color: red; text-decoration: underline; }
#download_content a:active { color: green; text-decoration: none; }

#content {
	background: url('images/topbg.jpg') repeat-x;
}
#mini_content {background:url('images/grd.jpg') repeat-x;}
#top_content {width:840px;margin:0 auto;padding-top:18px;margin-bottom:1em;}
#mini_navi {text-align:right;margin-right:5em;font-family:Tahoma;color:#BBB;}

#navi {
	width: 100%;
	text-align: center;
	font: 12px Tahoma;
	color: #BBB;
	padding: 10px 0 0;
}
#navi A:link,#mini_navi A:link { color: #666; text-decoration: none; }
#navi A:visited,#mini_navi A:visited { color: #666; text-decoration: none; }
#navi A:hover,#mini_navi A:hover { color: #FF0000; text-decoration: underline; }
#navi A:active,#mini_navi A:active { color: #FF0000; text-decoration: none; }

#logobar {
	width: 100%;
	height: 200px;
	margin: 70px 0 35px;
	text-align: center;
	background: url('./images/bg.jpg') repeat-x;
}

#upload {
	width: 100%;
	text-align: center;
}

#descr {
	width: 440px;
	height: 50px;
	font: 12px Tahoma;
	color: #666;
	background: url('./images/descr.gif') no-repeat;
	margin: 100px auto;
	text-align: center;
	padding: 6px 25px 6px;
}

.thm7 { font: 10px Tahoma; }

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url('./images/cancelbutton.gif');
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
	div.fieldset {
	border:  1px solid #cccccc;/*#afe14c*/
	margin: 10px 0;
	padding: 20px 10px;
}
div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash {
	width: 375px;
	margin: 10px 5px;
	border-color: #cccccc;/*#D9E4FF;*/

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

.inputarea_key {clear:left;width:80px;height:25px;float:left;text-align:right;}
.inputarea_value {margin-left:30px;height:25px;float:left;}


  .ui-dialog { position: absolute; padding: .2em; width:400px; overflow: hidden; border:1px solid #ccc;background-color:#eee;}
  .ui-dialog .ui-dialog-titlebar { padding:3px;position: relative; height:24px;background-color:#acf;border:1px solid #8af;}
  .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; cursor:default;} 
  .ui-dialog .ui-dialog-titlebar-close {float: right; display:block; text-align:right;}
  .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
  .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
  .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
  .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
  .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
  .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
  .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
  
  .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
  .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
  .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
  .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
  .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
  .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
  .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
  
  .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(/images/ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
  .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
  .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/images/ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
  .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
  .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
  .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
  .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
  .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  

  /* Interaction states
  ----------------------------------*/
  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/images/ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
  .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/images/ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
  .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/images/ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
  .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
  .ui-widget :active { outline: none; }

  /* Overlays */
  .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  .ui-widget-overlay { background: #aaaaaa url(/images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
  .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/images/ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
  
    /* Layout helpers
  ----------------------------------*/
  .ui-helper-hidden { display: none; }
  .ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
  .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
  .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  .ui-helper-clearfix { display: inline-block; }
  /* required comment for clearfix to work in Opera \*/
  * html .ui-helper-clearfix { height:1%; }
  .ui-helper-clearfix { display:block; }
  /* end clearfix */
  .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }