@page { margin : 10mm; } pre{ background-color: #E6E6FA; padding:10px; overflow: auto; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* mozila */ white-space: -pre-wrap; /* opera 4~6 */ white-space: o-pre-wrap; /* opera 7 */ word-wrap: break-word; /* ie 5 */ } /*----------------------------------------------기본 */ /*기본 폰트 */ body { font-family:굴림체; font-size:12px; color:#000000; line-height:16px; margin:0px 0px 0px 0px; } /* 스크롤바 스타일 설정 */ body { scrollbar-face-color:#E7E7E7; scrollbar-shadow-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#C9C9C9; scrollbar-darkshadow-color:#6C6C6C; scrollbar-track-color:#EFEFEF; scrollbar-arrow-color:#039090; } /* 메인 DIV 설정 */ .main_div { OVERFLOW:auto; WIDTH:100%; HEIGHT:100%; padding:10px 10px 10px 10px; } /* 이미지 DIV 설정 */ .image_div { width: 300px; height:200px; } .image_siz { width: auto; height: 195px; object-fit: contain; } /*--------------------------------------- Left Navigation*/ /* Left Navigation */ .left_menu { font-family:고딕체; font-size:12px; color:White; text-decoration:none; font-weight:bold; } .left_menu a:link { text-decoration:none; color:White; } .left_menu a:visited { text-decoration:none; color:White; } .left_menu a:active { text-decoration:none; color:White; } .left_menu a:hover { text-decoration:none; color:red; } /*Left Menu Tree */ .left_menu_tree { font-family:굴림체; font-size:12px; color:#333333; text-decoration:none;} .left_menu_tree a:link { text-decoration:none; color:#333333; } .left_menu_tree a:visited { text-decoration:none; color:#333333; } .left_menu_tree a:active { text-decoration:none; color:#333333; } .left_menu_tree a:hover { text-decoration:none; color:red; } .left_td { font-family:굴림체; font-size:12px; color:#333333; line-height:16px; } a:link { text-decoration:none; color:red; } a:visited { text-decoration:none; color:#000000; } a:active { text-decoration:underline; color:red; } a:hover { text-decoration:underline; color:red; } /*----------------------------------------------이미지, 입력란, 선택란, 텍스트 입력 요소 크기 */ img { border:none; } input { font-family:굴림체; font-size:12px; line-height:120%; border:solid 1px #BBB; } /* 기본크기는 85px */ select { font-family:굴림체; font-size:12px; line-height:120%; border:solid 1px #BBB; } textarea { font-family:굴림체; font-size:12px; line-height:120%; border:solid 1px #BBB; } input_listbox_default { font-family:굴림체 ;{font-size:12px; color: line-height:120%; #469BCA; border:solid 1px #E1F0F5; } /* ----------------------------------------------이미지 버튼일때 */ .img_btn { cursor:hand; } /* ----------------------------------------------탑프레입 버튼 스타일*/ .img_top_btnRetrieve2 { cursor:hand; background:url(../images/btn_search_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnRetrieve3 { cursor:hand; background:url(../images/btn_search_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnRetrieve4 { cursor:hand; background:url(../images/btn_search_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnAdd2 { cursor:hand; background:url(../images/btn_add_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnAdd3 { cursor:hand; background:url(../images/btn_add_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnAdd4 { cursor:hand; background:url(../images/btn_add_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnInsert2 { cursor:hand; background:url(../images/btn_insert_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnInsert3 { cursor:hand; background:url(../images/btn_insert_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnInsert4 { cursor:hand; background:url(../images/btn_insert_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnDelete2 { cursor:hand; background:url(../images/btn_delete_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnDelete3 { cursor:hand; background:url(../images/btn_delete_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnDelete4 { cursor:hand; background:url(../images/btn_delete_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnSave2 { cursor:hand; background:url(../images/btn_save_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnSave3 { cursor:hand; background:url(../images/btn_save_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnSave4 { cursor:hand; background:url(../images/btn_save_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnCancel2 { cursor:hand; background:url(../images/btn_cancel_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnCancel3 { cursor:hand; background:url(../images/btn_cancel_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnCancel4 { cursor:hand; background:url(../images/btn_cancel_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnPrint2 { cursor:hand; background:url(../images/btn_print_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnPrint3 { cursor:hand; background:url(../images/btn_print_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnPrint4 { cursor:hand; background:url(../images/btn_print_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnExcel2 { cursor:hand; background:url(../images/btn_excel_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnExcel3 { cursor:hand; background:url(../images/btn_excel_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnExcel4 { cursor:hand; background:url(../images/btn_excel_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnAppr2 { cursor:hand; background:url(../images/btn_appr_01.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnAppr3 { cursor:hand; background:url(../images/btn_appr_02.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_top_btnAppr4 { cursor:hand; background:url(../images/btn_appr_03.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } /* ----------------------------------------------표준 이미지 버튼 스타일*/ .img_btn2_1 { cursor:hand; background:url(../images/btn2_1.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn3_1 { cursor:hand; background:url(../images/btn3_1.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn4_1 { cursor:hand; background:url(../images/btn4_1.gif); height:18px; width:74px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn5_1 { cursor:hand; background:url(../images/btn5_1.gif); height:18px; width:86px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn6_1 { cursor:hand; background:url(../images/btn6_1.gif); height:18px; width:98px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn7_1 { cursor:hand; background:url(../images/btn7_1.gif); height:18px; width:110px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn8_1 { cursor:hand; background:url(../images/btn8_1.gif); height:18px; width:122px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn9_1 { cursor:hand; background:url(../images/btn9_1.gif); height:18px; width:134px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn10_1 { cursor:hand; background:url(../images/btn10_1.gif); height:18px; width:146px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn11_1 { cursor:hand; background:url(../images/btn11_1.gif); height:18px; width:158px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn12_1 { cursor:hand; background:url(../images/btn12_1.gif); height:18px; width:170px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn13_1 { cursor:hand; background:url(../images/btn13_1.gif); height:18px; width:182px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn14_1 { cursor:hand; background:url(../images/btn14_1.gif); height:18px; width:194px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn15_1 { cursor:hand; background:url(../images/btn15_1.gif); height:18px; width:206px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn16_1 { cursor:hand; background:url(../images/btn16_1.gif); height:18px; width:218px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn17_1 { cursor:hand; background:url(../images/btn17_1.gif); height:18px; width:230px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn18_1 { cursor:hand; background:url(../images/btn18_1.gif); height:18px; width:242px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn19_1 { cursor:hand; background:url(../images/btn19_1.gif); height:18px; width:254px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btn20_1 { cursor:hand; background:url(../images/btn20_1.gif); height:18px; width:266px; padding-left:12px; padding-top:2px; border-width:0px; } /* ----------------------------------------------표준 버튼 스타일*/ .btn { cursor:hand; background:#D4D0C8; height:18px; width:40px; border-width:1px; border-style:solid; border-color:#CCCCCC #000000 #000000 #CCCCCC; } /* ----------------------------------------------찾기 버튼 스타일*/ .img_btnFind { cursor:hand; background:url(../images/btnFind.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnFind_S { cursor:hand; background:url(../images/btnFind_s.gif); height:18px; width:20px; padding-left:12px; padding-top:2px; border-width:0px; } /* ----------------------------------------------달력 버튼 스타일*/ .img_btnCalendar_S { cursor:hand; background:url(../images/btnCalendar_s.gif); height:18px; width:20px; padding-left:12px; padding-top:2px; border-width:0px; } /* ----------------------------------------------확인 버튼 스타일*/ .img_btnOk { cursor:hand; background:url(../images/btnOk.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnOk3 { cursor:hand; background:url(../images/btnOk3.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnOk6 { cursor:hand; background:url(../images/btnOk6.gif); height:18px; width:82px; padding-left:12px; padding-top:2px; border-width:0px; } /* ----------------------------------------------닫기 버튼 스타일*/ .img_btnClose { cursor:hand; background:url(../images/btnClose.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnClose3 { cursor:hand; background:url(../images/btnClose3.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnClose6 { cursor:hand; background:url(../images/btnClose6.gif); height:18px; width:82px; padding-left:12px; padding-top:2px; border-width:0px; } /* ----------------------------------------------취소 버튼 스타일*/ .img_btnCancel { cursor:hand; background:url(../images/btnCancel.gif); height:18px; width:50px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnCancel3 { cursor:hand; background:url(../images/btnCancel3.gif); height:18px; width:62px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnCancel6 { cursor:hand; background:url(../images/btnCancel6.gif); height:18px; width:82px; padding-left:12px; padding-top:2px; border-width:0px; } /* ----------------------------------------------UP,DOWN,LEFT,RIGHT MOVE버튼*/ .img_btnMove_L { cursor:hand; background:url(../images/btnMove_Left.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMove_LAll { cursor:hand; background:url(../images/btnMove_LeftAll.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMove_R { cursor:hand; background:url(../images/btnMove_Right.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMove_RAll { cursor:hand; background:url(../images/btnMove_RightAll.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMove_D { cursor:hand; background:url(../images/btnMove_Down.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMove_DAll { cursor:hand; background:url(../images/btnMove_DownAll.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMove_U { cursor:hand; background:url(../images/btnMove_Up.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMove_UAll { cursor:hand; background:url(../images/btnMove_UpAll.gif); height:24px; width:26px; padding-left:12px; padding-top:2px; border-width:0px; } .img_btnMN_M { cursor:hand; background:url(../images/mn_minus.gif); height:17px; width:13px; padding-left:5px; padding-top:0px; border-width:0px; } .img_btnMN_P { cursor:hand; background:url(../images/mn_plus.gif); height:17px; width:13px; padding-left:5px; padding-top:0px; border-width:0px; } /*---------------------------------------------- 폼태그 스타일 */ /* 텍스트필드폼 READ ONLY */ input.ro { color:#000000; background:#EFEFEF; } input.ro2 { color:#000000; background:#EFEFEF; font-size:11pt} /* 텍스트필드폼 KEY */ input.key { background:#D6E6F3; } /* 텍스트필드폼 NotNull */ input.notnull { background:#F5F5DC; } /* 텍스트필드폼 LOV */ input.lov { background:#E7D576; } /* 텍스트에어리아 READ ONLY */ textarea.ro { color:#666666; background:#EFEFEF; } textarea.ro2 { color:#000000; background:#EFEFEF; font-size:12pt} /* 텍스트필드폼-숫자 READ ONLY */ input.ro-digit { color:#666666; background:#EFEFEF; text-align:right; } /* 텍스트필드폼-숫자 */ input.digit { text-align:right; } /* 체크박스폼 */ input.check { cursor:hand; border:none; width:18px; } /* 라디오버튼폼 */ input.radio { cursor:hand; border:none; width:18px; } /*---------------------------------------------- HTML 리스트 스타일 그리드 대용시 사용 */ tr.head_line { height:1px; background:#A4D2E1; } tr.head_line_purple { height:1px; background:#6B66FF; } tr.head_line_red { height:1px; background:#F15F5F; } tr.head_line_gray { height:1px; background:#A6A6A6; } tr.head_line_black { height:1px; background:#191919; } tr.head_body { height:24px; background:#e9e9f3; } tr.list_title { height:24px; background:#adceff; cursor:default; } tr.list_row { padding:2 0 0 0px; cursor:hand; } tr.list_normal { padding:2 0 0 0px; } tr.list_reverse { padding:2 0 0 0px; background:#E5E5E5; } tr.list_total { padding:2 0 0 0px; background:OldLace; } /* ----------------------------------------------기본 TD 스타일 */ td { font-size:12px; text-decoration:none; } td_m { font-size:13px; text-decoration:none; } td_big { font-size:14px; text-decoration:none; } * ----------------------------------------------TD크기변경 */ .colresize {font:12pt; text-decoration:none;cursor:"";} .ellipsis {font:12pt "굴림"; width:100%; overflow:hidden; text-overflow:ellipsis; text-align:left; } .input_box {width:expression(this.parentNode.clientWidth-8); } /* ----------------------------------------------TD에 연두색 바탕깔때 */ .td_green { background:#E1F0F5; } .td_blue { background:#65CBFF; } .td_wblue { background:#99FFFF; } .td_pink { background:#F2D9D9; } .td_purple { background:#DAD9FF; } /*---------------------------------------------- 폰트 스타일 */ /*탑프레임-로그인시 환영합니다. */ .font_top_info {font-family : 돋움,Dotum,AppleGothic,sans-serif; font-size: 12px; color: #FFFFFF; line-height: 130%; letter-spacing:-1;} /*그린 일반폰트*/ .font_blue { color:#26687E; } .font_blue_big { font-size: 16px;color:#26687E;font-weight:bold; } .font_blue_mid { font-size: 12px;color:#26687E;font-weight:bold; } /*서브타이틀 폰트 (그린볼드)*/ .font_blue_bold { color:#26687E; font-weight:bold; } .font_red_bold { color:#FF0000; font-weight:bold; } .font_white_bold { color:White; font-weight:bold; } .font_black_bold { color:black; font-weight:bold; } .font_green_bold { color:green; font-weight:bold; } .font_orange_bold { color:orange; font-weight:bold; } .font_skyblue_bold { color:skyblue; font-weight:bold; } .font_darkgray_bold { color:darkgray; font-weight:bold; } /*탭사용시 폰트*/ .font_tab { font-family: 굴림체; font-size: 11px; color: #333333; line-height: 120%; }/*#333333*/ .font_tab a:link { text-decoration:none; color:#333333; } .font_tab a:visited { text-decoration:none; color:#333333; } .font_tab a:active { text-decoration:none; color:#333333; } .font_tab a:hover { text-decoration:none; color:red; } .font_tab td:hover { text-decoration:none; color:red; } .font_tab:hover { text-decoration:none; color:red; } /*타이틀 폰트(대글자)*/ .title_default { font-family:굴림체; font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold; } .title_big { font-family:굴림체; font-size:16px; color:#FFFFFF; text-decoration:none; font-weight:bold; } /*타이틀 폰트(대글자)*/ .title_body { font-family:굴림체; font-size:14px; color:#26687E; text-decoration:none; font-weight:bold; } /*alert 폰트(중글자)*/ .alert_default { font-family:굴림체; font-size:13px; color:#FFFFFF; text-decoration:none; font-weight:bold; } .alert_default_001 { font-family:굴림체; font-size:13px; color:#000000; text-decoration:none; font-weight:bold; } .emedit { font-family:굴림체; font-size:9pt; line-height:120%; color:black; background:#FFFFFF; border-width:1pt; border-style:solid; margin:0px; border-color:#CCCCCC; } .emedit_ro { font-family:굴림체; font-size:9pt; line-height:120%; color:black; background:#EFEFEF; border-width:1pt; border-style:solid; margin:0px; border-color:#CCCCCC; } .emedit2 { font-family:굴림체; font-size:11pt; line-height:130%; color:black; background:#FFFFFF; border-width:1pt; border-style:solid; margin:0px; border-color:#CCCCCC; } .emedit_ro2 { font-family:굴림체; font-size:11pt; line-height:130%; color:black; background:#EFEFEF; border-width:1pt; border-style:solid; margin:0px; border-color:#CCCCCC; } /*로그인*/ .int{position:relative;width:100%;padding:7px 0 6px;height:120%;z-index:9;border:solid 1px #BBB;;background:#fff;font-size:12px;color:#000;line-height:16px;-webkit-appearance:none} .lbl{position:absolute;top:16px;left:15px;z-index:8;font-size:12px;color:#999;line-height:120%} /* placholder */ ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#4A4A4A} /* firefox 19+ */ :-ms-input-placeholder{color:#999} /* ie */ input:-moz-placeholder{color:#999} input:-ms-input-placeholder{color:#999} #loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; } #loading-image { position: absolute; top: 35%; left: 45%; z-index: 100; }