/**********************************************
*파일명      : basic.css
*작성일      : 2011년 9월 10일hiddenscroll  overflow-x: auto; overflow-y: auto;
**********************************************/


html, body, form { margin: 0; padding: 0; border: none; }
body { text-align: left;}
body, div, td, p, input, select, textarea, li { font-family: "돋움"; font-size: 12px; color: #2e2e2e; }
img, table, form { border: none; }
td{line-height:160%;}

a:link, a:visited, a:active {color: #000000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
/* a:hover { color: #CCC; text-decoration: none; border-bottom: 1px dotted #AAA; } */

/* text menu */
.txtMenuWhite, .txtMenuWhite:link, .txtMenuWhite:visited, .txtMenuWhite:hover{color: #FFFFFF; text-decoration: none; }
.txtMenuWhite:hover { color: #000; text-decoration: none; }

/* Rollover Image
---------------------------------------------------------------------------------------------*/
a.rollover img { border-width: none; display: inline; }
a.rollover img.over { display: none; }
a.rollover:hover { border: none; }
a.rollover:hover img { display: none; }
a.rollover:hover img.over { display: inline; }


img.preload { visibility: hidden; width: 0; height: 0; position: absolute; }

.logo_bg {background:url(images/main_img/login_bg.jpg) no-repeat; width:269px; height:87px;}
.padd01{padding-top:33px;}


/* IME Mode
---------------------------------------------------------------------------------------------*/
.ime_ko { ime-mode: active; }
.ime_en { ime-mode: inactive; }


/* Line Height, Letter Spacing text
---------------------------------------------------------------------------------------------*/
.ls { letter-spacing: -1px; }
.lh10 { line-height: 100%; }
.lh11 { line-height: 110%; }
.lh12 { line-height: 120%; }
.lh13 { line-height: 130%; }
.lh14 { line-height: 140%; }
.lh15 { line-height: 150%; }
.lh16 { line-height: 160%; }
.lh17 { line-height: 170%; }
.lh18 { line-height: 180%; }


/* Font Family
---------------------------------------------------------------------------------------------*/
.gulim { font-family: "굴림"; }
.dotum { font-family: "돋움"; }
.batang { font-family: "바탕"; }
.tahoma { font-family: tahoma; }
.verdana { font-family: verdana; }
.arial { font-family: arial; }


/* Font Size
---------------------------------------------------------------------------------------------*/
.f8, a.f8:link, a.f8:visited, a.f8:hover, a.f8:active { font-size: 8px; }
.f9, a.f9:link, a.f9:visited, a.f9:hover, a.f9:active { font-size: 9px; }
.f10, a.f10:link, a.f10:visited, a.f10:hover, a.f10:active { font-size:10px; }
.f11, a.f11:link, a.f11:visited, a.f11:hover, a.f11:active { font-size:11px; }
.f12, a.f12:link, a.f12:visited, a.f12:hover, a.f12:active { font-size:12px; }
.f13, a.f13:link, a.f13:visited, a.f13:hover, a.f13:active { font-size:13px; }
.f14, a.f14:link, a.f14:visited, a.f14:hover, a.f14:active { font-size:14px; }
.f16, a.f16:link, a.f16:visited, a.f16:hover, a.f16:active { font-size:16px; }
.f17, a.f17:link, a.f17:visited, a.f17:hover, a.f17:active { font-size:17px; }
.f18, a.f18:link, a.f18:visited, a.f18:hover, a.f18:active { font-size:18px; }
.f20, a.f20:link, a.f20:visited, a.f20:hover, a.f20:active { font-size:20px; }



/* Text Decoration
---------------------------------------------------------------------------------------------*/
.b, a.b:link, a.b:visited, a.b:hover, a.b:active { font-weight: bold; }
.nu, a.nu:link, a.nu:visited, a.nu:hover, a.nu:active { text-decoration: none; }
.u, a.u:link, a.u:visited, a.u:hover, a.u:active { text-decoration: underline; }
.o, a.o:link, a.o:visited, a.o:hover, a.o:active { text-decoration: overline; }
.t, a.t:link, a.t:visited, a.t:hover, a.t:active { text-decoration: line-through; }


/* Common Color
---------------------------------------------------------------------------------------------*/
.white, a.white:link, a.white:visited, a.white:hover, a.white:active { color: #FFF; }
.black, a.black:link, a.black:visited, a.black:hover, a.black:active { color: #000; }
.navy, a.navy:link, a.navy:visited, a.navy:hover, a.navy:active { color: #000080; }
.olive, a.olive:link, a.olive:visited, a.olive:hover, a.olive:active { color: #808000; }
.teal, a.teal:link, a.teal:visited, a.teal:hover, a.teal:active { color: #008080; }

.red01, a.red01:link, a.red01:visited, a.red01:hover, a.red01:active { color: #F00; }
.red02, a.red02:link, a.red02:visited, a.red02:hover, a.red02:active { color: #C30; }
.red02, a.red02:link, a.red02:visited, a.red02:hover, a.red02:active { color: #BC3B3B; }

.orange01, a.orange01:link, a.orange01:visited, a.orange01:hover, a.orange01:active { color: #FFA500; }
.orange02, a.orange02:link, a.orange02:visited, a.orange02:hover, a.orange02:active { color: #D96831; }
.orange03, a.orange03:link, a.orange03:visited, a.orange03:hover, a.orange03:active { color: #FF6600; }
.orange04, a.orange04:link, a.orange04:visited, a.orange04:hover, a.orange04:active { color: #f26522; }

.green01, a.green01:link, a.green01:visited, a.green01:hover, a.green01:active { color: #008000; }
.green02, a.green02:link, a.green02:visited, a.green02:hover, a.green02:active { color: #2A7E7B; }
.green03, a.green03:link, a.green03:visited, a.green03:hover, a.green03:active { color: #388819; }
.green04, a.green04:link, a.green04:visited, a.green04:hover, a.green04:active { color: #5BA13C; }

.blue01, a.blue01:link, a.blue01:visited, a.blue01:hover, a.blue01:active { color: #00F; }
.blue02, a.blue02:link, a.blue02:visited, a.blue02:hover, a.blue02:active { color: #478194; }
.blue03, a.blue03:link, a.blue03:visited, a.blue03:hover, a.blue03:active { color: #B8DDE1; }
.blue04, a.blue04:link, a.blue04:visited, a.blue04:hover, a.blue04:active { color: #2A829E; }
.blue05, a.blue05:link, a.blue05:visited, a.blue05:hover, a.blue05:active { color: #448CCB; }
.blue06, a.blue06:link, a.blue06:visited, a.blue06:hover, a.blue06:active { color: #00519B; }

.gray01, a.gray01:link, a.gray01:visited, a.gray01:hover, a.gray01:active { color: #808080; }
.gray02, a.gray02:link, a.gray02:visited, a.gray02:hover, a.gray02:active { color: #646464; }
.gray03, a.gray03:link, a.gray03:visited, a.gray03:hover, a.gray03:active { color: #7E7E7E; }
.gray04, a.gray04:link, a.gray04:visited, a.gray04:hover, a.gray04:active { color: #C0C0C0; }
.gray05, a.gray05:link, a.gray05:visited, a.gray05:hover, a.gray05:active { color: #7D7D7D; }
.gray06, a.gray06:link, a.gray06:visited, a.gray06:hover, a.gray06:active { color: #5F5F5F; }
.gray07, a.gray07:link, a.gray07:visited, a.gray07:hover, a.gray07:active { color: #ACACAC; }
.gray08, a.gray08:link, a.gray08:visited, a.gray08:hover, a.gray08:active { color: #333; }
.gray09, a.gray09:link, a.gray09:visited, a.gray09:hover, a.gray09:active { color: #858585; }

.brown01, a.gray09:link, a.gray09:visited, a.gray09:hover, a.gray09:active { color: #A7461C; }
.brown02, a.gray09:link, a.gray09:visited, a.gray09:hover, a.gray09:active { color: #9C9D37; }
.brown03, a.gray09:link, a.gray09:visited, a.gray09:hover, a.gray09:active { color: #534929; }

/* Display
---------------------------------------------------------------------------------------------*/
.hidden { visibility: hidden; }
.visible { visibility: visible; }
.none { display: none; }
.block { display: block; }
.inline { display: inline; }




/* Table
---------------------------------------------------------------------------------------------*/
table.fixed { table-layout: fixed; }
td.nowrap { white-space: nowrap; }
td.break { word-break: break-all; }

.top_exe{border-top:2px solid #c1afab; border-bottom:1px solid #c1afab; text-align:center; colar:#493c36; font-weight:bold; height:30px;}

.bottom_exe{border-bottom:1px solid #c1afab; height:5px;}

.border{border_bottom:1px solid #cccccc;}

/* Cursor
---------------------------------------------------------------------------------------------*/
.default { cursor: default; }
.help { cursor: help; }
.pointer { cursor: pointer; }
.hand {cursor: hand;}


/* Scroll
---------------------------------------------------------------------------------------------*/
.scroll1 {
	scrollbar-3dlight-color: #444;
	scrollbar-arrow-color: #444;
	scrollbar-base-color: #CCC;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-face-color: #CCC;
	scrollbar-highlight-color: #FFF;
	scrollbar-shadow-color: #444;
}

.scroll2 {
	scrollbar-3dlight-color: #89A;
	scrollbar-arrow-color: #445666;
	scrollbar-base-color: #DDD;
	scrollbar-darkshadow-color: #DDD;
	scrollbar-face-color: #89A;
	scrollbar-highlight-color: #DDD;
	scrollbar-shadow-color: #89A;
}

.scroll3 {
	scrollbar-3dlight-color: #999;
	scrollbar-arrow-color: #999;
	scrollbar-base-color: #666;
	scrollbar-darkshadow-color: #000;
	scrollbar-face-color: #666;
	scrollbar-highlight-color: #999;
	scrollbar-shadow-color: #999;
	scrollbar-track-color: #8B8B8B;
}


/* Align
---------------------------------------------------------------------------------------------*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vb { vertical-align: bottom; }


/* Float
---------------------------------------------------------------------------------------------*/
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }


/* Padding
---------------------------------------------------------------------------------------------*/
.p1 { padding: 1px; }
.p2 { padding: 2px; }
.p3 { padding: 3px; }
.p4 { padding: 4px; }
.p5 { padding: 5px; }
.p6 { padding: 6px; }
.p7 { padding: 7px; }
.p8 { padding: 8px; }
.p9 { padding: 9px; }
.p10 { padding: 10px; }

.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt18 { padding-top: 18px; }
.pt20 { padding-top: 20px; }
.pt22 { padding-top: 22px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt38 { padding-top: 38px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 35px; }

.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }

.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }

.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }


/* Margin
---------------------------------------------------------------------------------------------*/
.m1 { margin: 1px; }
.m2 { margin: 2px; }
.m3 { margin: 3px; }
.m4 { margin: 4px; }
.m5 { margin: 5px; }
.m6 { margin: 6px; }
.m7 { margin: 7px; }
.m8 { margin: 8px; }
.m9 { margin: 9px; }
.m10 { margin: 10px; }

.mt2m { margin-top: -2px; }
.mt1m { margin-top: -1px; }
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }

.mb2m { margin-bottom: -2px; }
.mb1m { margin-bottom: -1px; }
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }