@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}