﻿/*============================================================================*

*=============================================================================*/
td { font-size: 9pt;  font-family: Dotum, Tahoma ; color:#474747 ; line-height:16px; word-break:break-all; }
.tit01 { font-size: 14pt;  font-family: 돋움 ; color:#ffffff ; font-weight : bold; line-height:20px; letter-spacing:-1; word-break:break-all; }
.tit04 { font-size: 13pt;  font-family: Verdana ; color:#454aa0 ; font-weight : bold; line-height:20px; letter-spacing:-1; word-break:break-all; }
.tit05 { font-size: 19pt;  font-family: Arial ; color:#454aa0 ; line-height:20px; letter-spacing:-1; word-break:break-all; }
.tit03 { font-size: 14pt;  font-family: Arial ; color:#454aa0 ; line-height:20px; letter-spacing:-1; word-break:break-all; }
.tit06 { font-size: 9pt;  font-family: Arial ; color:#006eae  ; line-height:20px; letter-spacing:-1; word-break:break-all; }
.tit08 { font-size: 8pt;  font-family: Dotum ; color:#8591a9 ; line-height:17px; letter-spacing:-1; word-break:break-all; }
.tit07 { font-size: 10.5pt;  font-family: Arial,돋움 ; color:#292929 ; line-height:20px; letter-spacing:0; word-break:break-all; }
.tit09 { font-size: 9pt;  font-family: Arial ; color:#006eae ; line-height:17px; letter-spacing:0; word-break:break-all; }
.tit10 { font-size: 9pt;  font-family: Arial ; color:#e9810c ; line-height:17px; letter-spacing:0; font-weight : bold;}
.tit11 { font-size: 19pt;  font-family: Arial ; color:#454aa0 ; line-height:20px; letter-spacing:-1; word-break:keep-all; }
.tit12 { font-size: 12pt;  font-family: 돋움 ; color:#2e2e2e ; font-weight : bold; line-height:20px; letter-spacing:-1; word-break:break-all; }
.tit13 { font-size: 8pt;  font-family: Arial ; color:#474747; line-height:17px; letter-spacing:-1; word-break:break-all; }
.tit14 { font-size: 8pt;  font-family: 돋움 ; color:#474747; line-height:17px; letter-spacing:-1; font-weight : bold;}
.tit15 { font-size: 12pt;  font-family: 돋움 ; color:#ffffff ; font-weight : bold; line-height:20px; letter-spacing:-1; word-break:break-all; }
/*==Title==*/

/* menu link */

a:link { text-decoration: none; color: #474747; font-size: 9pt; font-family: Dotum,DotumChe, Verdana ; }
a:visited { text-decoration: none; color: #474747; font-size: 9pt; font-family: Dotum,DotumChe, Verdana ; }
a:active { text-decoration: none; color: #0000ff; font-size: 9pt;font-family: Dotum,DotumChe, Verdana ; }
a:hover { text-decoration: none; color:#0000ff; font-size: 9pt;font-family: Dotum,DotumChe, Verdana ;}

a.menu:link {color: #444444; text-decoration:none;}
a.menu:visited {color: #444444; text-decoration:none;}
a.menu:acitve{color: #ff7e00; text-decoration:none;}
a.menu:hover{color: #ff7e00; text-decoration:none;}

a.menu02:link {color: #3b5998; text-decoration:none;}
a.menu02:visited {color: #3b5998; text-decoration:none;}
a.menu02:acitve{color: #0052ff; text-decoration:none;}
a.menu02:hover{color: #0052ff; text-decoration:none;}

a.menu03:link {color: #006eae; text-decoration:none;}
a.menu03:visited {color: #006eae; text-decoration:none;}
a.menu03:acitve{color: #0000ff; text-decoration:none;}
a.menu03:hover{color: #0000ff; text-decoration:none;}

a.menu04:link {color: #ffffff; text-decoration:none;}
a.menu04:visited {color: #ffffff; text-decoration:none;}
a.menu04:acitve{color: #ffffff; text-decoration:none;}
a.menu04:hover{color: #ffffff; text-decoration:none;}

a.menu05:link {color: #000000; text-decoration:none;}
a.menu05:visited {color: #000000; text-decoration:none;}
a.menu05:acitve{color: #0000ff; text-decoration:none;}
a.menu05:hover{color: #0000ff; text-decoration:none;}

a.menu06:link {color: #3b5998; text-decoration:none;}
a.menu06:visited {color: #3b5998; text-decoration:none;}
a.menu06:acitve{color: #0600ff; text-decoration:none;}
a.menu06:hover{color: #0600ff; text-decoration:none;}

a.menu01:link {color: #2c2c2c; text-decoration:none;}

a.menu01:visited {color: #2c2c2c; text-decoration:none;}

a.menu01:acitve{color: #0089f3; text-decoration:none;}

a.menu01:hover{color: #0089f3; text-decoration:none;}

/* TABLE ?? ???? */
.ln       { border-collapse:collapse; }
.t00      { background-color: #6e8ddb; }
.t01      { background-color: #dde4f4; border: 1px solid #CFD2D3; color: #676767;font-weight: bold;   text-align:left; padding-left:15px;padding-top:1px;}
.t02      { background-color: #dfdfdf; border: 1px solid #CFD2D3; color: #676767;font-weight: bold;   text-align:center;}
.t01-1    { background-color: #ffffff; border: 1px solid #CFD2D3; color: #474747;font-weight: normal; text-align:left; padding-left:15px;padding-top:1px;padding-right:15px;}
.t01-2    { background-color: #ffffff; border: 1px solid #CFD2D3; color: #474747;font-weight: normal; text-align:left; padding-left:5px;padding-top:1px;padding-right:5px;}

img {border:0}

.table02 { font-size: 9pt;  font-family: Verdana ; color:#454aa0 ; font-weight : bold; line-height:17px; word-break:break-all; }
.textarea02 {border:1px solid #bcbcbc; padding:5px; font-family:Dotum, Gulim, Tahoma, Verdana, AppleGothic, sans-serif; font-size:12px; color:#777777; background-color:#ffffff; word-break:break-all;}

input.button { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#D4D0C8; border:1 solid #C2C2C2; height:19px; }

input.a   { border: 0px; background-color:#E7EFD6; text-align:left; height:20px; padding-left:3px;  padding-top:5px; color: #676767;}

input.a01 { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#ffffff; border:1 solid #C2C2C2; height:19px; }
input.button { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#D4D0C8; border:1 solid #C2C2C2; height:19px; }
input.radio { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana; background-color:#99CA3C; border:0 solid #C2C2C2; }
input.show { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#F0F0F0; border:1 solid #F0F0F0; height:19px; }

.select { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#eeeeee; border:1 solid #C2C2C2; height:19px; }
.input_file {width:120px; height:22px; border:1px solid #e5e5e5; background-color:#ffffff; padding:2px 2px 2px 2px; font-family:Tahoma,Dotum, Gulim, Verdana, AppleGothic, sans-serif; font-size:9pt; color:#777777; }
.input_file02 { border:1px solid #f7f7f7; background-color:#f7f7f7; padding:2px 2px 2px 2px; font-family:Tahoma,Dotum, Gulim, Verdana, AppleGothic, sans-serif; font-size:9pt; color:#color:#474747 ;; font-weight : bold;}
.input1{ height:18px; border:1px solid #e5e5e5; background-color:#ffffff; padding:2px 2px 1px 0px; font-family:Tahoma,Dotum, Gulim, Verdana, AppleGothic, sans-serif; font-size:9pt; color:#777777; }

textarea { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#ffffff; border:1 solid #ffffff;  }
textarea.border { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#ffffff; border:1 solid #E1E1E1; height:19px; }
textarea.border2 { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#ffffff; border:1 solid #E1E1E1; height:40px; width:400px; }
textarea.border3 { font-size: 9pt;  font-family: Dotum, DotumChe, Verdana ; background-color:#ffffff; border:1 solid #E1E1E1; height:100px; width:400px; }
BODY { scrollbar-3dlight-color:#FFFFFF;
scrollbar-arrow-color:#939393;
scrollbar-track-color:#F4F4F4;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-face-color:#EDEDED;
scrollbar-highlight-color:#FAFAFA;
scrollbar-shadow-color:#BDBDBD;}


.padding_l5{padding-left:5px;background-color:#ffffff;}
.padding_l10{padding-left:10px;background-color:#fffffff;}
.padding_l20{padding-left:20px;background-color:#ffffff;}

.padding_r5{padding-left:5px;background-color:#ffffff;}
.padding_r10{padding-left:10px;background-color:#ffffff;}
.padding_r20{padding-left:20px;background-color:#ffffff;}

.padding_all2{padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:2px;}
.padding_all5{padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;}
.padding_all10{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;}
.padding_all20{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;}

.padding_l5_bg{padding-left:5px;background-color:#EAF5FF;}
.padding_l10_bg{padding-left:10px;background-color:#EAF5FF;}
.padding_l15_bg{padding-left:10px;background-color:#F9F9F9; height:28;}
.padding_l20_bg{padding-left:20px;background-color:#EAF5FF;}

.padding_r5_bg{padding-left:5px;background-color:#F6F6F6;}
.padding_r10_bg{padding-left:10px;background-color:#F6F6F6;}
.padding_r20_bg{padding-left:20px;background-color:#F6F6F6;}

.padding_all2_bg{padding-top:2px;padding-bottom:2px;padding-left:2px;padding-right:2px;background-color:#EAF5FF;}
.padding_all5_bg{padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;background-color:#EAF5FF;}
.padding_all10_bg{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;background-color:#EAF5FF;}
.padding_all20_bg{padding-top:20px;padding-bottom:20px;padding-left:20px;padding-right:20px;background-color:#EAF5FF;}

.padding_c{text-align:center;}
.padding_c_bg{text-align:center;background-color:#EAF5FF; font-weight: bold; }
.padding_c_bg1{text-align:center;background-color:#EAF5FF;}

div.kv{width:350px;height:364px;overflow:scroll/* hidden|auto|scroll */;-webkit-overflow-scrolling:touch;}
div.ex{width:350px;height:364px;overflow:scroll/* hidden|auto|scroll */;-webkit-overflow-scrolling:touch;}

#wrapper {
    position:relative;
    z-index:1;
    width:350px/* your desired width, auto and 100% are fine */;
    height:364px/* element height */;
    overflow-y:scroll/* hidden|auto|scroll */;
	-webkit-overflow-scrolling:touch;
	text-overflow-mode: ellipsis;
}
#wrapper1 {
    position:relative;
    z-index:1;
    width:350px/* your desired width, auto and 100% are fine */;
    height:250px/* element height */;
    overflow-y:scroll/* hidden|auto|scroll */;
	-webkit-overflow-scrolling:touch;
	text-overflow-mode: ellipsis;
}