@charset "utf-8";

/* btn */

a.btn, 
span.btn {
	display:-moz-inline-box; display:inline-block;
	height:22px; margin:0 9px 0 -3px; padding:0 6px 0 0;
	text-decoration:none; vertical-align:middle;
	background-position:0 -3px; background-repeat:no-repeat;
	
	_position:relative; _left:-2px;
	_margin:0; _padding:0; _zoom:1;
	_overflow-y:hidden;
}

a.btn span,
span.btn input,
span.btn button {
	display:block; display:inline-block;
	height:22px; margin:0 -18px 0 6px; padding:5px 9px 0 4px; 
	font-size:12px !important; font-family:돋움, dotum !important; text-align:center; color:#222;
	white-space:nowrap; line-height:1; vertical-align:text-top;
	cursor:pointer; zoom:1; border:none;
	background-color:transparent; background-position:100% -3px; background-repeat:no-repeat;
	
	*display:inline-block; *overflow:visible;
	_position:relative; _top:0; _right:-5px;
	_margin:0 -1px 0 0; _padding:5px 10px 0 6px;
}

a.btn,
a.btn span,
span.btn,
span.btn input,
span.btn button {background-image:url(img/btn.png); _background-image:url(img/btn.gif);}

a.btn:hover,
a.btn:focus {text-decoration:none; background-position:0 -63px;}

a.btn:hover span,
a.btn:focus span {background-position:100% -63px;}

a.btn span i,
span.btn button i {
	display:block; 
	font-style:normal; line-height:1; white-space:nowrap; 
	font-family:돋움, dotum !important; font-size:12px !important;
}

span.btn input {padding:0 9px 0 5px; _padding:3px 10px 0 6px;}
*:first-child+html span.btn input {padding:0 9px 0 5px; zoom:1;} /* IE7 Fix */
span.btn button {padding:5px 9px 0 5px; _padding:0 10px 0 6px;}
*:first-child+html span.btn button {padding:0 9px 0 5px; zoom:1;} /* IE7 Fix */ 
span.btn button {padding /*\**/:0 10px 0 5px\9;} /* IE8 Fix */
span.btn input, x:-moz-any-link {padding:0 6px 0 1px;} /* FF2 Fix */
span.btn input, x:-moz-any-link, x:default {padding:0 6px 0 1px;}
span.btn button, x:-moz-any-link {padding:0 6px 0 1px;} /* FF2 Fix */ 
span.btn button, x:-moz-any-link, x:default {padding:0 6px 0 1px}

span.b input,
span.b button {font-weight:bold;}

span.btn:hover, 
span.btn:focus, 
span.btn-behavior-hover {background-position:0 -63px;}

span.btn:hover input,
span.btn:focus input,
span.btn-behavior-hover input,
span.btn:hover button,
span.btn:focus button,
span.btn-behavior-hover button {background-position:100% -63px;}

a.disable,
span.disable {background-position:0 -123px; cursor:default;}

