/*------------------------------------------------------------------------------ user customize setting --*/ div.webnote_container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:auto; height:auto; /* border-width:1px; */ /* border-style:solid; */ /* border-color:#d5d5d5; */ padding:3px; padding-top:0; padding-bottom:0; clear:both; background-color:#ebebeb; z-index:102; } div.webnote_file_attach_box { clear:both; margin-top:2px; width:auto; height:auto; overflow:auto; border-width:0; border-style:solid; border-color:#d5d5d5; display:none; text-align:left; } .webnote_file_attach_unit_basic { width:45px; height:45px; padding:3px; margin-right:2px; border-width:1px; border-style:solid; border-color:#d9d9d9; background-color:#f2f2f2; font-size:11px; text-align:left; } .webnote_file_attach_unit_over { width:45px; height:45px; padding:3px; margin-right:2px; border-width:1px; border-style:solid; border-color:#d9d9d9; background-color:#ffffff; font-size:11px; text-align:left; } .webnote_file_attach_unit_select { width:45px; height:45px; padding:3px; margin-right:2px; border-width:1px; border-style:solid; border-color:blue; background-color:#f2f2f2; font-size:11px; text-align:left; } .webnote_file_attach_unit_off { width:45px; height:45px; padding:3px; margin-top:3px; margin-right:2px; border-width:1px; border-style:solid; border-color:#d9d9d9; background-color:#f2f2f2; font-size:11px; text-align:left; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } div.webnote_resize_handle { clear:both; width:auto; height:3px; cursor:s-resize; } div.webnote_resize_handle_no { clear:both; width:auto; height:3px; cursor:default; } div.webnote { font-size:13px; display:block; width:auto; height:auto; border-width:1px; border-style:solid; border-color:#d5d5d5; padding:5px; background-color:#FFFFFF; overflow:auto; clear:both; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; text-align:left; } div.webnote:focus { outline: none; } .webnote_toolbar_basic{ margin:0; padding:2px; width:auto; height:auto; border-width:1px; border-color:#ebebeb; border-style:solid; } .webnote_toolbar_on{ margin:0; padding:2px; width:auto; height:auto; border-width:1px; border-color:#b2b2b2; border-style:solid; background-color:#cccccc; } .webnote_toolbar_down{ margin:0; padding:2px; width:auto; height:auto; border-width:1px; border-color:#838383; border-style:solid; background-color:#a2a2a2; } .webnote_toolbar_off { margin:0; padding:2px; width:auto; height:auto; border-width:1px; border-color:#ebebeb; border-style:solid; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; } div.webnote_popup { display:none; padding:3px; padding-top:0; font-size:12px; width:auto; height:auto; background-color:#cccccc; position: absolute; border-width:1px; border-style:solid; border-color:#b2b2b2; z-index:105; } div.webnote_popup_move { padding:3px; padding-top:0; font-size:12px; width:auto; height:auto; background-color:#cccccc; position: absolute; border-width:1px; border-style:solid; border-color:#b2b2b2; z-index:105; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); opacity: 0.5; } div.webnote_popup_content { width:auto; height:auto; clear:both; padding:0; background-color:#ebebeb; border-width:0; border-style:solid; border-color:#b9b9b9; } div.webnote_toast { display:none; padding:8px; font-size:12px; width:auto; height:auto; background-color:#555555; color:white; position: absolute; border-width:1px; border-style:solid; border-color:#ffffff; z-index:106; } div.webnote_color_picker_popup { display:none; padding:3px; padding-top:0; font-size:12px; width:auto; height:auto; background-color:#cccccc; position: absolute; border-width:1px; border-style:solid; border-color:#b2b2b2; z-index:106; } div.webnote_select_box { clear:both; font-size:13px; padding:3px; border-width:1px; border-style:solid; border-color:#ebebeb; cursor:default; } div.webnote_select_box_over { clear:both; font-size:13px; padding:3px; background-color:#d9d9d9; border-width:1px; border-style:solid; border-color:#b2b2b2; cursor:default; } div.webnote_select_box_down { clear:both; font-size:13px; padding:3px; background-color:#cccccc; border-width:1px; border-style:solid; border-color:#b2b2b2; cursor:default; } .webnote_td_head { width:80px; padding:3px; padding-right:5px; color:gray; font-weight:bold; text-align:right; background-color:#e5e5e5; } .webnote_td_body { padding:3px; color:gray; text-align:left; font-size:12px; background-color:#f2f2f2; } .webnote_td_body0 { padding:0; margin:0; } .webnote_txtform { border-width:1px; border-color:#d9d9d9; border-style:solid; background-color:#f9f9f9; color:gray; font-size:12px; height:16px; float:left; } .webnote_fileform { border-width:1px; border-color:#d9d9d9; border-style:solid; background-color:#f9f9f9; color:gray; font-size:12px; height:20px; float:left; } .webnote_selform { border-width:1px; border-color:#d9d9d9; border-style:solid; background-color:#f9f9f9; color:gray; font-size:12px; height:20px; float:left; } .webnote_btn_basic { margin-left:2px; border-width:1px; border-color:#e3e3e3; border-bottom-width:1px; border-right-width:1px; border-bottom-color:#bfbfbf; border-right-color:#bfbfbf; border-style:solid; background-color:#e3e3e3; color:gray; font-size:12px; padding:2px; padding-left:7px; padding-right:7px; height:20px; float:left; } .webnote_btn_center { margin-left:2px; border-width:1px; border-color:#e3e3e3; border-bottom-width:1px; border-right-width:1px; border-bottom-color:#bfbfbf; border-right-color:#bfbfbf; border-style:solid; background-color:#e3e3e3; color:gray; font-size:12px; padding:2px; padding-left:7px; padding-right:7px; height:20px; } .webnote_btn_center_red { margin-left:2px; border-width:1px; border-color:#e3e3e3; border-bottom-width:1px; border-right-width:1px; border-bottom-color:#bfbfbf; border-right-color:#bfbfbf; border-style:solid; background-color:tomato; color:white; font-size:12px; padding:2px; padding-left:7px; padding-right:7px; height:20px; } div.webnote_popup_container_top { clear:both; width:auto; height:auto; padding:3px; padding-bottom:5px; border-width:1px; border-style:solid; border-color:#f9f9f9; border-bottom-color:#a5a5a5; border-right-color:#a5a5a5; } div.webnote_popup_container_bottom { padding:0; padding-top:3px; clear:both; width:auto; background-color:#cccccc; text-align:center; } /*------------------------------------------------------------------------------ color setting */ form { display:inline; } div.webnote p { line-height:140%; margin-top: 2px; margin-bottom: 2px; margin-left: 3px; margin-right: 3px; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; } div.webnote_toolbar_container { width:auto; height:auto; padding:0; padding: 6px 3px 6px 3px; clear:both; text-align:left; line-height:0; } .webnote_specialchars_basic { float:left; width:18px; height:18px; padding:2px; font-size:15px; text-align:center; border-width:1px; border-color:#ebebeb; border-style:solid; cursor:default; } .webnote_specialchars_on { float:left; width:18px; height:18px; padding:2px; font-size:15px; text-align:center; border-width:1px; border-color:#d9d9d9; border-style:solid; background-color:#ffffff; cursor:default; } .webnote_seperator { padding:3px; width:10px; height:16px; margin-right:1px; margin-bottom:1px; } img { border-width:0; } .webnote_edt_text_form { display:none; width:auto; height:auto; padding:5px; background-color:#f9f9f9; clear:both; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; border-width:1px; border-style:solid; border-color:#c1dddd; } .webnote_edt_text_form:focus { outline: none; } div.webnote_popup_title { clear:both; width:auto; height:20px; color:white; font-weight:bold; cursor:move; font-size:12px; } div.webnote_popup_title_left { float:left; width:auto; } div.webnote_popup_title_right { float:right; text-align:center; padding-bottom:1px; width:30px; height:auto; padding-top:3px; background-color:#e9071e; cursor:default; } div.webnote_popup_title_right_on { float:right; text-align:center; padding-bottom:1px; width:30px; height:auto; background-color:#f94254; cursor:default; } div.webnote_popup_title_right_down { float:right; text-align:center; padding-bottom:1px; width:30px; height:auto; background-color:#a30515; cursor:default; } .webnote_pageadd_textform { width:98.5%; border-width:1px; border-style:solid; border-color:#d9d9d9; resize: none; } .webnote_pageadd_textform:focus { outline: none; } div.webnote_image_previews { clear:both; display:none; margin-top:3px; padding:3px; width:auto; height:150px; text-align:center; overflow:auto; border-width:0; border-style:solid; border-color:#d9d9d9; } div.webnote_input_img_btn { display:none; width:auto; height:auto; margin-top:2px; text-align:center; background-color:#CCCCCC; } /* textbox */ .webnote_textbox_form { margin:0; font-size:12px; height:12px; } div.webnote_textbox_previewbox { } div.webnote_over { display:block; width:auto; height:auto; border-width:1px; border-style:solid; border-color:#d1c23d; padding:5px; background-color:#ffffcc; overflow:auto; clear:both; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-break:break-all; } /* 블라인드 */ div.webnote_blind5 { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; z-index:104; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; } div.webnote_blind7 { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#d9d9d9; z-index:104; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; } div.webnote_fullscreen { position:absolute; top:0; left:0; width:100%; height:100%; z-index:103; padding:0; clear:both; background-color:#ebebeb; } div.webnote_fullscreen textarea { resize: none; } div.webnote_container textarea { resize: none; } /* source box */ div.webnote_source_box { clear:both; font-family:verdana,arial,돋움; width:auto; background-color:#F3FBFC; padding:5px; margin:5px 2px 5px 2px; border-width:0 2px 0 2px; border-style:solid; border-color:#cce6ff; } div.webnote_source_box ol { list-style-type:decimal-leading-zero; margin:0 5px 0 0; } div.webnote_source_box li { color:black; font-size:11px; font-family:verdana,arial,돋움; margin:0; line-height:1.5; border-width:0 0 1px 0; border-style:dotted; border-color:#d9d9d9; } div.webnote_source_box li:hover { background-color:#FFFFFF; } div.webnote_source_box li span { display:inline; } div.webnote_loading_screen { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#d9d9d9; z-index:105; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } div.webnote_loading_screen_img { position:absolute; top:50%; left:50%; text-align: center; width:100px; margin-left:-50px; margin-top:-50px; } /* image center new */ div.webnote_imagecenter_container { width:auto; height:auto; clear:both; } div.webnote_imagecenter_head { clear:both; width:auto; height:25px; padding:0; background-color:#FFFFFF; margin-bottom:4px; } div.webnote_imagecenter_tree { float:left; width:160px; height:350px; background-color:#ffffff; } div.webnote_imagecenter_tree_data { width:auto; padding:3px; height:344px; overflow:auto; background-color:#ffffff; } div.webnote_imagecenter_tree_form { width:auto; padding:3px; height:20px; margin-top:5px; background-color:#f9f9f9; border-top-width:1px; border-top-color:#f2f2f2; border-top-style:solid; } div.webnote_imagecenter_body { margin-left:163px; width:auto; height:350px; /*background-color:#FFFFFF; */ } div.webnote_imagecenter_body_top { width:auto; padding:3px; height:18px; background-color:#ffffff; } div.webnote_imagecenter_body_ctl_form { display:none; width:auto; padding:3px; height:20px; margin-top:3px; background-color:#ffffff; } div.webnote_imagecenter_body_ctl_form_left { width:auto; float:left; } div.webnote_imagecenter_body_ctl_form_right { width:50px; float:right; text-align:right; color:black; font-size:15px; cursor:pointer; padding-right:5px; /*background-color: red;*/ } div.webnote_imagecenter_body_data { width:auto; height:294px; margin-top:3px; overflow-x:auto; overflow-y: scroll; background-color:#ffffff; } div.webnote_imagecenter_body_data_fit { width:auto; height:265px; margin-top:3px; overflow-x:auto; overflow-y: scroll; background-color:#ffffff; } div.webnote_imagecenter_body_data_fover { width:auto; height:294px; margin-top:3px; overflow-x:auto; overflow-y: scroll; background-color:#ffffcc; } div.webnote_imagecenter_body_bottom { margin-top:3px; height:20px; padding:3px; background-color:#ffffff; } div.webnote_imagecenter_body_bottom_left { float:left; } div.webnote_imagecenter_body_bottom_right { float:right; } .webnote_imagecenter_tree_root_refresh_unit { cursor:pointer; margin-left:5px; } div.webnote_imagecenter_tree_folder_unit { clear:both; width:auto; height:auto; /*padding:2px;*/ /*margin-bottom:1px;*/ white-space:nowrap; } span.webnote_imagecenter_tree_icon_unit { cursor: default; } span.webnote_imagecenter_tree_foldername_unit { cursor: pointer; padding-left: 3px; padding-right: 3px; white-space:nowrap; } folder.webnote_imagecenter_tree_foldername_unit_default { height:18px; padding:2px 3px 2px 2px; font-size:11px; font-weight:normal; } folder.webnote_imagecenter_tree_foldername_unit_select { height:auto; padding:2px 3px 2px 2px; font-size:11px; background-color: #ffcbb3; } div.webnote_imagecenter_image_unit { float:left; margin-left:5px; margin-top:5px; width:70px; height:110px; background-color:#f2f2f2; padding:3px; text-align:center; word-break:break-all; overflow: hidden; border-width:1px; border-style:solid; border-color:#e2e2e2; } div.webnote_imagecenter_image_unit_on { float:left; margin-left:5px; margin-top:5px; width:70px; height:110px; background-color:#d9d9d9; padding:3px; text-align:center; word-break:break-all; overflow: hidden; border-width:1px; border-style:solid; border-color:gray; } div.webnote_imagecenter_image_unit_select { float:left; margin-left:5px; margin-top:5px; width:70px; height:110px; background-color:#fff5ec; padding:3px; text-align:center; word-break:break-all; overflow: hidden; border-width:1px; border-style:solid; border-color:orange; } div.webnote_imagecenter_image_unit_cont { width:70px; height:auto; /*white-space:nowrap;*/ word-break:break-all; font-size:11px; } div.webnote_imagecenter_path_title { width:auto; height:auto; word-break:break-all; font-size:11px; /* font-weight:bold; */ float:left; padding:3px; } div.webnote_imagecenter_path_title_buttons { width:100px; height:auto; font-size:11px; font-weight:bold; float:right; color:red; text-align:right; cursor:pointer; } /* code highlight */ .webnote_keyword1 { color:#0033ff; } .webnote_keyword2 { color:red; } .webnote_keyword3 { color:green; } .webnote_keyword4 { color:black; } .webnote_keyword5 { color:sandybrown; } .webnote_keyword6 { color:#ff6633; } .webnote_keyword7 { color:green; } .webnote_comments { color:#c9c9c9; font-style:italic; font-size:11px; } /* 관리자 */ div.webnote_popup{min-width:300px;max-width:650px;background:#fff;font-size:15px;padding:0;border:1px solid #d5d5d5;border-radius:5px;} div.webnote_popup>div{width:auto !important;} div.webnote_popup_title{display:flex;height:45px;padding:0 10px;font-size:15px;color:#222;background:#f4f5f6;justify-content:space-between;align-items:center;} div.webnote_popup_title_left{display:flex;align-items:center;gap:8px;} div.webnote_popup_title_right,div.webnote_popup_title_right_on{display:flex;width:18px;height:18px;padding:0;border-radius:5px;justify-content:center;align-items:center;} div.webnote_popup_content{padding:25px;border:0;background:#fff;} div.webnote_popup_container_top{display:flex;padding:0;border:0;background:#f4f5f6;border-radius:5px;flex-wrap:wrap;} div.webnote_popup_container_bottom{display:flex;min-height:30px;background:#fff;margin:10px 0;padding:0;align-items:center;} .webnote_txtform{width:calc(100% - 80px);} .webnote_btn_basic,.webnote_btn_center,div.webnote_popup input[type="button"]:disabled,div.webnote_popup input[type="button"][disabled="disabled"],div.webnote_popup input[type="button"]:read-only,div.webnote_popup input[type="button"][readonly="readonly"]{width:70px;height:30px;border:1px solid #163db1 !important;border-radius:5px;color:#163db1 !important;background:#fff !important;} .webnote_select_box,.webnote_select_box_over{width:100%;} .webnote_selform,.webnote_txtform,.webnote_fileform{width:auto;min-width:120px;height:30px;padding:0 10px;border-radius:5px;} .webnote_selform+.webnote_txtform,.webnote_txtform+.webnote_txtform{margin:0 0 0 8px;} .webnote_fileform{padding:3px 10px;} div.webnote_popup_container_top table{border-top:2px solid #163db1;border-bottom:1px solid #d5d5d5;} div.webnote_popup_container_top tbody tr{border-bottom:1px solid #d5d5d5;} .webnote_td_head{width:20%;min-height:40px;padding:0 0 0 15px;font-size:14px;font-weight:500;color:#222;text-align:left;background:#f4f5f6;} .webnote_td_body{width:80%;min-height:40px;padding:5px 15px;font-size:14px;font-weight:400;color:#444;background:#fff;} .webnote_td_body *{vertical-align:middle;} div.webnote_imagecenter_container{background:#f4f5f6;border:1px solid #e5e5e5;border-radius:5px;overflow:auto;} div.webnote_imagecenter_tree,div.webnote_imagecenter_body{height:100%;} div.webnote_imagecenter_tree_data{position:relative;height:100%;padding:0;} span.webnote_imagecenter_tree_icon_unit{display:flex;align-items:center;padding:0 5px;} span.webnote_imagecenter_tree_foldername_unit,folder.webnote_imagecenter_tree_foldername_unit_default{display:block;width:100%;height:auto;font-size:13px;padding:3px 10px;} span.webnote_imagecenter_tree_foldername_unit{background:#f4f5f6;} .webnote_imagecenter_tree_root_refresh_unit{position:absolute;display:flex;width:100%;height:31px;padding:0 10px;border-top:1px solid #e5e5e5;right:0;bottom:0;justify-content:flex-end;align-items:center;} folder.webnote_imagecenter_tree_foldername_unit_select{display:block;width:100%;font-size:13px;padding:3px 10px;border-radius:5px;} div.webnote_imagecenter_path_title_buttons{display:flex;height:100%;font-size:13px;align-items:center;} div.webnote_imagecenter_body_top{height:24px;padding:0 10px;} div.webnote_imagecenter_body_bottom{height:31px;margin:0;border-top:1px solid #e8e8e8;} div.webnote_imagecenter_path_title{font-size:13px;} div.webnote_popup .webnote_imagecenter_body_bottom_left input[type="checkbox"]{width:14px;height:14px;margin:0;} .webnote_imagecenter_body_bottom_left input[type="checkbox"]+label{font-size:14px;font-weight:400;} div.webnote_popup .webnote_imagecenter_body_bottom_right [type="button"].webnote_btn_center{width:60px;height:24px;font-size:14px;padding:0} div.webnote_popup div.webnote_imagecenter_body_ctl_form{height:30px;} div.webnote_popup .webnote_imagecenter_body_ctl_form_left *{height:25px !important;} div.webnote_popup .webnote_imagecenter_body_ctl_form_left [type="button"].webnote_btn_center{width:auto;font-size:14px;} div.webnote_popup .webnote_imagecenter_body_ctl_form_left .webnote_fileform{font-size:13px;}