diff --git a/.project b/.project index 67fb48b..16fd638 100644 --- a/.project +++ b/.project @@ -1,6 +1,6 @@ - WRM + cfs diff --git a/WebContent/WEB-INF/clipreport4/DataConnection.properties b/WebContent/WEB-INF/clipreport4/DataConnection.properties index fa253ba..84fe2d4 100644 --- a/WebContent/WEB-INF/clipreport4/DataConnection.properties +++ b/WebContent/WEB-INF/clipreport4/DataConnection.properties @@ -19,12 +19,19 @@ dataconnection.count=3 dataconnection1.conntype=jdbc dataconnection1.type=Tibero -dataconnection1.dbname=oracle1 +#dataconnection1.type=Oracle +#dataconnection1.dbname=oracle1 +dataconnection1.dbname=tibero1 dataconnection1.version= #dataconnection2.driver=cubrid.jdbc.driver.CUBRIDDriver -dataconnection1.url=jdbc:tibero:thin:@98.42.34.234:8629:gtpadb -dataconnection1.user=DBUSER_CFS -dataconnection1.password=dbuser_cfs4 +#dataconnection1.url=jdbc:tibero:thin:@98.42.34.234:8629:gtpadb +dataconnection1.driver=com.tmax.tibero.jdbc.TbDriver +dataconnection1.url=jdbc:tibero:thin:@211.119.124.118:8629:gtpadevdb +#dataconnection1.user=DBUSER_CFS +#dataconnection1.password=dbuser_cfs4 +#dataconnection1.password=dbuser_cfs7 +dataconnection1.user=dbuser_cfs +dataconnection1.password=dbuser_cfs8 dataconnection1.encoding= dataconnection1.decoding= diff --git a/WebContent/cm/css/IP009M01.css b/WebContent/cm/css/IP009M01.css new file mode 100644 index 0000000..4f99ce7 --- /dev/null +++ b/WebContent/cm/css/IP009M01.css @@ -0,0 +1,11 @@ +.default_box {border:3px double black !important; background-color: #FFFFFF !important; text-align: center; font-size: 14px; line-height: 25px; font-weight: 600; } +.none_complete_box {border:3px double black !important; background-color: #FDC006 !important; text-align: center; font-size: 14px; line-height: 25px; font-weight: 600; } +.complete_box {border:3px double black !important; background-color: #81D5FA !important; text-align: center; font-size: 14px; line-height: 25px; font-weight: 600; } +.error_box {border:3px double black !important; background-color: #FF0000 !important; text-align: center; font-size: 14px; line-height: 25px; font-weight: 600; } + +.line_box_white {border:1px solid black !important; background-color: #FFFFFF !important; } +.line_box_purple {border:1px solid black !important; background-color: #8080FF !important; } +.error_red {border:1px solid black !important; background-color: #D71827 !important; } + +.border_deepBlue {border:3px solid #000080 !important;} + diff --git a/WebContent/cm/css/all.css b/WebContent/cm/css/all.css new file mode 100644 index 0000000..7b4beb2 --- /dev/null +++ b/WebContent/cm/css/all.css @@ -0,0 +1,1170 @@ +@font-face { + font-family: 'NanumBarunGothic'; + font-style: normal; + font-weight: normal; + src: url(../font/NanumBarunGothic.eot); + src:url(../font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'), + url(../font/NanumBarunGothic.woff) format('woff'), + url(../font/NanumBarunGothic.ttf) format('truetype'); +} + +html,body{margin:0;padding:0;} +body{color:#3b3b3b;font-style:normal;-webkit-text-size-adjust:none;} +p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,table,form,fieldset,pre{margin:0;padding:0} +body,input,textarea,select,button,table,pre{font-size:12px;font-family:NanumBarunGothic, Malgun Gothic, Verdana, dotum, Sans-serif} +table{empty-cells:show} +caption,legend{display:none} +a img{vertical-align:top; cursor:pointer;} +img{vertical-align:top} +img,fieldset{border:0} +ul,ol,dl,li,dd {list-style:none} +ul li img {vertical-align:top} +em,address{font-style:normal} +a{text-decoration:none} +a:hover,a:active,a:focus{text-decoration:none} + +/* float */ +.cb:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +*:first-child+html .cb{min-height:0}/* ie7/8 min-height */ + +.section{margin-bottom:10px;min-height:10px} + +.ofh{overflow:hidden;} +.fl{float:left !important} +.fr{float:right !important} + +.mt0 {margin-top:0 !important} .mt3 {margin-top:3px !important;} .mt5 {margin-top:5px !important;} .mt15 {margin-top:15px !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;}.mt50 {margin-top:50px !important;} +.ml5 {margin-left:5px !important;} .ml10 {margin-left:10px !important;} .ml20 {margin-left:20px !important;} .mr5 {margin-right:5px !important;} +.mb0{margin-bottom:0 !important} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb30 {margin-bottom:30px !important;} +.mr10 {margin-right:10px !important;} + + +.pl10{padding-left:10px !important;} .pr10{padding-right:10px !important;} +.pl20{padding-left:20px !important;} .pr20{padding-right:20px !important;} + +.pb16{padding-bottom:16px !important} .pb32{padding-bottom:32px !important} + +.p5{padding:5px !important;} .p10{padding:10px !important;} .p20{padding:20px !important;} + +.dm{margin:10px !important;} +.dmr{margin-right:6px !important;} +.dml{margin-left:6px !important;} +.dmt{margin-top:6px !important;} +.dmb{margin-bottom:6px !important;} + +.dp{padding:10px !important;} +.dpr{padding-right:10px !important;} +.dpl{padding-left:10px !important;} +.dpt{padding-top:10px !important;} +.dpb{padding-bottom:10px !important;} + +.tal {text-align:left !important;} +.tac {text-align:center !important;} +.tar {text-align:right !important;} +.vat{vertical-align:top !important} +.vam{vertical-align:middle !important;} +.vab{vertical-align:bottom !important;} + +.hide{display:none;} +.show{display:block;} +.hide + tr th:first-child:before{content : ""; width:5px; height:4px; background: url(/cm/images/inc/ico_tb_hide_up.png) no-repeat left top;padding-left:10px;} + +.table_cell{display: table-row !important;} + +.fwb{font-weight:bold} +.txt_blue{color: #008fc7 !important;} +.txt_red{color: #FF6347 !important;} +.txt_b_blue{font-weight: bold; color: #008fc7 !important;} +.txt_b_red{font-weight: bold; color: #FF6347 !important;} + + +.underline{text-decoration: underline;} +.dpib{display: inline-block;} + +.w2group{background:transparent;} +.w2input, .w2inputCalendar_divInput {font-size:12px; font-family:돋움, mgw, Verdana, dotum, Sans-serif} +.w2radio_label, .w2checkbox_label{font-family:Verdana} +.w2selectbox_label,div.w2autoComplete_label{padding:0 2px;font-family:Verdana} +div[class *= 'w2calendar'] .w2selectbox_label{padding:0} +/* Search Box */ +.search_box{position:absolute;top:7px;right:29px;background:transparent;text-align:right;} +.search_box .search_tit{display:none;margin-right:4px;padding-left:7px;color:#e0eaf3;background:url(/cm/images/inc/bul_arrow.gif) no-repeat 0 center;} +.search_box > input{border:1px solid #1c2d5c; border-radius:5px; width:171px !important; background:url(/cm/images/contents/bg_search.png) 0 0 repeat-x;} +.search_box .btn_all_search{position:absolute; top:0; right:5px; display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(/cm/images/inc/btn_header_search.png) 0 5px no-repeat;} + +/*======================= content.css start ==========================*/ +/* w2inputCalendar */ +/* .w2inputCalendar{width:100px;} */ +.w2inputCalendar_div{width:100px} +.w2inputCalendar_divInput{padding:0 2px;height:21px !important;box-sizing:content-box !important} +.w2inputCalendar_div_input{padding-right:2px;height:23px !important} +.w2inputCalendar_div_img{width:23px} +.w2inputCalendar_button{top:0 !important;width:23px;height:23px;background:#6c7178 url(/cm/images/contents/ico_calendar_white.png) no-repeat center center !important} + +.cm_grid .w2inputCalendar_div_img{width:20px} +.cm_grid .w2inputCalendar_button{top:1.5px !important;width:20px;height:20px;background-image:url(/cm/images/contents/bg_calendar_ic_20.png) !important} + +.w2checkcombobox, .w2selectbox{border:1px solid #c0c0c0} +.w2checkcombobox .w2checkcombobox_col_button, .w2selectbox .w2selectbox_col_button{width:18px; height:18px; background-image:url(/cm/images/contents/ico_select.png); background-position:center center;} + +.w2input, .w2textarea, .w2inputCalendar_divInput, .w2selectbox, .w2checkcombobox, .w2autoComplete {height:23px;border:1px solid #727272;background-color:#fff;box-sizing:border-box; -moz-box-sizing:border-box;} +.w2input, /* .w2selectbox */ .w2checkcombobox, .contentWrap .w2inputCalendar {width:100px;} + +.w2grid .w2inputCalendar_divInput{box-sizing:content-box;} + +.w2textarea{width:100%;height:50px;} +.w2radio .w2radio_main,.w2checkbox .w2checkbox_main{width:auto} +.w2radio.w100 .w2radio_main,.w2checkbox.w100 .w2checkbox_main{width:100%} +.w2radio_label,.w2checkbox_label{height:19px;line-height:19px} +.w2table_ccb_col{padding:3px;white-space: nowrap} +.w2radio_td_input,.w2checkbox_td_input{width:18px;padding-left:20px;text-align:left} +.w2radio .w2radio_main .w2radio_row .w2radio_td_input:first-child, +.w2checkbox .w2checkbox_main .w2checkbox_row .w2checkbox_td_input:first-child{padding:0} +.w2radio_td_input .w2radio_input,.w2checkbox_td_input .w2checkbox_input{padding:0;margin:0} +.w2upload.tac{margin:0 auto} + +.w2input_gp{position:relative;padding:0 6px 0 0;margin:0}/* width:100% */ +.w2selectbox_gp{position:relative;padding:0 2px 0 0;margin:0}/* width:100% */ +.w2textarea_gp{position:relative;padding:0 4px 0 0;margin:0}/* width:100% */ + +/* windowContainer content default group */ +.content_body{position:relative;min-height:15px;padding:10px 20px 10px;margin:0;margin-bottom:35px;}/* min-width:1333px; */ +.popup_body{position:relative;min-height:15px;padding:5px;margin:0} + +.contentbox{min-height:15px;} +.lybox{min-height:15px;} +.lybox:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.';} +.lybox > div[class *= 'col_']{float:left;min-width:15px;min-height:15px;padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;} +.lybox > div[class *= 'col_'] + div[class *= 'col_']{padding-left:13px;} +.lybox + .lybox{margin-top:10px} +.compbox{min-height:15px;} +.compbox:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.';} + +.ly_row{width:100%;} +.ly_column{float:left;min-width:15px;min-height:15px;padding:0;margin:0;} +.column_box{border:1px solid #b3b3b3; position:absolute; left:0; right:0; bottom:35px; top:0; border-top:none } +.column_box .defaultbox{position:absolute; bottom:-35px; } +.col_1{width:10%} .col_2{width:20%} .col_3{width:30%} .col_4{width:40%} .col_5{width:50%} .col_6{width:60%} .col_7{width:70%} .col_8{width:80%} .col_9{width:90%} +.col_25{width:25%} .col_75{width:75%} .col_33{width:33%} .col_34{width:34%} + +.ly_col_cont{display:block;position:relative;min-width:15px;min-height:15px} + +.pgtitlebox{position:relative;min-height:10px;padding:0;margin:0 0 10px;overflow:hidden;} +.pgtitlebox .wf_contNavi{float:right;line-height:16px;} +.pgtitlebox .wf_contHeader{float:left;} +.pgtitlebox .pg_tt{display:inline-block;color:#333;font-family:"";font-size:13pt;margin-right:6px;} +.pgtitlebox .pg_ttt{display:inline-block;vertical-align:middle;} +.pgtitlebox .wf_contHeader > a{vertical-align:middle;} +.pgtitlebox .pg_ttt > li{display:inline-block;margin-right:10px;color:#585858} +.pgtitlebox .pg_ttt > li + li{padding-left:10px;background:url(/cm/images/contents/ico_nav_tit.png) no-repeat left center} +.pgtitlebox .pg_ttt > li:last-child{font-weight:bold} + +.depthbox{float:right;height:22px;padding:0;margin:0} +.depthbox a{float:left;padding:5px 0 2px;height:15px;line-height:15px;font-size:12px;margin:0;color:#728ba2} +.depthbox .dp_home{display:block;padding-left:18px;margin:0;background:url(/cm/images/contents/bg_location_home.gif) no-repeat 0 50%} +.depthbox .dp_ic{display:block;float:left;width:19px;height:22px;padding:0;margin:0;text-indent:-9999px;line-height:0;overflow:hidden;background:url(/cm/images/contents/bg_location_li.gif) no-repeat 50% 50%} +.depthbox a:last-child{font-weight:bold} + +.defaultbox{width:100%;min-height:15px; position:relative;margin:0px 0 4px;} +.defaultbox:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.defaultbox .df_tt{display:inline-block; color:#333;padding:0 0 0 20px;font-size:16px;line-height:25px;font-weight:600;background:url(/cm/images/contents/bg_df_tt.png) no-repeat left 3px;vertical-align:middle;} +.defaultbox .fr > span{line-height:25px} +.defaultbox > * + *{margin-left:5px} +.defaultbox > span{vertical-align:middle;margin-left:10px} +.defaultbox .df_tt.ico_none{padding:0;background:none} +.defaultbox .df_total{display:inline-block;color:#3b3b3b;padding:2px 0 1px;font-size:12px;font-weight:600;line-height:15px;} +.defaultbox .df_total.num{color:#e74c3c;padding:2px 6px 1px} +.df_etc{margin:15px 0 4px;color:#bd5c10;padding:0 0 1px 20px;font-size:12px;line-height:16px;background:url(/cm/images/contents/bg_df_etc.gif) no-repeat 0 3px} + +.defaultbox.top{position: absolute;top: 16px;right: 10px;} +.defaultbox dl{padding:10px; background:#e3e6ea; border:solid 1px #757984;} +.defaultbox dt{color:#333; padding:0 0 0 10px;margin-left:5px;font-weight:600;line-height:15px;background:url(/cm/images/contents/bg_df_png.gif) no-repeat 0 5px} +.defaultbox dd{margin-left:30px; padding-left:8px; background:url(/cm/images/contents/textDash.png) no-repeat 0 8px} +.defaultbox dd.none{padding:0; margin:0; background:none;} + +.telBox .w2input{width:40px;margin-right:3px;} +.telBox .w2span{margin-right:3px;} +.telBox .w2selectbox{width:50px;} + +/* search */ +.searchbox{position:relative;padding:7px 12px;margin:0;border:1px solid #c8cad0;background:#eff1f8} +.searchbox .sh_row{padding:0;margin:6px 0 0} +.searchbox .sh_row:first-child{margin:0} +.searchbox .sh_row:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.searchbox .sh_row .sh_column{float:left;padding:0;margin:0 25px 0 0} +.searchbox .sh_row .sh_column:last-child{margin:0} +.searchbox .sh_row .sh_column:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.searchbox .sh_row .sh_column .sh_tt{float:left;position:relative;padding:0 15px 0 0;margin:0;line-height:22px;font-weight:bold;color:#3b3b3b} +.searchbox .sh_row .sh_column .sh_tt.pot{color:#5a89bc} +.searchbox .sh_row .sh_column .sh_cont{float:left;position:relative;padding:0;margin:0;min-width:10px;min-height:10px;} +.searchbox .sh_row .sh_btn{float:right;padding:0;margin:0} + +/* ### */ +.tbl_search{position:relative;padding:8px 15px 8px 20px;margin:0;border:1px solid #e1e1e1;background:#fff; margin-bottom:10px;} +.tbl_search .tbl_sc{width:100%; position:relative;background:transparent;} +.tbl_search .tbl_sc .w2tb_td{padding:0;margin:0;height:25px;padding:0 2px;overflow:hidden;}/* position:relative; */ +.tbl_search .tbl_sc .w2tb_th .sh_tt, .tbl_search .tbl_sc .w2tb_td .sh_tt{display:inline-block;margin-right:10px} +.tbl_search .tbl_sc .w2tb_th, .tbl_sc .w2tb_td{padding:2px 0;background:transparent !important;border:0 !important} +.tbl_search .tbl_sc .w2tb_th{position:relative;margin:0;min-width:50px;line-height:22px;font-weight:bold;color:#3b3b3b;text-align:right;padding:2px 8px} +.tbl_search .tbl_sc .w2tb_td .sh_btn{position:absolute;bottom:0;right:0} +.tbl_search .tbl_sc .w2tb_td .sh_cont{float:left;position:relative;padding:0;margin:0} +/* .tbl_search .tbl_sc tr:first-child .w2tb_td:last-child{position:relative; right:inherit; bottom:inherit;}*/ +/* .tbl_search .tbl_sc tr:first-child .w2tb_td.w2tb_noTH{position: absolute;right: 0;top: 50%;margin-top: -12px;} */ +.tbl_search .search_btnbox{position:absolute; bottom:2px; right:0;} +.tbl_search .tbl_sc .w2tb_th.req:before{content:'';background:url(/cm/images/contents/bul_req.png) no-repeat right center;width:8px;height:7px;display:inline-block;} +.tbl_search .tbl_sc .w2tb_th.req{color:#e74c3c;} +.tbl_search .tbl_sc .w2input.req{background:#fffdd8;padding-left:0 !important;} +.tbl_search .tbl_sc .w2textarea.req, +.tbl_search .tbl_sc .w2selectbox.req{background:#fffdd8;margin-right:0 !important; padding-left:0 !important;} +.tbl_search .tbl_sc .w2selectbox.req .w2selectbox_focus .w2selectbox_label, +.tbl_search .tbl_sc .w2selectbox.req .w2selectbox_over .w2selectbox_label{background:#fffdd8;padding-left:0 !important;margin-right:0;} +.tbl_search .tbl_sc .w2inputCalendar_div.req{background:#fffdd8;padding-left:0 !important} +.tbl_search .tbl_sc .w2inputCalendar_div.req .w2inputCalendar_divInput{background:#fffdd8;padding-left:0 !important;text-align:center;} +.tbl_search .tbl_sc .w2checkbox.req, +.tbl_search .tbl_sc .w2radio.req{background:none;padding-left:0 !important} +.tbl_search .tbl_sc .btn_tcm_sh_ic{position:relative; width:22px;height:22px;padding:0;margin-right:3px; text-indent:-9999px;overflow:hidden;background:url(/cm/images/contents/bg_btn_sh_ic2.png) no-repeat;display:inline-block;vertical-align:middle;} +/* .tbl_search .tbl_sc .w2inputCalendar_button{top:0 !important;width:22px;height:22px;background-image:url(/cm/images/contents/ico_calendar.png) !important} */ +.w2table_sb.w2table.req{margin-right:0 !important; padding-left:0 !important;} +/* .tbl_search .tbl_sc input {height:23px !important;} */ + +/* table */ +.tb {width:100%; border-top:2px solid #757984;border-right:1px solid #b0b2b1; margin-bottom:10px;} +.tb .w2tb_th,.tb .w2tb_td{height:19px;border:0;border-left:1px solid #b0b2b1;border-bottom:1px solid #b0b2b1;box-sizing:border-box; -moz-box-sizing:border-box;} +.tb tbody .w2tb_th{line-height:19px;color:#3b3b3b;padding:3px 4px 6px 8px;background:#e3e6ea;text-align:left} +.tb tbody .w2tb_th.tac{text-align:center} + +.tb tbody .w2tb_th.req:after{content: ' ';background:url(/cm/images/contents/bul_req.png) no-repeat right center;width:8px;height:5px;display:inline-block;} +.tb tbody .w2tb_th.req{color:#e74c3c} +.tb .w2tb_td{padding:2px;color:#3b3b3b;} +.tb tbody .w2tb_th .pot{color:#5a89bc} +.tb .w2input, .tb .w2selectbox, .tb .w2checkcombobox, .tb .w2inputCalendar{width:100%;} +.tb .w2textarea{width:100%;height:50px;} +.tb input[type="checkbox"], .tableListH.w2tb input[type="radio"] { border: none;} +.tb .w2inputCalendar_div.req{background:none;padding-left:0 !important} +.tb .w2inputCalendar_div.req .w2inputCalendar_divInput{background:#fffdd8;padding-left:0 !important;text-align:center;} +.tb .w2inputCalendar_div_img .w2inputCalendar_button{top:0 !important;} +.tb .w2input.req{background:#fffdd8;padding-left:0 !important;} +.tb .w2textarea.req, +.tb .w2selectbox.req{background:#fffdd8;margin-right:0 !important; padding-left:0 !important;} +.tb .w2selectbox.req .w2selectbox_focus .w2selectbox_label, +.tb .w2selectbox.req .w2selectbox_over .w2selectbox_label{background:#fffdd8;padding-left:0 !important} +.w2inputCalendar_input.req{background:#fffdd8;padding-left:0 !important;} + +.tb .w2tb_th.listUp {background:#e3e6ea url(/cm/images/contents/board_viewList_up.png) no-repeat right 12px !important} +.tb .w2tb_th.listDown {background:#e3e6ea url(/cm/images/contents/board_viewList_down.png) no-repeat right 13px !important} +.tb.calendar{width:100%;} +.tb.calendar .w2tb_td{position:relative; height:80px; text-align: center;} +.tb.calendar tr td:first-child{color:red; background:cornsilk;} +.tb.calendar tr td:last-child{color:#4B76FD; background:cornsilk;} +.tb.calendar tr td .txt_num{position:absolute;left:5px; top:5px;} + +/* grid */ +.cm_gridbox{position:relative;padding:0;margin:0;} +.cm_grid{border:none;margin-bottom:10px;} +.cm_grid .gridHeaderTableDefault{border:0;border-right:1px solid #c8cad0;border-bottom:1px solid #c8cad0} +.cm_grid thead.gridHeaderTableDefault{border:0} +.cm_grid nobr{display:inline-block} +.cm_grid th.gridHeaderTDDefault{border:1px solid #9e9fa0;border-width:1px 0 0 1px;color:#fff;background:#66686a;height:26px;font-weight:normal} +.cm_grid tr:first-child th.gridHeaderTDDefault{border-top:0;height:26px;} +.cm_grid .gridBodyDefault{border:1px solid #c8cad0;border-width:1px 0 0 1px;color:#3b3b3b} +.cm_grid .gridFooterTableDefault{height:26px;} +.cm_grid .gridFooterTDDefault{height:26px;background:#dff5ff;border-width:0 1px 1px 1px;} +.cm_grid td.gridBodyDefault{height:26px;} +.cm_grid button.w2inputCalendar_button {border:0; border-radius:0 !important;} +.cm_grid .gridBodyDefault button{background: gainsboro; border-radius: 10px; cursor: pointer;} +/* .cm_grid .gridBodyDefault button:hover{background:skyblue;} */ +.cm_grid .req{background-color:#fffdd8} + +.bg_white{background-color:#fff;} +.bg_subtotal{background-color:#fcfcdc !important;} +.bg_subtotal2{background-color:#ffeaea !important;} +.bg_total{background-color:#e3dfff !important;} +.bg_footer{background-color:#dff5ff !important;} + +/* tabControl */ +.cm_tabmenu{position:relative;padding:0;margin:0;margin:0}/* margin:15px 0 0 */ +.cm_tabmenu .w2tabcontrol_tabhost{height:22px} +.cm_tabmenu .w2tabcontrol_tabhost li a{top:0;line-height:22px;margin:0 15px 0 14px;color:#818181} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_tab_left{width:4px;background:url(/cm/images/contents/tab01_off.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:url(/cm/images/contents/tab02_off.gif) repeat-x} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_tab_right{width:4px;background:url(/cm/images/contents/tab03_off.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left{background:url(/cm/images/contents/tab01_on.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background:url(/cm/images/contents/tab02_on.gif) repeat-x} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a{color:#fff} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right{background:url(/cm/images/contents/tab03_on.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_container{float:none;width:auto !important;height:auto !important;border:0;border:1px solid #c8cad0;padding:5px} +.cm_tabmenu .tabcontbox{padding:0;min-height:100px;} +.cm_tabmenu .defaultbox:first-child{margin-top:0;} + +/* button */ +/* .btn_cm{position:relative;display:inline-block;padding:0 1px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_cm.gif) no-repeat 100% 0;vertical-align:middle} */ +.btn_cm a{position:relative;display:inline-block;padding:4px 17px 3px 17px;height:15px;line-height:11px;font-weight:bold;color:#fff;background:url(/cm/images/contents/bg_btn_cm_f.gif) no-repeat} +.btn_cm.w2anchor_disabled{} +.btn_cm.w2anchor_disabled a{} + + +/** searchbox button **/ +/* .tbl_search .tbl_sc .btn_cm{position:relative;display:inline-block;padding:0 1px 0 0;margin:0 0 0 6px;background:url(/cm/images/contents/bg_btn_cm.png) no-repeat 100% 0;vertical-align:middle} */ +.tbl_search .tbl_sc .btn_cm a{position:relative;display:inline-block;padding:4px 17px 3px 17px;height:17px;line-height:13px;font-weight:bold;color:#fff;background:url(/cm/images/contents/bg_btn_cm_f.png) no-repeat;margin-left:-3px;} +.tbl_search .tbl_sc input[type = text]{height:23px !important;} + +.btn_com{position:relative;display:inline-block;padding:0 3px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_com.gif) no-repeat 100% 0;vertical-align:middle} +.btn_com a{position:relative;display:inline-block;padding:4px 14px 3px 17px;height:15px;line-height:11px;font-weight:bold;color:#fff;background:url(/cm/images/contents/bg_btn_com.gif) no-repeat;margin-left:-3px;} + +/* .btn_sh{background:url(/cm/images/contents/bg_btn_search_repeat.gif) repeat-x right top;} +.btn_sh a{height:24px; line-height:24px; padding:0 10px 0 16px; text-indent:10px; color:#fff; font-weight:bold; background:url(/cm/images/contents/bg_btn_search_ico.gif) no-repeat left top; display:inline-block;} */ + +.btn_save{background:url(/cm/images/contents/bg_btn_search_repeat.gif) repeat-x right top;} +.btn_save a{height:24px; line-height:24px; padding:0 10px 0 16px; text-indent:10px; color:#fff; font-weight:bold; background:url(/cm/images/contents/bg_btn_save_ico.gif) no-repeat left top; display:inline-block;} +.btn_tcm{position:relative;display:inline-block;padding:0 2px 0 0;margin-right:3px;background:url(/cm/images/contents/bg_btn_tcm.gif) no-repeat 100% 0;vertical-align:middle} +.btn_tcm a{position:relative;display:inline-block;padding:4px 8px 3px 10px;height:15px;line-height:11px;color:#433130;background:url(/cm/images/contents/bg_btn_tcm_f.gif) no-repeat} +.btn_ttm{position:relative;display:inline-block;padding:0 2px 0 0;margin-right:3px;background:url(/cm/images/contents/bg_btn_ttm.gif) no-repeat 100% 0;vertical-align:middle} +.btn_ttm a{position:relative;display:inline-block;padding:4px 8px 3px 10px;height:15px;line-height:11px;color:#433130;background:url(/cm/images/contents/bg_btn_ttm.gif) no-repeat} + +.btn_tcm_sh_ic{position:relative; width:22px;height:22px;padding:0;margin-right:3px; text-indent:-9999px;overflow:hidden;background:url(/cm/images/contents/bg_btn_sh_ic.png) no-repeat;display:inline-block;vertical-align:middle;} + +.btn_gcm_art1{position:relative;display:inline-block;padding:0 2px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat 100% 0;vertical-align:middle} +.btn_gcm_art2{position:relative;display:inline-block;padding:0 9px 0 11px;height:22px;line-height:22px;text-align:center;font-weight:bold;color:#222;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat} +.btn_gcm_art2 a{display:inline-block;padding-right:12px;background:url(/cm/images/contents/bul_arrw_top.png) no-repeat right 8px} +.btn_gcm_arb1{position:relative;display:inline-block;padding:0 2px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat 100% 0;vertical-align:middle} +.btn_gcm_arb2{position:relative;display:inline-block;padding:0 9px 0 11px;height:22px;line-height:22px;text-align:center;font-weight:bold;color:#222;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat} +.btn_gcm_arb2 a{display:inline-block;padding-right:12px;background:url(/cm/images/contents/bul_arrw_bottom.png) no-repeat right 8px} +.btn_gcm{margin-left:3px; background:url(/cm/images/contents/bg_btn_gcm_right.gif) repeat-x right top;} +.btn_gcm a{display:inline-block;padding:0 9px 0 11px;height:22px;line-height:20px;font-weight:bold;background:url(/cm/images/contents/bg_btn_gcm_left.gif) no-repeat left top; color:#fff;width:100%;box-sizing:border-box; -moz-box-sizing:border-box;} +.btn_upload {margin-left:3px; background:url(/cm/images/contents/bg_btn_left_repeat.gif) left top repeat-x;} +.btn_upload a {padding:0 20px 0 12px; display:inline-block; height:22px; line-height:20px; font-weight:bold; background:url(/cm/images/contents/bg_btn_right_up.gif) right top no-repeat; color:#fff;} +.btn_download {margin-left:3px; background:url(/cm/images/contents/bg_btn_left_repeat.gif) left top repeat-x;} +.btn_download a {padding:0 20px 0 12px; display:inline-block; height:22px; line-height:22px; font-weight:bold; background:url(/cm/images/contents/bg_btn_right_down.gif) right top no-repeat; color:#fff;} + +.btn_gra{font-weight: bold; background: #ededed; border: 1px solid #ccc; padding: 2px 5px; margin-right: 5px; display: inline-block;} +.btn_blu{font-weight: bold; background: #9dd3f7; border: 1px solid #e5e5e5; padding: 2px 5px; margin-right: 5px; display: inline-block;} +.btn_org{font-weight: bold; background: #f0a24d; border: 1px solid #e5e5e5; padding: 2px 5px; margin-right: 5px; display: inline-block;} + + +/* pagelist */ +.defaultbox.grid_bm {position:relative;} +.defaultbox.grid_bm .selbox {position:absolute;left:0;top:0;} +.defaultbox.grid_bm .selbox span {margin-right:5px; font-weight:bold;} +.defaultbox.grid_bm .btnbox{position:absolute;right:0;top:0;} +/* .btn_fix{padding-top:10px;position:absolute;left:0;right:0;bottom:0;text-align:right;background:#fff;z-index:9999; border-top:1px solid #c8cad0;padding:5px 19px;} */ +/* .pop_M .btn_fix{bottom:0;padding-bottom:20px;} */ +.cm_pagelist{clear:both;height:22px;margin-top:10px;} +.cm_pagelist .w2pageList_col_label {width:15px;} +.cm_pagelist .w2pageList_label{color:#3b3b3b;} +.cm_pagelist .w2pageList_label_selected {color:#3e6aa5;} +.cm_pagelist .w2pageList_col_prevPage{width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_first.gif) no-repeat left 50%} +.cm_pagelist .w2pageList_col_prev{padding-right:1px;width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_prev.gif) no-repeat left 50%} +.cm_pagelist .w2pageList_col_next{padding-left:5px;width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_next.gif) no-repeat right 50%} +.cm_pagelist .w2pageList_col_nextPage{width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_last.gif) no-repeat right 50%} +.dot_vertical {border-right: 1px dotted black; margin:0 5px} + +/* ### */ +.btn_fav{display:inline-block;width:14px;height:14px;margin-right:5px;background-image:url(/cm/images/inc/btn_fav.png);background-repeat:no-repeat;background-position:0 top} +.btn_fav:hover{background-position:0 bottom} +.fav_on{background-position:0 bottom} +.ico_help{display:inline-block;width:14px;height:15px;background:url(/cm/images/inc/ico_help.png) no-repeat;} +.ico_refresh{display:inline-block;width:14px;height:15px;background:url(/cm/images/inc/ico_refresh.png) no-repeat;} +.ico_refresh_b{display:inline-block;width:14px;height:15px;background:url(/cm/images/inc/ico_refresh_b.png) no-repeat;} +/* .w2trigger{border-radius:3px;height:22px;line-height:19px;padding:0 20px;} */ + +.hiddenGroup{display:none;} +.anc_ly_list{display:inline-block;width:23px;height:22px; background:url(/cm/images/contents/btn_list.gif) no-repeat left top;} +.grp_ly{width: 210px; position:absolute; left:0; top:41px; right:0; bottom:0; background:#5988bb; z-index:10} +.grp_ly .tit{height:26px; line-height:26px; color:#fff; font-weight:bold; margin-left:22px;} +.grp_ly .ico_close{position:absolute; right:5px; top:5px; width:16px; height:16px; background:url(/cm/images/contents/btn_ly_close.gif) no-repeat left top;} +.grp_ly .menuside {margin:0 2px;background:#fff;position:absolute;top:26px; right:0; left:0; bottom:2px; overflow-x:hidden; overflow-y:auto;} +.grp_ly ul li{border-bottom:1px solid #d9d9d9; height:25px; line-height:25px;} +.grp_ly ul li:last-child{border:0;} +.grp_ly ul li a{display:block; padding-left:20px; background:url(/cm/images/contents/bg_ly_ico.gif) no-repeat 10px center;} +.grp_ly ul li a:hover, +.grp_ly ul li a.on{font-weight:bold; color:#ef9428;} + +.grp_ly .menuadd a{display:block; width:191px; height:26px; padding:0; background:url(/cm/images/contents/btn_ly_plus.gif) no-repeat center center;margin-top:10px; margin-left: 7px;} + +#iframe_right, #iframe_full {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%} + +/* step1~5 */ +.grp_ac_step{width:100%; border:1px solid #cfd5db; table-layout:fixed; border-collapse:collapse;} +.grp_ac_step td {text-align:center;background:#eff1f8; border-right:1px solid #cfd5db;color:#005fa7; font-weight:bold;cursor:pointer} +.grp_ac_step td.lastchk {background:#eff1f8 url(/cm/images/contents/flow_tail.png) no-repeat right center; border-right:none} +.grp_ac_step td.chk:before { + content:''; + background:url(/cm/images/contents/flow_chk.png) no-repeat left center; + width:14px; + height:10px; + display:inline-block; +} +.grp_ac_step td.ing {background: #01a9b4 url(/cm/images/contents/flow_head.png) no-repeat right center;border-left:none; border-right:none;} +.grp_ac_step td:last-child.ing {background-image: none} +.grp_ac_step td.ing {color:#fff} + +/* canvas */ +#cas {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;opacity: .2} + +.contentWrap{/* padding:0px 10px 10px 10px; */padding:20px;overflow:hidden;} +.tac_layout .contentWrap{padding:20px 0 0} +/* Layout */ +.layout_4_6, .layout_3_3_3, .layout_5_5, .layout_7_3, .layout_6_4, .layout_8_2, .layout_4_2_4, .layout_3_7, .layout_4_1_5, .layout_2_2_2_2, .layout_2_8, .layout_3_4_3, .layout_4_1_4 {position:relative; overflow:hidden;} +.layout_4_6 > .rightarea {float:right; width:60%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_4_6 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_3_3_3 > .leftarea {float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_3_3_3 > .centerarea {float:left; width:33.4%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff; border-left:10px solid #fff;} +.layout_3_3_3 > .rightarea {float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_3_4_3 > .leftarea {float:left; width:31%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_3_4_3 > .centerarea {float:left; width:38%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff; border-left:10px solid #fff;} +.layout_3_4_3 > .rightarea {float:left; width:31%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_5_5 > .leftarea {float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_5_5 > .rightarea {float:right; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_7_3 > .leftarea {float:left; width:70%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_7_3 > .rightarea {float:right; width:30%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_3_7 > .leftarea {float:left; width:30%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_3_7 > .rightarea {float:right; width:70%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_6_4 > .leftarea {float:left; width:60%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_6_4 > .rightarea {float:right; width:40%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_8_2 > .leftarea {float:left; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_8_2 > .rightarea {float:right; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_4_2_4 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_2_4 > .centerarea {float:left; width:20%; min-width:80px; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_2_4 > .rightarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_2_4.cbtn > .leftarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_2_4.cbtn > .centerarea {float:left; width:14%; min-width:80px; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_2_4.cbtn > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_1_5 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_1_5 > .centerarea {float:left; width:17%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_1_5 > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_2_2_2_2 > .leftarea {float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_2_2_2_2 > .leftarea:first-child {border-left:none;} +.layout_2_8 > .leftarea {float:left; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_2_8 > .rightarea {float:right; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_4_1_4 > .leftarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_1_4 > .centerarea {float:left; width:14%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_1_4 > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} + +.upload {position: absolute ;left:28px;top:540px; width:100px; background-color:#535353;color:#fff !important; text-align:center !important; padding:5px 0;} +.upload2 {position: absolute ;left:28px;top:640px; width:100px; background-color:#535353;color:#fff !important; text-align:center !important; padding:5px 0;} + +.btn_le{height: 19px; width: 20px; background: url(/cm/images/contents/btn_le.gif) no-repeat left top; float: left;} +.btn_re{height: 19px; background: url(/cm/images/contents/btn_re.gif) repeat-x left top; float: left; line-height: 19px; color: #fff; font-weight: bold; padding: 0 10px;} +.btn_ri{height: 19px; width: 21px; background: url(/cm/images/contents/btn_ri.gif) no-repeat left top; float: left;} + +.schedule{margin: 5px 0 0;} + +ul.txt_week{background:#e5e5e5; border-top: 1px solid #737373; border-bottom:1px solid #aeaeae; padding-right: 18px;} +ul.txt_week li.top{display:inline-block; text-align: center; width:14%; height:36px; line-height:36px; font-weight:bold;} +ul.txt_week li:first-child{width:16%;} +ul.txt_week li.close{width:12% !important;} +ul.txt_week li.open{width:28% !important;} +ul.sche{text-align:center; overflow:auto; border-bottom: 1px solid #aeaeae; height:650px;} +ul.sche li{height:300%; display:inline-block; position:relative; vertical-align:top; width:14%;} // border-right:1px solid #d9d9d9; +ul.sche li.on, ul li:hover{background:whitesmoke;} +ul.sche li.close{width:12% !important;} +ul.sche li.open{width:28% !important;} +ul.sche li .cont{position: absolute; left:0; top:0; right:0; bottom:0;border-right:1px solid #d9d9d9;} +ul.sche li:first-child{width:16%;} +ul.sche li:first-child .cont{border-left:1px solid #d9d9d9;} +ul.sche li .cont .mms{position:relative; cursor:pointer;} +ul.sche li .cont .mms.gray{background:#eee; margin-top:5px; overflow:hidden;} +ul.sche li .cont .mms.skyblue{background:#9cd2f8; margin-top:5px; overflow:hidden; } +ul.sche li .cont .mms.orange{background:#fcb160; margin-top:5px; overflow:hidden; } +ul.sche li .cont .mms .txt{font-weight:bold; color:#4d4d4d; } +ul.sche li .cont .mms .info{background:#fff; position:relative; text-align:left; padding-left:5px; height:21px; margin:2px; } +ul.sche li .cont .mms .info a{background:url(/cm/images/contents/ico_mail.gif) no-repeat left top; width:23px; height:21px; display:inline-block; position:absolute; right:0; top:0; } +ul.sche li .cont .mms .detail{display:none;} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_th{height:17px; background:#e2ebfa; border:1px solid #dad9d7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight:normal} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_th.silver{background:#f7f7f7;} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_th.total{background:#656565; font-weight:bold; text-align:center; color:#9cd2f8;} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_td{background:#fff; border:1px solid #dad9d7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;} + +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_th{height:17px; background:#e2ebfa; border:1px solid #9cd2f8; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight:normal} +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_th.silver{background:#f7f7f7;} +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_th.total{background:#656565; font-weight:bold; text-align:center; color:#9cd2f8;} +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_td{background:#fff; border:1px solid #9cd2f8; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;} + +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_th{height:17px; background:#e2ebfa; border:1px solid #fcb160; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight:normal} +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_th.silver{background:#f7f7f7;} +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_th.total{background:#656565; font-weight:bold; text-align:center; color:#9cd2f8;} +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_td{background:#fff; border:1px solid #fcb160; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;} + +.w2tb.b0 .w2tb_td {border:0 !important;} +.w2tb_td.vat{vertical-align:top;} +.w2tb_td ul{border:solid 1px #ced4d9; position:relative;} +.w2tb_td li{padding:5px; font-weight:bold;} +.w2tb_td li.bg{background-color:#f7f7f7; top:0;} + +.titlelistbox .titlelist_tit{ border-top:2px solid #6d7580;border-bottom:1px solid #b9c0ca;background:url(/cm/images/contents/icon_open.png) no-repeat right 15px;} +.titlelistbox .btn_titlelist{display: block;font-weight: bold;padding: 10px 0px 10px 6px;} +.titlelistbox .btn_titlelist:hover{color:#444;text-decoration: underline;} +.titlelistbox .contlistbox{display: none;padding:6px;} + +.titlelistbox.act .titlelist_tit{background: url(/cm/images/contents/icon_close.png) no-repeat right 15px;} +.titlelistbox.act .contlistbox{display: block;} + +.titlelistbox .etcbox{color:#566478; font-weight:bold;display:block;background:#f4f7fa;border:1px solid #e2e7ec;padding:20px;box-sizing:border-box; -moz-box-sizing:border-box;white-space: pre-wrap;word-wrap: break-word;} +.titlelistbox .etc_tit{display:inline-block;color:#fff;background:#9656b0;border-radius:3px;padding:2px 10px;margin:4px 0;white-space: pre-wrap;word-wrap: break-word;} + +.grp_message{padding-top:8px;} +.spn_message{display:block;padding:0 0 0 50px;} +.spn_message.S{background:url(/cm/images/inc/icon_normal.png) 20px center no-repeat;} +.spn_message.E{background:url(/cm/images/inc/icon_error.png) 20px center no-repeat;} +.spn_message.W{background:url(/cm/images/inc/icon_warning.png) 20px center no-repeat;} + +.section_title{border:1px solid #faebcc;-khtml-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#fcf8e3;margin-bottom:10px;padding:10px;} +.bd_box{position:relative;border:1px solid #b0b2b1;border-top:2px solid #757984;} +.contTitle01{position:relative;padding-top:1em;padding-bottom:1em;width:80px;text-align:center;background-color:#e3e6ea;float:left;margin-right:4px;} +.contTitle02{position:relative;text-align:center;background-color:#e3e6ea;padding-top:8px;padding-bottom:8px;font-weight:bold;border-bottom:1px solid #b0b2b1;} + +.banner{overflow:hidden; border:1px solid #cfd8dd; background:#fff !important; margin:20px 0 ;} + +/* login Page */ +.login_wrap{position:relative; width:100%;min-width:320px;height:100%;background:#d5e6f6 url(/cm/images/contents/bg_login_repeat.png) repeat-x center bottom; background-size: contain;} +.login_wrap .bg_img{position:absolute; top:0; left:0; right:0;bottom:0;background: url(/cm/images/contents/bg_login.png) no-repeat center bottom;background-size: contain;} +.login_wrap .login_box{position:relative;width:840px;height:530px;top:50%;margin:-400px auto;} +.login_wrap .bg_img .bg_logo{width:825px; height: 139px;margin:0 auto; background: url(/cm/images/contents/img_logo.png) no-repeat;} +.login_wrap .bg_img .bg_logo .w2textbox{position: absolute; width: 0;font-size: 0;overflow: hidden;} +.login_wrap .login_box > div{width:840px;height:400px;margin:30px auto 0;border-radius:6px;overflow:hidden;} +.login_wrap .login_left{display:inline-block;width:305px;height:100%;background: #0d8244 url(/cm/images/contents/bg_login_left.png) no-repeat center center;vertical-align:top} +.login_wrap .login_right{display:inline-block;width:535px;height:100%;padding:88px 95px 0;background-color:#fff;vertical-align:top;box-sizing:border-box;-moz-box-sizing:border-box} +.login_wrap .login_right> div{margin-bottom:11px;} +.login_wrap .login_right> div input{width: 100%;padding: 10px;height: 42px;border-radius: 2px;border-color:#8a8a8a;font-size:14px} +.login_wrap .btn_login{display:block;height:45px;line-height:43px;margin-top:20px;font-size:20px;font-weight:bold;color:#fff;text-align:center;background:#0d8244;border:2px solid #289059;border-radius:2px;} + +.login_wrap .box{display:none;position:absolute; bottom:40px; text-align: center; left: 20px;top:40px; right:20px; width:500px; margin:0 auto;} +.login_wrap .box li{display:block; overflow:hidden; margin-bottom:20px;} +.login_wrap .box li ul {position:relative; overflow:hidden; height:72px;} +.login_wrap .box li ul li{position:absolute;} +.login_wrap .box li:first-child ul li:first-child{left:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_left1.png) no-repeat left top;} +.login_wrap .box li:first-child ul li.repeat{height: 72px; left: 60px; right: 60px; background:url(/cm/images/contents/bg_login_form_repeat.png) repeat-x center top;} +.login_wrap .box li:first-child ul li.repeat input{width:100%; height:50px; box-sizing:border-box; -moz-box-sizing:border-box; position: absolute; left: 0; right: 0; bottom: 10px; top: 10px; background: transparent; border: 0; color:#fff; font-weight: bold; font-size: 15px;} +.login_wrap .box li:first-child ul li.repeat input:focus{outline:0;} +.login_wrap .box li:first-child ul li:last-child{right:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_right.png) no-repeat right top;} + +.login_wrap .box li.pw ul li:first-child{left:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_left2.png) no-repeat left top;} +.login_wrap .box li.pw ul li.repeat{height: 72px; left: 60px; right: 60px; background:url(/cm/images/contents/bg_login_form_repeat.png) repeat-x center top;} +.login_wrap .box li.pw ul li.repeat input{width:100%; height:50px; box-sizing:border-box; -moz-box-sizing:border-box; position: absolute; left: 0; right: 0; bottom: 10px; top: 10px; background: transparent; border: 0; color:#fff; font-weight: bold; font-size: 15px;} +.login_wrap .box li.pw ul li.repeat input:focus{outline:0;} +.login_wrap .box li.pw ul li:last-child{right:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_right.png) no-repeat right top;} + +.login_wrap .box .anc_mem{float:left; color:#fff; font-weight:bold; font-size: 15px;} +.login_wrap .box .anc_forget{float:right; color:#ffd600; font-weight:bold; font-size: 15px;} +.login_wrap .box li:last-child{text-align:center; margin:0;} +.login_wrap .box li:last-child a{display:block; height:60px; line-height:60px; background: #01a595 url(/cm/images/contents/bg_img_login.gif) no-repeat center center; border-radius: 5px;} + +/*********************************** LAYOUT **************************************/ +#wrap{position:relative;width:100%;min-width:1016px;height:100%;min-height:300px;margin:0;padding:0} +#header_wf{z-index:20;clear:both;position:absolute;top:0;left:0;right:0;bottom:0;height:66px;padding:0;margin:0} +#header{position:relative;height:66px;padding:0;margin:0;background:url(/cm/images/bg_main_top.gif) repeat-x left top} +#btn_slide{position:absolute;left:220px;top:50%;width:10px;height:80px;padding:0;margin:-40px 0 0 0;border:0;overflow:hidden;text-indent:-9999px;background:url(/cm/images/btn_slide.gif) no-repeat} +#container{z-index:10;clear:both;position:absolute;left: 0;right: 0;bottom: 25px;top: 66px;margin:0;padding:0;overflow:hidden} +#container:after{content:".";display:block;clear:both;height:0;visibility:hidden} +#side{position:absolute;left:0;right:0;top:0;bottom:0;width:220px;padding:0;margin:0}/* min-height:804px; */ +#bodyContent{position:absolute;top:0;left:230px;right:0;bottom:0;height:100%;padding:0;margin:0} + +#content_gp{position:absolute;top: 0;left: 10px;right: 10px;bottom: 10px;padding: 0;margin: 0;min-width:766px;} +#content_popup_gp{position:absolute; top: 0; left: 10px; right: 10px; bottom: 10px; padding: 0; margin: 0;} +#footer_grp{position: absolute;left: 0;right: 0;bottom: 0;height: 34px;border-top:1px solid silver;background:whitesmoke;} + + +/* MAIN */ +.main_contents{position:relative;/*min-width:1004px;*/overflow:auto;padding:20px 0 0;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;} +.mnbox{position:relative;} +.mnbox:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.mnbox .m_cont{margin-right:253px;} +.mnbox .m_side{position:absolute;top:0;right:0;width:236px;} +.mn_layout{position:relative} +.mn_layout:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.mn_column{float:left;width:50%;-moz-box-sizing:border-box;box-sizing:border-box;} +.mn_column:first-child{padding-right:8px;} +.mn_column:last-child{padding-left:8px;} +.block_box{} +.block_box .bk_tit{margin:5px 0;font-size:14px;color:#000;font-weight:bold} +.block_box .bk_cont{padding:14px 15px;border-radius:3px;background:#fff;border:1px solid #b5bdc5;} +.block_box .bk_cont02{padding:0;background:#fff;} + +.cnt_grp{overflow:hidden;margin-bottom:12px;} +.cnt_cell{display:inline-block;float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;} +.cnt_cell:nth-child(odd){padding-right:5px;} +.cnt_cell:nth-child(even){padding-left:5px;} +.cnt_cell:nth-child(3){margin-top:10px;} +.cnt_cell:nth-child(4){margin-top:10px;} +.cnt_cell .cnt_box{position:relative;padding:14px 15px;border:1px solid #b5bdc5;border-radius:3px;background-color:#f2f6fa;-moz-box-sizing:border-box;box-sizing:border-box;} +.cnt_cell .cnt_box strong{display:block;font-size:14px;color:#757a85;} +.cnt_cell .cnt_box span, .cnt_cell .cnt_box a{font-size:20px;line-height:100%;color:#344c67;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} + +.memo_lst{} +.memo_lst li{margin-top:10px;} +.memo_lst li:first-child{margin-top:0;} +.memo_lst li:after{content:"";display:block;clear:both;} +.memo_lst li strong, .memo_lst li a, .memo_lst li em{display:inline-block;font-size:13px;color:#000;vertical-align:middle;} +.memo_lst li strong {padding: 3px;background: #fe5d55;color: #fff;border-radius:3px;width: 50px;text-align: center;} +.memo_lst li strong.w150 {width:130px; background:#3879d9} +.memo_lst li a{margin-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} +.memo_lst li span {line-height:23px; font-size:13px; padding-left:10px;} +.memo_lst li em{float:right;} + +.mn_layout .memo_lst li{padding-left:70px;box-sizing:border-box} +.mn_layout .memo_lst li strong{float:left;margin-left:-70px} +.mn_layout .memo_lst li a{width:100%;margin-left:0;line-height:23px} + +.ck_tit{position:relative;margin:20px 0;padding:20px 0 23px;border-bottom:1px dashed #ebeef2;} +.ck_tit:after{content:"";position:absolute;top:50%;right:0;width:31px;height:31px;margin-top:-18px;cursor:pointer;background:url(/cm/images/contents/ico_schedule_off.png) no-repeat;} +.ck_tit.on:after{background-image:url(/cm/images/contents/ico_schedule_on.png);} +.ck_tit:first-child{margin-top:0;padding-top:0;border-top:0;} +.ck_tit a{display:block;font-size:15px;font-weight:bold;color:#4a4a4a;} +.ck_tit em{display:block;font-size:12px;color:#aeb8c3;} +.ck_tit span{display:block;font-size:14px;color:#7e8da3;} +.ck_cont li{position:relative;margin-top:4px;} +.ck_cont li .w2checkbox{height:19px;} +.ck_cont li .w2checkbox_input{background:#fff;border:1px solid #ccc;margin-right:15px;} +.ck_cont li .w2checkbox_label{font-size:13px;} +.ck_cont li span{position:absolute;top:0;right:0;min-width:40px;height:19px;line-height:19px;padding:0 3px;text-align:center;border-radius:2px;color:#fff;font-size:12px;} +.ck_cont li span.complete{background-color:#36aeea;} +.ck_cont li span.failed{background-color:#67ba2f;} + +.calendar_box{padding:15px 0;border-radius:7px;background-color:#667391;-moz-box-sizing:border-box;box-sizing:border-box;} +/* Calendar */ +.calendar_box .w2calendar{width:236px;height:200px;background-color:transparent;border:none;} +.calendar_box .w2calendar_header{height:25px;} +.calendar_box .w2calendar_header_last_year{display:none;} +.calendar_box .w2calendar_header_last_month{position:absolute;left:20px;top:6px;width:15px;height:11px;cursor:pointer;background:url(/cm/images/contents/inc_month_last.png) center center no-repeat;} +.calendar_box .w2calendar_header_next_month{position:absolute;left:200px;top:6px;width:15px;height:11px;cursor:pointer;background:url(/cm/images/contents/inc_month_next.png) center center no-repeat;} +.calendar_box .w2calendar_header_next_year{display:none;} +.calendar_box .w2calendar .w2selectbox {position:relative;top:0;left:78px;background:transparent;border:0;color:#fff;display:inline-block;vertical-align:middle;} +.calendar_box .w2calendar .w2calendar_selectbox_year{width:43px;} +.calendar_box .w2calendar .w2calendar_selectbox_month{width:30px;} +.calendar_box .w2selectbox .w2selectbox_col_button{width:0;height:0;background:none;} +.calendar_box .w2calendar .w2calendar_date_off, .w2calendar .w2calendar_date_off button{text-align:center;color:#bac5d2;} +.calendar_box .w2calendar .w2calendar_date_on, .w2calendar .w2calendar_date_off button{text-align:center;color:#fff;} +.calendar_box .w2calendar_content{border:0;background:transparent;} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day{position:relative;background:none;padding-top:5px;} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day:before{content:"";position:absolute;left:0;right:0;font-weight:normal;color:#fff;text-indent:0;} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day0:before{content:"S";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day1:before{content:"M";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day2:before{content:"T";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day3:before{content:"W";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day4:before{content:"T";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day5:before{content:"F";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day6:before{content:"S";} +.calendar_box .w2calendar .w2calendar_col_day {height:25px;text-align:center;font-size:12px;font-weight:bold;color:#004080;} +.calendar_box .w2calendar .w2calendar_col_date{background: transparent;width:32px;height:25px;padding:0;-moz-box-sizing:border-box;box-sizing:border-box;} +.calendar_box .w2calendar .w2calendar_col_date.w2calendar_selected{position:relative;display:inline-block;line-height:25px;background:url(/cm/images/contents/bg_calendar_day.png) center center no-repeat;border-radius:50%;text-align:center;} +.calendar_box .w2calendar_footer{display:none;} +.calendar_box .w2calendar .w2selectbox_focus .w2selectbox_col_label{background:transparent !important;} +.calendar_box .w2calendar .w2selectbox_over .w2selectbox_col_label{background-color:transparent !important;} + +.tocbox{margin-top:19px;overflow:hidden;} +.tocbox .toc_tit{height:30px;line-height:30px;padding-left:37px;color:#fff;border-top-left-radius:7px;border-top-right-radius:7px;background:#878bb6 url(/cm/images/contents/ico_talk_tit.png) 13px center no-repeat;} +.tocbox .toc_cont{padding-bottom:15px;border:1px solid #dfe6ec;border-width:0 1px 1px 1px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;} +.tocbox .toc_cont .toc_search{position:relative;padding:10px 10px 0 10px;-moz-box-sizing:border-box;box-sizing:border-box;} +.tocbox .toc_cont .toc_search .w2input{width:100%;height:25px;line-height:25px;padding:0 25px 0 10px;border:1px solid #d8dfe6;border-radius:25px;-moz-box-sizing:border-box;box-sizing:border-box;} +.tocbox .toc_cont .toc_search a{position:absolute;bottom:7px;right:20px;width:14px;height:13px;text-indent:-999px;background:url(/cm/images/contents/ico_toc_search.png) right center no-repeat;} +.toc_lst li{padding:13px;border-top:1px solid #dfe6ec;-moz-box-sizing:border-box;box-sizing:border-box;} +.toc_lst li:after{content:"";display:block;clear:both;} +.toc_lst li:first-child{border-top:none;} +.toc_lst li.on{background-color:#f2f6fa;} +.toc_lst li .thumn{float:left;position:relative;width:38px;height:38px;margin-right:20px} +.toc_lst li .thumn img{width:100%;height:100%;border-radius:100%;} +.toc_lst li .thumn span{position:absolute;bottom:0;right:0;width:15px;height:15px;font-size:10px;text-align:center;color:#fff;border-radius:100%;background-color:#6d7198;} +.toc_lst li .txtbox{float:left;/*margin-left:20px;*/} +.toc_lst li .txtbox a{display:block;line-height:18px;font-size:13px;font-weight:bold;color:#5b5b5b;} +.toc_lst li .txtbox p{line-height:16px;font-size:13px;color:#959392;} + +/* LayerPopup ====================================================================== */ +.w2modal { background:#000 !important; opacity:0.5 !important;} + +.pop_L {background:#fff;} +.pop_L .pop_con {display:flex;flex-direction:column;padding:12px 25px 15px 25px; overflow:auto; /* width:680px; height:309px; */} +.pop_title {overflow:hidden; height:27px; background:#5c6572;} +.pop_L .pop_con .section{flex-grow:1;flex-shrink:0;flex-basis:auto;} + +.pop_M {background:#fff;} +.pop_M .pop_con {padding:22px; overflow:auto;/* width:520px; height:269px; */} +.pop_M .pop_con .defaultbox{margin-top:0;} +.pop_M .smsbox {border:1px solid #dddddd; height:80px; width:100%; margin-bottom:10px;padding:5px;box-sizing:border-box; -moz-box-sizing:border-box;} + +.pop_S {background:#fff;} +.pop_S .pop_con {/* padding:12px 25px 15px 25px; */padding:22px; overflow:auto; /* width:280px; height:154px; */} +.pop_S .btnBox, .pop_M .btnBox, .pop_L .btnBox {margin-right:25px;} + +.pop .pop_con{padding:22px} +.w2popup_window {border:2px solid #0d8244;} +.w2popup_window .w2window_header {height:29px; background:#0d8244;} +.w2popup_window .w2window_header_icon {width:0; background:#0d8244;} +.w2popup_window .w2window_header_title {overflow:hidden; height:29px; /* background:#5c6572; */ padding:0; color:#fff; font-size:14px; line-height:29px; left:10px;padding-left:25px;background:url(/cm/images/contents/ico_logo.png) no-repeat left center;} +.w2popup_window .w2window_close {background:url(/cm/images/contents/layerpop_closebtn.png) center no-repeat; width:22px; height:22px; top:3px; right: 4px; left: inherit;} + +.w2popup_window .w2window_body {position:absolute; top:29px; border:none; background:#fff; margin:0; padding:0; overflow:hidden;} +.w2popup_window .w2window_content {border:none; top:0; left:0; right:0; bottom:0; margin:0; padding:0; overflow:hidden;} +.w2popup_window .w2window_iframe {border:none; overflow:hidden;} + +/* popup_window */ +.w2popup_window{height: auto !important;} +.w2popup_window .w2window_header{position:relative;} +.w2popup_window .w2window_body{position:relative;top:0} +.w2popup_window .w2window_content{position:relative;} +.w2popup_window[id *= '_alert']{border-color:#5c85d4} +.w2popup_window[id *= '_alert'] .w2window_header{background:#5c85d4} +.w2popup_window[id *= '_alert'] .w2window_content > .w2window_wframe > div, +.w2popup_window[id *= '_alert'] .w2window_content > .w2window_wframe > div > div, +.w2popup_window[id *= '_alert'] .w2window_content > .w2window_wframe > div > div > div{height:auto !important} +.w2popup_window[id *= '_alert'] .w2window_content > .w2window_wframe > div > div:last-child{padding:10px} +.w2popup_window[id *= '_confirm']{border-color:#5c85d4} +.w2popup_window[id *= '_confirm'] .w2window_header{background:#5c85d4} +.w2popup_window[id *= '_confirm'] .w2window_content > .w2window_wframe > div, +.w2popup_window[id *= '_confirm'] .w2window_content > .w2window_wframe > div > div, +.w2popup_window[id *= '_confirm'] .w2window_content > .w2window_wframe > div > div > div{height:auto !important} +.w2popup_window[id *= '_confirm'] .w2window_content > .w2window_wframe > div > div:last-child{padding:10px} +.w2popup_window .w2window_content > .w2window_wframe > div > div:last-child .btn_com{display:inline-block;min-width:53px;height:23px;background:none;padding:0;border:1px solid rgba(216,216,216,0.4);padding:0 3px;background-color:rgba(45,53,62,0.7)/* #6c7178 */;font-size:11px;color:#fff;box-sizing:border-box;vertical-align:middle;text-align:center;} +.w2popup_window .w2window_content > .w2window_wframe > div > div:last-child .btn_com a{display:block;background:none;height:21px;padding:0;line-height:19px;margin: 0} +/* Content Title */ +.cnt_title_grp { height:25px; border-bottom:1px solid #B3B3B3; padding-top:10px; padding-bottom:5px; } + +/* Treeview */ +.tw_sub.w2treeview{position:relative;padding:20px;background:transparent;border:1px solid #b6bfcc;-moz-box-sizing:border-box;box-sizing:border-box} +.tw_sub.w2treeview .w2treeview_open_child .w2treeview_icon_navi{background:url(/cm/images/contents/tvw_minus.png) no-repeat 50% 50%} +.tw_sub.w2treeview .w2treeview_close_child .w2treeview_icon_navi{background:url(/cm/images/contents/tvw_plus.png) no-repeat 50% 50%} +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth1 .w2treeview_col_icon_navi, +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth1 .w2treeview_icon_navi, +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth2 .w2treeview_col_icon_navi, +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth2 .w2treeview_icon_navi{width:16px} +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent .w2treeview_col_icon_navi{width:8px} +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent .w2treeview_icon_navi{width:8px;background:url(/cm/images/contents/tvw_middle.png) no-repeat 50% 50%} + + + + +#mf_contents{background-color:#fff} +#mf_contents > .tac_layout > .w2tabcontrol_control, +#mf_contents > .tac_layout > .w2tabcontrol_control .mask{height:31px} +#mf_contents > .tac_layout{position:relative;height:100%;padding:22px 16px 0 21px;box-sizing:border-box;-moz-box-sizing:border-box} +#mf_contents > .tac_layout > .w2tabcontrol_container{width:auto;top:51px;left:21px;right:16px;border-top:2px solid #000} +#mf_contents > .tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li.w2tabcontrol_active, +#mf_contents > .tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li.w2tabcontrol_selected{border: 2px solid #000;border-bottom: 1px solid #fff;background: #fff;} +#mf_contents > .tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li{border: 1px solid #d0d0d0;border-bottom:0;background: #e6e6e6;width: auto;height: 28px;line-height: 28px;} +#mf_contents > .tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li a{margin:0 20px;top:inherit;line-height:inherit;} +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tab_close, .tac_layout > .w2tabcontrol_control .w2tabcontrol_tab_close2{right:3px;top:3px} + +h1.head_tit{color:#fff;font-size:0px;text-indent: -9999px;overflow: hidden;float:left;margin-left:20px;line-height:29px;padding-left:25px;height: 24px;width: 325px;background:url(/cm/images/contents/top_logo.png) no-repeat left center;} +.head_top{position:relative;height:29px;background-color:#0d8244} +.head_con{position:relative;height:45px;background-color: #485560;} +.head_box .nav > li{border-left:1px solid #3d4852;border-right:1px solid #59646e} +.head_quick{position:relative;height:30px;background-color: #d1e4d6;} + +.head_top .infobox{top:3px;right:16px;padding:0} +.head_top .gmbox{position:relative;display:inline-block;margin-left: 7px} +.gmbox:before{content:'';position:absolute;left:0;top:0;width:1px;height:21px;background:#a3a5a8} + +.grp_box{padding:10px 16px;background-color:#fff;border:1px solid #e1e1e1;box-sizing:border-box;-moz-box-sizing:border-box;} + +.grp_box.widget{padding:44px 0 0;position:relative;border-color:#cdcdcd} +.grp_box.widget .defaultbox{position:absolute;left:0;top:0;right:0;height:44px;padding:7px 20px;border-bottom:1px solid #cdcdcd;box-sizing:border-box;-moz-box-sizing:border-box} +.grp_box.widget .defaultbox .df_tt{line-height:29px;} +.grp_box.widget .defaultbox .btn_act{height:29px;border-radius:2px;border-color:#d0d0d0;background:#fff;padding:0 13px} +.grp_box.widget .defaultbox .btn_act.noti{background:#fff url(/cm/images/contents/ico_noti.png) no-repeat center right 8px;padding:0 27px 0 13px} +.grp_box.widget .widget_con{padding:20px} + +.grp_box.ems{padding:14px 20px;} + +.grp_box.big{white-space:nowrap;overflow-x:auto;} +.grp_box.big > .grp_big{display:inline-block;width:250px;vertical-align:top} +.grp_box.big > .grp_big img{width:100%;} +.grp_box.big > .w2group + .w2group{margin-left:10px} +.grp_box.big .btn_box{white-space:normal;} + +.grp_big img{width:100%;} + +.grp_box + .grp_txt, +.grp_box + .cm_tbl, +.grp_box + .cm_grid, +.grp_box + .grp_box{margin-top:10px;} +.grp_txt > .w2textbox{margin-bottom:4px;color:#4b4b4b} +.grp_txt > .w2textbox:last-child{margin-bottom:0} +.grp_txt.bold{font-weight:bold} + +.grp_btn{text-align:center;margin-top:20px} +.grp_btn > input[type=button]{margin:0 2px} + +.grp_quick{position: absolute;left: 43px;top: 7px;vertical-align:middle;box-sizing: border-box;} +.grp_quick span{display:inline-block;font-weight:bold;font-family: '돋움';height:17px;line-height: 19px;vertical-align:middle;} +.grp_quick input[type=button]{width:17px;height:17px;margin-left:5px;background:#5e696b url(/cm/images/contents/ico_plus.png) no-repeat center center;border:0;border-radius:9px;vertical-align:middle;} +.list_quick{height: 30px;padding-top: 8px;padding-left: 250px;box-sizing: border-box;} +.list_quick li{display:inline-block;margin-left:20px} +.list_quick li a{vertical-align:middle;} +.list_quick li input[type=button]{width:12px;height:12px;margin-left:4px;background:url(/cm/images/contents/btn_x.png) no-repeat center center;border:0;vertical-align:middle;} + +.list_txt{overflow:hidden;} +.list_txt > li{color:#66686a} +.list_txt_tit{overflow:hidden;} +.list_txt_tit > li{color:#66686a} +.list_txt_tit > li + li{margin-top:8px} +.list_txt_tit > li .tit{font-weight:bold} +.list_txt_tit > li .tit:before{content:"*";display:inline-block;vertical-align:middle;margin-right:4px} + +.list_process{margin-top:50px} +.list_process > li{position:relative;display:inline-block;width:144px;height:50px;margin-right:50px;border-radius:10px;text-align:center;background-color:#00cf4e} +.list_process > li:last-child{margin-right:0} +.list_process > li .w2textbox{line-height:50px;color:#fff;font-size:14px} +.list_process > li span{position:absolute;display:inline-block;top:15px;right:-47px;width:44px;padding-top:20px;background:url(/cm/images/contents/bg_process.png) no-repeat top center;} +.list_process > li.red, +.list_process > li.red ~ li{background-color:#ff2929} +.list_process > li.red span, +.list_process > li.red ~ li span{background:url(/cm/images/contents/bg_process_red.png) no-repeat top center;} + + +.cm_tbl + .defaultbox, +.cm_grid + .defaultbox, +.cm_page + .defaultbox, +.grp_map + .defaultbox, +.lybox + .defaultbox, +.lybox + .cm_tab{margin-top:20px} +.grp_box .cm_tbl + .defaultbox{margin-top:0} +.defaultbox .fr > *{margin-left:5px;vertical-align:middle;} +.tbl_search .tbl_sc .w2tb_td > *{margin:0 2px;} +.tbl_search .tbl_sc .w2tb_td > .grp_iptsh{margin-right:4px} +/* .tbl_search .tbl_sc .w2tb_td > * + .btn_act{margin-left:10px } */ +.tbl_search .tbl_sc .w2tb_td .fr input[type=button][class *= "btn_"]{margin:2px 0;margin-left:4px} + +.grp_iptsh{position:relative;display:inline-block;width:100px;padding-right:23px;margin-right:4px} +.grp_iptsh input[type=text]{width:100%;} +.grp_iptsh .btn_icosh{position:absolute;top:0;right:-2px} + +.list_icon{padding:10px} +.list_icon li{display:inline-block;width:50%;vertical-align:top;padding:10px;box-sizing:border-box;-moz-box-sizing:border-box} +.list_icon li > img{display:inline-block;width:60px;height:60px;margin-right:10px;} +.list_icon li > .w2group{display:inline-block;vertical-align:middle;} +.list_icon li > .w2group .w2textbox{font-size:14px;color:#5d5d5d} +.list_icon li > .w2group .w2textbox:last-child{font-size:16px;font-weight:bold;color:#000} + +.list_infowrap{padding: 20px} +.list_info{text-align:center;} +.list_info + .list_info{margin-top: 76px} +.list_info li{position:relative;display:inline-block;width:21%;height: 54px;margin-right:5%;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:top} +.list_info li:last-child{margin:0} +.list_info li .w2textbox{line-height:52px;color:#575755;background-color:#fdc006;font-size:16px;font-weight:bold} +.list_info li.skyblue .w2textbox{background-color: #81d5fa;} +.list_info li.red .w2textbox{background-color: #d71827;color:#fff} +.list_info li.green .w2textbox{background-color: #78c663;} +.list_info li.white {border:1px solid #a1a1a1} +.list_info li.white .w2textbox{background-color: #fff;} +.list_info li.line-r:before{content: '';position: absolute;width: 100%;top: 50%;right: -100%;margin-top: -2px;height: 4px;background-color: #868686;} +.list_info li.line-t:after{content: '';position: absolute;width: 4px;top: -76px;right: 50%;height: 76px;background-color: #868686;} + +.sub_tt{color:#2a435c;font-size:14px;margin-top:5px} + +.tree_infowrap{padding:0 20px 20px} +.tree_infowrap .df_tt{color:#585858} +.tree_infowrap .list_info {text-align:left} +.tree_infowrap .list_info li{width:130px;height:70px;margin-right:0px;} +.tree_infowrap .list_info li + li{margin-left:40px;} +.tree_infowrap .list_info li:first-child + li{margin-left:80px;} +.tree_infowrap .list_info li.txt_last{margin-left:10px} +.tree_infowrap .list_info li > .w2textbox{vertical-align:top;height:32px;line-height:32px;font-size:14px} +.tree_infowrap .list_info li.txt_last > .w2textbox{font-size:12px;color:#66686a;background:transparent;font-weight:normal;text-align:left;} +.tree_infowrap .list_info li.txt_last > .w2textbox.txt{color:#2a435c;line-height:16px;height:auto;padding-left:15px} +.tree_infowrap .list_info + .list_info{margin-top:0} +.tree_infowrap .list_info li.line-r:before{top:14px;margin-top:0} +.tree_infowrap .list_info li.line-lt:after{content: '';position: absolute;top: -56px;left: -21px;width: 18px;height: 66px;border: 4px solid #868686;border-right: 0;} +.tree_infowrap .list_info li:first-child + li.line-lt:after{width: 38px;left: -42px} + +.tree_infowrap > .last .list_info li{height:auto} +.tree_infowrap > .last .list_info + .list_info{margin-top:10px} +.tree_infowrap > .last .list_info li + li{margin-left:20px} +.tree_infowrap > .last .list_info li.txt_last > .w2textbox{text-align:left;} + +.grp_map{position:relative;border:1px solid #e8e8e8} +.grp_map > .w2selectbox{position:absolute;top:20px;left:20px;} +.ico_mapinfo{position:absolute;bottom:20px;left:20px;line-height: 40px;height: 40px;padding: 0 20px 0 42px;border: 1px solid #a6a7a9;border-radius: 20px;background:#fff url(/cm/images/contents/ico_cctv.png) no-repeat left 10px center;font-size: 14px;font-weight: bold;} +.grp_mapbtn{position:absolute;top:20px;right:20px;width:84px;} +.btn_map{display:block;width:100%;height:34px;border:1px solid #a6a7a9;border-radius:6px;background-color:#fff;font-size:14px;} +.btn_map.on{background-color:#5c85d4;color:#fff} +.btn_map + .btn_map{margin-top:3px} +button.btn_mappic, +.cm_grid .gridBodyDefault.btn_mappic > button{display:inline-block;min-width: auto;border: 0;width:14px !important;height:20px !important;background:url(/cm/images/contents/btn_map.png) no-repeat center center;vertical-align:middle;} + +/* popup */ +.btn_fix{position:static;height: 34px;} +.btn_fix > .w2group{ position: absolute;left: 0;right: 0;bottom: 0;padding: 5px 19px;border-top: 1px solid #c8cad0;} +.btn_fix > .w2group .btn_cm + .btn_cm{margin-left:5px} +/* .pop_S .btn_fix{padding-top:10px;position:absolute;left:0;right:0;bottom:0;text-align:right;background:#fff;z-index:9999; border-top:1px solid #c8cad0;padding:5px 19px;} +.w2popup_window .btn_fix{position:static;} */ + +/* text */ +a.link{color:#5c85d4;text-decoration:underline;} +.txt_circle{} +.fr .txt_circle + .txt_circle, +.fr .txt_squre + .txt_squre{margin-left:15px;} +.txt_circle:before{content:'';display:inline-block;width:10px;height:10px;border-radius:5px;background:#a3a3a3;margin-right:2px;vertical-align: -1px;} +.txt_circle.red:before{background:#ff2929} +.txt_circle.green:before{background:#00cf4e} +.txt_circle.teal:before{background:#13b0b6} +.txt_circle.mint:before{background:#00c3a1} +.txt_circle.lightgreen:before{background:#6dc800} +.txt_circle.blue:before{background:#00a2ee} +.txt_circle.orange:before{background:#ff6b09} + +.txt_squre:before{content:'';display:inline-block;width:16px;height:16px;background:#fdc006;margin-right:5px;vertical-align: middle;} +.txt_squre.skyblue:before{background:#81d5fa } +.txt_squre.red:before{background: #d71827} +.txt_squre.green:before{background:#78c663 } +.txt_squre.white:before{background:#fff;border:1px solid #a1a1a1;width:14px;height:14px} +.txt_squre.small.red:before{background:#ff2929;width:11px;height:11px} +.txt_squre.small.green:before{background:#00cf4e;width:11px;height:11px} + + +.txt_tridown:before{content:'';display:inline-block;margin-top: 5px;border: 5px solid transparent;border-top: 7px solid #a3a3a3;margin-right: 2px;vertical-align: middle;} +.txt_tridown.green, +.txt_triup.green{color:#00cf4e} +.txt_tridown.red, +.txt_triup.red{color:#ff2929} +.txt_tridown.green:before{border-top: 7px solid #00cf4e} +.txt_tridown.red:before{border-top: 7px solid #ff2929} +.txt_triup:before{content:'';display:inline-block;margin-bottom: 5px;border: 5px solid transparent;border-bottom: 7px solid #a3a3a3;margin-right: 2px;vertical-align: middle;} +.txt_triup.green:before{border-bottom: 7px solid #00cf4e} +.txt_triup.red:before{border-bottom: 7px solid #ff2929} + +.txt_biglabel{padding: 0px 20px;display: inline-block;border: 1px solid #ccc;font-size: 18px;background: #fff;color: #0016b3;font-weight: bold;} + +/* input */ +.tbl_search .tbl_sc input[type = text].w2autoComplete_input{height: 21px !important;} + +.w2input_disabled, +.w2selectbox_disabled, +.w2textarea_disabled{background-color:#e3e3e3} +.w2inputCalendar_readOnly{background-color:#e3e3e3} + +.cm_upload{width:200px;height:23px;} +.cm_upload form{width:100%;height:23px;} +.cm_upload fieldset{height: 23px;position: relative;} +.cm_upload .w2upload_input{position:relative;width:100% !important;height:23px;padding-right:20px;border-color:#727272;box-sizing:border-box;-moz-box-sizing:border-box} +.cm_upload .w2upload_image{right:3px;left: inherit !important;} + +/***** button *****/ +.btn_cm{display:inline-block;min-width:53px;height:24px;border:1px solid rgba(216,216,216,0.4);padding:0 3px;background-color:rgba(45,53,62,0.7)/* #6c7178 */;font-size:11px;color:#fff;box-sizing:border-box;vertical-align:middle;text-align:center;} +.btn_cm.full, +.btn_act.full{width:100%;font-size:13px;font-weight:bold} + +.btn_cm[disabled], +.btn_act[disabled]{opacity:0.7} + +.btn_sh{display:inline-block;min-width:53px;height:23px;border:1px solid rgba(216,216,216,0.4);padding:0 3px;background-color:rgba(45,53,62,0.7)/* #6c7178 */;font-size:11px;color:#fff;box-sizing:border-box;vertical-align:middle;text-align:center;} +.btn_icosh{display:inline-block;width:23px;height:23px;;border:0;background:#6c7178 url(/cm/images/contents/ico_btn_sh.png) no-repeat center center} +.btn_act{display:inline-block;min-width:54px;height:23px;border:1px solid #adadad;padding:0 2px;background: linear-gradient(#f8f8f8,#d0d4d6);font-weight:bold;color:#363e45;box-sizing:border-box; -moz-box-sizing:border-box;vertical-align:middle;} +.btn_act.add{background-image:url(/cm/images/contents/ico_btn_add.png);background-repeat:no-repeat;background-position: 5px center;} +.btn_act.add{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_add.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.update{background-image:url(/cm/images/contents/ico_btn_update.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.update{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_update.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.del{background-image:url(/cm/images/contents/ico_btn_del.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.del{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_del.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.save{background-image:url(/cm/images/contents/ico_btn_save.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.save{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_save.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.print{background-image:url(/cm/images/contents/ico_btn_print.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.print{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_print.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.send{background-image:url(/cm/images/contents/ico_btn_send.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.send{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_send.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.exceldown{background-image:url(/cm/images/contents/ico_btn_excel.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.exceldown{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_excel.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.note{background-image:url(/cm/images/contents/ico_btn_note.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.note{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_note.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.equal{background-image:url(/cm/images/contents/ico_btn_equal.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.equal{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_equal.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} + +.btn_box{margin-top:5px} +.btn_box .btn_cm{margin-top:3px} +.btn_box .w2group[class *= 'col_']{display:inline-block;box-sizing:border-box;-moz-box-sizing:border-box} +.btn_box .w2group[class *= 'col_'] + .w2group[class *= 'col_']{padding-left:2px} + +.btn_control{display:inline-block;width:54px;height:33px;line-height:34px;border:1px solid #d4d4d4;background-color:#fff;border-radius:4px;box-sizing: border-box;font-weight:bold} +.btn_control.l{background:#fff url(/cm/images/contents/ico_control_l.png) no-repeat center center;} +.btn_control.lt{background:#fff url(/cm/images/contents/ico_control_lt.png) no-repeat center center;} +.btn_control.lb{background:#fff url(/cm/images/contents/ico_control_lb.png) no-repeat center center;} +.btn_control.b{background:#fff url(/cm/images/contents/ico_control_b.png) no-repeat center center;} +.btn_control.rb{background:#fff url(/cm/images/contents/ico_control_rb.png) no-repeat center center;} +.btn_control.r{background:#fff url(/cm/images/contents/ico_control_r.png) no-repeat center center;} +.btn_control.rt{background:#fff url(/cm/images/contents/ico_control_rt.png) no-repeat center center;} +.btn_control.t{background:#fff url(/cm/images/contents/ico_control_t.png) no-repeat center center;} + +/* radio */ +.w2radio_item{display:inline-block;margin: 0 6px} +/* .w2radio_item + .w2radio_item{margin-left:12px} */ +.w2radio_item > .w2radio_input{display:none} +.w2radio_input + label{padding-left:18px;background:url(/cm/images/contents/ico_radio.png) no-repeat left center;-moz-background:url(/cm/images/contents/ico_radio.png) no-repeat left center} +.w2radio_input:checked + label{background:url(/cm/images/contents/ico_radio_on.png) no-repeat left center} + +.w2radio.radio_btnty{display:inline-block;} +.w2radio.radio_btnty + div, .w2radio.radio_btnty + ul, .w2radio.radio_btnty + dl{margin-top:10px} +.w2radio.radio_btnty .w2radio_item{display:inline-block;margin:0;pad} +.w2radio.radio_btnty .w2radio_item .w2radio_label{padding:3px 15px;text-align:center;border:1px solid #727272;border-right:0;font-size:13px;box-sizing:border-box;-moz-box-sizing:border-box;background:#fff;} +.w2radio.radio_btnty .w2radio_item:last-child .w2radio_label{border-right:1px solid #727272} +.w2radio.radio_btnty .w2radio_item .w2radio_label:before, .w2radio.radio_btnty .w2radio_item .w2radio_label:after{display:none;} +.w2radio.radio_btnty .w2radio_item input[type="radio"]:checked + .w2radio_label{color:#fff;background:#afafaf;} + + +/* check */ +.w2checkbox_item{display:inline-block;margin: 0 6px} +/* .w2checkbox_item + .w2checkbox_item{margin-left:12px} */ +.w2checkbox_item > .w2checkbox_input{display:none} +.w2checkbox_input + label{padding-left:18px;background:url(/cm/images/contents/ico_check.png) no-repeat left center} +.w2checkbox_input:checked + label{background:url(/cm/images/contents/ico_check_on.png) no-repeat left center} + +/* autoComplete */ +.w2autoComplete .w2autoComplete_col_button{background-image: url(/cm/images/contents/ico_select.png); background-position: center center;} + +/* gridView */ +.cm_grid{border:0;border-top:1px solid #cdcdcd;} +.cm_grid > div[id *= "scrollX_div"]{border-bottom:1px solid #cdcdcd} +.cm_grid > div[id *= "scrollY_div"]{bottom:0px;right:1px !important;border-bottom: 1px solid #cdcdcd;} +.cm_grid:before{content:'';position:absolute;height:100%;top:0;left:0;border-left:1px solid #cdcdcd;z-index: 21;} +.cm_grid:after{content:'';position:absolute;height:100%;top:0;right:0;border-right:1px solid #cdcdcd;z-index: 20;} +.cm_grid + .cm_grid{margin-top:30px;} + +.cm_grid > div > div[id *= '_dataLayer']:after{content:"";position:absolute;width:100%;bottom:0;border-bottom:1px solid #cdcdcd} +.cm_grid .gridSubtotalDefault{height:26px;cursor: default;overflow: hidden;text-align: center;border: 1px solid #cdcdcd;background-color: #fcfcdc;white-space: nowrap;text-overflow: ellipsis;} +.cm_grid .bg_red{height:26px;cursor: default;overflow: hidden;text-align: center;border: 1px solid #cdcdcd;background-color: #ffeaea;white-space: nowrap;text-overflow: ellipsis;} + +.cm_grid .circle nobr{width: 10px;height: 10px;background: #a3a3a3;padding: 0;border-radius: 5px;} +.cm_grid .circle.red nobr{background: #ff2929;} +.cm_grid .circle.green nobr{background: #00cf4e;} +.cm_grid .gridBodyDefault button{display: inline-block;min-width: 53px;width:auto !important;height: 23px !important;border: 1px solid rgba(216,216,216,0.4);padding: 0 3px;background-color:#6c7178;font-size: 11px;color: #fff;border-radius:0} +/* .cm_grid .gridBodyDefault button:hover{background-color:#6c7178} */ +.cm_grid .gridBodyDefault_data[inputtype="link"] > nobr a{color:#5c85d4;text-decoration:underline;} +.cm_grid .gridBodyDefault_data[inputtype="checkbox"] > .w2checkbox_label, +.cm_grid .gridBodyDefault_data[inputtype="radio"] > .w2radio_label{display:none;} + +.cm_tbl .w2tb .w2tb_td > .defaultbox{padding: 0 2px;box-sizing: border-box;} +.cm_tbl .w2tb .w2tb_td > .cm_grid{margin:0} + +/* table */ +.cm_tbl{margin-bottom: 10px} +.cm_tbl > .w2tb{width:100%} +.cm_tbl .w2tb .w2tb_th,.cm_tbl .w2tb .w2tb_td{border-color:#cdcdcd} +.cm_tbl .w2tb .w2tb_th{background-color:#e6e6e6;} +.cm_tbl .w2tb .w2tb_td{padding:3px 8px} +.cm_tbl .w2tb .w2tb_th.req:before{content: ' ';background:url(/cm/images/contents/bul_req.png) no-repeat right center;width:8px;height:5px;display:inline-block;} +.cm_tbl .w2tb .w2tb_th.req{color:#e74c3c} +.cm_tbl .w2tb .w2tb_th.tbl_titbg{background-color:#66686a;color:#fff} +.cm_tbl .w2tb .w2tb_td.bg_pink, +.cm_tbl .w2tb .w2tb_th.bg_pink{background-color:#ffd0c4;} +.cm_tbl .w2tb .w2tb_td.bg_blue, +.cm_tbl .w2tb .w2tb_th.bg_blue{background-color:#a8ccf0;} +.cm_tbl .w2tb .w2tb_td.bg_mint, +.cm_tbl .w2tb .w2tb_th.bg_mint{background-color:#c1dbc1;} +.cm_tbl .w2tb .w2tb_td.bg_green, +.cm_tbl .w2tb .w2tb_th.bg_green{background-color:#cfff9e;} +.cm_tbl .w2tb .w2tb_td.bg_yellow, +.cm_tbl .w2tb .w2tb_th.bg_yellow{background-color:#fcf992;} +.cm_tbl .w2tb .w2tb_td.bg_navy, +.cm_tbl .w2tb .w2tb_th.bg_navy{background-color:#4472c2;} +.cm_tbl .w2tb .w2tb_td.bg_lightgray, +.cm_tbl .w2tb .w2tb_th.bg_lightgray{background-color:#eaeaea;} +.cm_tbl .w2tb .w2tb_td.bg_lightorange, +.cm_tbl .w2tb .w2tb_th.bg_lightorange{background-color:#fff3dd;} +.cm_tbl .w2tb .w2tb_td.gridFooterDefault, +.cm_tbl .w2tb .w2tb_th.gridFooterDefault{background-color:#dff5ff;} +.cm_tbl .w2tb .w2tb_td.gridSubtotalDefault, +.cm_tbl .w2tb .w2tb_th.gridSubtotalDefault{background-color:#fcfcdc;} +.cm_tbl .w2tb .w2tb_td.gridSubtotalSecond, +.cm_tbl .w2tb .w2tb_th.gridSubtotalSecond{background-color:#ffeaea;} + +.cm_tbl .w2tb .w2tb_td > *{margin:0 2px;} +.cm_tbl .w2tb .w2tb_td > *:first-child{margin-left:0} +.cm_tbl .w2tb .w2tb_td > .grp_iptsh{margin-right:4px} +.cm_tbl .w2tb .w2tb_td > * + .btn_act{margin-left:10px } + +.cm_tbl.tp{background:#fff;border:1px solid #e1e1e1;padding:10px} +.cm_tbl.tp .w2tb .w2tb_th,.cm_tbl.tp .w2tb .w2tb_td{border-color:transparent;background-color:transparent;} +.cm_tbl.tp .w2tb .w2tb_th{text-align:right;padding: 2px 8px;} +.cm_tbl.tp .w2tb .w2tb_td{padding:3px 0px} + +.cm_tbl.vt .w2tb .w2tb_td{text-align:center;} + +.cm_tbl .w2tb .w2tb_td.pd0{padding:0} +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb{margin:0} +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb .w2tb_th, +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb > tbody > tr:first-child .w2tb_td, +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb > tbody > tr:first-child .w2tb_th{border-top:0} +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb > tbody > tr:last-child .w2tb_td, +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb > tbody > tr:last-child .w2tb_th{border-bottom:0} +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb > tbody > tr > *:first-child{border-left:0} +.cm_tbl .w2tb .w2tb_td.pd0 > .w2tb > tbody > tr > *:last-child{border-right:0} +/* .cm_tbl .w2tb .w2tb_td.pd0 > .w2tb .w2tb_th{border-right:1px solid #cdcdcd;} */ +/* .cm_tbl .w2tb .w2tb_td.pd0 > .w2tb .w2tb_td{border-right:1px solid #cdcdcd;} */ +/* .cm_tbl .w2tb .w2tb_td.pd0 > .w2tb .w2tb_td:last-child{border:0} */ + +/* tab */ +.cm_tab{position:relative;} +.cm_tab > .defaultbox{position:absolute;} +.cm_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_left, +.cm_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_right{display:none;} +.cm_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:none} +.cm_tab > .w2tabcontrol{position:relative;height:auto;padding:0;overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box} +.cm_tab .w2tabcontrol_tabhost{float:none} +.cm_tab .w2tabcontrol_control{height:31px} +.cm_tab .w2tabcontrol_container{width:100%;height:auto !important;border:0;border-top:2px solid #000;margin-top:-2px} +.cm_tab .w2tabcontrol_contents{height:auto} +.cm_tab .w2tabcontrol_contents_wrapper{padding-top:10px;height:auto} +.cm_tab .w2tabcontrol_tabhost li.w2tabcontrol_active, +.cm_tab .w2tabcontrol_tabhost li.w2tabcontrol_selected{border: 2px solid #000;border-bottom: 1px solid #fff;background: #fff;} +.cm_tab .w2tabcontrol_tabhost li{border: 1px solid #d0d0d0;border-bottom:0;background: #e6e6e6;width: auto;height: 28px;line-height: 28px;} +.cm_tab .w2tabcontrol_tabhost li a{margin:0 20px;top:inherit;line-height:inherit;} +.cm_tab .w2tabcontrol_tab_close, .cm_tab .w2tabcontrol_tab_close2{right:3px;top:3px} + +/* page */ +.cm_page{} +.cm_page .w2pageList_col_label{width:22px} +.cm_page .w2pageList_label, +.cm_page .w2pageList_label_selected{height:19x;vertical-align:middle;line-height: 23px;} +.cm_page .w2pageList_control_pagePrev, +.cm_page .w2pageList_control_prev, +.cm_page .w2pageList_control_next, +.cm_page .w2pageList_control_pageNext{width:50px;border:1px solid #ccc;text-align:center;background:#fff} +.cm_page .w2pageList_control_pagePrev:before{content:"처음"} +.cm_page .w2pageList_control_prev:before{content:"이전"} +.cm_page .w2pageList_control_next:before{content:"다음"} +.cm_page .w2pageList_control_pageNext:before{content:"마지막"} + +/* loading */ +.grp_loading{display:inline-block;width:100%;height:20px;border:1px solid #d0d0d0;background-color:#e6e6e6;box-sizing:border-box;-moz-box-sizing:border-box;vertical-align:middle;} +.grp_loading > div{height:100%;background: url(/cm/images/contents/bg_loading.png) repeat left center;} +.grp_loading.blue > div{background: url(/cm/images/contents/bg_loading_blue.png) repeat left center;} +.grp_loading.green > div{background: url(/cm/images/contents/bg_loading_green.png) repeat left center;} +.grp_loading.orange > div{background: url(/cm/images/contents/bg_loading_orange.png) repeat left center;} +.grp_loading.bigblue{height:26px;padding:1px;} +.grp_loading.bigblue > div{background: url(/cm/images/contents/bg_loading_bigblue.png) repeat left center;} +.pop_loading{position:absolute;top:50%;left:50%;width: 400px;margin: -84px 0 0 -200px;box-sizing: border-box;padding: 20px;background-color: #485560;color: #fff;z-index:30} +.pop_loading > .w2textbox:first-child{font-weight:bold} +.ex_loading .grp_loading{margin-bottom:10px} + +/* tree */ + +.cm_tree{overflow: auto;border: 1px solid #e1e1e1;background:#fff} +.cm_tree > .w2treeview{padding:20px;} +.cm_tree > .w2treeview > .w2treeview_group{margin-bottom:20px} +.cm_tree > .w2treeview > .w2treeview_group:last-child{margin-bottom:0} +.cm_tree .w2treeview_col_depth1 + td > .w2treeview_child > .w2treeview_group{margin-top:10px} +.cm_tree .w2treeview_group{margin-top:10px} +.cm_tree .w2treeview_open_child.w2treeview_notleaf .w2treeview_icon_navi{background: url(/cm/images/contents/ico_tree.png) no-repeat center center;} +.cm_tree .w2treeview_close_child.w2treeview_notleaf .w2treeview_icon_navi{background: url(/cm/images/contents/ico_tree_on.png) no-repeat center center;} +.cm_tree .w2treeview_leaf .w2treeview_col_icon_navi{background: url(/cm/images/contents/ico_tree_bull.png) no-repeat center center;} + +.cm_tree .w2treeview_label{font-size:12px;} +.cm_tree .w2treeview_row_depth1 .w2treeview_label, +.cm_tree .w2treeview_col_depth1 .w2treeview_label{font-size:16px;} +.cm_tree .w2treeview_row_depth2 .w2treeview_label, +.cm_tree .w2treeview_col_depth2 .w2treeview_label{font-size:14px;} +.cm_tree .w2treeview_row_depth3 .w2treeview_label, +.cm_tree .w2treeview_col_depth3 .w2treeview_label{font-size:13px;} + +.w2gauge{position:relative;display:inline-block;vertical-align:middle;} + +.txt_box{display: inline-block;padding: 10px 10px 6px;border: 1px solid #eee;text-align: center;border-radius: 3px;box-shadow: 1px 1px 1px #ccc;color: #5d5d5d;background-color:#fff} +.txt_box .w2textbox:last-child{font-size:14px;color:#000} +.txt_box .w2textbox + .w2textbox{margin-top:3px} + +.list_chart{overflow-x:auto;white-space:nowrap;padding:20px} +.list_chart li{position:relative;display:inline-block;width:170px;height:160px;margin-right:30px;background: url(/cm/images/contents/bg_listchart.png) no-repeat left center;} +.list_chart li:last-child{margin-right:0} +.list_chart li .txt_box{position:absolute;right: 25px;bottom: 10px;width: 80px;min-height: 19px;padding: 8px 5px 6px;font-weight:bold} +.list_chart li .txt_box .w2textbox{white-space:normal} +.list_chart li .list_chart_info{display:none;position:absolute;left:80px;bottom:60px;} +.list_chart li.red{background: url(/cm/images/contents/bg_listchart_red.png) no-repeat left center;} +.list_chart li.red .txt_box .w2textbox{color:#ff2929} +.list_chart li.red .list_chart_info{display:block} \ No newline at end of file diff --git a/WebContent/cm/css/cfs.css b/WebContent/cm/css/cfs.css new file mode 100644 index 0000000..055e8c9 --- /dev/null +++ b/WebContent/cm/css/cfs.css @@ -0,0 +1,706 @@ +html,body{margin:0;padding:0;} +body{color:#3b3b3b;font-style:normal;-webkit-text-size-adjust:none;} +p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,table,form,fieldset,pre{margin:0;padding:0} +body,input,textarea,select,button,table,pre{font-size:12px;font-family: Malgun Gothic, mgw, Verdana, dotum, Sans-serif} +table{empty-cells:show} +caption,legend{display:none} +a img,img{vertical-align:top; cursor:pointer;} +img,fieldset{border:0} +ul,ol,dl,li,dd {list-style:none} +ul li img {vertical-align:top} +em,address{font-style:normal} +a{text-decoration:none} +a:hover,a:active,a:focus{text-decoration:none} + +/* float */ +.cb:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +*:first-child+html .cb{min-height:0}/* ie7/8 min-height */ + +.section{margin-bottom:10px;min-height:10px} + +.ofh{overflow:hidden;} +.fl{float:left !important} +.fr{float:right !important} + +.mt0 {margin-top:0 !important} .mt3 {margin-top:3px !important;} .mt5 {margin-top:5px !important;} .mt15 {margin-top:15px !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mt25 {margin-top:25px !important;} .mt30 {margin-top:30px !important;}.mt50 {margin-top:50px !important;} +.ml5 {margin-left:5px !important;} .ml10 {margin-left:10px !important;} .ml20 {margin-left:20px !important;} .mr5 {margin-right:5px !important;} +.mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb30 {margin-bottom:30px !important;} +.mr10 {margin-right:10px !important;} + +.pl10{padding-left:10px !important;} .pr10{padding-right:10px !important;} +.pl20{padding-left:20px !important;} .pr20{padding-right:20px !important;} + +.pb16{padding-bottom:16px !important} .pb32{padding-bottom:32px !important} + +.p5{padding:5px !important;} .p10{padding:10px !important;} .p20{padding:20px !important;} + +.dm{margin:10px !important;} +.dmr{margin-right:6px !important;} +.dml{margin-left:6px !important;} +.dmt{margin-top:6px !important;} +.dmb{margin-bottom:6px !important;} + +.dp{padding:10px !important;} +.dpr{padding-right:10px !important;} +.dpl{padding-left:10px !important;} +.dpt{padding-top:10px !important;} +.dpb{padding-bottom:10px !important;} + +.tac {text-align:center;} +.tar {text-align:right;} + +.hide{display:none;} +.show{display:block;} +.hide + tr th:first-child:before{content : ""; width:5px; height:4px; background: url(/cm/images/inc/ico_tb_hide_up.png) no-repeat left top;padding-left:10px;} + +.table_cell{display: table-row !important;} + +.txt_b_blue{font-weight: bold; color: #008fc7 !important;} +.txt_b_red{font-weight: bold; color: #FF6347 !important;} + +.underline{text-decoration: underline;} +.dpib{display: inline-block;} + +.w2group{background:transparent;} +.w2input, .w2inputCalendar_divInput {font-size:12px; font-family: Malgun Gothic, mgw, Verdana, dotum, Sans-serif} + + +/* Search Box */ +.search_box{position:absolute;top:7px;right:29px;background:transparent;text-align:right;} +.search_box .search_tit{display:none;margin-right:4px;padding-left:7px;color:#e0eaf3;background:url(/cm/images/inc/bul_arrow.gif) no-repeat 0 center;} +.search_box > input{border:1px solid #1c2d5c; border-radius:5px; width:171px !important; background:url(/cm/images/contents/bg_search.png) 0 0 repeat-x;} +.search_box .btn_all_search{position:absolute; top:0; right:5px; display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(/cm/images/inc/btn_header_search.png) 0 5px no-repeat;} + +/*======================= content.css start ==========================*/ +/* w2inputCalendar */ +.w2inputCalendar{width:96px;} +.w2inputCalendar_div{width:94px} +.w2inputCalendar_divInput{padding:0 2px;box-sizing:content-box !important} +.w2inputCalendar_div_input{padding-right:2px;height:23px} +.w2inputCalendar_div_img{width:23px} +.w2inputCalendar_button{top:0 !important;width:23px;height:23px;background:#6c7178 url(/cm/images/contents/ico_calendar_white.png) no-repeat center center !important} + +.cm_grid .w2inputCalendar_div_img{width:20px} +.cm_grid .w2inputCalendar_button{top:1.5px !important;width:20px;height:20px;background-image:url(/cm/images/contents/bg_calendar_ic_20.png) !important} + +.w2checkcombobox, .w2selectbox{border:1px solid #c0c0c0} +.w2checkcombobox .w2checkcombobox_col_button, .w2selectbox .w2selectbox_col_button{width:18px; height:18px; background-image:url(/cm/images/contents/ico_select.png); background-position:center center;} + +.w2input, .w2textarea, .w2inputCalendar_divInput, .w2selectbox, .w2checkcombobox, .w2autoComplete {height:23px;border:1px solid #727272;background-color:#fff;box-sizing:border-box; -moz-box-sizing:border-box;} +.w2input, /* .w2selectbox */ .w2checkcombobox, .w2inputCalendar {width:120px;} + +.w2grid .w2inputCalendar_divInput{box-sizing:content-box;} + +.w2textarea{width:100%;height:50px;} +.w2radio .w2radio_main,.w2checkbox .w2checkbox_main{width:auto} +.w2radio.w100 .w2radio_main,.w2checkbox.w100 .w2checkbox_main{width:100%} +.w2radio_label,.w2checkbox_label{height:19px;line-height:19px} +.w2table_ccb_col{padding:3px;white-space: nowrap} +.w2radio_td_input,.w2checkbox_td_input{width:18px;padding-left:20px;text-align:left} +.w2radio .w2radio_main .w2radio_row .w2radio_td_input:first-child, +.w2checkbox .w2checkbox_main .w2checkbox_row .w2checkbox_td_input:first-child{padding:0} +.w2radio_td_input .w2radio_input,.w2checkbox_td_input .w2checkbox_input{padding:0;margin:0} +.w2upload.tac{margin:0 auto} + +.w2input_gp{position:relative;padding:0 6px 0 0;margin:0}/* width:100% */ +.w2selectbox_gp{position:relative;padding:0 2px 0 0;margin:0}/* width:100% */ +.w2textarea_gp{position:relative;padding:0 4px 0 0;margin:0}/* width:100% */ + +/* windowContainer content default group */ +.content_body{position:relative;min-height:15px;padding:10px 20px 10px;margin:0;margin-bottom:35px;}/* min-width:1333px; */ +.popup_body{position:relative;min-height:15px;padding:5px;margin:0} + +.contentbox{min-height:15px;} +.lybox{min-height:15px;} +.lybox:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.';} +.compbox{min-height:15px;} +.compbox:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.';} + +.ly_row{width:100%;} +.ly_column{float:left;min-width:15px;min-height:15px;padding:0;margin:0;} +.column_box{border:1px solid #b3b3b3; position:absolute; left:0; right:0; bottom:35px; top:0; border-top:none } +.column_box .defaultbox{position:absolute; bottom:-35px; } +.col_1{width:20%} .col_2{width:20%} .col_3{width:30%} .col_4{width:40%} .col_5{width:50%} .col_6{width:60%} .col_7{width:70%} .col_8{width:80%} .col_9{width:90%} +.col_25{width:25%} + +.ly_col_cont{display:block;position:relative;min-width:15px;min-height:15px} + +.pgtitlebox{position:relative;min-height:10px;padding:0;margin:20px 0 10px;overflow:hidden;} +.pgtitlebox .wf_contNavi{float:right;line-height:16px;} +.pgtitlebox .wf_contHeader{float:left;} +.pgtitlebox .pg_tt{display:inline-block;color:#333;font-family:"나눔고딕";font-size:13pt;margin-right:6px;} +.pgtitlebox .pg_ttt{display:inline-block;vertical-align:middle;} +.pgtitlebox .wf_contHeader > a{vertical-align:middle;} +.pgtitlebox .pg_ttt > li{display:inline-block;margin-right:10px;color:#585858} +.pgtitlebox .pg_ttt > li + li{padding-left:10px;background:url(/cm/images/contents/ico_nav_tit.png) no-repeat left center} +.pgtitlebox .pg_ttt > li:last-child{font-weight:bold} + +.depthbox{float:right;height:22px;padding:0;margin:0} +.depthbox a{float:left;padding:5px 0 2px;height:15px;line-height:15px;font-size:12px;margin:0;color:#728ba2} +.depthbox .dp_home{display:block;padding-left:18px;margin:0;background:url(/cm/images/contents/bg_location_home.gif) no-repeat 0 50%} +.depthbox .dp_ic{display:block;float:left;width:19px;height:22px;padding:0;margin:0;text-indent:-9999px;line-height:0;overflow:hidden;background:url(/cm/images/contents/bg_location_li.gif) no-repeat 50% 50%} +.depthbox a:last-child{font-weight:bold} + +.defaultbox{width:100%;min-height:15px; position:relative;margin:0px 0 4px;overflow:hidden;} +.defaultbox .df_tt{float:left; color:#333;padding:0 0 0 20px;font-size:14px;line-height:24px;font-weight:600;background:url(/cm/images/contents/bg_df_tt.png) no-repeat left center} +.defaultbox .df_total{display:inline-block;color:#3b3b3b;padding:2px 0 1px;font-size:12px;font-weight:600;line-height:15px;} +.defaultbox .df_total.num{color:#e74c3c;padding:2px 6px 1px} +.df_etc{margin:15px 0 4px;color:#bd5c10;padding:0 0 1px 20px;font-size:12px;line-height:16px;background:url(/cm/images/contents/bg_df_etc.gif) no-repeat 0 3px} + +.defaultbox dl{padding:10px; background:#e3e6ea; border:solid 1px #757984;} +.defaultbox dt{color:#333; padding:0 0 0 10px;margin-left:5px;font-weight:600;line-height:15px;background:url(/cm/images/contents/bg_df_png.gif) no-repeat 0 5px} +.defaultbox dd{margin-left:30px; padding-left:8px; background:url(/cm/images/contents/textDash.png) no-repeat 0 8px} +.defaultbox dd.none{padding:0; margin:0; background:none;} + +.telBox .w2input{width:40px;margin-right:3px;} +.telBox .w2span{margin-right:3px;} +.telBox .w2selectbox{width:50px;} + +/* search */ +.searchbox{position:relative;padding:7px 12px;margin:0;border:1px solid #c8cad0;background:#eff1f8} +.searchbox .sh_row{padding:0;margin:6px 0 0} +.searchbox .sh_row:first-child{margin:0} +.searchbox .sh_row:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.searchbox .sh_row .sh_column{float:left;padding:0;margin:0 25px 0 0} +.searchbox .sh_row .sh_column:last-child{margin:0} +.searchbox .sh_row .sh_column:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.searchbox .sh_row .sh_column .sh_tt{float:left;position:relative;padding:0 15px 0 0;margin:0;line-height:22px;font-weight:bold;color:#3b3b3b} +.searchbox .sh_row .sh_column .sh_tt.pot{color:#5a89bc} +.searchbox .sh_row .sh_column .sh_cont{float:left;position:relative;padding:0;margin:0;min-width:10px;min-height:10px;} +.searchbox .sh_row .sh_btn{float:right;padding:0;margin:0} + +/* ### */ +.tbl_search{position:relative;padding:14px 15px 14px 20px;margin:0;border:1px solid #e1e1e1;background:#fff; margin-bottom:10px;} +.tbl_search .tbl_sc{width:100%; position:relative;background:transparent;} +.tbl_search .tbl_sc .w2tb_td{padding:0;margin:0;height:25px;}/* position:relative; */ +.tbl_search .tbl_sc .w2tb_th .sh_tt, .tbl_search .tbl_sc .w2tb_td .sh_tt{display:inline-block;margin-right:10px} +.tbl_search .tbl_sc .w2tb_th, .tbl_sc .w2tb_td{padding:2px 0;background:transparent !important;border:0 !important} +.tbl_search .tbl_sc .w2tb_th{position:relative;;margin:0;line-height:22px;font-weight:bold;color:#3b3b3b;text-align:right;padding:2px 8px} +.tbl_search .tbl_sc .w2tb_td .sh_btn{position:absolute;bottom:0;right:0} +.tbl_search .tbl_sc .w2tb_td .sh_cont{float:left;position:relative;padding:0;margin:0} +/* .tbl_search .tbl_sc tr:first-child .w2tb_td:last-child{position:absolute; right:0; bottom:0;} */ +.tbl_search .search_btnbox{position:absolute; bottom:2px; right:0;} +.tbl_search .tbl_sc .w2tb_th.req:after{content:'';background:url(/cm/images/contents/bul_req.png) no-repeat right center;width:8px;height:7px;display:inline-block;} +.tbl_search .tbl_sc .w2tb_th.req{color:#e74c3c;} +.tbl_search .tbl_sc .w2input.req{background:#fffdd8;padding-left:0 !important;} +.tbl_search .tbl_sc .w2textarea.req, +.tbl_search .tbl_sc .w2selectbox.req{background:#fffdd8;margin-right:0 !important; padding-left:0 !important;} +.tbl_search .tbl_sc .w2selectbox.req .w2selectbox_focus .w2selectbox_label, +.tbl_search .tbl_sc .w2selectbox.req .w2selectbox_over .w2selectbox_label{background:#fffdd8;padding-left:0 !important;margin-right:0;} +.tbl_search .tbl_sc .w2inputCalendar_div.req{background:#fffdd8;padding-left:0 !important} +.tbl_search .tbl_sc .w2inputCalendar_div.req .w2inputCalendar_divInput{background:#fffdd8;padding-left:0 !important;text-align:center;} +.tbl_search .tbl_sc .w2checkbox.req, +.tbl_search .tbl_sc .w2radio.req{background:none;padding-left:0 !important} +.tbl_search .tbl_sc .btn_tcm_sh_ic{position:relative; width:22px;height:22px;padding:0;margin-right:3px; text-indent:-9999px;overflow:hidden;background:url(/cm/images/contents/bg_btn_sh_ic2.png) no-repeat;display:inline-block;vertical-align:middle;} +/* .tbl_search .tbl_sc .w2inputCalendar_button{top:0 !important;width:22px;height:22px;background-image:url(/cm/images/contents/bg_calendar_ic2.png) !important} */ +.w2table_sb.w2table.req{margin-right:0 !important; padding-left:0 !important;} +/* .tbl_search .tbl_sc input {height:22px !important;} */ + +/* table */ +.tb {width:100%; border-top:2px solid #757984;border-right:1px solid #b0b2b1; margin-bottom:10px;} +.tb .w2tb_th,.tb .w2tb_td{height:19px;border:0;border-left:1px solid #b0b2b1;border-bottom:1px solid #b0b2b1;box-sizing:border-box; -moz-box-sizing:border-box;} +.tb tbody .w2tb_th{line-height:19px;color:#3b3b3b;padding:3px 4px 6px 8px;background:#e3e6ea;text-align:left} +.tb tbody .w2tb_th.tac{text-align:center} + +.tb tbody .w2tb_th.req:after{content: ' ';background:url(/cm/images/contents/bul_req.png) no-repeat right center;width:8px;height:5px;display:inline-block;} +.tb tbody .w2tb_th.req{color:#e74c3c} +.tb .w2tb_td{padding:2px;color:#3b3b3b;} +.tb tbody .w2tb_th .pot{color:#5a89bc} +.tb .w2input, .tb .w2selectbox, .tb .w2checkcombobox, .tb .w2inputCalendar{width:100%;} +.tb .w2textarea{width:100%;height:50px;} +.tb input[type="checkbox"], .tableListH.w2tb input[type="radio"] { border: none;} +.tb .w2inputCalendar_div.req{background:none;padding-left:0 !important} +.tb .w2inputCalendar_div.req .w2inputCalendar_divInput{background:#fffdd8;padding-left:0 !important;text-align:center;} +.tb .w2inputCalendar_div_img .w2inputCalendar_button{top:0 !important;} +.tb .w2input.req{background:#fffdd8;padding-left:0 !important;} +.tb .w2textarea.req, +.tb .w2selectbox.req{background:#fffdd8;margin-right:0 !important; padding-left:0 !important;} +.tb .w2selectbox.req .w2selectbox_focus .w2selectbox_label, +.tb .w2selectbox.req .w2selectbox_over .w2selectbox_label{background:#fffdd8;padding-left:0 !important} +.w2inputCalendar_input.req{background:#fffdd8;padding-left:0 !important;} + +.tb .w2tb_th.listUp {background:#e3e6ea url(/cm/images/contents/board_viewList_up.png) no-repeat right 12px !important} +.tb .w2tb_th.listDown {background:#e3e6ea url(/cm/images/contents/board_viewList_down.png) no-repeat right 13px !important} +.tb.calendar{width:100%;} +.tb.calendar .w2tb_td{position:relative; height:80px; text-align: center;} +.tb.calendar tr td:first-child{color:red; background:cornsilk;} +.tb.calendar tr td:last-child{color:#4B76FD; background:cornsilk;} +.tb.calendar tr td .txt_num{position:absolute;left:5px; top:5px;} + +/* grid */ +.cm_gridbox{position:relative;padding:0;margin:0;} +.cm_grid{border:none;margin-bottom:10px;} +.cm_grid .gridHeaderTableDefault{border:0;border-right:1px solid #c8cad0;border-bottom:1px solid #c8cad0} +.cm_grid thead.gridHeaderTableDefault{border:0} +.cm_grid nobr{display:inline-block} +.cm_grid th.gridHeaderTDDefault{border:1px solid #9e9fa0;border-width:1px 0 0 1px;color:#fff;background:#66686a;height:26px;} +.cm_grid tr:first-child th.gridHeaderTDDefault{border-top:0;height:26px;} +.cm_grid .gridBodyDefault{border:1px solid #c8cad0;border-width:0 0 0 1px;color:#3b3b3b} +.cm_grid .gridFooterTableDefault{height:26px;} +.cm_grid .gridFooterTDDefault{height:26px;background:#d6eaff;/* border-width:0 1px 1px 1px; */} +.cm_grid td.gridBodyDefault{height:26px;} +.cm_grid button.w2inputCalendar_button {border:0; border-radius:0 !important;} +.cm_grid .gridBodyDefault button{background: gainsboro; border-radius: 10px; cursor: pointer;} +.cm_grid .gridBodyDefault button:hover{background:skyblue;} +.cm_grid .req{background-color:#fffdd8} + +/* tabControl */ +.cm_tabmenu{position:relative;padding:0;margin:0;margin:0}/* margin:15px 0 0 */ +.cm_tabmenu .w2tabcontrol_tabhost{height:22px} +.cm_tabmenu .w2tabcontrol_tabhost li a{top:0;line-height:22px;margin:0 15px 0 14px;color:#818181} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_tab_left{width:4px;background:url(/cm/images/contents/tab01_off.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:url(/cm/images/contents/tab02_off.gif) repeat-x} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_tab_right{width:4px;background:url(/cm/images/contents/tab03_off.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left{background:url(/cm/images/contents/tab01_on.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background:url(/cm/images/contents/tab02_on.gif) repeat-x} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a{color:#fff} +.cm_tabmenu .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right{background:url(/cm/images/contents/tab03_on.gif) no-repeat} +.cm_tabmenu .w2tabcontrol_container{float:none;width:auto !important;height:auto !important;border:0;border:1px solid #c8cad0;padding:5px} +.cm_tabmenu .tabcontbox{padding:0;min-height:100px;} +.cm_tabmenu .defaultbox:first-child{margin-top:0;} + +/* button */ +.btn_cm{position:relative;display:inline-block;padding:0 1px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_cm.gif) no-repeat 100% 0;vertical-align:middle} +.btn_cm a{position:relative;display:inline-block;padding:4px 17px 3px 17px;height:15px;line-height:11px;font-weight:bold;color:#fff;background:url(/cm/images/contents/bg_btn_cm_f.gif) no-repeat} +.btn_cm.w2anchor_disabled{} +.btn_cm.w2anchor_disabled a{} + + +/** searchbox button **/ +.tbl_search .tbl_sc .btn_cm{position:relative;display:inline-block;padding:0 1px 0 0;margin:0 0 0 6px;background:url(/cm/images/contents/bg_btn_cm.png) no-repeat 100% 0;vertical-align:middle} +.tbl_search .tbl_sc .btn_cm a{position:relative;display:inline-block;padding:4px 17px 3px 17px;height:17px;line-height:13px;font-weight:bold;color:#fff;background:url(/cm/images/contents/bg_btn_cm_f.png) no-repeat;margin-left:-3px;} +/* .tbl_search .tbl_sc input{height:20px !important;} */ + +.btn_com{position:relative;display:inline-block;padding:0 3px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_com.gif) no-repeat 100% 0;vertical-align:middle} +.btn_com a{position:relative;display:inline-block;padding:4px 14px 3px 17px;height:15px;line-height:11px;font-weight:bold;color:#fff;background:url(/cm/images/contents/bg_btn_com.gif) no-repeat;margin-left:-3px;} + +/* .btn_sh{background:url(/cm/images/contents/bg_btn_search_repeat.gif) repeat-x right top;} +.btn_sh a{height:24px; line-height:24px; padding:0 10px 0 16px; text-indent:10px; color:#fff; font-weight:bold; background:url(/cm/images/contents/bg_btn_search_ico.gif) no-repeat left top; display:inline-block;} */ + +.btn_save{background:url(/cm/images/contents/bg_btn_search_repeat.gif) repeat-x right top;} +.btn_save a{height:24px; line-height:24px; padding:0 10px 0 16px; text-indent:10px; color:#fff; font-weight:bold; background:url(/cm/images/contents/bg_btn_save_ico.gif) no-repeat left top; display:inline-block;} +.btn_tcm{position:relative;display:inline-block;padding:0 2px 0 0;margin-right:3px;background:url(/cm/images/contents/bg_btn_tcm.gif) no-repeat 100% 0;vertical-align:middle} +.btn_tcm a{position:relative;display:inline-block;padding:4px 8px 3px 10px;height:15px;line-height:11px;color:#433130;background:url(/cm/images/contents/bg_btn_tcm_f.gif) no-repeat} +.btn_ttm{position:relative;display:inline-block;padding:0 2px 0 0;margin-right:3px;background:url(/cm/images/contents/bg_btn_ttm.gif) no-repeat 100% 0;vertical-align:middle} +.btn_ttm a{position:relative;display:inline-block;padding:4px 8px 3px 10px;height:15px;line-height:11px;color:#433130;background:url(/cm/images/contents/bg_btn_ttm.gif) no-repeat} + +.btn_tcm_sh_ic{position:relative; width:22px;height:22px;padding:0;margin-right:3px; text-indent:-9999px;overflow:hidden;background:url(/cm/images/contents/bg_btn_sh_ic.png) no-repeat;display:inline-block;vertical-align:middle;} + +.btn_gcm_art1{position:relative;display:inline-block;padding:0 2px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat 100% 0;vertical-align:middle} +.btn_gcm_art2{position:relative;display:inline-block;padding:0 9px 0 11px;height:22px;line-height:22px;text-align:center;font-weight:bold;color:#222;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat} +.btn_gcm_art2 a{display:inline-block;padding-right:12px;background:url(/cm/images/contents/bul_arrw_top.png) no-repeat right 8px} +.btn_gcm_arb1{position:relative;display:inline-block;padding:0 2px 0 0;margin:0 0 0 3px;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat 100% 0;vertical-align:middle} +.btn_gcm_arb2{position:relative;display:inline-block;padding:0 9px 0 11px;height:22px;line-height:22px;text-align:center;font-weight:bold;color:#222;background:url(/cm/images/contents/bg_btn_gcm.png) no-repeat} +.btn_gcm_arb2 a{display:inline-block;padding-right:12px;background:url(/cm/images/contents/bul_arrw_bottom.png) no-repeat right 8px} +.btn_gcm{margin-left:3px; background:url(/cm/images/contents/bg_btn_gcm_right.gif) repeat-x right top;} +.btn_gcm a{display:inline-block;padding:0 9px 0 11px;height:22px;line-height:20px;font-weight:bold;background:url(/cm/images/contents/bg_btn_gcm_left.gif) no-repeat left top; color:#fff;width:100%;box-sizing:border-box; -moz-box-sizing:border-box;} +.btn_upload {margin-left:3px; background:url(/cm/images/contents/bg_btn_left_repeat.gif) left top repeat-x;} +.btn_upload a {padding:0 20px 0 12px; display:inline-block; height:22px; line-height:20px; font-weight:bold; background:url(/cm/images/contents/bg_btn_right_up.gif) right top no-repeat; color:#fff;} +.btn_download {margin-left:3px; background:url(/cm/images/contents/bg_btn_left_repeat.gif) left top repeat-x;} +.btn_download a {padding:0 20px 0 12px; display:inline-block; height:22px; line-height:22px; font-weight:bold; background:url(/cm/images/contents/bg_btn_right_down.gif) right top no-repeat; color:#fff;} + +.btn_gra{font-weight: bold; background: #ededed; border: 1px solid #ccc; padding: 2px 5px; margin-right: 5px; display: inline-block;} +.btn_blu{font-weight: bold; background: #9dd3f7; border: 1px solid #e5e5e5; padding: 2px 5px; margin-right: 5px; display: inline-block;} +.btn_org{font-weight: bold; background: #f0a24d; border: 1px solid #e5e5e5; padding: 2px 5px; margin-right: 5px; display: inline-block;} + + +/* pagelist */ +.defaultbox.grid_bm {position:relative;} +.defaultbox.grid_bm .selbox {position:absolute;left:0;top:0;} +.defaultbox.grid_bm .selbox span {margin-right:5px; font-weight:bold;} +.defaultbox.grid_bm .btnbox{position:absolute;right:0;top:0;} +.btn_fix{padding-top:10px;position:absolute;left:0;right:0;bottom:0;text-align:right;background:#fff;z-index:9999; border-top:1px solid #c8cad0;padding:5px 19px;} +.pop_M .btn_fix{bottom:0;padding-bottom:20px;} +.cm_pagelist{clear:both;height:22px;margin-top:10px;} +.cm_pagelist .w2pageList_col_label {width:15px;} +.cm_pagelist .w2pageList_label{color:#3b3b3b;} +.cm_pagelist .w2pageList_label_selected {color:#3e6aa5;} +.cm_pagelist .w2pageList_col_prevPage{width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_first.gif) no-repeat left 50%} +.cm_pagelist .w2pageList_col_prev{padding-right:1px;width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_prev.gif) no-repeat left 50%} +.cm_pagelist .w2pageList_col_next{padding-left:5px;width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_next.gif) no-repeat right 50%} +.cm_pagelist .w2pageList_col_nextPage{width:22px;height:19px;background: url(/cm/images/contents/bg_pagelist_last.gif) no-repeat right 50%} +.dot_vertical {border-right: 1px dotted black; margin:0 5px} + +/* ### */ +.btn_fav{display:inline-block;width:14px;height:14px;margin-right:5px;background-image:url(/cm/images/inc/btn_fav.png);background-repeat:no-repeat;background-position:0 top} +.btn_fav:hover{background-position:0 bottom} +.fav_on{background-position:0 bottom} +.ico_help{display:inline-block;width:14px;height:15px;background:url(/cm/images/inc/ico_help.png) no-repeat;} +.ico_refresh{display:inline-block;width:14px;height:15px;background:url(/cm/images/inc/ico_refresh.png) no-repeat;} +.ico_refresh_b{display:inline-block;width:14px;height:15px;background:url(/cm/images/inc/ico_refresh_b.png) no-repeat;} +/* .w2trigger{border-radius:3px;height:22px;line-height:19px;padding:0 20px;} */ + +.hiddenGroup{display:none;} +.anc_ly_list{display:inline-block;width:23px;height:22px; background:url(/cm/images/contents/btn_list.gif) no-repeat left top;} +.grp_ly{width: 210px; position:absolute; left:0; top:41px; right:0; bottom:0; background:#5988bb; z-index:10} +.grp_ly .tit{height:26px; line-height:26px; color:#fff; font-weight:bold; margin-left:22px;} +.grp_ly .ico_close{position:absolute; right:5px; top:5px; width:16px; height:16px; background:url(/cm/images/contents/btn_ly_close.gif) no-repeat left top;} +.grp_ly .menuside {margin:0 2px;background:#fff;position:absolute;top:26px; right:0; left:0; bottom:2px; overflow-x:hidden; overflow-y:auto;} +.grp_ly ul li{border-bottom:1px solid #d9d9d9; height:25px; line-height:25px;} +.grp_ly ul li:last-child{border:0;} +.grp_ly ul li a{display:block; padding-left:20px; background:url(/cm/images/contents/bg_ly_ico.gif) no-repeat 10px center;} +.grp_ly ul li a:hover, +.grp_ly ul li a.on{font-weight:bold; color:#ef9428;} + +.grp_ly .menuadd a{display:block; width:191px; height:26px; padding:0; background:url(/cm/images/contents/btn_ly_plus.gif) no-repeat center center;margin-top:10px; margin-left: 7px;} + +#iframe_right, #iframe_full {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%} + +/* step1~5 */ +.grp_ac_step{width:100%; border:1px solid #cfd5db; table-layout:fixed; border-collapse:collapse;} +.grp_ac_step td {text-align:center;background:#eff1f8; border-right:1px solid #cfd5db;color:#005fa7; font-weight:bold;cursor:pointer} +.grp_ac_step td.lastchk {background:#eff1f8 url(/cm/images/contents/flow_tail.png) no-repeat right center; border-right:none} +.grp_ac_step td.chk:before { + content:''; + background:url(/cm/images/contents/flow_chk.png) no-repeat left center; + width:14px; + height:10px; + display:inline-block; +} +.grp_ac_step td.ing {background: #01a9b4 url(/cm/images/contents/flow_head.png) no-repeat right center;border-left:none; border-right:none;} +.grp_ac_step td:last-child.ing {background-image: none} +.grp_ac_step td.ing {color:#fff} + +/* canvas */ +#cas {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;opacity: .2} + +.contentWrap{ padding:0px 10px 10px 10px;overflow:hidden;} + +/* Layout */ +.layout_4_6, .layout_3_3_3, .layout_5_5, .layout_7_3, .layout_6_4, .layout_8_2, .layout_4_2_4, .layout_3_7, .layout_4_1_5, .layout_2_2_2_2, .layout_2_8, .layout_3_4_3, .layout_4_1_4 {position:relative; overflow:hidden;} +.layout_4_6 > .rightarea {float:right; width:60%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_4_6 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_3_3_3 > .leftarea {float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_3_3_3 > .centerarea {float:left; width:33.4%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff; border-left:10px solid #fff;} +.layout_3_3_3 > .rightarea {float:left; width:33.3%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_3_4_3 > .leftarea {float:left; width:31%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_3_4_3 > .centerarea {float:left; width:38%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff; border-left:10px solid #fff;} +.layout_3_4_3 > .rightarea {float:left; width:31%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_5_5 > .leftarea {float:left; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_5_5 > .rightarea {float:right; width:50%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_7_3 > .leftarea {float:left; width:70%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_7_3 > .rightarea {float:right; width:30%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_3_7 > .leftarea {float:left; width:30%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_3_7 > .rightarea {float:right; width:70%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_6_4 > .leftarea {float:left; width:60%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_6_4 > .rightarea {float:right; width:40%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_8_2 > .leftarea {float:left; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_8_2 > .rightarea {float:right; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_4_2_4 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_2_4 > .centerarea {float:left; width:20%; min-width:80px; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_2_4 > .rightarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_2_4.cbtn > .leftarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_2_4.cbtn > .centerarea {float:left; width:14%; min-width:80px; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_2_4.cbtn > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_1_5 > .leftarea {float:left; width:40%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_1_5 > .centerarea {float:left; width:17%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_1_5 > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_2_2_2_2 > .leftarea {float:left; width:25%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_2_2_2_2 > .leftarea:first-child {border-left:none;} +.layout_2_8 > .leftarea {float:left; width:20%; box-sizing:border-box; -moz-box-sizing:border-box; border-right:10px solid #fff;} +.layout_2_8 > .rightarea {float:right; width:80%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff;} +.layout_4_1_4 > .leftarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} +.layout_4_1_4 > .centerarea {float:left; width:14%; box-sizing:border-box; -moz-box-sizing:border-box; border-left:10px solid #fff; border-right:10px solid #fff;} +.layout_4_1_4 > .rightarea {float:left; width:43%; box-sizing:border-box; -moz-box-sizing:border-box;} + +.upload {position: absolute ;left:28px;top:540px; width:100px; background-color:#535353;color:#fff !important; text-align:center !important; padding:5px 0;} +.upload2 {position: absolute ;left:28px;top:640px; width:100px; background-color:#535353;color:#fff !important; text-align:center !important; padding:5px 0;} + +.btn_le{height: 19px; width: 20px; background: url(/cm/images/contents/btn_le.gif) no-repeat left top; float: left;} +.btn_re{height: 19px; background: url(/cm/images/contents/btn_re.gif) repeat-x left top; float: left; line-height: 19px; color: #fff; font-weight: bold; padding: 0 10px;} +.btn_ri{height: 19px; width: 21px; background: url(/cm/images/contents/btn_ri.gif) no-repeat left top; float: left;} + +.schedule{margin: 5px 0 0;} + +ul.txt_week{background:#e5e5e5; border-top: 1px solid #737373; border-bottom:1px solid #aeaeae; padding-right: 18px;} +ul.txt_week li.top{display:inline-block; text-align: center; width:14%; height:36px; line-height:36px; font-weight:bold;} +ul.txt_week li:first-child{width:16%;} +ul.txt_week li.close{width:12% !important;} +ul.txt_week li.open{width:28% !important;} +ul.sche{text-align:center; overflow:auto; border-bottom: 1px solid #aeaeae; height:650px;} +ul.sche li{height:300%; display:inline-block; position:relative; vertical-align:top; width:14%;} // border-right:1px solid #d9d9d9; +ul.sche li.on, ul li:hover{background:whitesmoke;} +ul.sche li.close{width:12% !important;} +ul.sche li.open{width:28% !important;} +ul.sche li .cont{position: absolute; left:0; top:0; right:0; bottom:0;border-right:1px solid #d9d9d9;} +ul.sche li:first-child{width:16%;} +ul.sche li:first-child .cont{border-left:1px solid #d9d9d9;} +ul.sche li .cont .mms{position:relative; cursor:pointer;} +ul.sche li .cont .mms.gray{background:#eee; margin-top:5px; overflow:hidden;} +ul.sche li .cont .mms.skyblue{background:#9cd2f8; margin-top:5px; overflow:hidden; } +ul.sche li .cont .mms.orange{background:#fcb160; margin-top:5px; overflow:hidden; } +ul.sche li .cont .mms .txt{font-weight:bold; color:#4d4d4d; } +ul.sche li .cont .mms .info{background:#fff; position:relative; text-align:left; padding-left:5px; height:21px; margin:2px; } +ul.sche li .cont .mms .info a{background:url(/cm/images/contents/ico_mail.gif) no-repeat left top; width:23px; height:21px; display:inline-block; position:absolute; right:0; top:0; } +ul.sche li .cont .mms .detail{display:none;} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_th{height:17px; background:#e2ebfa; border:1px solid #dad9d7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight:normal} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_th.silver{background:#f7f7f7;} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_th.total{background:#656565; font-weight:bold; text-align:center; color:#9cd2f8;} +ul.sche li .cont .mms.gray .detail .w2tb .w2tb_td{background:#fff; border:1px solid #dad9d7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;} + +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_th{height:17px; background:#e2ebfa; border:1px solid #9cd2f8; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight:normal} +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_th.silver{background:#f7f7f7;} +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_th.total{background:#656565; font-weight:bold; text-align:center; color:#9cd2f8;} +ul.sche li .cont .mms.skyblue .detail .w2tb .w2tb_td{background:#fff; border:1px solid #9cd2f8; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;} + +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_th{height:17px; background:#e2ebfa; border:1px solid #fcb160; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight:normal} +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_th.silver{background:#f7f7f7;} +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_th.total{background:#656565; font-weight:bold; text-align:center; color:#9cd2f8;} +ul.sche li .cont .mms.orange .detail .w2tb .w2tb_td{background:#fff; border:1px solid #fcb160; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left;} + +.w2tb.b0 .w2tb_td {border:0 !important;} +.w2tb_td.vat{vertical-align:top;} +.w2tb_td ul{border:solid 1px #ced4d9; position:relative;} +.w2tb_td li{padding:5px; font-weight:bold;} +.w2tb_td li.bg{background-color:#f7f7f7; top:0;} + +.titlelistbox .titlelist_tit{ border-top:2px solid #6d7580;border-bottom:1px solid #b9c0ca;background:url(/cm/images/contents/icon_open.png) no-repeat right 15px;} +.titlelistbox .btn_titlelist{display: block;font-weight: bold;padding: 10px 0px 10px 6px;} +.titlelistbox .btn_titlelist:hover{color:#444;text-decoration: underline;} +.titlelistbox .contlistbox{display: none;padding:6px;} + +.titlelistbox.act .titlelist_tit{background: url(/cm/images/contents/icon_close.png) no-repeat right 15px;} +.titlelistbox.act .contlistbox{display: block;} + +.titlelistbox .etcbox{color:#566478; font-weight:bold;display:block;background:#f4f7fa;border:1px solid #e2e7ec;padding:20px;box-sizing:border-box; -moz-box-sizing:border-box;white-space: pre-wrap;word-wrap: break-word;} +.titlelistbox .etc_tit{display:inline-block;color:#fff;background:#9656b0;border-radius:3px;padding:2px 10px;margin:4px 0;white-space: pre-wrap;word-wrap: break-word;} + +.grp_message{padding-top:8px;} +.spn_message{display:block;padding:0 0 0 50px;} +.spn_message.S{background:url(/cm/images/inc/icon_normal.png) 20px center no-repeat;} +.spn_message.E{background:url(/cm/images/inc/icon_error.png) 20px center no-repeat;} +.spn_message.W{background:url(/cm/images/inc/icon_warning.png) 20px center no-repeat;} + +.section_title{border:1px solid #faebcc;-khtml-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;background:#fcf8e3;margin-bottom:10px;padding:10px;} +.bd_box{position:relative;border:1px solid #b0b2b1;border-top:2px solid #757984;} +.contTitle01{position:relative;padding-top:1em;padding-bottom:1em;width:80px;text-align:center;background-color:#e3e6ea;float:left;margin-right:4px;} +.contTitle02{position:relative;text-align:center;background-color:#e3e6ea;padding-top:8px;padding-bottom:8px;font-weight:bold;border-bottom:1px solid #b0b2b1;} + +.banner{overflow:hidden; border:1px solid #cfd8dd; background:#fff !important; margin:20px 0 ;} + +/* login Page */ +.login_wrap{position:relative; width:100%;min-width:320px;height:100%;} +.login_wrap .bg_img{position:absolute; top:25%; left:0; right:0; height:365px; background: #70787e url(/cm/images/contents/login_visual.png) no-repeat center top;} +.login_wrap .bg_img .bg_logo{position:absolute; left: 50%;top: -140px; width:619px; height: 117px; background: url(/cm/images/contents/img_logo.gif) no-repeat; margin-left: -310px;} +.login_wrap .box{position:absolute; bottom:40px; text-align: center; left: 20px;top:40px; right:20px; width:500px; margin:0 auto;} +.login_wrap .box li{display:block; overflow:hidden; margin-bottom:20px;} +.login_wrap .box li ul {position:relative; overflow:hidden; height:72px;} +.login_wrap .box li ul li{position:absolute;} +.login_wrap .box li:first-child ul li:first-child{left:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_left1.png) no-repeat left top;} +.login_wrap .box li:first-child ul li.repeat{height: 72px; left: 60px; right: 60px; background:url(/cm/images/contents/bg_login_form_repeat.png) repeat-x center top;} +.login_wrap .box li:first-child ul li.repeat input{width:100%; height:50px; box-sizing:border-box; -moz-box-sizing:border-box; position: absolute; left: 0; right: 0; bottom: 10px; top: 10px; background: transparent; border: 0; color:#fff; font-weight: bold; font-size: 15px;} +.login_wrap .box li:first-child ul li.repeat input:focus{outline:0;} +.login_wrap .box li:first-child ul li:last-child{right:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_right.png) no-repeat right top;} + +.login_wrap .box li.pw ul li:first-child{left:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_left2.png) no-repeat left top;} +.login_wrap .box li.pw ul li.repeat{height: 72px; left: 60px; right: 60px; background:url(/cm/images/contents/bg_login_form_repeat.png) repeat-x center top;} +.login_wrap .box li.pw ul li.repeat input{width:100%; height:50px; box-sizing:border-box; -moz-box-sizing:border-box; position: absolute; left: 0; right: 0; bottom: 10px; top: 10px; background: transparent; border: 0; color:#fff; font-weight: bold; font-size: 15px;} +.login_wrap .box li.pw ul li.repeat input:focus{outline:0;} +.login_wrap .box li.pw ul li:last-child{right:0; width:60px; height:72px; background:url(/cm/images/contents/bg_login_form_right.png) no-repeat right top;} + +.login_wrap .box .anc_mem{float:left; color:#fff; font-weight:bold; font-size: 15px;} +.login_wrap .box .anc_forget{float:right; color:#ffd600; font-weight:bold; font-size: 15px;} +.login_wrap .box li:last-child{text-align:center; margin:0;} +.login_wrap .box li:last-child a{display:block; height:60px; line-height:60px; background: #01a595 url(/cm/images/contents/bg_img_login.gif) no-repeat center center; border-radius: 5px;} + +/*********************************** LAYOUT **************************************/ +#wrap{position:relative;width:100%;min-width:1016px;height:100%;min-height:300px;margin:0;padding:0} +#header_wf{z-index:20;clear:both;position:absolute;top:0;left:0;right:0;bottom:0;height:66px;padding:0;margin:0} +#header{position:relative;height:66px;padding:0;margin:0;background:url(/cm/images/bg_main_top.gif) repeat-x left top} +#btn_slide{position:absolute;left:220px;top:50%;width:10px;height:80px;padding:0;margin:-40px 0 0 0;border:0;overflow:hidden;text-indent:-9999px;background:url(/cm/images/btn_slide.gif) no-repeat} +#container{z-index:10;clear:both;position:absolute;left: 0;right: 0;bottom: 25px;top: 66px;margin:0;padding:0;overflow:hidden} +#container:after{content:".";display:block;clear:both;height:0;visibility:hidden} +#side{position:absolute;left:0;right:0;top:0;bottom:0;width:220px;padding:0;margin:0}/* min-height:804px; */ +#bodyContent{position:absolute;top:0;left:230px;right:0;bottom:0;height:100%;padding:0;margin:0} + +#content_gp{position:absolute;top: 0;left: 10px;right: 10px;bottom: 10px;padding: 0;margin: 0;min-width:766px;} +#content_popup_gp{position:absolute; top: 0; left: 10px; right: 10px; bottom: 10px; padding: 0; margin: 0;} +#footer_grp{position: absolute;left: 0;right: 0;bottom: 0;height: 34px;border-top:1px solid silver;background:whitesmoke;} + + +/* MAIN */ +.main_contents{position:relative;/*min-width:1004px;*/overflow:auto;padding:20px;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;} +.mnbox{position:relative;} +.mnbox:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.mnbox .m_cont{margin-right:253px;} +.mnbox .m_side{position:absolute;top:0;right:0;width:236px;} +.mn_layout{position:relative} +.mn_layout:after{display:block;visibility:hidden;clear:both;height:0;font-size:0;line-height:0;content: '.'} +.mn_column{float:left;width:50%;-moz-box-sizing:border-box;box-sizing:border-box;} +.mn_column:first-child{padding-right:8px;} +.mn_column:last-child{padding-left:8px;} +.block_box{} +.block_box .bk_tit{margin:5px 0;font-size:14px;color:#000;font-weight:bold} +.block_box .bk_cont{padding:14px 15px;border-radius:3px;background:#fff;border:1px solid #b5bdc5;} +.block_box .bk_cont02{padding:0;background:#fff;} + +.cnt_grp{overflow:hidden;margin-bottom:12px;} +.cnt_cell{display:inline-block;float:left;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;} +.cnt_cell:nth-child(odd){padding-right:5px;} +.cnt_cell:nth-child(even){padding-left:5px;} +.cnt_cell:nth-child(3){margin-top:10px;} +.cnt_cell:nth-child(4){margin-top:10px;} +.cnt_cell .cnt_box{position:relative;padding:14px 15px;border:1px solid #b5bdc5;border-radius:3px;background-color:#f2f6fa;-moz-box-sizing:border-box;box-sizing:border-box;} +.cnt_cell .cnt_box strong{display:block;font-size:14px;color:#757a85;} +.cnt_cell .cnt_box span, .cnt_cell .cnt_box a{font-size:20px;line-height:100%;color:#344c67;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} + +.memo_lst{} +.memo_lst li{margin-top:10px;} +.memo_lst li:first-child{margin-top:0;} +.memo_lst li:after{content:"";display:block;clear:both;} +.memo_lst li strong, .memo_lst li a, .memo_lst li em{display:inline-block;font-size:13px;color:#000;vertical-align:middle;} +.memo_lst li strong {padding: 3px;background: #fe5d55;color: #fff;border-radius:3px;width: 50px;text-align: center;} +.memo_lst li strong.w150 {width:130px; background:#3879d9} +.memo_lst li a{margin-left:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} +.memo_lst li span {line-height:23px; font-size:13px; padding-left:10px;} +.memo_lst li em{float:right;} + +.mn_layout .memo_lst li{padding-left:70px;box-sizing:border-box} +.mn_layout .memo_lst li strong{float:left;margin-left:-70px} +.mn_layout .memo_lst li a{width:100%;margin-left:0;line-height:23px} + +.ck_tit{position:relative;margin:20px 0;padding:20px 0 23px;border-bottom:1px dashed #ebeef2;} +.ck_tit:after{content:"";position:absolute;top:50%;right:0;width:31px;height:31px;margin-top:-18px;cursor:pointer;background:url(/cm/images/contents/ico_schedule_off.png) no-repeat;} +.ck_tit.on:after{background-image:url(/cm/images/contents/ico_schedule_on.png);} +.ck_tit:first-child{margin-top:0;padding-top:0;border-top:0;} +.ck_tit a{display:block;font-size:15px;font-weight:bold;color:#4a4a4a;} +.ck_tit em{display:block;font-size:12px;color:#aeb8c3;} +.ck_tit span{display:block;font-size:14px;color:#7e8da3;} +.ck_cont li{position:relative;margin-top:4px;} +.ck_cont li .w2checkbox{height:19px;} +.ck_cont li .w2checkbox_input{background:#fff;border:1px solid #ccc;margin-right:15px;} +.ck_cont li .w2checkbox_label{font-size:13px;} +.ck_cont li span{position:absolute;top:0;right:0;min-width:40px;height:19px;line-height:19px;padding:0 3px;text-align:center;border-radius:2px;color:#fff;font-size:12px;} +.ck_cont li span.complete{background-color:#36aeea;} +.ck_cont li span.failed{background-color:#67ba2f;} + +.calendar_box{padding:15px 0;border-radius:7px;background-color:#667391;-moz-box-sizing:border-box;box-sizing:border-box;} +/* Calendar */ +.calendar_box .w2calendar{width:236px;height:200px;background-color:transparent;border:none;} +.calendar_box .w2calendar_header{height:25px;} +.calendar_box .w2calendar_header_last_year{display:none;} +.calendar_box .w2calendar_header_last_month{position:absolute;left:20px;top:6px;width:15px;height:11px;cursor:pointer;background:url(/cm/images/contents/inc_month_last.png) center center no-repeat;} +.calendar_box .w2calendar_header_next_month{position:absolute;left:200px;top:6px;width:15px;height:11px;cursor:pointer;background:url(/cm/images/contents/inc_month_next.png) center center no-repeat;} +.calendar_box .w2calendar_header_next_year{display:none;} +.calendar_box .w2calendar .w2selectbox {position:relative;top:0;left:78px;background:transparent;border:0;color:#fff;display:inline-block;vertical-align:middle;} +.calendar_box .w2calendar .w2calendar_selectbox_year{width:43px;} +.calendar_box .w2calendar .w2calendar_selectbox_month{width:30px;} +.calendar_box .w2selectbox .w2selectbox_col_button{width:0;height:0;background:none;} +.calendar_box .w2calendar .w2calendar_date_off, .w2calendar .w2calendar_date_off button{text-align:center;color:#bac5d2;} +.calendar_box .w2calendar .w2calendar_date_on, .w2calendar .w2calendar_date_off button{text-align:center;color:#fff;} +.calendar_box .w2calendar_content{border:0;background:transparent;} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day{position:relative;background:none;padding-top:5px;} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day:before{content:"";position:absolute;left:0;right:0;font-weight:normal;color:#fff;text-indent:0;} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day0:before{content:"S";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day1:before{content:"M";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day2:before{content:"T";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day3:before{content:"W";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day4:before{content:"T";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day5:before{content:"F";} +.calendar_box .w2calendar .w2calendar_content .w2calendar_col_day .w2calendar_day6:before{content:"S";} +.calendar_box .w2calendar .w2calendar_col_day {height:25px;text-align:center;font-size:12px;font-weight:bold;color:#004080;} +.calendar_box .w2calendar .w2calendar_col_date{background: transparent;width:32px;height:25px;padding:0;-moz-box-sizing:border-box;box-sizing:border-box;} +.calendar_box .w2calendar .w2calendar_col_date.w2calendar_selected{position:relative;display:inline-block;line-height:25px;background:url(/cm/images/contents/bg_calendar_day.png) center center no-repeat;border-radius:50%;text-align:center;} +.calendar_box .w2calendar_footer{display:none;} +.calendar_box .w2calendar .w2selectbox_focus .w2selectbox_col_label{background:transparent !important;} +.calendar_box .w2calendar .w2selectbox_over .w2selectbox_col_label{background-color:transparent !important;} + +.tocbox{margin-top:19px;overflow:hidden;} +.tocbox .toc_tit{height:30px;line-height:30px;padding-left:37px;color:#fff;border-top-left-radius:7px;border-top-right-radius:7px;background:#878bb6 url(/cm/images/contents/ico_talk_tit.png) 13px center no-repeat;} +.tocbox .toc_cont{padding-bottom:15px;border:1px solid #dfe6ec;border-width:0 1px 1px 1px;border-bottom-left-radius:7px;border-bottom-right-radius:7px;} +.tocbox .toc_cont .toc_search{position:relative;padding:10px 10px 0 10px;-moz-box-sizing:border-box;box-sizing:border-box;} +.tocbox .toc_cont .toc_search .w2input{width:100%;height:25px;line-height:25px;padding:0 25px 0 10px;border:1px solid #d8dfe6;border-radius:25px;-moz-box-sizing:border-box;box-sizing:border-box;} +.tocbox .toc_cont .toc_search a{position:absolute;bottom:7px;right:20px;width:14px;height:13px;text-indent:-999px;background:url(/cm/images/contents/ico_toc_search.png) right center no-repeat;} +.toc_lst li{padding:13px;border-top:1px solid #dfe6ec;-moz-box-sizing:border-box;box-sizing:border-box;} +.toc_lst li:after{content:"";display:block;clear:both;} +.toc_lst li:first-child{border-top:none;} +.toc_lst li.on{background-color:#f2f6fa;} +.toc_lst li .thumn{float:left;position:relative;width:38px;height:38px;margin-right:20px} +.toc_lst li .thumn img{width:100%;height:100%;border-radius:100%;} +.toc_lst li .thumn span{position:absolute;bottom:0;right:0;width:15px;height:15px;font-size:10px;text-align:center;color:#fff;border-radius:100%;background-color:#6d7198;} +.toc_lst li .txtbox{float:left;/*margin-left:20px;*/} +.toc_lst li .txtbox a{display:block;line-height:18px;font-size:13px;font-weight:bold;color:#5b5b5b;} +.toc_lst li .txtbox p{line-height:16px;font-size:13px;color:#959392;} + +/* LayerPopup ====================================================================== */ +.w2modal { background:#000 !important; opacity:0.5 !important;} + +.pop_L {background:#fff;} +.pop_L .pop_con {display:flex;flex-direction:column;padding:12px 25px 15px 25px; overflow:auto; /* width:680px; height:309px; */} +.pop_title {overflow:hidden; height:27px; background:#5c6572;} +.pop_L .pop_con .section{flex-grow:1;flex-shrink:0;flex-basis:auto;} + +.pop_M {background:#fff;} +.pop_M .pop_con {padding:12px 25px 15px 25px; overflow:auto;/* width:520px; height:269px; */} +.pop_M .pop_con .defaultbox{margin-top:0;} +.pop_M .smsbox {border:1px solid #dddddd; height:80px; width:100%; margin-bottom:10px;padding:5px;box-sizing:border-box; -moz-box-sizing:border-box;} + +.pop_S {background:#fff;} +.pop_S .pop_con {padding:12px 25px 15px 25px; overflow:auto; /* width:280px; height:154px; */} +.pop_S .btnBox, .pop_M .btnBox, .pop_L .btnBox {margin-right:25px;} + +.w2popup_window {border:2px solid #5a6371;} +.w2popup_window .w2window_header {height:27px; background:#5c6572;} +.w2popup_window .w2window_header_icon {width:0; background:#5c6572;} +.w2popup_window .w2window_header_title {overflow:hidden; height:27px; background:#5c6572; padding:0; color:#fff; font-size:14px; line-height:27px; left:10px;} +.w2popup_window .w2window_close {background:url(/cm/images/contents/layerpop_closebtn.png) center no-repeat; width:15px; height:15px; top:4px; right: 10px; left: inherit;} + +.w2popup_window .w2window_body {position:absolute; top:40px; border:none; background:#fff; margin:0; padding:0; overflow:hidden;} +.w2popup_window .w2window_content {border:none; top:0; left:0; right:0; bottom:0; margin:0; padding:0; overflow:hidden;} +.w2popup_window .w2window_iframe {border:none; overflow:hidden;} + +/* Content Title */ +.cnt_title_grp { height:25px; border-bottom:1px solid #B3B3B3; padding-top:10px; padding-bottom:5px; } + +/* Treeview */ +.tw_sub.w2treeview{position:relative;padding:20px;background:transparent;border:1px solid #b6bfcc;-moz-box-sizing:border-box;box-sizing:border-box} +.tw_sub.w2treeview .w2treeview_open_child .w2treeview_icon_navi{background:url(/cm/images/contents/tvw_minus.png) no-repeat 50% 50%} +.tw_sub.w2treeview .w2treeview_close_child .w2treeview_icon_navi{background:url(/cm/images/contents/tvw_plus.png) no-repeat 50% 50%} +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth1 .w2treeview_col_icon_navi, +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth1 .w2treeview_icon_navi, +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth2 .w2treeview_col_icon_navi, +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent.w2treeview_row_depth2 .w2treeview_icon_navi{width:16px} +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent .w2treeview_col_icon_navi{width:8px} +.tw_sub.w2treeview .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent .w2treeview_icon_navi{width:8px;background:url(/cm/images/contents/tvw_middle.png) no-repeat 50% 50%} + + + + +.defaultbox .fr .btn_act{margin-left:5px} +.defaultbox .fr span{margin-left:5px;vertical-align:middle;} +.w2input[type = text] + .btn_icosh{margin-left:2px} +.tbl_search .tbl_sc .w2tb_td > *{margin:0 2px;} + +/***** button *****/ +.btn_sh{display:inline-block;min-width:53px;height:23px;border:1px solid rgba(216,216,216,0.4);padding:0 2px;background-color:rgba(45,53,62,0.7);font-size:11px;color:#fff;box-sizing:border-box;vertical-align:middle;text-align:center;} +.btn_icosh{display:inline-block;width:23px;height:23px;;border:0;background:#6c7178 url(/cm/images/contents/ico_btn_sh.png) no-repeat center center} +.btn_act{display:inline-block;min-width:54px;height:24px;border:1px solid #adadad;padding:0 2px;background: linear-gradient(#f8f8f8,#d0d4d6);font-weight:bold;color:#363e45;box-sizing:border-box; -moz-box-sizing:border-box;vertical-align:middle;} +.btn_act.add{background-image:url(/cm/images/contents/ico_btn_add.png);background-repeat:no-repeat;background-position: 5px center;} +.btn_act.add{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_add.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.update{background-image:url(/cm/images/contents/ico_btn_update.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.update{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_update.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.del{background-image:url(/cm/images/contents/ico_btn_del.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.del{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_del.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.save{background-image:url(/cm/images/contents/ico_btn_save.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.save{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_save.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.print{background-image:url(/cm/images/contents/ico_btn_print.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.print{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_print.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} +.btn_act.exceldown{background-image:url(/cm/images/contents/ico_btn_excel.png);background-repeat:no-repeat;background-position: 5px center} +.btn_act.exceldown{padding:0 5px 0 20px;background:url(/cm/images/contents/ico_btn_excel.png) no-repeat left 5px center, linear-gradient(#f8f8f8,#d0d4d6)} + +/* radio */ +.w2radio_item{display:inline-block;} +.w2radio_item + .w2radio_item{margin-left:12px} +.w2radio_item > .w2radio_input{display:none} +.w2radio_input + label{padding-left:18px;background:url(/cm/images/contents/ico_radio.png) no-repeat left center;-moz-background:url(/cm/images/contents/ico_radio.png) no-repeat left center} +.w2radio_input:checked + label{background:url(/cm/images/contents/ico_radio_on.png) no-repeat left center} + +/* check */ +.w2checkbox_item{display:inline-block;} +.w2checkbox_item + .w2checkbox_item{margin-left:12px} +.w2checkbox_item > .w2checkbox_input{display:none} +.w2checkbox_input + label{padding-left:18px;background:url(/cm/images/contents/ico_check.png) no-repeat left center} +.w2checkbox_input:checked + label{background:url(/cm/images/contents/ico_check_on.png) no-repeat left center} + +/* autoComplete */ +.w2autoComplete .w2autoComplete_col_button{background-image: url(/cm/images/contents/ico_select.png); background-position: center center;} \ No newline at end of file diff --git a/WebContent/cm/css/cropper.css b/WebContent/cm/css/cropper.css new file mode 100644 index 0000000..ac553d5 --- /dev/null +++ b/WebContent/cm/css/cropper.css @@ -0,0 +1,304 @@ +/*! + * Cropper.js v1.5.1 + * https://fengyuanchen.github.io/cropperjs + * + * Copyright 2015-present Chen Fengyuan + * Released under the MIT license + * + * Date: 2019-03-10T09:55:50.492Z + */ + +.cropper-container { + direction: ltr; + font-size: 0; + line-height: 0; + position: relative; + -ms-touch-action: none; + touch-action: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.cropper-container img { + display: block; + height: 100%; + image-orientation: 0deg; + max-height: none !important; + max-width: none !important; + min-height: 0 !important; + min-width: 0 !important; + width: 100%; +} + +.cropper-wrap-box, +.cropper-canvas, +.cropper-drag-box, +.cropper-crop-box, +.cropper-modal { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.cropper-wrap-box, +.cropper-canvas { + overflow: hidden; +} + +.cropper-drag-box { + background-color: #fff; + opacity: 0; +} + +.cropper-modal { + background-color: #000; + opacity: 0.5; +} + +.cropper-view-box { + display: block; + height: 100%; + outline: 1px solid #39f; + outline-color: rgba(51, 153, 255, 0.75); + overflow: hidden; + width: 100%; +} + +.cropper-dashed { + border: 0 dashed #eee; + display: block; + opacity: 0.5; + position: absolute; +} + +.cropper-dashed.dashed-h { + border-bottom-width: 1px; + border-top-width: 1px; + height: calc(100% / 3); + left: 0; + top: calc(100% / 3); + width: 100%; +} + +.cropper-dashed.dashed-v { + border-left-width: 1px; + border-right-width: 1px; + height: 100%; + left: calc(100% / 3); + top: 0; + width: calc(100% / 3); +} + +.cropper-center { + display: block; + height: 0; + left: 50%; + opacity: 0.75; + position: absolute; + top: 50%; + width: 0; +} + +.cropper-center::before, +.cropper-center::after { + background-color: #eee; + content: ' '; + display: block; + position: absolute; +} + +.cropper-center::before { + height: 1px; + left: -3px; + top: 0; + width: 7px; +} + +.cropper-center::after { + height: 7px; + left: 0; + top: -3px; + width: 1px; +} + +.cropper-face, +.cropper-line, +.cropper-point { + display: block; + height: 100%; + opacity: 0.1; + position: absolute; + width: 100%; +} + +.cropper-face { + background-color: #fff; + left: 0; + top: 0; +} + +.cropper-line { + background-color: #39f; +} + +.cropper-line.line-e { + cursor: ew-resize; + right: -3px; + top: 0; + width: 5px; +} + +.cropper-line.line-n { + cursor: ns-resize; + height: 5px; + left: 0; + top: -3px; +} + +.cropper-line.line-w { + cursor: ew-resize; + left: -3px; + top: 0; + width: 5px; +} + +.cropper-line.line-s { + bottom: -3px; + cursor: ns-resize; + height: 5px; + left: 0; +} + +.cropper-point { + background-color: #39f; + height: 5px; + opacity: 0.75; + width: 5px; +} + +.cropper-point.point-e { + cursor: ew-resize; + margin-top: -3px; + right: -3px; + top: 50%; +} + +.cropper-point.point-n { + cursor: ns-resize; + left: 50%; + margin-left: -3px; + top: -3px; +} + +.cropper-point.point-w { + cursor: ew-resize; + left: -3px; + margin-top: -3px; + top: 50%; +} + +.cropper-point.point-s { + bottom: -3px; + cursor: s-resize; + left: 50%; + margin-left: -3px; +} + +.cropper-point.point-ne { + cursor: nesw-resize; + right: -3px; + top: -3px; +} + +.cropper-point.point-nw { + cursor: nwse-resize; + left: -3px; + top: -3px; +} + +.cropper-point.point-sw { + bottom: -3px; + cursor: nesw-resize; + left: -3px; +} + +.cropper-point.point-se { + bottom: -3px; + cursor: nwse-resize; + height: 20px; + opacity: 1; + right: -3px; + width: 20px; +} + +@media (min-width: 768px) { + .cropper-point.point-se { + height: 15px; + width: 15px; + } +} + +@media (min-width: 992px) { + .cropper-point.point-se { + height: 10px; + width: 10px; + } +} + +@media (min-width: 1200px) { + .cropper-point.point-se { + height: 5px; + opacity: 0.75; + width: 5px; + } +} + +.cropper-point.point-se::before { + background-color: #39f; + bottom: -50%; + content: ' '; + display: block; + height: 200%; + opacity: 0; + position: absolute; + right: -50%; + width: 200%; +} + +.cropper-invisible { + opacity: 0; +} + +.cropper-bg { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC'); +} + +.cropper-hide { + display: block; + height: 0; + position: absolute; + width: 0; +} + +.cropper-hidden { + display: none !important; +} + +.cropper-move { + cursor: move; +} + +.cropper-crop { + cursor: crosshair; +} + +.cropper-disabled .cropper-drag-box, +.cropper-disabled .cropper-face, +.cropper-disabled .cropper-line, +.cropper-disabled .cropper-point { + cursor: not-allowed; +} diff --git a/WebContent/cm/css/jquery.verySimpleImageViewer.css b/WebContent/cm/css/jquery.verySimpleImageViewer.css new file mode 100644 index 0000000..6bbbdcb --- /dev/null +++ b/WebContent/cm/css/jquery.verySimpleImageViewer.css @@ -0,0 +1,11 @@ +.jqvsiv_toolbar { + display: inline-block; + position: absolute; + right: 3px; + top: 3px; + z-index: 5; +} +.jqvsiv_toolbarButton { + margin: 0 2px; + cursor: pointer; +} diff --git a/WebContent/cm/css/main.css b/WebContent/cm/css/main.css new file mode 100644 index 0000000..cbb0d12 --- /dev/null +++ b/WebContent/cm/css/main.css @@ -0,0 +1,510 @@ +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0 +} + +.sr-only--focusable:active, +.sr-only--focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto +} +body { + margin: 0; + color: #333; + font-family: "Helvetica", "Arial", sans-serif; +/* font-size: 14px; */ +/* font-weight: 400; */ +} +.header { + position: relative; + z-index: 1; + height: 48px; + padding-left: 16px; + padding-right: 16px; + background-color: #666 +} + +@media (min-width: 768px) { + .header { + padding-left: 24px; + padding-right: 24px + } +} + +/* Layout */ +#mf_wrap{position:relative;height:100%;min-width:1024px;background:#f2f3f6;overflow:hidden;} /* min-width:1280px */ +#mf_header{margin:0px;} +#mf_container{position:absolute; left:0; right:0;/* top:44px; */top:104px;bottom:0;} +.btn_aside{position:absolute;right:16px;top:11px;width:22px;height:16px;padding:3px 0px;margin:0;;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:url(/cm/images/inc/bg_btn_side_slide.png) center center no-repeat} +/* .btn_aside:hover {background:url(/cm/images/inc/bg_btn_side_slide.png) 50% 50% no-repeat #7f848c;border-radius:15px;} */ +/* #mf_container .btn_aside{position:absolute;left:214px;top:50%;width:10px;height:80px;margin-top:-40px;text-indent:-9999px; background:url("/cm/images/inc/bg_btn_toggle.gif") no-repeat; display:block; overflow:hidden;}*/ +#mf_side{position:absolute; left:0; top:0; bottom:0; width:229px; background:#eaebef;} +#mf_contents{position:absolute; left:229px; right:0; top:0; bottom:0px; overflow: hidden;} +#mf_contents .mdi{position:absolute;left:0;top:0;right:0;bottom:0} +#mf_contents .bot_option{height:36px;position:absolute;bottom:0;left:0;right:0;background: #f3f3f3;border:1px solid #8e8e8e;z-index:1000;} + +#mf_container.sd_slide .sidebox{width:0;overflow:hidden} +#mf_container.sd_slide .btn_aside{left:0} +#mf_container.sd_slide #mf_contents{left:0px} + +.title { + float: left; + display: block; + font-size: 18px; + line-height: 48px; + color: #fff +} +.main { + position: absolute; + top: 48px; + right: 0; + bottom: 0; + left: 0; + background-color: #333 +} +.main>img { + display: table-cell; + max-width: 100%; + vertical-align: middle +} +.footer { + position: absolute; + right: 0; + bottom: 0; + left: 0; + height: 0 +} +.menu { + float: right +} +.menu__button { + float: left; + display: block; + width: 48px; + height: 48px; + border-width: 0; + font-size: 16px; + line-height: 48px; + text-align: center; + background-color: transparent; + color: #fff; + cursor: pointer +} +.menu__button:focus { + outline: none +} +.menu__button:hover { + background-color: #0074d9; + color: #fff +} +.menu__button--success:hover { + background-color: #2ecc40 +} +.menu__button--danger:hover { + background-color: #ff4136 +} +.toolbar { + position: absolute; + left: 50%; + bottom: 16px; + z-index: 2015; + width: 256px; + height: 32px; + margin-left: -128px; + background-color: rgba(0, 0, 0, 0.5); + background-color:#333\9; + color: #fff +} +.toolbar__button { + float: left; + display: block; + width: 32px; + height: 32px; + border-width: 0; + font-size: 14px; + text-align: center; + background-color: transparent; + color: #fff; + cursor: pointer +} +.toolbar__button:focus { + outline: none +} +.toolbar__button:hover { + background-color: #0074d9; + color: #fff +} +.upload { + display: table; + width: 100%; + height: 100%; + overflow: hidden +} +.upload>p { + display: table-cell; + color: #999; + text-align: center; + vertical-align: middle +} +.browse { + margin-left: 4px; + color: #0074d9; + cursor: pointer +} +.browse:hover { + color: #0d8eff; + text-decoration: underline +} +.canvas { + width: 100%; + height: 100%; + position:absolute\9; /* IE6, IE7, IE8, IE9 */ +} +.editor { + height: 100%; + overflow: hidden; + position:absolute\9; /* IE6, IE7, IE8, IE9 */ + width:100%\9; + margin:auto\9; + + +} +.editor>img { + display: block; + max-width: 100%; + max-height: 100%; + margin: auto; + margin:0\9;/* IE6, IE7, IE8, IE9 */ + vertical-align: middle +} + +.notice { + color: #333; + /*padding: 5px 10px;*/ + position: absolute; + /* top: -50px; + left: 50%; + margin-left: -25%; + */ + bottom:-42px; + left:235px; + width: 50%; + min-height: 30px; + /*background: rgba(10,10,10,0.5);*/ + background: rgba(250,250,250,0.97); + border: 0px solid #333; + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + z-index: 9998; + font-size:11px; + color: #555; + overflow: hidden; + word-break: break-word; + +} +.notice .info{ + padding: 8px 30px 10px 36px; + /* padding-right: 10px; */ + border-bottom-right-radius: 5px; + border-bottom-left-radius: 5px; + background:#d4edf9 url('/cm/images/notice/notice.png') no-repeat 10px 10px; + border:1px solid #b0eaf4; +} + +.notice .error{ + background: #f7dddd url('/cm/images/notice/error.png') no-repeat 10px 10px; + border: 1px solid #f2c9d0; +} + +.notice .warning{ + background:#fcf9e1 url('/cm/images/notice/warning.png') no-repeat 10px 10px; + border:1px solid #fdecc8; +} + +.notice .success{ + background: #daf3d6 url('/cm/images/notice/success.png') no-repeat 10px 10px; + border: 1px solid #d0ecc3; +} + +/* Header */ +div.head_box{position:relative; /* height:44px; */ background:#324258} +.head_box a.logo{display:block;position:absolute;left:21px;top:13px;/* width:162px;height:28px */} +.head_box a.logo .w2textbox{font-size: 18px;color:#00cb5f;font-weight:bold;padding-left:15px;background:url(/cm/images/contents/ico_tit.png) no-repeat left center;} +.head_box .nav{/* position:absolute;top:0;left:213px;right:0; height:40px;background:none; */margin-left:250px; font-size:13px;padding-right:40px;min} +.head_box .nav > li{position:relative; display: inline-block;} +.head_box .nav > li.on{background:#3879d9} +.head_box .nav > li > a{display:block;margin:0;color:#fff; /* width:180px; */ line-height:45px;font-size:16px;text-align: center;padding:0 20px;} +.head_box .nav > li > a:hover, +.head_box .nav > li > a.on{background:#2d353e} +.head_box .nav > li .submenu{display:none; position:absolute; left:0; top:44px; background:#fff; z-index:1000; text-indent:15px;border: 1px solid #c4cad6;border-top:none} +.head_box .nav > li .submenu.on{display:block;} +.head_box .nav > li .submenu > li{position:relative; line-height:27px; width:230px;} +.head_box .nav > li .submenu > li > a{display:block; background:url(/cm/images/inc/ico_gnb_plus.png) no-repeat 215px center;padding:3px;} +.head_box .nav > li .submenu > li > a:hover, +.head_box .nav > li .submenu > li > a.on{background:#f7f8fb url(/cm/images/inc/ico_gnb_minus.png) no-repeat 215px center;} +.head_box .nav > li .submenu > li > a.none{display:block; background:none!important;padding:3px;} +.head_box .nav > li .submenu > li:first-child > a{border-top: 0;} +.head_box .nav > li .submenu > li:last-child > a{border-bottom: 0;} +.head_box .nav > li .submenu > li > .depth3{display:none; position:absolute; left:230px; top:0px; background:#fff; border: 1px solid #c4cad6;} +.head_box .nav > li .submenu > li > .depth3.on{display:block;} +.head_box .nav > li .submenu > li > .depth3 > li{line-height:27px;} +#winc_header .head_box .nav > li .submenu > li > .depth3 > li{width:230px; text-indent:15px;} +.head_box .nav > li .submenu > li > .depth3 > li:last-child > a{} +.head_box .nav > li .submenu > li > .depth3 > li > a{display: block; overflow: hidden; text-overflow:ellipsis; padding:3px;} +.head_box .nav > li .submenu > li > .depth3 > li > a:hover{background:#f7f8fb} + +.infobox{z-index:200;position:absolute;right:60px;top:12px;padding:0 20px 0 0;margin:0}/* right:191px */ +/* .infobox:before{content:'';position:absolute;right:0;top:0;width:1px;height:23px;background:#a3a5a8} */ +.infobox .info_tit{display:inline-block;/* padding:4px 5px 4px 0; line-height:15px;*/margin:0;color:#fff;font-size:12px;vertical-align:middle} +.infobox .info_tit.name_tit{color:#fff;padding-right:5px;} +.infobox > span{margin-right:12px;font-size:12px;color:#fff;vertical-align:middle;} +.infobox .info_tit.department_tit{color:#fff;padding-right:10px} +.infobox .w2input{border:1px solid #747578;background:#3c404a;color:#fff} +.infobox .btn_cm{margin-left:5px} +.infobox .logout{display:inline-block;width:68px;height:23px;padding:0;margin:0 0 0 5px;border:0;color:#fff;line-height:23px;background:#257ebe;border-radius:13px;-moz-border-radius:13px;vertical-align:middle} +.infobox .changePassword{display:inline-block;width:88px;height:23px;padding:0;margin:0;border:0;color:#fff;line-height:23px;background:#257ebe;border-radius:13px;-moz-border-radius:13px;vertical-align:middle} + +/* .gmbox{position:absolute;top:12px;right:19px;height:20px;} */ +.gmbox > a{position:relative;display:inline-block;padding:0;margin:0 0 0 7px;width:21px;height:21px;font-size:0;overflow:hidden;text-indent:-9999px;vertical-align:middle} +.gmbox a.topicon1{background:url(/cm/images/inc/topicon4.png) no-repeat} +.gmbox a.topicon1:hover{background:url(/cm/images/inc/topicon4_on.png) no-repeat} +.gmbox a.topicon2{background:url(/cm/images/inc/topicon3.png) no-repeat} +.gmbox a.topicon2:hover{background:url(/cm/images/inc/topicon3_on.png) no-repeat} +.gmbox a.topicon3{background:url(/cm/images/inc/topicon2.png) no-repeat} +.gmbox a.topicon3:hover{background:url(/cm/images/inc/topicon2_on.png) no-repeat} +.gmbox a.topicon4{margin-left:17px;background:url(/cm/images/inc/topicon1.png) no-repeat} +.gmbox a.topicon4:hover{background:url(/cm/images/inc/topicon1_on.png) no-repeat} +.gmbox > .gmgp.topicon5{position:relative;display:inline-block;padding:0;margin:0 0 0 25px;width:21px;height:21px;vertical-align:middle;background:url(/cm/images/inc/topicon5.png) no-repeat} +.gmbox > .gmgp.topicon5 > a{position:absolute;right:-5px;top:-3px;width:16px;height:16px;padding:0;margin:0;color:#fff;text-align:center;background:#c67400;border-radius:50% 50%} +. + +.hid_menu{display: none; background:url(/cm/images/contents/ico_list.png) no-repeat left top; width:22px; height:21px;} + +/* Side */ +.sidebox{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} +.sidebox .aside_top {position:relative;width:214px;height:28px;padding:0;margin:0;background:url(/cm/images/inc/bg_userbox.gif) no-repeat;} +.sidebox .aside_top .userbox{position:absolute;left:10px;top:7px;height:15px;width:128px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} +.sidebox .aside_top .userbox .nm_tt{float:none!important; display:inline;padding:0;margin:0;line-height:15px;padding:0;font-size:12px;color:#424343;font-weight:bold} +.sidebox .aside_top .userbox .nm_tt.stg{color:#0a776d} +.sidebox .aside_top .logout {position:absolute;top:6px;right:25px;width:51px; height:18px; text-indent:-9999px; background:url(/cm/images/inc/bg_btn_logout.gif) no-repeat; overflow:hidden;} +.sidebox .aside_top .setup {position:absolute;top:8px;right:4px;width:16px; height:17px; text-indent:-9999px; background:url(/cm/images/inc/bg_btn_setup.gif) no-repeat;overflow:hidden;} + +.sidebox .aside_tab{position:absolute;left:0;top:36px;bottom:0;width:212px;padding:0;margin:0; background:#fff} +.sidebox .as_tab {position:relative;width:214px;height:36px;overflow:hidden;background:url(/cm/images/inc/bg_side_mn.png) no-repeat; } +.sidebox .as_tab.mymn{background:url(/cm/images/inc/bg_side_mymn.png) no-repeat} +.sidebox .as_tab a {width:107px;font-weight:bold; line-height:36px; color:#888; text-align:center; display:block; float:left;} +.sidebox .as_tab a:first-child {color:#000;} +.sidebox .as_tab.mymn a {color:#000;} +.sidebox .as_tab.mymn a:first-child {color:#888} + +.sidebox .aside_tab .aside_search {position:relative;width:214px; height:37px; background:url(/cm/images/inc/bg_side_shbox.gif) no-repeat;} +.sidebox .aside_tab .aside_search .w2input{margin:11px 0 0 15px; width:156px;height:15px;border:0;} +.sidebox .aside_tab .aside_search .btn_search {position:absolute;top:10px;right:9px;} +.sidebox .aside_tab .aside_search .btn_search a {display:block;width:15px;height:16px;text-indent:-9999px;background:url(/cm/images/inc/bg_side_sh_ic.png) no-repeat;overflow:hidden} + +.sidebox .lnb{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;} +.sidebox .lnb .w2switch_case{position:absolute; left:0; right:0; top:0px; bottom:42px;} + +.sidebox .sidelist{display:block;position:absolute;left:10px;right:11px;bottom:10px;height:120px;margin:10px 0 0;;background:#fff;z-index:120} +.sidebox .studylist{position:absolute;left:0;right:0;top:0;bottom:0} +.sidebox .studylist .study_title{width:168px;height:15px;padding:4px 0 5px 23px;margin:0;line-height:15px;font-size:12px;color:#fff;background:url(/cm/images/inc/bg_side_list.gif) no-repeat;background-size:100% 100%;} +.sidebox .studylist .study_cont{position:relative;max-height:99px;border:1px solid #ccc;overflow:auto} +.sidebox .studylist .study_cont .sty_link{display:block;height:19px;line-height:19px;padding:0 0 0 10px;color:#555;border-top:1px solid #ccc;background:url(/cm/images/inc/bg_study_bu.gif) no-repeat 5px 7px;text-overflow:ellipsis;} +.sidebox .studylist .study_cont .sty_link:first-child{border-top:0} +.sidebox .studylist .study_cont .sty_link:hover{text-decoration:underline} +.sidebox .studylist .setup {position:absolute;top:4px;right:4px;width:16px; height:17px; text-indent:-9999px; background:url(/cm/images/inc/bg_btn_setup.gif) no-repeat;overflow:hidden;} + +.sidebox .aside_bottom {position:absolute; left:0; right:0; bottom:0; height:39px; background:url(/cm/images/inc/bg_aside_bottom.png) left bottom no-repeat;z-index:120;} +.sidebox .aside_bottom .w2selectbox {margin:10px 0 0 13px; width:187px; height:21px; border:0; color:#3b3b3b; background-color:transparent;}/* 2015-04-13 ### */ +.sidebox .aside_bottom a.btn_use_write{position:absolute;top:5px;right:5px;width:36px;height:24px;display:block;background:url(/cm/images/btn/btn_aside_write.png) no-repeat;}/* 2015-04-13 ### */ +.sidebox .aside_bottom .w2selectbox .w2selectbox_col_button{background-image:url(/cm/images/inc/select_arrow.gif);} + +div.sidebox{width:229px;background: #e8edf1;} +div.sidebox .lnb{width:100%} + +/*historyly */ +.box_history{position:absolute;left:6px;right:6px;bottom:10px;height:24px;background:#fff;z-index:120;overflow:hidden;} +.gen_list01{position:absolute;left:0;right:0;top:0;bottom:0;} +.gen_list01 .history_titgrp{background:url(/cm/images/inc/bg_side_list.gif) no-repeat;background-size:100% 100%;} +/*.gen_list01 .historyTitle{width:auto;height:24px;line-height:24px;text-indent:22px;padding:0px;margin:0;font-size:12px;color:#fff;background:url(/cm/images/inc/bg_side_list.gif) no-repeat;background-size:100% 100%;}*/ +.gen_list01 .historyTitle{width:auto;height:24px;line-height:24px;text-indent:22px;padding:0px;margin:0;font-size:12px;color:#fff;display:block;margin-right:30px;cursor:pointer;} +.gen_list01 .cont{position:relative;max-height:112px;overflow:auto;} +.gen_list01 .cont .link{font-size:12px; font-weight:bold;color:#3b3b3b;display:block;padding:4px;padding-left:16px;border-top:1px solid #ccc;background:url(/cm/images/inc/bg_study_bu.gif) no-repeat 10px 10px;text-overflow:ellipsis;} +.gen_list01 .cont .link:first-child{border-top:0} +.gen_list01 .cont .link:hover{text-decoration:underline} +.gen_list01 .setup {position:absolute;top:4px;right:4px;width:16px; height:17px; text-indent:-9999px; background:url(/cm/images/inc/bg_btn_setup.gif) no-repeat;overflow:hidden;} +/*.gen_list01 .History_clear{position:absolute;top:6px;right:9px;width:14px; height:13px; text-indent:-9999px; background:url(/cm/images/inc/bg_btn_clear.png) no-repeat;overflow:hidden;} */ +.gen_list01 .History_clear{position:absolute;top:0px;right:0px;width:14px;height:24px;margin-right:9px;text-indent:-9999px;background:url(/cm/images/inc/bg_btn_clear.png) right 6px no-repeat;overflow:hidden;} +.gen_list01 .History_clear:hover{background:url(/cm/images/inc/bg_btn_clear_over.png) right 6px no-repeat;} + +/* systemsearch */ +.systemsearch {padding:7px;} +.systemsearch .w2autoComplete {} + +/* trv_menu */ +.trv_menu {position:absolute;top:62px;left:0px;right:0;bottom:0px; overflow-x:hidden;border:1px solid #c8d1da;background: transparent;} +.trv_menu{top:0} +.trv_menu .w2treeview_group {width:100%;} +.trv_menu .w2treeview_row_depth1 .w2treeview_icon_navi {margin-left:10px;} +.trv_menu .w2treeview_icon_navi {width:19px; height:20px;} +.trv_menu .w2treeview_row_depth1 .w2treeview_label{font-size:18px;color:#444} +.trv_menu .w2treeview_close_child .w2treeview_row_depth1 .w2treeview_icon_navi{background:url(/cm/images/inc/bg_plus.png) no-repeat center center;} +.trv_menu .w2treeview_open_child .w2treeview_row_depth1 .w2treeview_icon_navi {background:url(/cm/images/inc/bg_minus.png) no-repeat center center;} +.trv_menu .w2treeview_leaf .w2treeview_row_depth1 .w2treeview_icon_navi {background:url(/cm/images/inc/icon_dep1.gif) no-repeat center center;} +.trv_menu > .w2treeview_group > .w2treeview_open_child {border-bottom:1px solid #d9d9d9;} +.trv_menu .w2treeview_row_child td {background:#fff;} +.trv_menu .w2treeview_label {font-size:12px; font-weight:bold;color:#444} +.trv_menu .w2treeview_row_depth2 .w2treeview_label{font-size:14px} +.trv_menu .w2treeview_open_child.w2treeview_notleaf > tbody > tr:first-child {} +.trv_menu .w2treeview_row_depth1 .w2treeview_col_label {width:100%;} +.trv_menu .w2treeview_row_parent {border-bottom:1px solid #d9d9d9;} +.trv_menu .w2treeview_row_parent td {padding:8px 0 7px;} +.trv_menu .w2treeview_row_parent .w2treeview_label {color:#3c3c3c;} +.trv_menu .w2treeview_row_child td {background-color:transparent;} +.trv_menu .w2treeview_row_child .w2treeview_row_depth3 td {} +.trv_menu .w2treeview_row_child .w2treeview_child td:first-child {padding-top:0;} +.trv_menu .w2treeview_row_child .w2treeview_row_parent {border-bottom:0;} +.trv_menu .w2treeview_row_depth2 td:first-child{padding-left:0px;} +.trv_menu .w2treeview_row_depth2 .w2treeview_label, +.trv_menu .w2treeview_row_depth3 .w2treeview_label {font-weight:normal;} +.trv_menu .w2treeview_col_icon_navi {width:30px;padding:5px 0 4px;} +.trv_menu .w2treeview_row_child .w2treeview_col_icon_navi {width:16px;} +.trv_menu .w2treeview_row_child .w2treeview_label {color:#3b3b3b;} +.trv_menu .w2treeview_row_child .w2treeview_row_depth2 td {padding:4px 0 4px !important} +.trv_menu .w2treeview_row_child .w2treeview_row_depth3 td {padding:4px 0 3px !important} +.trv_menu .w2treeview_row_child .w2treeview_close_child .w2treeview_row_depth2 .w2treeview_icon_navi{background:url(/cm/images/inc/bg_2dep_plus.png) no-repeat left;} +.trv_menu .w2treeview_row_child .w2treeview_open_child .w2treeview_row_depth2 .w2treeview_icon_navi{background:url(/cm/images/inc/bg_2dep_minus.png) no-repeat left;} +.trv_menu .w2treeview_row_child .w2treeview_leaf .w2treeview_row_depth2 .w2treeview_icon_navi {width:100%; height:16px; background:url(/cm/images/inc/bg_bull.gif) 5px 6px no-repeat;} +.trv_menu .w2treeview_row_child .w2treeview_leaf .w2treeview_row_depth3 .w2treeview_icon_navi {width:100%; height:16px; background:url(/cm/images/inc/bg_bull.gif) right 4px no-repeat;} +.trv_menu .w2treeview_row_child .w2treeview_row_depth2 .w2treeview_col_label {width:100%;} + +/* .trv_menu .w2treeview_group .w2treeview_open_child .w2treeview_row_child .w2treeview_child{margin-top: 3px;} */ +.trv_menu .w2treeview_row_child .w2treeview_label.w2treeview_select_node {position:static;color:#fff;} +.trv_menu .w2treeview_row_child .w2treeview_label.w2treeview_select_node:before{content: '';position: absolute;left: -37px;top: 0; width: 100%;padding-right: 38px;height: 32px;background: #485560;z-index: -1;} +.trv_menu .w2treeview_row_child .w2treeview_label.w2treeview_select_node:after{content: '';position:absolute;left:0;top:12px;width:11px;height:11px;background:url(/cm/images/contents/ico_trv_bull_on.png) no-repeat center center;} +.trv_menu .w2treeview_row_depth3 .w2treeview_label.w2treeview_select_node:before{left:-7px;padding-right:17px;height:23px;background: #485560;} +.trv_menu .w2treeview_row_depth3 .w2treeview_label.w2treeview_select_node:after{display:none} + +.trv_menu .w2treeview_row_child .w2treeview_open_child tr.w2treeview_row_child td div.w2treeview_none {position:relative; left:-43px; width:210px} +.trv_menu .w2treeview_row_child .w2treeview_open_child tr.w2treeview_row_child td div.w2treeview_none td.w2treeview_col_icon_navi {width:45px} + + +/* favMenu */ +.favMenu:first-child{margin-top:10px;} +.favMenu a{display:block;color:#3b3b3b;background:url(/cm/images/inc/bg_bull.gif) 20px center no-repeat;font-size:12px;padding:3px 3px 3px 30px;white-space:nowrap;} +.favMenu.on a{color:#5bbda7;font-weight:bold;} + +/* MDI */ +.win_c {position:absolute;top:0;left:0;right:0;bottom:40px} +.win_c .w2window {border-color:#c4cad6} +.win_c .w2window.w2window_restored{border: 1px solid #c4cad6;} +.win_c .w2window_header{height:30px;background:none;padding:0} +.win_c .w2window_header_icon,.win_c .w2window_header_title{display: none;} +.win_c .w2window_header_control{height:30px;top:0;right:19px;width:58px} + +.win_c .w2windowContainer_window_top {position:absolute; top:35px;} +.win_c .w2windowContainer_window{left:0;right:0} + +.win_c .w2window_minimize{top:10px;left:0;width:11px; height:10px; background: url(/cm/images/inc/btn_minimize.gif) no-repeat;} +.win_c .w2window_maximized .w2window_restore, +.win_c .w2window_restored .w2window_restore{top:10px;left:25px;width:11px;height:10px;background: url(/cm/images/inc/btn_restore.gif) no-repeat} +.win_c .w2window_close{top:10px;left:50px;width:11px; height:10px; background: url(/cm/images/inc/btn_w2c_close.gif) no-repeat;} +.win_c .w2window_body{top:30px;background-color:transparent} +.win_c .w2window_content{left:0;right:0;bottom:0;border:0;}/* bottom:24px */ + +/* �긽�떒�댋諛� */ +.win_c .w2windowContainer_windowToolbar_top {height:36px; background:transparent;} +.win_c .w2windowContainer_name{height:36px; right:200px;} +.win_c .w2windowContainer_controlIconLayer{width:207px !important;left:auto;right:5px;background-image:none;top:5px;} +.win_c .w2windowContainer_nameLayer{position:relative; top:0; z-index:9999; color:#313d4a;border:1px solid #c4cad6; padding:0 16px 0 16px; background:#fff;text-overflow:ellipsis;white-space:nowrap;} + +.win_c .w2windowContainer_nameLayer {font-size:12px;text-align:center;width:97px;height:34px;font-weight:bold;line-height:34px;} +.win_c .w2windowContainer_selectedNameLayer{border-bottom:1px solid #fff} +.win_c .w2windowContainer_nameLayer_close{background:url(/cm/images/inc/icon_mdi_close2.png) no-repeat left top; width:11px; right:5px; left:auto; top:5px;} +.win_c .w2windowContainer_name .w2windowContainer_nameLayer:first-child .w2windowContainer_nameLayer_close{background:none;} + + +.win_c .w2windowContainer_controlIcon_vertical{background-image: url(/cm/images/inc/icon_mdi0.gif); width:27px; height:24px; left:58px !important; top:0;} +.win_c .w2windowContainer_controlIcon_horizontal{background-image: url(/cm/images/inc/icon_mdi1.gif); width:28px; height:24px; left:85px !important; top:0;} +.win_c .w2windowContainer_controlIcon_cascade{background-image: url(/cm/images/inc/icon_mdi2.gif); width:28px; height:24px; left:113px !important; top:0;} +.win_c .w2windowContainer_controlIcon_sequential{background-image: url(/cm/images/inc/icon_mdi3.gif); width:28px; height:24px; left:141px !important; top:0;} +.win_c .w2windowContainer_controlIcon_closeAll{position:absolute;background-image: url(/cm/images/inc/icon_mdi4.gif); width:29px; height:24px; left:169px !important; top:0;cursor:pointer;} +.win_c .w2windowContainer_scrollRightBtn{background: url(/cm/images/inc/btn_mdiright.png);width:27px;padding:0;margin-right:152px !important} +.win_c .w2windowContainer_scrollLeftBtn{background: url(/cm/images/inc/btn_mdileft.png);width:28px;padding:0;left:195px;} + +/* �긽�깭諛� */ +.win_c .w2window_status{left:0;right:0;background:url(/cm/images/inc/bg_status_bar.gif) repeat-x;border:1px solid #b3b3b3;border-width:1px 0 0px 0} +.win_c .w2window_msg {left:5px;width:auto;padding:3px 0 0 19px;height:15px;color:#495255;background:url(/cm/images/inc/bg_icon_msg.png) no-repeat 0 5px;} + +.win_c .w2windowContainer_nameContainer_right{right: 217px !important;overflow: hidden;height: 35px;} + +/* SDI */ +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li{margin-right: 0; border:1px solid #c4cad6; background:#fff; width:129px; height:34px; line-height:34px;} +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li.w2tabcontrol_active,.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li.w2tabcontrol_selected {border-bottom:1px solid #fff} +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost li a{margin:0 17px;} +.tac_layout > .w2tabcontrol_control, +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost{height:36px; z-index: 1;} +.tac_layout > .w2tabcontrol_control .scroll{left:0px !important;} +.tac_layout > .w2tabcontrol_container{position: absolute; left:0; top:35px; right:0; bottom:40px; border:none; float:none; height:auto !important; border-top:1px solid #c4cad6;} +.tac_layout > .w2tabcontrol_control .w2tabcontrol_contents_wrapper{position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto !important; overflow: auto; background: #fff; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #c4cad6; box-sizing:border-box;border:0} +.tac_layout > .w2tabcontrol_control .w2tabcontrol_contents_wrapper.w2iframe{height:inherit !important} +/* active */ +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_left, +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_center, +.tac_layout > .w2tabcontrol_control .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background:none;} +/* mask */ +.tac_layout > .w2tabcontrol_control .mask{left:0;right:90px;margin-left:0;} +.tac_layout > .w2tabcontrol_control .btn_scrollLeft{display:none;right:66px;} +.tac_layout > .w2tabcontrol_control .btn_scrollRight{display:none;right:46px;} +.tac_layout > .w2tabcontrol_control .btn_submenu{right:23px;} +.tac_layout > .w2tabcontrol_tab_close, .tac_layout .w2tabcontrol_tab_close2{top: 3px;background:url(/cm/images/inc/icon_mdi_close2.png) no-repeat left top; width:11px; right:5px; left:auto; top:5px;} +.btn_CloseAll{display:inline-block; z-index:1; text-indent:-9999px; position:absolute; width:20px; height:19px; right:23px; top:28px; background:url(/cm/images/contents/close_off.png) no-repeat left top;} +.btn_CloseAll:hover{background-image:url(/cm/images/contents/close_on.png);} + + +/*.sidebox .as_tab{display:none;}*/ +.sidebox .aside_tab{top:36px;width:100%;background:transparent;} +.sidebox .aside_tab .systemsearch{display:none;} +.sidebox .aside_tab .w2switch_case > .tar{display: none;} + +.trv_menu{background: url(/cm/images/contents/bg_side.png) no-repeat left bottom;} +.trv_menu .w2treeview_table_node{z-index:0} +.trv_menu .w2treeview_col_label{overflow:hidden;text-overflow: ellipsis;} +/* .trv_menu .w2treeview_row_child .w2treeview_label{font-weight:bold} */ +.trv_menu .w2treeview_row_parent td{padding:15px 0 17px} +.trv_menu .w2treeview_row_child .w2treeview_row_depth2 td{height:32px;padding: 7px 0 5px !important;box-sizing:border-box;-moz-box-sizing:border-box} +/* .trv_menu .w2treeview_row_child .w2treeview_row_depth3 td{padding: 6px 0 5px !important} */ +.trv_menu .w2treeview_col_icon_navi{width:36px;} +.trv_menu .w2treeview_icon_navi{width:11px} +.trv_menu .w2treeview_row_child .w2treeview_col_icon_navi{width:11px;} +.trv_menu .w2treeview_row_depth1 > td > .w2treeview_icon_navi{width:25px} +.trv_menu .w2treeview_row_child .w2treeview_col_icon_navi{} + +.trv_menu .w2treeview_open_child .w2treeview_row_depth1 .w2treeview_icon_navi{background: url(/cm/images/contents/ico_trv.png) no-repeat center right;} +.trv_menu .w2treeview_close_child .w2treeview_row_depth1 .w2treeview_icon_navi{background: url(/cm/images/contents/ico_trv_on.png) no-repeat center right;} +.trv_menu .w2treeview_row_child .w2treeview_open_child .w2treeview_row_depth2 .w2treeview_icon_navi{background: url(/cm/images/contents/ico_trv_minus.png) no-repeat top 4px right;} +.trv_menu .w2treeview_row_child .w2treeview_close_child .w2treeview_row_depth2 .w2treeview_icon_navi{background: url(/cm/images/contents/ico_trv_plus.png) no-repeat top 4px right;} +.trv_menu .w2treeview_row_child .w2treeview_leaf .w2treeview_row_depth2 .w2treeview_icon_navi{background: url(/cm/images/contents/ico_trv_bull.png) center right no-repeat;} +.trv_menu > .w2treeview_group > .w2treeview_open_child, +.trv_menu .w2treeview_row_parent{border-bottom: 1px solid #cdcdcd;} +.trv_menu .w2treeview_group{position:relative;background-color: #e8edf1;} +.trv_menu .w2treeview_group:before { content: "";display: block;border-bottom: 1px solid #cdcdcd;position: absolute;left: 0;width: 100%;top: 0;} +.trv_menu > .w2treeview_group:before{display:none;} +.trv_menu .w2treeview_row_depth1 + td > .w2treeview_child > .w2treeview_group:first-child:before, +.trv_menu .w2treeview_col_depth1 + td > .w2treeview_child > .w2treeview_group:first-child:before{display:none;} +.trv_menu .w2treeview_row_depth1 + td > .w2treeview_child > .w2treeview_group:before, +.trv_menu .w2treeview_col_depth1 + td > .w2treeview_child > .w2treeview_group:before{left:-38px;padding-right: 39px;} +.trv_menu .w2treeview_row_depth2 + td > .w2treeview_child > .w2treeview_group:before, +.trv_menu .w2treeview_col_depth2 + td > .w2treeview_child > .w2treeview_group:before{display:none;left:-7px;padding-right: 19px;} +.trv_menu .w2treeview_row_depth2 + td > .w2treeview_child > .w2treeview_group:last-child, +.trv_menu .w2treeview_col_depth2 + td > .w2treeview_child > .w2treeview_group:last-child{padding-bottom:5px} diff --git a/WebContent/cm/css/responsible.css b/WebContent/cm/css/responsible.css new file mode 100644 index 0000000..883803e --- /dev/null +++ b/WebContent/cm/css/responsible.css @@ -0,0 +1,172 @@ +/* Reset (min-width) */ +#mf_wrap{/*min-width:inherit !important;*/ min-width:320px !important} +.content_body{min-width:inherit !important;} + + +/* Adaptive (TabControl) */ +.w2tab_adaptive_layout .w2tabcontrol_contents{height:auto;margin-top:0} +.w2tab_adaptive_layout .w2tabcontrol_bridge{border-width:0 0 1px 0;background-image:none} +.w2tab_adaptive_layout .w2tabcontrol_bridge h3{height:50px !important;line-height:50px} +.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper{position:static;height:0 !important;border-width:0 0 1px !important;border-color:#ccc !important} +.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper.w2iframe{height:0 !important} +.w2tab_adaptive_layout :target a+.w2tabcontrol_contents_wrapper{height:inherit !important;position:relative;margin-top:0} + + +/* Adaptive (Search Box) */ +.w2tb.tb.w2tb_adaptive_layout .w2tb_th{display:none} +.w2tb.tb.w2tb_adaptive_layout .w2tb_td{padding:7px 7px 0 80px;border-top:none !important} +.w2tb.tb.w2tb_adaptive_layout .w2tb_td:before{width:80px;padding-top:9px;border-right:none;background:transparent;text-align:left} + +.w2tb.tbl_sc.w2tb_adaptive_layout .w2tb_th{display:none} +.w2tb.tbl_sc.w2tb_adaptive_layout .w2tb_td{padding:7px 7px 0 80px;border-top:none !important} +.w2tb.tbl_sc.w2tb_adaptive_layout .w2tb_td:before{width:80px;padding-top:9px;border-right:none;background:transparent;text-align:left} +.w2tb.tbl_sc.w2tb_adaptive_layout tr:first-child .w2tb_td:last-child{position:static;text-align:right;} + +/* Adaptive (GridView) */ +.w2grid.cm_grid.w2grid_adaptive_crosstab th.gridHeaderTDDefault{border-top:1px solid #b3b3b3;} + +.calc120{width: 120px;} +.calc100{width:100px;} + +/* Tablet (θ) */ +@media screen and (max-width: 1024px) { + .contentWrap{display:flex;flex-direction:column;height:100%;} + .contentWrap .section{flex-grow:1;flex-shrink:0;flex-basis:auto;} + + .calc120{width: calc(100% - 120px);} + .calc100{width:calc(100% - 100px);} + /* Content */ + .sidebox{display:none} + .search_box{display: none;} + .search_box.hid{display:block; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10002; background:rgba(100,100,100,0.5);} + .search_box.hid > input, + .search_box.hid a{display: none} + #mf_side{display:none;} + #mf_contents{left:0 !important;} + #mf_container .btn_aside{display: none !important} + div.head_box{position: absolute !important; left:0; top:0; right:0; bottom:0; height:auto;} + div.head_box ul.nav{display:none; width:50%; background:#666; height:auto; left:0; top:39px; right:0; bottom:0; z-index: 10003;} + div.head_box ul.nav.show{display: block;} + div.head_box .nav > li > a{width:100%; padding: 0; text-indent: 20px; background: #767676; border-bottom:1px solid #4a5561; border-top:1px solid #888;} + div.head_box .nav > li > a:hover, + div.head_box .nav > li > a.on{background:#484848;} + div.head_box .nav > li .submenu{position: relative; top: 0} + div.head_box .nav > li .submenu > li > .depth3{position: relative; left: 0; top: 0; border-radius: 0} + div.head_box .nav > li .submenu > li{width: auto} + div.head_box .nav > li .submenu > li > a, + div.head_box .nav > li .submenu > li > a:hover, + div.head_box .nav > li .submenu > li > a.on{background-position:right 10px center;} /* css3 */ + .head_box ul.nav li{display: block; width:auto;} + .hid_menu{display: block !important; text-indent: -9999px; width:25px; height:25px; position: absolute; right:12px; top:7px; z-index: 10003} + + /* (ҽ Backup) */ + /*.login_wrap .box{width:inherit; margin:0;} + .login_wrap .bg_img{top:16%;} + .login_info_grp .img_inf_photo{padding:10px 25px;} + .login_info_grp table.w2tb{margin:0 30px !important;} + .login_info_grp ul.info li a{line-height: 40px;} + .login_info_grp .menu_grp{padding:10px 20px;} + .login_info_grp .menu_grp .cst_srh, + .login_info_grp .menu_grp .cst_new{height: 40px;line-height: 40px} + .right_menu .tb_box a{background: none !important; margin:0; padding-top: 0;} + .lybox .fl{float:none !important; display:block; width:100%;} + .lybox .fl .box{margin:0 !important;} + .lybox .fl.col_6 > div{padding-right:0 !important;} + .lybox .fl:first-child .box{margin-bottom:10px !important;}*/ +} + + +/* Tablet (θ) ̻ */ +@media screen and (min-width: 769px) { + /*.tac_layout .w2tabcontrol_contents_wrapper{height:auto !important}*/ /* ̰ */ +} + + +/* Tablet (θ) */ +@media screen and (max-width: 768px) { + /* Login Page */ + .login_wrap .bg_img .bg_logo{left:20px;right:20px;width:auto;margin:0;background-position:bottom center;background-size:contain} + .login_wrap .box{width:auto} + + /* MDI */ + .win_c .w2windowContainer_controlIconLayer{display:none} + .win_c .w2windowContainer_nameContainer_right{right:0 !important} + + /* SDI */ + .tac_layout .w2tabcontrol_control .mask{right:0} + .tac_layout .w2tabcontrol_control .btn_scrollLeft, + .tac_layout .w2tabcontrol_control .btn_scrollRight, + .tac_layout .w2tabcontrol_control .btn_submenu, + .btn_CloseAll{display:none} + .tac_layout .w2tabcontrol_container{top:0;bottom:0;} + + /* Main Page */ + .main_contents{min-width:320px} + .mnbox .m_cont{margin-right:0} + .cnt_cell .cnt_box a{font-size:16px} + .mnbox .m_side{position:relative;;width:100%;margin-top:50px;padding-left:256px;box-sizing:border-box} + .mnbox .m_side .calendar_box{float:left;width:236px;margin-left:-256px} + .mnbox .m_side .tocbox{margin-top:0} + + /* Search Box */ +/* .tbl_search{min-height:35px;padding:0 5px} */ + .w2tb.tb.w2tb_adaptive_layout .w2tb_td:last-child{bottom:1px !important;} + + /* Content */ + #mf_contents{overflow:auto;bottom:38px} + #mf_contents .bot_option{position:fixed !important} +} + + +/* Mobile */ +@media screen and (max-width: 480px) { + /* Header */ + .head_box a.logo{left:auto;right:0;padding-bottom:5px;text-align:right} + .head_box a.logo img{margin-right:10px} + .infobox{top:47px;;right:40px;padding-right:10px} + .gmbox{top:47px;;right:10px} + #mf_container{top:80px} + + /* Main Page */ + .mn_column{width:100%} + .mn_column:first-child{padding-right:0} + .mn_column:last-child{margin-top:30px;padding-left:0} + .mn_column .cnt_grp{margin-bottom:0} + .mn_column .cnt_grp .cnt_cell{padding-right:0 !important} + .mnbox .m_cont .mn_layout:first-of-type .mn_column .block_box{margin-top:15px !important} + .mnbox .m_side{padding-left:0} + .mnbox .m_side .calendar_box{float:none;width:100%;margin-left:0;text-align:center} + .mnbox .m_side .calendar_box .w2calendar{display:inline-block} + .mnbox .m_side .tocbox{margin-top:20px} + + /* Search Box */ + .w2tb.tb.w2tb_adaptive_layout .w2tb_td:last-child{float:none !important;position:relative !important;width:100%;margin-top:5px;text-align:center} + .w2inputCalendar_table .w2inputCalendar_col_input{text-align:left;} +} + + +/* (ҽ Backup) */ +/*@media screen and (max-width: 800px) { + .login_info{display: none} + .btn_logout{left:200px;} + .menu_row .hide_menu_grp{width:200px;} + .menu_row .r_srh_grp .box1{display: none;} + .menu_row .depth3 .w2span{padding-right: 20px; margin-left:10px; margin-right: 10px;} + .menu_row .depth3 a{padding:0 9px;} + .login_info_grp{width: 200px;} + .login_info_grp .img_inf_photo{display: none;} + .login_info_grp table.w2tb{margin: 10px 0 !important;} + .login_info_grp ul.info li a{padding:0; line-height: 30px; font-size: 14px; background-position-x: 0 !important; text-indent: 20px; background-size: 16px !important;} + .login_info_grp .menu_grp{padding:10px;} + .login_info_grp .menu_grp a.cst_srh, + .login_info_grp .menu_grp a.cst_new {height: 30px; line-height:30px; width:100%; font-size: 14px;} + .right_menu{width:200px;} + .right_menu .tb_box tr td{display: block; width: 200px;} + .right_menu ul.list_box > li a.rt_ttl{line-height: 30px; font-size: 14px;} + .right_menu ul.list_box > li .box, + .right_menu ul.list_box > li .box .tb_static{margin: 0;} + .right_menu ul.list_box > li .box .tb_static > colgroup > .col{width:69px !important;} + .right_menu .btm_menu a{background: none !important; padding-top: 0 !important; border-bottom:1px solid #3c424a; display: block; line-height: 30px; margin:0 !important; text-indent: 20px} + .right_menu .btm_menu a:hover{background:#111 !important;} + .right_menu .btm_menu a.viewmore{width:30px !important; height:36px; background: url(/common/cm/images/ico_goright.gif) no-repeat center center !important; -webkit-transform: rotate(90deg); width: 100%; border-bottom: 0; padding:0; display: inline-block; margin-left: 90px !important;} */ +}*/ diff --git a/src/com/inswave/config/db.properties b/src/com/inswave/config/db.properties index a30933c..823662e 100644 --- a/src/com/inswave/config/db.properties +++ b/src/com/inswave/config/db.properties @@ -11,13 +11,22 @@ #password=NAMSAN # 상암_티베로 +#driver=com.tmax.tibero.jdbc.TbDriver +#url=jdbc:tibero:thin:@98.42.34.234:8629:gtpadb +#username=DBUSER_CFS +#password=dbuser_cfs7 + driver=com.tmax.tibero.jdbc.TbDriver -url=jdbc:tibero:thin:@98.42.34.234:8629:gtpadb -username=DBUSER_CFS -password=dbuser_cfs7 +url=jdbc:tibero:thin:@211.119.124.118:8629:gtpadevdb +username=dbuser_cfs +password=dbuser_cfs8 # 로컬_오라클 #driver=oracle.jdbc.driver.OracleDriver #url=jdbc:oracle:thin:@localhost:1521:xe #username=system -#password=1234 \ No newline at end of file +#password=1234 + + + +