a.disable span,
span.disable input,
span.disable button {background-position:100% -123px; cursor:default; color:#AAA;}

a.disable:hover,
a.disable:focus,
span.disable:hover,
span.disable:focus {background-position:0 -123px; text-decoration:none;}

a.disable:hover span,
a.disable:focus span,
span.disable:hover input,
span.disable:focus input,
span.disable:hover button,
span.disable:focus button {background-position:100% -123px;}

a.disable span i {*display:inline-block; _padding-bottom:1px; color:#555; filter:alpha(opacity=40); opacity:0.4;}
*:first-child+html a.disable span i {color:#AAA;}

/* mbtn */

a.mbtn,
span.mbtn {
	display:-moz-inline-box; display:inline-block;
	height:18px; margin:-1px 9px 1px -3px; padding:0 5px 0 0;
	text-decoration:none; vertical-align:middle;
	background-position:0 -1px; background-repeat:no-repeat;
	
	_position:relative; _left:-2px;
	_width:1px; _margin:-1px 0 0 0; _padding:0;
	_overflow-y:hidden;
	_background-position:0 -2px;
}

a.mbtn span,
span.mbtn input,
span.mbtn button {
	display:block; display:inline-block;
	height:18px; margin:0 -18px 0 6px; padding:5px 10px 0 5px;
	font-size:11px; font-family:돋움, dotum; text-align:center; color:#222;
	white-space:nowrap; line-height:1;  vertical-align:text-top;
	cursor:pointer; zoom:1; border:none;
	background-color:transparent; background-position:100% -1px; background-repeat:no-repeat;
	
	*display:inline-block; *overflow:visible;
	_position:relative; _top:0; _right:-5px;
	_margin:0 -1px 0 0; _padding:4px 8px 0 4px;
	_background-position:100% -2px;
}

a.mbtn,
a.mbtn span,
span.mbtn,
span.mbtn input,
span.mbtn button {background-image:url(img/mbtn.png); _background-image:url(img/mbtn.gif);}

a.mbtn:hover,
a.mbtn:focus {text-decoration:none; background-position:0 -61px; _background-position:0 -62px;}

a.mbtn:hover span,
a.mbtn:focus span {background-position:100% -61px; _background-position:100% -62px;}

a.mbtn span i,
span.mbtn button i {display:block; font-style:normal;}

span.mbtn input {padding:2px 10px 0 5px; _padding:4px 9px 0 4px;}
*:first-child+html span.mbtn input {padding:3px 10px 0 5px; zoom:1;} /* IE7 Fix */
span.mbtn input {padding /*\**/:3px 10px 0 5px\9;} /* IE8 Fix */
span.mbtn button {padding:5px 10px 0 5px; _padding:1px 9px 0 4px;}
*:first-child+html span.mbtn button {padding:3px 10px 0 5px; zoom:1;} /* IE7 Fix */
span.mbtn button {padding /*\**/:4px 10px 0 5px\9;} /* IE8 Fix */
span.mbtn input, x:-moz-any-link {padding:2px 7px 0 2px;} /* FF2 Fix */
span.mbtn input, x:-moz-any-link, x:default {padding:2px 7px 0 2px;}
span.mbtn button, x:-moz-any-link {padding:2px 7px 0 2px;} /* FF2 Fix */
span.mbtn button, x:-moz-any-link, x:default {padding:2px 7px 0 2px;}

span.b input,
span.b button {font-weight:bold;}

span.mbtn:hover, 
span.mbtn:focus, 
span.mbtn-behavior-hover {background-position:0 -61px; _background-position:0 -62px;}

span.mbtn:hover input,
span.mbtn:focus input,
span.mbtn-behavior-hover input,
span.mbtn:hover button,
span.mbtn:focus button,
span.mbtn-behavior-hover button {background-position:100% -61px; _background-position:100% -62px;}

a.disablem,
span.disablem {background-position:0 -121px; _background-position:0 -122px; cursor:default;}

a.disablem span,
span.disablem input,
span.disablem button {background-position:100% -121px; _background-position:100% -122px; cursor:default; color:#AAA;}

a.disablem:hover,
a.disablem:focus,
span.disablem:hover,
span.disablem:focus {background-position:0 -121px; _background-position:0 -122px; text-decoration:none;}

a.disablem:hover span,
a.disablem:focus span,
span.disablem:hover input,
span.disablem:focus input,
span.disablem:hover button,
span.disablem:focus button {background-position:100% -121px; _background-position:100% -122px;}

a.disablem span i {*display:inline-block; _padding-bottom:1px; color:#555; filter:alpha(opacity=40); opacity:0.4;}
*:first-child+html a.disablem span i {color:#AAA;}

/* h40 */

a.h40,
span.h40 {height:40px;}

a.h40 span {height:40px; padding:15px 16px 0 9px; _padding:15px 15px 0 10px;}
span.h40 input {height:40px; padding:0 16px 0 9px; _padding:3px 15px 0 10px;}
*:first-child+html span.h40 input {padding:0 16px 0 9px; zoom:1;} /* IE7 Fix */
span.h40 button {height:40px; padding:15px 16px 0 9px; _padding:0 15px 0 10px;}
*:first-child+html span.h40 button {padding:0 16px 0 9px; zoom:1;} /* IE7 Fix */
span.h40 button {padding /*\**/:0 15px 0 10px\9;} /* IE8 Fix */
span.h40 input, x:-moz-any-link {padding:0 13px 0 6px;} /* FF2 Fix */
span.h40 input, x:-moz-any-link, x:default {padding:0 12px 0 7px;}
span.h40 button, x:-moz-any-link {padding:0 13px 0 6px;} /* FF2 Fix */
span.h40 button, x:-moz-any-link, x:default {padding:0 12px 0 7px;}

a.h40,
a.h40 span,
span.h40, 
span.h40 input,
span.h40 button {background-image:url(img/btn_h40.png); _background-image:url(img/btn_h40.gif);}

/* dropDownMenu */

.dropDownMenu {position:absolute; visibility:hidden; width:120px; margin-top:2px; border:1px solid #999; font-family:돋움, dotum !important; line-height:20px; z-index:1000; background:#F9F9F9;}
.dropDownMenu a {display:block; width:100%; padding-top:2px; text-decoration:none; text-indent:5px; color:#000;}
.dropDownMenu a:hover {color:#000; text-decoration:none; background:#F0F0F0;}
.dropDownMenu a.division {border-bottom: 1px solid #D2D2D2;}
.dropDownMenu hr.division {height:1px; margin:0; color:#CCC;}
.dropDownTree {position:absolute; visibility:hidden; margin-top:2px; border:1px solid #999; background:#FFF; z-index:100;}


/* dropDownLayer */

.dropDownButton {position:relative; z-index:1000;}
.dropDownButton .dropDownLayer {display:none; position:absolute; top:25px; left:0;}
.dropDownButton .dropMenu {display:none; position:absolute; top:25px; left:0; width:200px; border:1px solid #777; background:#FFF; z-index:1000;}
.dropDownButton .dropMenu li {float:none; *zoom:1; padding:5px;}
.dropDownButton .dropMenu li {
 behavior: expression(
  this.onmouseover = new Function("this.className += 'hover';"),
  this.onmouseout = new Function("this.className = this.className.replace('hover', '');"),
  this.style.behavior = null
 ); 
}
.dropDownButton .dropMenu li:hover,
.dropDownButton .dropMenu li.hover {background:#F5F5F5;}
.dropDownButton .dropMenu li label {cursor:pointer;}

/* IE9 Fixed */
:root a.btn,
:root span.btn,
:root a.btn span,
:root span.btn input,
:root span.btn button,
:root a.btn span i,
:root span.btn button i,
:root a.mbtn,
:root span.mbtn,
:root a.mbtn span,
:root span.mbtn input,
:root span.mbtn button,
:root a.mbtn span i,
:root span.mbtn button i,
:root span.b input,
:root span.b button,
:root a.h40,
:root span.h40,
:root a.h40 span,
:root span.h40 input,
:root span.h40 button {line-height:1.2 \0/IE9;}

/* icon */

a.btn .ico,
a.mbtn .ico {position:relative; float:left; border:0; vertical-align:middle;}
span.btn .ico {position:relative; float:left; margin:6px -8px 0 10px; vertical-align:middle;}
span.mbtn .ico {position:relative; float:left; margin:5px -8px 0 10px; vertical-align:middle;}
span.h40 .ico, 
span.h40 .ico {margin:15px -12px 0 14px;}

.ico_save {padding-left:15px; background:url(img/ico_save.gif) no-repeat;}	
.ico_write {padding-left:15px; background:url(img/ico_write.gif) no-repeat;}
.ico_del {padding-left:9px; background:url(img/ico_del.gif) no-repeat 0 3px;}
.ico_check {padding-left:10px; background:url(img/ico_check.gif) no-repeat 0 3px;}
.ico_ot {padding-left:9px; background:url(img/ico_ot.gif) no-repeat 0 4px;}
.ico_ob {padding-left:9px; background:url(img/ico_ob.gif) no-repeat 0 4px;}
.ico_ol {padding-left:9px; background:url(img/ico_ol.gif) no-repeat 0 3px;}
.ico_or {padding-left:9px; background:url(img/ico_or.gif) no-repeat 0 3px;}
.ico_search {padding-left:15px; background:url(img/ico_search.gif) no-repeat;}
.ico_print {padding-left:16px; background:url(img/ico_print.gif) no-repeat;}
.ico_change {padding-left:12px; background:url(img/ico_change.gif) no-repeat;}
.ico_clip {padding-left:10px; background:url(img/ico_clip.gif) no-repeat 0 1px;}
.ico_trash {padding-left:14px; background:url(img/ico_trash.gif) no-repeat;}
.ico_setup {padding-left:16px; background:url(img/ico_setup.gif) no-repeat;}
.ico_mailSend {padding-left:19px; background:url(img/ico_mailSend.gif) no-repeat;}
.ico_mailBig {padding-left:19px; background:url(img/ico_mailBig.gif) no-repeat;}
.ico_drop {padding-right:10px; background:url(img/ico_drop.gif) no-repeat right;}
.ico_addRight {padding-right:8px; background:url(img/ico_gr.gif) no-repeat right 3px;}
.ico_delLeft {padding-left:8px; background:url(img/ico_gl.gif) no-repeat 0 3px;}
.ico_gt {padding-left:8px; background:url(img/ico_gt.gif) no-repeat 0 4px;}
.ico_gb {padding-left:8px; background:url(img/ico_gb.gif) no-repeat 0 4px;}
.ico_gl {padding-right:6px; background:url(img/ico_gl.gif) no-repeat right 3px;}
.ico_gr {padding-left:6px; background:url(img/ico_gr.gif) no-repeat 0 3px;}
.ico_prev {padding-left:6px; background:url(img/ico_gl.gif) no-repeat 0 3px;}
.ico_next {padding-right:6px; background:url(img/ico_gr.gif) no-repeat 100% 3px;}
.ico_idCard {padding-left:19px; background:url(img/ico_idCard.gif) no-repeat 0 0;}
.ico_sms {padding-left:12px; background:url(img/ico_sms.gif) no-repeat 0 0;}
.ico_plusGreen {padding-left:10px; background:url(img/ico_plusGreen.gif) no-repeat 0 3px;}
.ico_excel {padding-left:16px; background:url(img/ico_excel.gif) no-repeat;}
.ico_msg {padding-left:16px; background:url(img/ico_msg.gif) no-repeat;}
.ico_recommend {padding-left:14px; background:url(img/ico_recommend.gif) no-repeat;}
.ico_opposition {padding-left:14px; background:url(img/ico_opposition.gif) no-repeat 0 1px;}
.ico_fax {padding-left:19px; background:url(img/ico_fax.gif) no-repeat;}

.ico_printm {padding-left:14px; background:url(img/ico_printm.gif) no-repeat;}
.ico_mailm {padding-left:14px; background:url(img/ico_mailm.gif) no-repeat 0 1px;}
.ico_fileDownloadm {padding-left:12px; background:url(img/ico_fileDownloadm.gif) no-repeat;}
.ico_smsm {padding-left:12px; background:url(img/ico_smsm.gif) no-repeat;}
.ico_trashm {padding-left:12px; background:url(img/ico_trashm.gif) no-repeat;}
.ico_plusGreenm {padding-left:9px; background:url(img/ico_plusGreen.gif) no-repeat 0 2px;}
.ico_checkm {padding-left:9px; background:url(img/ico_checkm.gif) no-repeat 0 2px;}
.ico_schedule {padding-left:14px; background:url(img/ico_schedule.gif) no-repeat 0 0;}
.ico_writem {padding-left:13px; background:url(img/ico_write.gif) no-repeat;}
.ico_excelm {padding-left:14px; background:url(img/ico_excelm.gif) no-repeat;}
.ico_lockm {padding-left:12px; background:url(img/ico_lockm.gif) no-repeat;}