/********************************************** * * * * * * * * * * * * * * * * * * * * * * * * Designed by JS Design * URL : http://www.jsda.co.kr * E-Mail : webmaster@jsda.co.kr * * * * * * * * * * * * * * * * * * * * * * * **********************************************/ /********************************************* * DEFAULT *********************************************/ a,body,option,select,input,br,td,div,span,form,textarea,center,pre {font-family:Verdana;font-size:9pt;color:#333333;} img { border:none } A.bold { font-weight:bold } A.underline {text-decoration:underline} A:link { color:black;text-decoration:none } A:visited { color:black;text-decoration:none } A:active { color:#669966;text-decoration:none } A:hover { color:#669966;text-decoration:none } body { margin-left:0px;margin-top:0px; scrollbar-face-color:#999999;scrollbar-shadow-color:#ffffff;scrollbar-highlight-color:#ffffff;scrollbar-3dlight-color:#ffffff;scrollbar-darkshadow-color:#ffffff;scrollbar-track-color:#ffffff;scrollbar-arrow-color:#ffffff } /********************************************* * FONTS BY FAMILY & SIZE *********************************************/ /* Tahoma by point */ .ta7 { font-family:Tahoma,Verdana,Arial;font-size:7pt } .ta8 { font-family:Tahoma,Verdana,Arial;font-size:8pt } .ta9 { font-family:Tahoma,Verdana,Arial;font-size:9pt } .ta10 { font-family:Tahoma,Verdana,Arial;font-size:10pt } .ta11 { font-family:Tahoma,Verdana,Arial;font-size:11pt } .ta12 { font-family:Tahoma,Verdana,Arial;font-size:12pt } .ta13 { font-family:Tahoma,Verdana,Arial;font-size:13pt } .ta14 { font-family:Tahoma,Verdana,Arial;font-size:14pt } /* Tahoma by pixel */ .ta9px {font-family:Tahoma,Verdana,Arial;font-size:9px} .ta10px {font-family:Tahoma,Verdana,Arial;font-size:10px} /* Verdada by point */ .ve7 { font-family:Verdana,Tahoma,Arial;font-size:7pt } .ve8 { font-family:Verdana,Tahoma,Arial;font-size:8pt } .ve9 { font-family:Verdana,Tahoma,Arial;font-size:9pt } .ve10 { font-family:Verdana,Tahoma,Arial;font-size:10pt } .ve11 { font-family:Verdana,Tahoma,Arial;font-size:11pt } .ve12 { font-family:Verdana,Tahoma,Arial;font-size:12pt } .ve13 { font-family:Verdana,Tahoma,Arial;font-size:13pt } .ve14 { font-family:Verdana,Tahoma,Arial;font-size:14pt } /* verdana by pixel */ .ve8px {font-family:Verdana;font-size:8px} .ve9px {font-family:Verdana;font-size:9px} .ve10px {font-family:Verdana;font-size:10px} .ve11px {font-family:Verdana;font-size:11px;letter-spacing:-1px} .ve12px {font-family:Verdana;font-size:12px;letter-spacing:-1px} .ve13px {font-family:Verdana;font-size:13px;letter-spacing:-1px} .ve14px {font-family:Verdana;font-size:14px;letter-spacing:-1px} .ve15px {font-family:Verdana;font-size:15px;letter-spacing:-1px} .ve16px {font-family:Verdana;font-size:16px;letter-spacing:-1px} .ve17px {font-family:Verdana;font-size:17px;letter-spacing:} /* anti-aliased*/ .ve18px {font-family:Verdana;font-size:18px;letter-spacing:-1px} /* Times New Roman by point */ .tnr7 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:7pt} .tnr8 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:8pt} .tnr9 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:9pt} .tnr10 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:10pt} .tnr11 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:11pt} .tnr12 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:12pt} .tnr13 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:13pt} .tnr14 {font-family:Times New Roman,Tahoma,Verdana,Arial;font-size:14pt} /* Trebuchet MS by point */ .tre7 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:7pt} .tre8 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:8pt} .tre9 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:9pt} .tre10 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:10pt} .tre11 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:11pt} .tre12 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:12pt} .tre13 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:13pt} .tre14 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:14pt} .tre30 {font-family:Trebuchet MS,Tahoma,Verdana,Arial;font-size:30pt} /* other fonts */ .small { font-family:Small Fonts;font-size:7pt } /********************************************* * TEXT STYLE *********************************************/ .h140 { line-height:140% } .h170 { line-height:170% } .just { text-align:justify } .word { word-break:break-all } .bold { font-weight:bold } .underline {text-decoration:underline} /********************************************* * TEXT COLOR *********************************************/ .aliceblue { color:aliceblue } /* F0F8FF */ .antiquewhite { color:antiquewhite } /* FAEBD7 */ .aqua { color:aqua } /* 00FFFF */ .aquamarine { color:aquamarine } /* 7FFFD4 */ .azure { color:azure } /* F0FFFF */ .beige { color:beige } /* F5F5DC */ .bisque { color:bisque } /* FFE4C4 */ .black { color:black } /* 000000 */ .blanchedalmond { color:blanchedalmond } /* FFEBCD */ .blue { color:blue } /* 0000FF */ .blueviolet { color:blueviolet } /* 8A2BE2 */ .brown { color:brown } /* A52A2A */ .burlywood { color:burlywood } /* DEB887 */ .cadetblue { color:cadetblue } /* 5F9EA0 */ .chartreuse { color:chartreuse } /* 7FFF00 */ .chocolate { color:chocolate } /* D2691E */ .coral { color:coral } /* FF7F50 */ .cornflowerblue { color:cornflowerblue } /* 6495ED */ .cornsilk { color:cornsilk } /* FFF8DC */ .crimson { color:crimson } /* DC143C */ .cyan { color:cyan } /* 00FFFF */ .darkblue { color:darkblue } /* 00008B */ .darkcyan { color:darkcyan } /* 008B8B */ .darkgoldenrod { color:darkgoldenrod } /* B8860B */ .darkgray { color:darkgray } /* A9A9A9 */ .darkgreen { color:darkgreen } /* 006400 */ .darkkhaki { color:darkkhaki } /* BDB76B */ .darkmagenta { color:darkmagenta } /* 8B008B */ .darkolivegreen { color:darkolivegreen } /* 556B2F */ .darkorange { color:darkorange } /* FF8C00 */ .darkorchid { color:darkorchid } /* 9932CC */ .darkred { color:darkred } /* 8B0000 */ .darksalmon { color:darksalmon } /* E9967A */ .darkseagreen { color:darkseagreen } /* 8FBC8B */ .darkslateblue { color:darkslateblue } /* 483D8B */ .darkslategray { color:darkslategray } /* 2F4F4F */ .darkturquoise { color:darkturquoise } /* 00CED1 */ .darkviolet { color:darkviolet } /* 9400D3 */ .deeppink { color:deeppink } /* FF1493 */ .deepskyblue { color:deepskyblue } /* 00BFFF */ .dimgray { color:dimgray } /* 696969 */ .dodgerblue { color:dodgerblue } /* 1E90FF */ .firebrick { color:firebrick } /* B22222 */ .floralwhite { color:floralwhite } /* FFFAF0 */ .forestgreen { color:forestgreen } /* 228B22 */ .fuchsia { color:fuchsia } /* FF00FF */ .gainsboro { color:gainsboro } /* DCDCDC */ .ghostwhite { color:ghostwhite } /* F8F8FF */ .gold { color:gold } /* FFD700 */ .goldenrod { color:goldenrod } /* DAA520 */ .gray { color:gray } /* 808080 */ .green { color:green } /* 008000 */ .greenyellow { color:greenyellow } /* ADFF2F */ .honeydew { color:honeydew } /* F0FFF0 */ .hotpink { color:hotpink } /* FF69B4 */ .indianred { color:indianred } /* CD5C5C */ .indigo { color:indigo } /* 4B0082 */ .ivory { color:ivory } /* FFFFF0 */ .khaki { color:khaki } /* F0E68C */ .lavender { color:lavender } /* E6E6FA */ .lavenderblush { color:lavenderblush } /* FFF0F5 */ .lawngreen { color:lawngreen } /* 7CFC00 */ .lemonchiffon { color:lemonchiffon } /* FFFACD */ .lightblue { color:lightblue } /* ADD8E6 */ .lightcoral { color:lightcoral } /* F08080 */ .lightcyan { color:lightcyan } /* E0FFFF */ .lightgoldenrodyellow { color:lightgoldenrodyellow } /* FAFAD2 */ .lightgreen { color:lightgreen } /* 90EE90 */ .lightgrey { color:lightgrey } /* D3D3D3 */ .lightpink { color:lightpink } /* FFB6C1 */ .lightsalmon { color:lightsalmon } /* FFA07A */ .lightseagreen { color:lightseagreen } /* 20B2AA */ .lightskyblue { color:lightskyblue } /* 87CEFA */ .lightslategray { color:lightslategray } /* 778899 */ .lightsteelblue { color:lightsteelblue } /* B0C4DE */ .lightyellow { color:lightyellow } /* FFFFE0 */ .lime { color:lime } /* 00FF00 */ .limegreen { color:limegreen } /* 32CD32 */ .linen { color:linen } /* FAF0E6 */ .magenta { color:magenta } /* FF00FF */ .maroon { color:maroon } /* 800000 */ .mediumaquamarine { color:mediumaquamarine } /* 66CDAA */ .mediumblue { color:mediumblue } /* 0000CD */ .mediumorchid { color:mediumorchid } /* BA55D3 */ .mediumpurple { color:mediumpurple } /* 9370DB */ .mediumseagreen { color:mediumseagreen } /* 3CB371 */ .mediumslateblue { color:mediumslateblue } /* 7B68EE */ .mediumspringgreen { color:mediumspringgreen } /* 00FA9A */ .mediumturquoise { color:mediumturquoise } /* 48D1CC */ .mediumvioletred { color:mediumvioletred } /* C71585 */ .midnightblue { color:midnightblue } /* 191970 */ .mintcream { color:mintcream } /* F5FFFA */ .mistyrose { color:mistyrose } /* FFE4E1 */ .moccasin { color:moccasin } /* FFE4B5 */ .navajowhite { color:navajowhite } /* FFDEAD */ .navy { color:navy } /* 000080 */ .oldlace { color:oldlace } /* FDF5E6 */ .olive { color:olive } /* 808000 */ .olivedrab { color:olivedrab } /* 6B8E23 */ .orange { color:orange } /* FFA500 */ .orangered { color:orangered } /* FF4500 */ .orchid { color:orchid } /* DA70D6 */ .palegoldenrod { color:palegoldenrod } /* EEE8AA */ .palegreen { color:palegreen } /* 98FB98 */ .paleturquoise { color:paleturquoise } /* AFEEEE */ .palevioletred { color:palevioletred } /* DB7093 */ .papayawhip { color:papayawhip } /* FFEFD5 */ .peachpuff { color:peachpuff } /* FFDAB9 */ .peru { color:peru } /* CD853F */ .pink { color:pink } /* FFC0CB */ .plum { color:plum } /* DDA0DD */ .powderblue { color:powderblue } /* B0E0E6 */ .purple { color:purple } /* 800080 */ .red { color:red } /* FF0000 */ .rosybrown { color:rosybrown } /* BC8F8F */ .royalblue { color:royalblue } /* 4169E1 */ .saddlebrown { color:saddlebrown } /* 8B4513 */ .salmon { color:salmon } /* FA8072 */ .sandybrown { color:sandybrown } /* F4A460 */ .seagreen { color:seagreen } /* 2E8B57 */ .seashell { color:seashell } /* FFF5EE */ .sienna { color:sienna } /* A0522D */ .silver { color:silver } /* C0C0C0 */ .skyblue { color:skyblue } /* 87CEEB */ .slateblue { color:slateblue } /* 6A5ACD */ .slategray { color:slategray } /* 708090 */ .snow { color:snow } /* FFFAFA */ .springgreen { color:springgreen } /* 00FF7F */ .steelblue { color:steelblue } /* 4682B4 */ .tan { color:tan } /* D2B48C */ .teal { color:teal } /* 008080 */ .thistle { color:thistle } /* D8BFD8 */ .tomato { color:tomato } /* FF6347 */ .turquoise { color:turquoise } /* 40E0D0 */ .violet { color:violet } /* EE82EE */ .wheat { color:wheat } /* F5DEB3 */ .white { color:white } /* FFFFFF */ .whitesmoke { color:whitesmoke } /* F5F5F5 */ .yellow { color:yellow } /* FFFF00 */ .yellowgreen { color:yellowgreen } /* 9ACD32 */ /********************************************* * TABLES *********************************************/ .fixed {table-layout:fixed} /********************************************* * LINK *********************************************/ A.black:link { color:black;text-decoration:none } A.black:visited { color:black;text-decoration:none } A.black:active { color:black;text-decoration:none } A.black:hover { color:black;text-decoration:none } A.white:link { color:white;text-decoration:none } A.white:visited { color:white;text-decoration:none } A.white:active { color:white;text-decoration:underline } A.white:hover { color:white;text-decoration:underline } A.email:link { color:EF5900;text-decoration:none } A.email:visited { color:EF5900;text-decoration:none } A.email:active { color:EF5900;text-decoration:none } A.email:hover { color:#D73D07;text-decoration:none } A.recom:link { color:EF5900;text-decoration:none } A.recom:visited { color:EF5900;text-decoration:none } A.recom:active { color:EF5900;text-decoration:none } A.recom:hover { color:#D73D07;text-decoration:none } A.dot:link { color:black;text-decoration:none } A.dot:visited { color:black;text-decoration:none } A.dot:active { color:#8c8c8c;text-decoration:none } A.dot:hover { color:#8c8c8c;background-image:url(img/mdot.gif);background-position:bottom;background-repeat:repeat-x;text-decoration:none } /********************************************* * FORM *********************************************/ /* input */ .pass { border:1px solid #cccccc;background-color:#f7f7f7;color:#393939;font-size:8pt;font-family:굴림,굴림체;height:18px } .ip_kor { border:1px solid #cccccc;background-color:#f7f7f7;color:#393939;font-size:9pt;font-family:굴림,굴림체;height:18px } .ip_eng { border:1px solid #cccccc;background-color:#f7f7f7;color:#393939;font-size:8pt;font-family:Verdana,Tahoma,Arial;font-weight:bold;height:18px } /* button */ .submit { border:1px solid #666666;background-color:#13839F;color:#ffffff;font-size:10px;font-family:Verdana,Tahoma;font-weight:bold} /* fileupload */ .file { border:1px solid #c0c0c0;font-family:Tahoma,Verdana;font-size:8pt } /* textarea */ /* 스크롤 자동으로 생기기 부분 { overflow:auto } 이것도 무방하지... */ .ta { border:1px solid #cccccc;background-color:#f7f7f7;color:#393939;font-size:9pt;font-family:굴림,굴림체;overflow-x:none;overflow-y:auto } .notextbox { border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif; color:#000000; text-align:left; background-color:#FFFFFF; font-weight:bold } .notextboxc { border-bottom: 0px solid; border-left: 0px solid;border-right: 0px solid;border-top: 0px solid;font:12px arial, helvetica,sans-serif; color:#000000; text-align:center; background-color:#FFFFFF; font-weight:bold } /********************************************* * PADDING *********************************************/ .pad2 { padding-top:2px;padding-right:2px;padding-bottom:2px;padding-left:2px } .pad3 { padding-top:3px;padding-right:3px;padding-bottom:3px;padding-left:3px } .pad4 { padding-top:4px;padding-right:4px;padding-bottom:4px;padding-left:4px } .pad5 { padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px } /********************************************************************* * MISC. *********************************************************************/ .w100 {width:100%} .h100 {height:100%} .show {display:block} .hide {display:none} .visible {visibility:visible} .invisible {visibility:hidden} .px2 {letter-spacing:0.5em} .no {text-decoration:none} /********************************************************************* * MISC. *********************************************************************/ .px1 { position:relative; top:1px } /********************************************* * MISC. : cursor *********************************************/ .default { cursor:default } /* 기본값 */ .crosshari { cursor:help } /* 열십자모양 */ .hand { cursor:hand } /* 손가락모양 */ .move { cursor:move } /* 열십자에 화살표 붙은 모양 */ .text { cursor:text } /* 영문자 I 자 모양 */ .wait { cursor:wait } /* 장구모양 */ .help { cursor:help } /* 물음표 모양 */ .ne-resize { cursor:ne-resize } /* 북동쪽화 */ .n-resize { cursor:n-resize } /* 북쪽화살푱*/ .nw-resize { cursor:nw-resize } /* 북서쪽화살 */ .sw-resize { cursor:sw-resize } /* 남서쪽화살 */ .se-resize { cursor:se-resize } /* 남동쪽화살 */ .s-resize { cursor:s-resize } /* 남쪽 화살 */ .w-resize { cursor:w-resize } /* 서쪽 화살 */ .e-resize { cursor:e-resize } /* 동쪽 화살 */ .submit { border:1px solid #666666;background-color:#666666;color:#ffffff;font-size:11px;font-family:Verdana,Tahoma;font-weight:bold} .submits { border:1px solid #666666;background-color:#ff3333;color:#ffffff;font-size:11px;font-family:Verdana,Tahoma;font-weight:bold}