/* 기본값들 */ body, table, tr, td, input, textarea { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:돋움, 돋움체, verdana; font-size:12px; color:#333333; word-break:break-all; scrollbar-face-color:#DCDCDC; scrollbar-highlight-color: #CCCCCC; scrollbar-shadow-color: #CCCCCC; scrollbar-3dlight-color: #F2F2F2; scrollbar-darkshadow-color: #F2F2F2; scrollbar-track-color: #F2F2F2; scrollbar-arrow-color: #777777; } SELECT {background-color : #ffffff;font-family: "돋움", "굴림","seoul", "verdana", "arial"; font-size:9pt; color: #404040; } img {border: 0px;} form { display : inline; } /* 링크폰트 */ a { COLOR: #333333; TEXT-DECORATION: none;} a:hover { TEXT-DECORATION: underline;} a.gray:hover { COLOR: #333333; TEXT-DECORATION: underline;} a.gray2:hover {COLOR: #333333; TEXT-DECORATION: underline;} a.reds:hover {COLOR: red; TEXT-DECORATION: underline;} /* 탭링크폰트 */ .tab01:link {font:9pt 돋움; color:#4B4B4B; text-decoration:none; font-weight:bold;} .tab01:visited {font:9pt 돋움; color:#4B4B4B; text-decoration:none; font-weight:bold;} .tab01:hover {font:9pt 돋움; color:#808080; text-decoration:none; font-weight:bold;} .tab02:link {font:9pt 돋움; color:#808080; text-decoration:none; font-weight:bold;} .tab02:visited {font:9pt 돋움; color:#808080; text-decoration:none; font-weight:bold;} .tab02:hover {font:9pt 돋움; color:#4B4B4B; text-decoration:none; font-weight:bold;} .tab03:link {font:9pt 돋움; color:#FF7F00; text-decoration:none;} .tab03:visited {font:9pt 돋움; color:#FF7F00; text-decoration:none;} .tab03:hover {font:9pt 돋움; color:#4B4B4B; text-decoration:none;} /* 본문폰트 */ .basic {line-height: 150%; color: #333333;} .basicsmall {font-size: 11px; color: #333333;} .basicb {font-weight: bold; color: #333333;} .basicbb {font-size: 14pt; font-weight: bold; color: #333333;} .black {FONT-SIZE: 12px; line-height: 130%; COLOR: black;} .blackb {color: #000000; font-weight: bold;} .blackbb {font-size: 14px; font-weight: bold; color: #333333;} .message {font-size: 10pt; line-height: 140%; color: 333333; text-decoration: none;} .messageb {font-weight: bold; color: 333333;} /* 서브타이틀폰트 */ .subtt {font-family:돋움, 돋움체, verdana; font-size:12px; color:#3372C0;} .subttl {font-family:돋움, 돋움체, verdana; font-size:12px; color:#3372C0; font-weight: bold;} .subttlb {font-family:돋움, 돋움체, verdana; font-size:14px; color:#3372C0; font-weight: bold;} .subttls {font-family:tahoma; font-size:9px; color:#3372C0;} /* number */ .num01 { font-size: 11px; font-family: "돋움, verdana"; } .num01g { color:#808080; font-size: 11px; font-family: "돋움, verdana"; } .num01b { font-size: 11px; font-family: "돋움, verdana"; font-weight: bold;} .num02 { color:#999999; font-family: "돋움, verdana"; font-size: 10px; } /* 약간작은글씨 */ .menutx {font-size: 9pt; color:#000000; font-family:Verdana,굴림; text-decoration: none;} .menutx2 {font-size: 9pt; color:#000000; font-family:Verdana,돋움; text-decoration: none;} .menutx a:link {font-size:9pt;font-family:Verdana,굴림;color:#000000;text-decoration: none;} .menutx a:visited {font-size:9pt;font-family:Verdana,굴림;color:#000000;text-decoration: none;} .menutx a:hover {font-size:9pt;font-family:Verdana,굴림;color:#000000;text-decoration: none;} .login { color:#333333; font-family: "돋움"; font-size: 11px; } /* 작은글씨 */ .bottom {font-size:8pt;font-family:돋움, 돋움체, verdana; color:#808080; line-height:150%;} .bottom a:link {font-size:8pt;font-family:돋움;color:#808080;line-height:150%;} .bottom a:visited {font-size:8pt;font-family:돋움;color:#808080;line-height:150%;} .bottom a:hover {font-size:8pt;font-family:돋움;color:#C6252C;line-height:150%;} /* 영문작은글씨 */ .bottome {font-size:8pt;font-family:verdana; color:#808080;} .bottome2 {font-size:10px;font-family:Verdana,Tahoma; color:#808080;} /* gray font & link */ .gr01 { color:#999999; font-family:"돋움, verdana"; font-size: 12px; } .gr01 a:link { color : #999999; text-decoration: none; } .gr01 a:visited { color: #999999; text-decoration:none; } .gr01 a:hover{ color : #999999 ; text-decoration: none; } .gr02 { color:#cccccc; font-family:"돋움, verdana"; font-size: 12px; } .gr03 { color:#808080; font-family:"돋움, verdana"; font-size: 12px; } /* 색깔,사이즈별 폰트 */ .blue_b {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #0099cc; } .blue { FONT-SIZE: 12px; COLOR: #025680;} .blue2 { FONT-SIZE: 12px; COLOR: #0099cc; line-height: 150% } .blue3 { FONT-SIZE: 12px; COLOR: 0014AF; line-height: 150% } .blue3s { FONT-SIZE: 11px; COLOR: 0014AF; line-height: 150% } .blue4 { FONT-SIZE: 12px; COLOR: 003366; line-height: 150% } .blue4s { FONT-SIZE: 11px; COLOR: 003366; line-height: 150% } .darkblue {FONT-SIZE: 12px; COLOR: #006699; Font:bold;} .brown{ font-size: 12px; line-height: 150%; color: #330000} .brown2{ font-size: 12px; line-height: 150%; color: #660000} .brown3{ font-size: 12px; line-height: 150%; color: #663300} .brown4{ font-size: 12px; color: #C44D05} .brown4s{ font-size: 11px; color: #C44D05} .darkbrown {font-size: 12px; font-weight: bold; color: #993366;} .gray { FONT-SIZE: 12px; COLOR: #333333; line-height: 150%;} .grayb { FONT-SIZE: 12px; COLOR: #333333; line-height: 150%; font-weight: bold;} .gray2 {FONT-SIZE: 11px; COLOR: #333333; line-height: 150%;} .gray2b {FONT-SIZE: 11px; COLOR: #333333; line-height: 150%; font-weight: bold;} .gray3 { font-size: 12px; line-height: 170%; color: #666666} .gray4 {FONT-SIZE: 11px; COLOR: #9A9A9A;} .gray5 { font-size: 12px; line-height: 120%; color: #999999} .grays {font-size: 11px; color: #7B797B;} .green {FONT-SIZE: 12px; COLOR: #006666;} .greenb {font-weight: bold; color: 006666;} .greenb13 {font-size: 13px; font-weight: bold; color: 006666;} .green2 { font-size: 12px; line-height: 120%; color: #006600} .green2b {FONT-WEIGHT: bold; font-size: 12px; line-height: 120%; color: #006600} .navy {line-height: 120%; color: #003F7E;} .navyb {font-weight: bold; line-height: 120%; color: #003F7E;} .navyb10 {font-size: 10px; font-weight: bold; line-height: 120%; color: #003F7E;} .navyb13 {font-size: 13px; font-weight: bold; line-height: 120%; color: #003F7E;} .orange { font-size: 12px; color: EB0000} .orangeb { font-size: 12px; FONT-WEIGHT: bold; color: EB0000} .oranges { font-size: 11px; color: EB0000} .orangesb { font-size: 11px; FONT-WEIGHT: bold; color: EB0000} .pink {COLOR: #CC3366} .pinks {font-size: 11px; line-height: 150%; color: #CC3366} .pink2 {COLOR: #D02799} .pink2b {FONT-WEIGHT: bold; font-size: 12px; color: #D02799} .puple { font-size: 12px; line-height: 150%; color: 670097} .red { font-size: 12px; line-height: 150%; color: #990066} .reds { font-size: 11px; line-height: 150%; color: 990066} .red2 { font-size: 12px; line-height: 150%; color: #9E0B0E} .red3 {color: FF5A00; line-height: 120%;} .red3s {font-size: 11px; color: FF5A00; line-height: 120%;} .red3sb {font-size: 11px; FONT-WEIGHT: bold; color: FF5A00; line-height: 120%;} .red4 { font-size: 12px; line-height: 120%; color: #FF3300} .red4b {FONT-WEIGHT: bold; font-size: 12px; line-height: 120%; color: #FF3300} .redbrownb {font-weight: bold; color: 8E354A;} .redbrown {color: 8E354A; line-height: 150%;} .redbrownb10 {font-size: 10px; font-weight: bold; line-height: 120%; color: #8E354A;} .redbrownb13 {font-size: 13px; font-weight: bold; line-height: 120%; color: #8E354A;} .tsmall {font-size: 11px; line-height: 120%; color: 333333;} .tsmallw {font-size: 11px; line-height: 150%; color: 333333;} .tsmallb {font-size: 11px; font-weight: bold; line-height: 120%; color: 333333;} .white {font-size: 12px; line-height: 120%; color: #FFFFFF;} .whites {font-size: 11px; color: #FFFFFF;} .whiteme {font-size: 8px;font-family:tahoma; color:#FFFFFF;} .whiteb {font-size: 12px; font-weight: bold; color: #FFFFFF;} .whitebl {font-size: 12px; font-weight: bold; line-height: 130%; color: #FFFFFF;} /* 폼아웃라인 */ .table_line_gray{ border:1px; border-color:#909090; border-style:solid; } .table_line_gray2{ border:1px; border-color:#BABABA; border-style:solid; } .table_line_gray3{ border:1px; border-color:#CCCCCC; border-style:solid; } /* 페이지이동시 */ .pagelist {font-size: 11px; font-style: normal; color: #333333; text-decoration: underline;} a.pagelist:hover {font-size: 11px; font-style: normal; color: #333333; TEXT-DECORATION: underline;} a.pagelist:link {font-size: 11px; font-style: normal; color: #333333; TEXT-DECORATION: underline;} a.pagelist:visited {font-size: 11px; font-style: normal; color: #333333; TEXT-DECORATION: underline;} .pagelist2 {font-size: 11px; font-style: normal; font-weight: bold; color: #107DB4;} .pagelist3 {font-size: 11px; font-style: normal; color: #333333;} /********************************************* Default *********************************************/ .ls1 {letter-spacing:1px;} .ls0 {letter-spacing:0px;} .ls-1 {letter-spacing:-1px;} /********************************************* Board *********************************************/ .no {font-family:Tahoma;font-size:9px;color:8F8F8F;font-weight:bold;} .date {font-family:Tahoma;font-size:11px;color:333333;} .name {color:333333;} .comment {font-family:Tahoma;font-size:10px;color:F97B0B;} .page_count {font-size:11x;font-family:돋움;color:9D9D9D;} .page_count_over {font-size:12px;font-family:돋움;color:8F8F8F;font-weight:bold;} .inp1 {border:1px solid #CECFCE;background-color:white;height:18px;} .input {border:1px solid #CECFCE;background-color:white;height:18px;} .ta1 {border:1px solid #CECFCE;} /********************************************* Text *********************************************/ .underline {text-decoration:underline} .bold {font-weight:bold} .t140 {line-height:140%} .t150 {line-height:150%} .t160 {line-height:160%} .t170 {line-height:170%} .t180 {line-height:180%} .t190 {line-height:190%} .t200 {line-height:200%} .just {text-align:justify} /********************************************* Font *********************************************/ /* tahoma by point */ .tah7 {font-family:Tahoma,Verdana,Arial;font-size:7pt} .tah8 {font-family:Tahoma,Verdana,Arial;font-size:8pt} .tah9 {font-family:Tahoma,Verdana,Arial;font-size:9pt} .tah12 {font-family:Tahoma,Verdana,Arial;font-size:12pt} .tah13 {font-family:Tahoma,Verdana,Arial;font-size:13pt} .tah14 {font-family:Tahoma,Verdana,Arial;font-size:14pt} /* tahoma by pixel */ .tah8px {font-family:Tahoma,Verdana,Arial;font-size:8px} .tah9px {font-family:Tahoma,Verdana,Arial;font-size:9px} .tah10px {font-family:Tahoma,Verdana,Arial;font-size:10px} .tah11px {font-family:Tahoma,Verdana,Arial;font-size:11px} /********************************************* Table *********************************************/ .fixed {table-layout:fixed;} /********************************************* Form *********************************************/ /* input */ .bd {border:1px solid #cdcdcd;background-color:#f7f5f7;height:18px;font-family:,u;font-size:9pt;color:#393939} .bip {border:1px solid #cdcdcd;background-color:#ffffff;height:19px;font-family:,u;font-size:9pt;color:#393939} .bd_eng {border:1px solid #cdcdcd;background-color:#f7f5f7;height:18px;font-family:Verdana,Tahoma,Arial;font-size:10px;color:#393939} /* button */ .bt_submit_eng {background-color:#4C67B4;border:solid 1px #3D58A7;color:white;font-family:Verdana,Tahoma;font-size:10px;font-weight:bold} .bt_submit_eng_reset {background-color:#687FC2;border:solid 1px #7B90CB;border-right:1px solid #5C78C8;border-bottom:1px solid #5C78C8;color:white;font-family:Verdana,Tahoma;font-size:10px;font-weight:bold} .bt_submit_eng_preview {background-color:#687FC2;border:solid 1px #3356BB;color:white;font-family:Verdana,Tahoma;font-size:10px;font-weight:bold} .bt {background-color:black;border-color:solid 1 black;color:white;font-family:Verdana,Tahoma;font-size:8pt} .bt_blue {color:white;background-color:#1B5CBD;font-family:Tahoma,Verdana;font-size:8pt;font-weight:bold;border:1px solid #144DA2} /* fileupload */ .filebdc {border-color:solid 1 c0c0c0;font-family:Tahoma,Verdana;font-size:8pt} /* textarea */ .ta {border:1px solid #cdcdcd;background-color:#f7f5f7;color:#393939;font-size:9pt;font-family:} .ta_comment {font-family:;border:1px solid #D3D3B9;border-left:1px solid #C5C5A7;border-top:1px solid #C5C5A7;background-color:white;color:393939;font-size:9pt;} /********************************************* Padding *********************************************/ .pt0 {padding-top:0;}.pt1 {padding-top:1;}.pt2 {padding-top:2;}.pt3 {padding-top:3;}.pt4 {padding-top:4;}.pt5 {padding-top:5;}.pt6 {padding-top:6;}.pt7 {padding-top:7;}.pt8 {padding-top:8;}.pt9 {padding-top:9;}.pt10 {padding-top:10;}.pt11 {padding-top:11;}.pt12 {padding-top:12;}.pt13 {padding-top:13;}.pt14 {padding-top:14;}.pt15 {padding-top:15;}.pt16 {padding-top:16;}.pt17 {padding-top:17;}.pt18 {padding-top:18;}.pt19 {padding-top:19;}.pt20 {padding-top:20;}.pt21 {padding-top:21;}.pt22 {padding-top:22;}.pt23 {padding-top:23;}.pt24 {padding-top:24;}.pt25 {padding-top:25;}.pt26 {padding-top:26;}.pt27 {padding-top:27;}.pt28 {padding-top:28;}.pt29 {padding-top:29;}.pt30 {padding-top:30;}.pt31 {padding-top:31;}.pt32 {padding-top:32;}.pt33 {padding-top:33;}.pt34 {padding-top:34;}.pt35 {padding-top:35;}.pt36 {padding-top:36;}.pt37 {padding-top:37;}.pt38 {padding-top:38;}.pt39 {padding-top:39;}.pt40 {padding-top:40;}.pt41 {padding-top:41;}.pt42 {padding-top:42;}.pt43 {padding-top:43;}.pt44 {padding-top:44;}.pt45 {padding-top:45;}.pt46 {padding-top:46;}.pt47 {padding-top:47;}.pt48 {padding-top:48;}.pt49 {padding-top:49;}.pt50 {padding-top:50;} .pr0 {padding-right:0;}.pr1 {padding-right:1;}.pr2 {padding-right:2;}.pr3 {padding-right:3;}.pr4 {padding-right:4;}.pr5 {padding-right:5;}.pr6 {padding-right:6;}.pr7 {padding-right:7;}.pr8 {padding-right:8;}.pr9 {padding-right:9;}.pr10 {padding-right:10;}.pr11 {padding-right:11;}.pr12 {padding-right:12;}.pr13 {padding-right:13;}.pr14 {padding-right:14;}.pr15 {padding-right:15;}.pr16 {padding-right:16;}.pr17 {padding-right:17;}.pr18 {padding-right:18;}.pr19 {padding-right:19;}.pr20 {padding-right:20;}.pr21 {padding-right:21;}.pr22 {padding-right:22;}.pr23 {padding-right:23;}.pr24 {padding-right:24;}.pr25 {padding-right:25;}.pr26 {padding-right:26;}.pr27 {padding-right:27;}.pr28 {padding-right:28;}.pr29 {padding-right:29;}.pr30 {padding-right:30;}.pr31 {padding-right:31;}.pr32 {padding-right:32;}.pr33 {padding-right:33;}.pr34 {padding-right:34;}.pr35 {padding-right:35;}.pr36 {padding-right:36;}.pr37 {padding-right:37;}.pr38 {padding-right:38;}.pr39 {padding-right:39;}.pr40 {padding-right:40;}.pr41 {padding-right:41;}.pr42 {padding-right:42;}.pr43 {padding-right:43;}.pr44 {padding-right:44;}.pr45 {padding-right:45;}.pr46 {padding-right:46;}.pr47 {padding-right:47;}.pr48 {padding-right:48;}.pr49 {padding-right:49;}.pr50 {padding-right:50;} .pl0 {padding-left:0;}.pl1 {padding-left:1;}.pl2 {padding-left:2;}.pl3 {padding-left:3;}.pl4 {padding-left:4;}.pl5 {padding-left:5;}.pl6 {padding-left:6;}.pl7 {padding-left:7;}.pl8 {padding-left:8;}.pl9 {padding-left:9;}.pl10 {padding-left:10;}.pl11 {padding-left:11;}.pl12 {padding-left:12;}.pl13 {padding-left:13;}.pl14 {padding-left:14;}.pl15 {padding-left:15;}.pl16 {padding-left:16;}.pl17 {padding-left:17;}.pl18 {padding-left:18;}.pl19 {padding-left:19;}.pl20 {padding-left:20;}.pl21 {padding-left:21;}.pl22 {padding-left:22;}.pl23 {padding-left:23;}.pl24 {padding-left:24;}.pl25 {padding-left:25;}.pl26 {padding-left:26;}.pl27 {padding-left:27;}.pl28 {padding-left:28;}.pl29 {padding-left:29;}.pl30 {padding-left:30;}.pl31 {padding-left:31;}.pl32 {padding-left:32;}.pl33 {padding-left:33;}.pl34 {padding-left:34;}.pl35 {padding-left:35;}.pl36 {padding-left:36;}.pl37 {padding-left:37;}.pl38 {padding-left:38;}.pl39 {padding-left:39;}.pl40 {padding-left:40;}.pl41 {padding-left:41;}.pl42 {padding-left:42;}.pl43 {padding-left:43;}.pl44 {padding-left:44;}.pl45 {padding-left:45;}.pl46 {padding-left:46;}.pl47 {padding-left:47;}.pl48 {padding-left:48;}.pl49 {padding-left:49;}.pl50 {padding-left:50;} .pb0 {padding-bottom:0;}.pb1 {padding-bottom:1;}.pb2 {padding-bottom:2;}.pb3 {padding-bottom:3;}.pb4 {padding-bottom:4;}.pb5 {padding-bottom:5;}.pb6 {padding-bottom:6;}.pb7 {padding-bottom:7;}.pb8 {padding-bottom:8;}.pb9 {padding-bottom:9;}.pb10 {padding-bottom:10;}.pb11 {padding-bottom:11;}.pb12 {padding-bottom:12;}.pb13 {padding-bottom:13;}.pb14 {padding-bottom:14;}.pb15 {padding-bottom:15;}.pb16 {padding-bottom:16;}.pb17 {padding-bottom:17;}.pb18 {padding-bottom:18;}.pb19 {padding-bottom:19;}.pb20 {padding-bottom:20;}.pb21 {padding-bottom:21;}.pb22 {padding-bottom:22;}.pb23 {padding-bottom:23;}.pb24 {padding-bottom:24;}.pb25 {padding-bottom:25;}.pb26 {padding-bottom:26;}.pb27 {padding-bottom:27;}.pb28 {padding-bottom:28;}.pb29 {padding-bottom:29;}.pb30 {padding-bottom:30;}.pb31 {padding-bottom:31;}.pb32 {padding-bottom:32;}.pb33 {padding-bottom:33;}.pb34 {padding-bottom:34;}.pb35 {padding-bottom:35;}.pb36 {padding-bottom:36;}.pb37 {padding-bottom:37;}.pb38 {padding-bottom:38;}.pb39 {padding-bottom:39;}.pb40 {padding-bottom:40;}.pb41 {padding-bottom:41;}.pb42 {padding-bottom:42;}.pb43 {padding-bottom:43;}.pb44 {padding-bottom:44;}.pb45 {padding-bottom:45;}.pb46 {padding-bottom:46;}.pb47 {padding-bottom:47;}.pb48 {padding-bottom:48;}.pb49 {padding-bottom:49;}.pb50 {padding-bottom:50;} /* button css*/ .cbtn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; } .cbtn * { font-style: normal; background-image: url(/images/btn2.png); background-repeat: no-repeat; display: block; position: relative; } .cbtn i { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; } .cbtn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; } .cbtn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; } .cbtn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; } * html .cbtn span, * html .cbtn i { float: left; width: auto; background-image: none; cursor: pointer; } .cbtn.blue { background: #2ae; } .cbtn.green { background: #9d4; } .cbtn.pink { background: #e1a; } .cbtn:hover { background-color: #a00; } .cbtn:active { background-color: #444; } .cbtn[class] { background-image: url(/images/shade.png); background-position: bottom; } * html .cbtn { border: 3px double #aaa; } * html .cbtn.blue { border-color: #2ae; } * html .cbtn.green { border-color: #9d4; } * html .cbtn.pink { border-color: #e1a; } * html .cbtn:hover { border-color: #a00; }