You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1170 lines
86 KiB
CSS
1170 lines
86 KiB
CSS
@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} |