@charset "utf-8";


/* ***********************************************
** 기본요소 초기화
*/
html,body{margin:0;padding:0;}
body{color:#111;font-style:normal;-webkit-text-size-adjust:none;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,table,form,fieldset,ul,ol,dl,li,dd{margin:0;padding:0}/* -webkit-text-size-adjust:none 웹표준 검사에 오류로 표시 */
body,input,textarea,select,button,table{font-size:14px;}
.w2tb_th,
.intitle_text { }
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,table,form,fieldset{margin:0;padding:0}
/* body,input,textarea,select,button,table{font-size:12px;outline:none;} */
table caption{position:absolute}/* 테이블 border 버그 */
caption,legend{display:none}
a img{vertical-align:top; cursor:pointer;}
img,fieldset{border:0}
ul,ol,dl,li,dd {list-style:none}
ul li img {vertical-align:top}
address,em{font-style:normal}
a{cursor:pointer;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none}
input[type="button"],input[type="text"],button{-webkit-appearance:none;}/* iOS 버튼 라운딩 제어 */
input[type="button"],button {cursor: pointer;}
input[type="checkbox"]{vertical-align: middle;}
input[type="checkbox" i]{margin:0;width: 18px;height: 18px;}
input[type="checkbox"]:after{content:""; display:block; background:#fff url(/cm/img/ico_checkbox.png) no-repeat center center; width:20px; height:20px;}
input[type="checkbox"][disabled="disabled"]:after {background-image: url(/cm/img/ico_checkbox_disable.png);}
input[type="checkbox"][disabled="disabled"]:checked:after {background-image: url(/cm/img/ico_checkbox_disable_checked.png);}
input[type="checkbox"]:checked:after{content:"";  display:block; background:url(/cm/img/ico_checkbox_checked.png) no-repeat center center; width:20px; height:20px;}


input[type="checkbox"][disabled="true"]:after {background-image: url(/cm/img/ico_checkbox_disable.png);}
input[type="checkbox"][disabled="true"]:checked:after {background-image: url(/cm/img/ico_checkbox_disable_checked.png);}


.check_col {display:block;border: 1px solid #ddd;padding: 0 10px;border-radius: 4px;}
.check_col .w2checkbox  {display:block;margin-left: 0 !important;padding: 15px 0;border-bottom:1px solid #ddd;}
.check_col .w2checkbox_label {display:block;background:url('/cm/img/check_col.png') no-repeat center right;}
.check_col .w2checkbox_main {width:100% !important}
.check_col .w2checkbox:last-child .w2checkbox_label {background:none;}



.variation .w2checkbox_label,
 .variation .w2radio_label {color:#e60012}

input[type=radio] {visibility: hidden;}
input[type="radio"]:after{visibility:visible; content:""; display:block; background:url(/cm/img/ico_radio.png) no-repeat center center; width:20px; height:20px;}
input[type="radio"]:checked:after{visibility:visible; content:"";  display:block; background:url(/cm/img/ico_radio_checked.png) no-repeat center center; width:20px; height:20px;}
input[type="radio"][disabled="disabled"]:after{visibility:visible; content:""; display:block; background:url(/cm/img/ico_radio_disable.png) no-repeat center center; width:20px; height:20px;}
input[type="radio"][disabled="disabled"]:checked:after{visibility:visible; content:"";  display:block; background:url(/cm/img/ico_radio_disable_checked.png) no-repeat center center; width:20px; height:20px;}


.checkbutton .w2checkbox_item {display: inline-block;margin-right: 5px; border-radius: 3px;}
.checkbutton .w2checkbox_td_input {width: auto; margin-right:10px}
/* border: 1px solid #ddd; */
.checkbutton  input[type="checkbox"],
.checkbutton  input[type="checkbox"] {display:none;}
.checkbutton  input[type="checkbox"] + .w2checkbox_label {border: 1px solid #ddd;border-radius: 3px;line-height: 28px;display: block;background:#fff;}
.checkbutton  input[type="checkbox"]:checked + .w2checkbox_label {border: 1px solid #333;border-radius: 3px; padding: 0 10px;}
.checkbutton .w2checkbox_label {padding: 0 10px;}

.radiobtn .w2radio_item {display: inline-block;margin-right: 5px; border-radius: 3px;}
.radiobtn input[type="radio"],
.radiobtn input[type="radio"]:checked{display:none;}
.radiobtn input[type="radio"] + .w2radio_label {border: 1px solid #ddd;border-radius: 3px;line-height: 28px;display: block;background:#fff;}
.radiobtn input[type="radio"]:checked + .w2radio_label {border: 1px solid #333; border-radius: 3px; padding: 0 10px;}
.radiobtn .w2radio_label {padding: 0 10px;}








*{outline:none;}


/* ***********************************************
** 웹스퀘어 컴포넌트 초기화
*/
.w2group{background-color:transparent}
/* :focus{outline:none}focus outline:-webkit-focus-ring-color auto 1px;outline-offset:0 라인 없음 */
.w2textarea{display:block;margin:0; font-size:14px;}/* 브라우저 margin */
.w2trigger{display:-moz-inline-stack;overflow:visible}/* firefox padding 버그 및 ie padding 버그 */
.w2input_disabled{background:#eee !important}
.w2input_readonly{background:transparent !important; border:0px !important}
.w2selectbox_disabled{border: 1px solid #d3dbe3;color:#b4bbc2;cursor:default}

/* form */
.w2input,.w2textarea,.w2inputCalendar_divInput{font-size:14px;color:#60656f;border:1px solid #ddd;background:#fff}
.w2input{height:32px;border:1px solid #ddd; -moz-box-sizing:border-box;box-sizing:border-box}
.w2input{padding:0 10px; font-size:14px;}
.w2textarea{border:1px solid #ddd;padding: 10px; -moz-box-sizing:border-box;box-sizing:border-box}
.w2grid .w2input,.w2grid .w2textarea,.w2grid .w2inputCalendar_divInput{-moz-box-sizing:content-box;box-sizing:content-box}
.w2selectbox,.w2checkcombobox,.w2autoComplete,
.w2upload .w2upload_input,
.w2multiselect_table .w2multiselect_td{border:1px solid #d3dbe3;outline:none;}
.w2checkbox .w2checkbox_item,
.w2radio .w2radio_item{display:inline-block;margin-right:3px}
.w2checkbox .w2checkbox_item input[type="checkbox"]{margin: 3px 3px 0 0;}
.w2checkbox .w2checkbox_item input[type="checkbox"],
.w2checkbox .w2checkbox_item label{vertical-align:middle}
.w2radio .w2radio_item input[type="radio"]{margin:0 3px 0 0}
.w2radio .w2radio_item input[type="radio"], .w2radio .w2radio_item label{vertical-align:middle}
.w2span{display:inline-block}/* span text부분 */

/* input + 돋보기 */
.input_search{position:relative; display:inline-block; vertical-align:top;}
.input_search .w2input{padding-right:30px;}
.input_search .w2trigger{position:absolute; right:8px; border: 0; top: 5px; background: url(/cm/img/btn_tbsearch02.png) no-repeat; width: 13px; height: 15px;}

.input_search2{position:relative; display:inline-block; vertical-align:top;}
.input_search2 .w2input{}
.input_search2 .w2trigger{position:absolute; right:8px; border: 0; top: 5px; background: url(/cm/img/btn_tbsearch03.png) no-repeat; width: 13px; height: 15px;}


.input_search3{position:relative; display:inline-block; vertical-align:top;}
.input_search3 .w2input{}
.input_search3 .w2trigger{position:absolute; right:8px; border: 0; top: 5px; background: url(/cm/img/btn_tbsearch04.png) no-repeat; width: 13px; height: 15px;}

/* checkbox & radio */
.w2checkbox_label {padding-right:6px; padding-left: 7px; font-size:14px;font-weight: 400;}
.w2checkbox {height: 36px;line-height: 36px;}
.w2checkbox_td_label {padding-right: 15px;}
.w2radio_label {padding-right: 10px;padding-left: 13px;font-size:14px;line-height: 20px;}
.w2radio_input{visibility:hidden;}

/* inputCalendar 이미지 변경 */
.w2inputCalendar_div{height:32px;}
.w2inputCalendar_div .w2inputCalendar_div_input{padding-right:3px; height:19px;-moz-box-sizing:border-box;box-sizing:border-box}
.w2inputCalendar_div .w2inputCalendar_div_img{width:22px;height:19px}
.w2inputCalendar_div .w2inputCalendar_button{right:10px;background:url(/cm/img/bg_btn_calendar_ico.png) no-repeat 100% 0 !important}
.inpc{position:relative;}
.inpc .w2inputCalendar_div_input{width:100% !important; padding-right:0;}
.inpc .w2inputCalendar_div_input .w2inputCalendar_divInput{width: 100% !important; box-sizing: border-box; height: 32px !important; padding-left: 8px;}
.inpc .w2inputCalendar_div_input .w2inputCalendar_divInput:hover{border:1px solid #333;}
.inpc .w2inputCalendar_div_img{position:absolute; right:0;}

/* selectbox */
.w2selectbox{height:30px;border:1px solid #ddd;}
.w2selectbox .w2selectbox_label{padding:0;font-size:12px; text-align: left; padding-left: 10px;}
.w2selectbox_over .w2selectbox_col_label,
.w2selectbox_over .w2selectbox_col_label{background :transparent; color: #8b8075;font-size:14px;outline:none;}

.w2selectbox_open .w2selectbox_col_button {background : url(/cm/img/ico_down.png) center center no-repeat ; width:25px;}
.w2selectbox_focus .w2selectbox_col_label {background : transparent;outline:none;}
.w2selectbox.w2selectbox_body_over,
.w2selectbox.w2selectbox_open{border:2px solid #0c1924;}
.w2table_sb_col_over{background-color:#f7f7f7;}
.w2table_sb_col {text-align: left; padding-left: 10px; font-size: 12px;height:32px;}/* background:#303030;color:#fff;border-top:0px none; */
.w2table_sb{outline:none;border:1px solid #ddd;border-radius: 4px;overflow: hidden;}

/* textarea */
.w2textarea[disabled]{background-color:#eee;}

/* w2checkcombobox  */
.w2checkcombobox {height:30px;border:1px solid #ddd;}
.w2checkcombobox .w2checkcombobox_col_button{background : url(/cm/img/ico_down.png) center center no-repeat; width:32px;}

/* AutoComplete */
.w2input_table_sb_col{height:32px; font-size:14px;border: 0px none;overflow:hidden;padding:2px 3px;outline:none;}
.w2input_table_sb_col_over {background:#f7f7f7;}
.w2input_table_sb {outline:none !important;}
.w2autoComplete .w2autoComplete_col_button{background:#fff;}
.w2autoComplete_selected .w2autoComplete_col_button{background:#edf3fb;}

.w2gridViewItemTable_main{background-color:transparent}
.w2gridViewItemTable_main div{z-index:999 !important}
.w2gridViewItemTable_main th{background:#edeef3 !important;border:1px solid #e3e3e3 !important}
.w2gridViewItemTable_main .gridHeaderTableDefault .gridBodyDefault.focusedTr{border:1px solid #dbadbb !important;background:#fff6fb !important;color:#b61c21;font-weight:bold}
.w2gridViewItemTable_main .gridHeaderTableDefault{border-top:3px solid #757984}

/* focus */
.w2input.w2input_focus,.w2inputCalendar_div .w2inputCalendar_focus{border:2px solid #333}
/* hover */
.w2input:hover,
.w2textarea:hover,
.w2inputCalendar_divInput:hover{border:2px solid #333}

/* 팝업 */
.w2window{border:0;}
.w2window_header{height:40px;line-height:40px;background:#fff;position: relative;}
.w2window_header .w2window_header_icon{display:none}
.w2window_header .w2window_header_title{left:0;padding:0;font-size:14px;color:#fff;height:40px; padding-left:15px;}
.w2window_header .w2window_header_control{}
.w2window_header .w2window_header_control .w2window_close{top:0;width:52px;height:40px;background:url(/cm/img/pop_close.png) no-repeat center center; right:0; left:auto}
.w2window_body{top:40px;padding:0;background-color:transparent;border:none;border-top:none}
.w2window_body .w2window_content{top:0;right:30px;bottom:30px;left:30px;border:none}

/* treeview - lnb */
.w2treeview_virtual .treeview_virtual_node .treeview_label{margin-left:20px;color:#fff;font-size:16px;}
.w2treeview_virtual .treeview_virtual_node .treeview_select_node{font-weight:normal;}
/* .w2treeview_virtual .w2treeview_virtual_main_div {overflow:hidden;}
.w2treeview_virtual .w2treeview_virtual_scrollY_div{overflow:hidden;} */
/* .tw_menu .w2tree_depth_3 .treeview_label::before{content:'ㆍ';color:#ffffff;} */
/* scrollbar */
/* .w2treeview_virtual_scrollY_div::-webkit-scrollbar {width: 10px;}
.w2treeview_virtual_scrollY_div::-webkit-scrollbar-thumb {background-color: #8b8b8b;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
.w2treeview_virtual_scrollY_div::-webkit-scrollbar-track {background-color: #22222;border-radius: 10px;}
.w2treeview_virtual_scrollY_div {scrollbar-base-color: #8b8b8b;scrollbar-face-color: #8b8b8b;scrollbar-3dlight-color: #8b8b8b;scrollbar-highlight-color: #8b8b8b;scrollbar-track-color: transparent;scrollbar-arrow-color: #222;scrollbar-shadow-color: #222;}
 */

/* tabcontrol */
.w2tabcontrol_control {}
.w2tabcontrol_contents{-webkit-overflow-scrolling: touch}/* 모바일 tabControl scrolling */

/* upload */
.w2upload .w2upload_image{background-image: none !important; width: auto !important; top: 0px; height: 32px;}
.w2upload .w2upload_image input{width:55px; height:32px;}
.w2upload_image{background:none;position:relative;}
.w2upload_image:before{content:"추가"; border:1px solid gray; position:absolute; padding: 0 12px; color: #333; font-size: 14px; border: 1px solid #ddd;line-height: 30px; box-sizing: border-box; text-align: center;}

/* switch */
.w2fliptoggle_left{width:19px;}
.w2fliptoggle_right{width:39px;}
.w2fliptoggle_left_bg{background:#fff;}
.w2fliptoggle_conner_left{border-top-left-radius:15px; border-bottom-left-radius:15px;}
.w2fliptoggle_conner_right{border-top-right-radius:15px; border-bottom-right-radius:15px;}

.w2fliptoggle {width:60px !important; height:24px !important;}
.w2fliptoggle_button {border-radius: 100px;width: 43%;}


.w2fliptoggle_right {background:#777;}
.w2fliptoggle_right_label {color:#fff;font-weight: 500;font-size: 12px;line-height: 14px !important;font-family:'Roboto' ,'Noto Sans KR', 'sans-serif';}
.w2fliptoggle_left {background:#0c1924;}
.w2fliptoggle_left_label {color: #fff;font-weight: 500;font-size: 12px;line-height: 14px !important;font-family:'Roboto' ,'Noto Sans KR', 'sans-serif';}

.toggle_box {display: inline-block;vertical-align: middle;}
.toggle_box .w2textbox {display: inline-block;vertical-align: middle;padding-right: 10px;font-size: 14px;color: #111;}


/* 캘린더 */
.w2calendar_header {padding: 14px 10px 7px 10px;height: 61px;box-sizing: border-box;text-align: center;}
.w2calendar_header_last_year {background: url(/cm/img/year_last.gif) center center no-repeat white;top: 25px;left: 17px;}
.w2calendar_header_last_month {background: url(/cm/img/month_last.gif) center center no-repeat white;top: 25px;left: 31px;}

.w2calendar_selectbox_year {width: 88px;top:19px;left: 52px;}
.w2calendar_selectbox_month {width: 57px;top:19px;left: 147px;}

.w2calendar_header_next_month {background: url(/cm/img/month_next.gif) center center no-repeat white;top: 25px;left: 212px;}
.w2calendar_header_next_year {background: url(/cm/img/year_next.gif) center center no-repeat white;top: 25px;left: 230px;}
.w2calendar_class1 .w2calendar_col_date {background: none;height: 29px;}
.w2calendar_content {background: #fff;border-top: none;padding: 0 35px 10px;}
.w2calendar_class1 {width:264px;height: 320px;}
.w2calendar_class1 .w2calendar_date_over{background-color:#f7f7f7;color: #333;}
.w2calendar_class1 .w2calendar_selected {border: none;color: #fff;}
.w2calendar_go_today {background-image: url(/cm/img/b_date.gif);}
.w2calendar_class1 .w2calendar_col_day {height:29px;}

.w2calendar_class1 .w2calendar_day0 {background: url(/cm/img/day_sun.gif) center center no-repeat #fff;}
.w2calendar_class1 .w2calendar_day1 {background: url(/cm/img/day_mon.gif) center center no-repeat #fff;}
.w2calendar_class1 .w2calendar_day2 {background: url(/cm/img/day_tue.gif) center center no-repeat #fff;}
.w2calendar_class1 .w2calendar_day3 {background: url(/cm/img/day_wed.gif) center center no-repeat #fff;}
.w2calendar_class1 .w2calendar_day4 {background: url(/cm/img/day_thu.gif) center center no-repeat #fff;}
.w2calendar_class1 .w2calendar_day5 {background: url(/cm/img/day_fri.gif) center center no-repeat #fff;}
.w2calendar_class1 .w2calendar_day6 {background: url(/cm/img/day_sat.gif) center center no-repeat #fff;}

.w2calendar_footer {margin-top: 7px;}
.w2calendar_footer_date {font-size: 13px;}

.inpc_datetime .w2calendar_footer{}

.w2calendar_selectbox_hour {width: 52px;}
.w2calendar_selectbox_minute {width: 52px;}

.w2calendar_inpc_datetime .w2calendar_col_day {height:29px;}
.w2calendar_inpc_datetime .w2calendar_col_date {background: none;height: 29px;}
.w2calendar_inpc_datetime {width:264px;height: 320px;}
.w2calendar_inpc_datetime .w2calendar_date_over{background-color:#f7f7f7;color: #333;}
.w2calendar_inpc_datetime .w2calendar_selected {border: 1px solid #333;color: #333;}

.w2calendar_inpc_datetime .w2calendar_day0 {background: url(/cm/img/day_sun.gif) center center no-repeat #fff;}
.w2calendar_inpc_datetime .w2calendar_day1 {background: url(/cm/img/day_mon.gif) center center no-repeat #fff;}
.w2calendar_inpc_datetime .w2calendar_day2 {background: url(/cm/img/day_tue.gif) center center no-repeat #fff;}
.w2calendar_inpc_datetime .w2calendar_day3 {background: url(/cm/img/day_wed.gif) center center no-repeat #fff;}
.w2calendar_inpc_datetime .w2calendar_day4 {background: url(/cm/img/day_thu.gif) center center no-repeat #fff;}
.w2calendar_inpc_datetime .w2calendar_day5 {background: url(/cm/img/day_fri.gif) center center no-repeat #fff;}
.w2calendar_inpc_datetime .w2calendar_day6 {background: url(/cm/img/day_sat.gif) center center no-repeat #fff;}

.calendarbox{position:relative;}
.calendarbox .w2inputCalendar_div_input{width:100% !important; padding-right:0 !important; box-sizing:border-box;}
.calendarbox .w2inputCalendar_divInput{width:100% !important; height:32px !important;padding-left: 10px; box-sizing:border-box;}
.calendarbox .w2inputCalendar_div_img {position: absolute; right: 8px; top:6px;}
.calendarbox .w2inputCalendar_button {right: 2px !important; top:2px !important;}

.w2calendar_selectbox_year_native{left: 61px; top: 24px;}
.w2calendar_selectbox_month_native{left: 133px; top: 24px;}

/* adaptive */
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_contents{height:auto;margin-top:0;}
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper_selected{border-bottom:1px solid #ccc;}
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_bridge{background:#fff;border-width:0 0 1px 0;}
.tabc_layout.w2tab_adaptive_layout .w2tabcontrol_contents_bridge_selected{border-bottom:1px solid #ccc;}

.wq_tbc.w2tab_adaptive_layout .w2tabcontrol_contents{height:auto;margin-top:0;}
.wq_tbc.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper{padding-top:0;}
.wq_tbc.w2tab_adaptive_layout .w2tabcontrol_contents_wrapper_selected{border-bottom:1px solid #ccc;}
.wq_tbc.w2tab_adaptive_layout .w2tabcontrol_bridge{background:#f1f1f1;border-width:0 0 1px 0;}
.wq_tbc.w2tab_adaptive_layout .w2tabcontrol_contents_bridge_selected{border-bottom:1px solid #ccc;}

/* multiUpload */
.multi_file div[id$="fileUpload_grd_file_noresult"]{display:none !important;}
/* ***********************************************
** 공통요소 초기화
** lybox (분할용 그룹)
** form 정렬
** text 정렬
** font 강조
** margin & padding
** float버그 높이값 사라짐 처리
*/

.req:after{/* content:'*'; color: red; margin: 0 0 0 0; vertical-align: top; */}
.lybox{display:table;width:100%;position:relative}
.ly_column{display:table-cell;padding:0 10px;margin:0;-moz-box-sizing:border-box;box-sizing:border-box;}
.ly_column:first-child{padding-left:0 !important}
.ly_column:last-child{padding-right:0 !important}
.lybox.col2 .ly_column{width:50%;}
.lybox.col3 .ly_column{width:33.333%;}
.lybox.col4 .ly_column{width:25%;}
.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%}

/* column fix - 좌측화면 고정 */
.lybox.left_fix2 .ly_columnfix_left{position:relative;float:left;width:200px;padding:0;margin-right:-200px;min-height:14px}
.lybox.left_fix2 .ly_columnfix_right{position:relative;padding:0;margin-left:200px;overflow:hidden;min-height:14px}
.lybox.left_fix3 .ly_columnfix_left{position:relative;float:left;width:300px;padding:0;margin-right:-300px;min-height:14px}
.lybox.left_fix3 .ly_columnfix_right{position:relative;padding:0;margin-left:300px;overflow:hidden;min-height:14px}

/* lybox Button Type */
.lybox.horizontal{width:100%;}
.lybox.horizontal .ly_column{}
.lybox.horizontal .ly_column.btn{width:20px;padding-left:0;padding-right:0;vertical-align:middle}
.lybox.horizontal .ly_column.btn input[type="button"]{margin:2px 0}
.lybox.vertical{display:block;}
.lybox.vertical .ly_column{display:block;padding:0}
.lybox.vertical .ly_column.btn{width:100%;padding:10px 0;text-align:center;vertical-align:middle}
.lybox.vertical .ly_column.btn input[type="button"]{margin:0 2px}

/* form 정렬 */
.fl{float:left;min-height:14px}
.fr{float:right;min-height:14px}
.ofh{overflow:hidden}

/* text 정렬 */
.tal{text-align:left !important}
.tac{text-align:center !important}
.tar{text-align:right !important}

/* text-decoration */
.tdu{text-decoration:underline !important}

/* font */
/* 강조 */
.fwn{font-weight:normal !important}
.fwb{font-weight:600 !important}
/* color */
.fcr{color:#f00 !important}
.fcb{color:#00f !important}
/* 알파벳 소문자를 대문자로 */
.ttu{text-transform:uppercase}

/* margin & padding */
.mg0 {margin:0 !important}              .pd0{padding:0 !important}
.mt0 {margin-top:0 !important}          .pt0{padding-top:0 !important}
.mt1 {margin-top:1px !important}        .pt1{padding-top:1px !important}
.mt2 {margin-top:2px !important}        .pt2{padding-top:2px !important}
.mt3 {margin-top:3px !important}        .pt3{padding-top:3px !important}
.mt4 {margin-top:4px !important}        .pt4{padding-top:4px !important}
.mt5 {margin-top:5px !important}        .pt5{padding-top:5px !important}
.mt6 {margin-top:6px !important}        .pt6{padding-top:6px !important}
.mt7 {margin-top:7px !important}        .pt7{padding-top:7px !important}
.mt8 {margin-top:8px !important}        .pt8{padding-top:8px !important}
.mt9 {margin-top:9px !important}        .pt9{padding-top:9px !important}
.mt10 {margin-top:10px !important}      .pt10{padding-top:10px !important}
.mt20 {margin-top:20px !important}      .pt20{padding-top:20px !important}
.mt30 {margin-top:30px !important}      .pt30{padding-top:30px !important}
.mr1 {margin-right:1px !important;}     .pr1{padding-right:1px !important}
.mr2 {margin-right:2px !important;}     .pr2{padding-right:2px !important}
.mr3 {margin-right:3px !important;}     .pr3{padding-right:3px !important}
.mr4 {margin-right:4px !important;}     .pr4{padding-right:4px !important}
.mr5 {margin-right:5px !important;}     .pr5{padding-right:5px !important}
.mr6 {margin-right:6px !important;}     .pr6{padding-right:6px !important}
.mr7 {margin-right:7px !important;}     .pr7{padding-right:7px !important}
.mr8 {margin-right:8px !important;}     .pr8{padding-right:8px !important}
.mr9 {margin-right:9px !important;}     .pr9{padding-right:9px !important}
.mr10 {margin-right:10px !important;}   .pr10{padding-right:10px !important}
.mr20 {margin-right:20px !important;}   .pr20{padding-right:20px !important}
.mr30 {margin-right:30px !important;}   .pr30{padding-right:30px !important}
.mb1 {margin-bottom:1px !important;}    .pb1{padding-bottom:1px !important}
.mb2 {margin-bottom:2px !important;}    .pb2{padding-bottom:2px !important}
.mb3 {margin-bottom:3px !important;}    .pb3{padding-bottom:3px !important}
.mb4 {margin-bottom:4px !important;}    .pb4{padding-bottom:4px !important}
.mb5 {margin-bottom:5px !important;}    .pb5{padding-bottom:5px !important}
.mb6 {margin-bottom:6px !important;}    .pb6{padding-bottom:6px !important}
.mb7 {margin-bottom:7px !important;}    .pb7{padding-bottom:7px !important}
.mb8 {margin-bottom:8px !important;}    .pb8{padding-bottom:8px !important}
.mb9 {margin-bottom:9px !important;}    .pb9{padding-bottom:9px !important}
.mb10 {margin-bottom:10px !important;}  .pb10{padding-bottom:10px !important}
.mb20 {margin-bottom:20px !important;}  .pb20{padding-bottom:20px !important}
.mb30 {margin-bottom:30px !important;}  .pb30{padding-bottom:30px !important}
.ml1 {margin-left:1px !important;}      .pl1{padding-left:1px !important}
.ml2 {margin-left:2px !important;}      .pl2{padding-left:2px !important}
.ml3 {margin-left:3px !important;}      .pl3{padding-left:3px !important}
.ml4 {margin-left:4px !important;}      .pl4{padding-left:4px !important}
.ml5 {margin-left:5px !important;}      .pl5{padding-left:5px !important}
.ml6 {margin-left:6px !important;}      .pl6{padding-left:6px !important}
.ml7 {margin-left:7px !important;}      .pl7{padding-left:7px !important}
.ml8 {margin-left:8px !important;}      .pl8{padding-left:8px !important}
.ml9 {margin-left:9px !important;}      .pl9{padding-left:9px !important}
.ml10 {margin-left:10px !important;}    .pl10{padding-left:10px !important}
.ml20 {margin-left:20px !important;}    .pl20{padding-left:20px !important}
.ml30 {margin-left:30px !important;}    .pl30{padding-left:30px !important}

/* 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 해결 */

/* color 표준 */
.brown{color: #fd6d3a !important;}


/* ***********************************************
** 레이아웃
** modal 처리 위한 클래스(.dim)
*/
/* Layout */

.container_etc{position:relative;padding:0;margin:0;}
.container_inner{position:relative;width:1260px;height:100%;padding:0;margin:0 auto;overflow:auto;background:#fff;}
.container .btn_aside{position:absolute;left:270px;top:-82px;width:29px;height:22px;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:url("/cm/css/cms/ico_list.png") 50% 0 no-repeat}*/
.container .btn_aside_l{position:absolute;left:210px;top:-82px;width:29px;height:22px;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:url("/cm/css/cms/ico_list.png") 50% 0 no-repeat}
.container .btn_aside_r{position:absolute;right:210px;top:-82px;width:29px;height:22px;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:url("/cm/css/cms/ico_list.png") 50% 0 no-repeat}
.dim{display:none;}
.side{z-index:0;position:absolute;left:0;top:0;bottom:0;background:#f4f6f7;overflow:hidden}
.side .wrap_lnb{width:auto;}
.side.on .wrap_lnb{width:340px;}
.side .btn_menu{display:none;}
.side.on .btn_menu{display:block;}
.side.on + .contents{left:340px}
.side_l{z-index:200;position:absolute;left:0;top:0;bottom:0;width:230px;background:#f3f6f7;overflow:hidden;}
.side_r{z-index:200;position:absolute;right:0;top:0;bottom:0;width:239px;background:#f2f6fa;overflow:hidden;}


.container.sd_slide .side{width:0;overflow:hidden}
.container.sd_slide .side_l{width:37px;overflow:hidden}
.container.sd_slide .contents{left:37px}
.container.sd_r_slide .side_r{width:0;overflow:hidden}
.container.sd_r_slide .contents{right:0px;}

/* layout */
.wrap{position:relative;width:100%;height:100%;background:#fff;}/* height:100% */
.header{position: absolute;height:60px;padding:0;margin:0px; left:0; right:0; top:0; bottom:0;}
.header.on{height:auto;}
.container{position:absolute;left:0;right:0;top:60px;bottom:0}
/* .contents{position:absolute;left:70px;right:0;top:0;bottom:0;z-index:1;} */

/* Close Side */
.closeSide .sidebox {display:none;}
.closeSide .contents {left:0;}
.mob_close, .mob_menu{display:none;}

/* header */
.logo{position:absolute;left:15px;top:15px;width:127px;height:17px;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:url(/cm/img/logo.png) no-repeat}
.btn_slide{position:absolute;left:199px;top:13px;width:26px;height:21px;padding:0;margin:0;border:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:url(/cm/img/bg_btn_side_slide_.png) 50% 50% no-repeat}
.gnb_area{position:absolute;top:0;left:227px;right:250px;height:47px;-moz-box-sizing:border-box;box-sizing:border-box;}
.gnb_area .navi{*zoom:1;}
.gnb_area .navi:after{content:"";display:block;clear:both;}
.gnb_area .navi .navi_item{float:left;margin-left:33px;}
.gnb_area .navi .navi_item:first-child{margin-left:32px;}
.gnb_area .navi .navi_item a{display:inline-block;font-size:14px;color:#fff;line-height:47px;}
.infobox{z-index:200;position:absolute;right:30px;top:12px;margin:0}
.infobox .info_tit{display:inline-block;padding:4px 5px 4px 0;margin:0;color:#fff;font-size:14px;line-height:15px;vertical-align:middle}
.infobox .info_tit.name_tit{font-weight:bold;color:#90e46a;padding-right:10px}
.infobox .btn_logout{display:inline-block;width:68px;height:23px;padding:0;margin:0;border:0;color:#fff;line-height:23px;background:#3eaae8;border-radius:13px;-moz-border-radius:13px;vertical-align:middle}
.infobox .opt_box{display:inline-block;min-height:23px;margin-left:19px;padding-left:26px;border-left:1px solid #a3a5a8;vertical-align:middle;}
.infobox .opt_box a{display:inline-block;margin-left:7px;text-indent:-9999px;vertical-align:middle;}
.infobox .opt_box .ico_alarm{position:relative;width:18px;height:19px;margin-left:0;background:url(/cm/img/contents/ico_info_alarm.png) no-repeat;display:inline-block;vertical-align:middle}
.infobox .opt_box .ico_alarm span{position:absolute;top:-4px;right:-7px;width:16px;height:16px;line-height:16px;font-size:13px;font-weight:bold;color:#fff;border-radius:100%;text-align:center;text-indent:0;background-color:#c67400;}
.infobox .opt_box .ico_info{width:21px;height:21px;margin-left:17px;background:url(/cm/img/ico_info_info.png) no-repeat;}
.infobox .opt_box .ico_phone{width:21px;height:21px;background:url(/cm/img/ico_info_phone.png) no-repeat;}
.infobox .opt_box .ico_group{width:21px;height:21px;background:url(/cm/img/ico_info_group.png) no-repeat;}
.infobox .opt_box .ico_setting{width:21px;height:21px;background:url(/cm/img/ico_info_setting.png) no-repeat;}
.grp_global_srh{display:none; background-color:#f3f3f3; position:absolute; lefT:0; right:0; top:0; bottom:0; height:60px; border-bottom:1px solid #ddd; box-sizing:border-box;text-align:center;}
.grp_global_srh.on{display:block;}
.grp_global_srh .global_search{position: absolute; top:10px; left:65px; right:65px; margin:0 auto; max-width:500px; }
.grp_global_srh .grp_srh_logo{position:absolute; left:25px; top:19px;background:url(/cm/img/search_logo.png) no-repeat left top; width:21px; height:23px;}
.grp_global_srh .global_search .w2input{width:100%; height:40px; box-sizing:border-box; border-radius:20px; padding-left:20px; line-height:40px;}
.grp_global_srh .global_search .cls{position: absolute; right:20px; top:13px; width:13px; height:15px; background:url(/cm/img/btn_tbsearch02.png) no-repeat right center;}
.grp_global_srh .grp_srh_cls{position:absolute; right:30px; top:23px;background:url(/cm/img/ico_delete.png) no-repeat left top; width:13px; height:13px;}
.grp_setting{display:none; width:320px; background:#fff; position: fixed; right: 0; top: 60px; bottom:0;  z-index: 2000; box-shadow: 0px 0 12px;}
.grp_setting.on{display:block;}
.grp_setting .grp_st_card{display:flex; padding:30px 20px 20px 20px;}
.grp_setting .grp_st_card .pic{width:50px; height:50px; border-radius:50px; background:#ddd;}
.grp_setting .grp_st_card .grp_txt{flex:1; margin-left: 10px; margin-top: 10px;}
.grp_setting .grp_st_card .name{font-weight:bold; font-size:13px; color:#333 !important; float: none !important;line-height: 12px !important;}
.grp_setting .grp_st_card .part{color:#999 !important; float: none !important; line-height: 26px !important;}
.grp_setting .grp_st_option{display:flex;padding:0 20px; height:74px;}
.grp_setting .grp_st_option > li{flex:1;}
.grp_setting .grp_st_option > li > a{display:block; padding-top:44px;text-align:center; color:#999999;}
.grp_setting .grp_st_option > li:hover a{color:#333;}
.grp_setting .grp_st_option > li:nth-child(1) > a{background:url(/cm/img/bg_font.png) no-repeat center top;}
.grp_setting .grp_st_option > li:nth-child(2) > a{background:url(/cm/img/bg_theme.png) no-repeat center top;}
.grp_setting .grp_st_option > li:nth-child(3) > a{background:url(/cm/img/bg_refresh.png) no-repeat center top;}
.grp_setting .grp_st_option > li:nth-child(4) > a{background:url(/cm/img/bg_logout.png) no-repeat center top;}
.grp_setting .grp_st_option > li:nth-child(1):hover > a{background-image:url(/cm/img/bg_font_over.png)}
.grp_setting .grp_st_option > li:nth-child(2):hover > a{background-image:url(/cm/img/bg_theme_over.png)}
.grp_setting .grp_st_option > li:nth-child(3):hover > a{background-image:url(/cm/img/bg_refresh_over.png)}
.grp_setting .grp_st_option > li:nth-child(4):hover > a{background-image:url(/cm/img/bg_logout_over.png)}
.grp_setting .grp_st_option li ul{display:none; border:1px solid #333;position: absolute; left: 20px; right: 20px; top: 170px; background: #fff; z-index:1000;}
.grp_setting .grp_st_option li ul.on{display:block;}
.grp_setting .grp_st_option li ul li{box-sizing:border-box;position: relative;}
.grp_setting .grp_st_option li ul li a{display:block; height:40px; line-height:40px; border-bottom:1px solid #ddd; padding: 0 20px 0 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.grp_setting .grp_st_option li ul li a:hover{background:#f7f7f7;}
.grp_setting .grp_st_option li ul li:last-child a{border-bottom:0;}
.grp_setting .grp_st_tab{position:relative;}
.grp_setting .grp_st_tab .w2tabcontrol_tabhost{height:50px;}
.grp_setting .grp_st_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.grp_setting .grp_st_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_right,
.grp_setting .grp_st_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:none;}
.grp_setting .grp_st_tab .w2tabcontrol_tabhost .w2tabcontrol_tab_center a{color:#999;font-size:14px;}
.grp_setting .grp_st_tab .w2tabcontrol_tabhost li{display:inline-block; width:50%; box-sizing: border-box; margin: 0;}
.grp_setting .grp_st_tab .w2tabcontrol_tabhost li a{padding:0;margin:0; border-bottom: 1px solid #dddddd; line-height: 49px; top: 0;box-sizing: border-box; }
.grp_setting .grp_st_tab .w2tabcontrol_tabhost li.w2tabcontrol_selected a{border: 1px solid #dddddd; border-bottom:0;box-sizing: border-box; }
.grp_setting .grp_st_tab .w2tabcontrol_container{box-sizing:border-box; border:0;}
.grp_setting .grp_st_tab .w2tabcontrol_selected .w2tabcontrol_tab_center a{color:#333;}
.grp_setting .grp_st_tab .grp_alarm{}
.grp_setting .grp_st_tab .grp_alarm li{padding: 22px 18px;/*  border-bottom:1px solid #ddd; */}
.grp_setting .grp_st_tab .grp_alarm li:hover{background-color:#f7f7f7;}
.grp_setting .grp_st_tab .grp_alarm li a{display:block; color:#333; font-size:13px;margin-bottom: 5px;}
.grp_setting .grp_st_tab .grp_alarm li .w2textbox{color:#999;}
.grp_setting .grp_st_tab .btn_st_num{position:absolute; right:30px; top:17px; color:#fff; background-color:#ff0000; border-radius:15px;text-align:center; padding: 0px 5px;}


.britshGreen {}
.britshGreen:after {content:'';display: inline-block;position: absolute;top: 12px;left: 10px;width:16px;height:16px;background: url(/cm/img/theme_green.png) no-repeat center center;}


.summitBrown {}
.summitBrown:after {content:'';display: inline-block;position: absolute;top: 12px;left: 10px;width:16px;height:16px;background: url(/cm/img/theme_brown.png) no-repeat center center;}


.ecBlue {}
.ecBlue:after {content:'';display: inline-block;position: absolute;top: 12px;left: 10px;width:16px;height:16px;background: url(/cm/img/theme_blue.png) no-repeat center center;}

/* sitemap */
.grp_sitemap{display:none; position:absolute; left:0; right:0; top:0; bottom:0; z-index:5000;background: rgba(10,10,10,.8);}
.grp_sitemap.on{display:block;}
    .sitemap{width:1580px; height:800px; margin:60px auto 0;}
    .sitemap .st_top{background-color:#05514e; position:relative;}
    .sitemap .st_top .w2span{display:inline-block; margin-left:20px; color:#fff; line-height:40px;}
    .sitemap .st_top .w2anchor2{position:absolute; right:20px; top:10px; text-indent:-9999px; background:url(/cm/img/icon_btn_close.png) no-repeat left top; width:16px; height:16px;}
    .sitemap .st_search{position:relative; background-color:#f3f3f3; padding:10px 0;}
    .sitemap .st_search .global_search{position:relative;}
    .sitemap .st_search .global_search{margin:0 auto; max-width:500px; }
    .sitemap .st_search .grp_srh_logo{position:absolute; left:25px; top:19px;background:url(/cm/img/search_logo.png) no-repeat left top; width:21px; height:23px;}
    .sitemap .st_search .global_search .w2input{width:100%; height:40px; box-sizing:border-box; border-radius:20px; padding-left:20px; line-height:40px;}
    .sitemap .st_search .global_search .cls{position: absolute; right:20px; top:13px; width:13px; height:15px; background:url(/cm/img/btn_tbsearch02.png) no-repeat right center;}
    .sitemap .st_search .grp_srh_cls{position:absolute; right:30px; top:23px;background:url(/cm/img/ico_delete.png) no-repeat left top; width:13px; height:13px;}
    .sitemap .st_contents{padding:30px 60px; background:#fff; overflow-y: auto; height: 650px;}
    .sitemap .st_contents .box{}
    .sitemap .st_contents .box .ttl{font-size:18px; font-weight:bold; border-bottom: 1px solid #000; line-height: 30px; margin-bottom: 10px;}
/* 2021.04.28*/
    .sitemap .st_contents .box ul.dp1{display:block; margin-bottom:45px;}
    .sitemap .st_contents .box ul.dp1 > li{width:330px; display:inline-block; vertical-align:top;}
    .sitemap .st_contents .box ul.dp1 > li > a{font-size:16px; font-weight:bold; display:block; background-color:#f3f3f3; line-height:40px; color:#333; text-decoration:underline; padding-left:10px;}
    .sitemap .st_contents .box ul.dp2{margin-top:15px;}
    .sitemap .st_contents .box ul.dp2 > li{}
    .sitemap .st_contents .box ul.dp2 > li > a{font-size:14px; display:inline-block; line-height:30px; color:#333; padding-left:10px;}
    .sitemap .st_contents .box ul.dp3{}
    .sitemap .st_contents .box ul.dp3 > li{}
    .sitemap .st_contents .box ul.dp3 > li > a{font-size:14px; display:inline-block; line-height:30px; color:#333; padding-left: 20px; text-indent: 10px; background:url(/cm/img/dot_st_dp3.png) no-repeat 20px center;}
    .sitemap .st_contents .box ul.dp4{}
    .sitemap .st_contents .box ul.dp4 > li{}
    .sitemap .st_contents .box ul.dp4 > li > a{font-size:14px; display:inline-block; line-height:30px; color:#333; padding-left:35px; text-indent: 10px; background:url(/cm/img/dot_st_dp4.png) no-repeat 35px center;}
    .sitemap .st_contents .box ul.dp5{}
    .sitemap .st_contents .box ul.dp5 > li{margin-bottom:5px;}
    .sitemap .st_contents .box ul.dp5 > li > a{font-size:14px; display:inline-block; line-height:30px; color:#333; padding-left:40px; text-indent: 10px; line-height:18px; background:url(/cm/img/dot_st_dp5.png) no-repeat 40px 8px;}
    .sitemap .st_contents .box ul li a:hover{font-weight:bold; text-decoration:underline;}
    .sitemap .st_result{display:none; text-align:center; padding:50px 0; background-color:#fff;height: 650px;overflow: auto;}
    .sitemap .st_result ul li{display:block;}
    .sitemap .st_result ul li a{display:inline-block;line-height:25px;}
    .sitemap .st_result ul li a:hover{font-weight:bold; text-decoration:underline;}

/* left menu area */
.wrap_lnb{width:340px;height: 100%;}
    .btn_lnb_Group{width: 70px;height: 100%;background: #222222;left: 0px;}
    .btn_lnb_Group ul{}
    .btn_lnb_Group ul li{display:block;}
    .btn_lnb_Group ul li a{display:block;position: relative;width:70px; height:70px; opacity:.5;color: #fff;font-size: 20px;text-align: center;}
    .btn_lnb_Group ul li a:before {line-height: 70px;position: absolute;  left: 24px;}
    .btn_lnb_Group ul + ul li a:hover{opacity:1;border-left:3px solid #8b8075;}
    .btn_lnb_Group ul li a:hover:before{left:21px}
    .btn_lnb_Group ul + ul li:first-child a:before{left:21px}
    .btn_lnb_Group ul + ul li:first-child a:hover:before{left:18px}
    .btn_lnb_Group ul li:first-child{margin-bottom:60px;}
    .btn_lnb_Group ul + ul li:first-child{margin-bottom:0;}
    .btn_lnb_Group ul li:first-child a{display:block;width:70px; height:60px;}
    .btn_lnb_Group ul + ul li:first-child a{height:70px;}
    .btn_lnb_Group {float:left;}
    .btn_lnb_Group .btn_lmn_m0{background:url(/cm/img/ico_lmn_m0.png) no-repeat 25px center;}
    .btn_lnb_Group .btn_lmn_m0.on{background-image:url(/cm/img/ico_lmn_m0_over.png);opacity:.5;}
    .btn_lnb_Group .btn_lmn_m0.on:hover{opacity:1;}

    .btn_menu {display:block; background : #222222;position:relative;height:100%; overflow:hidden;}
    .btn_menu .w2selectbox_label {font-size:14px;}
    .sel_allmenu .w2table_sb_col{font-size:14px;}
    .btn_fix_pin{position:absolute; right:0; top:0; text-indent:-9999px;background:url(/cm/img/ico_point.png) no-repeat 50%;height:60px;width:40px;opacity:.5;}
    .btn_fix_pin.on{}
    .btn_fix_pin:hover,
    .btn_fix_pin.on{opacity:1;}
        .lnb_tabc .w2tabcontrol_tabhost{height:50px;}
        .lnb_tabc .w2tabcontrol_tabhost li{background:transparent;box-sizing: border-box;}
        .lnb_tabc .w2tabcontrol_tabhost li a{top:0; line-height:50px; color: #8b8075;font-size: 14px; font-weight:normal;}
        .lnb_tabc .w2tabcontrol_tabhost li:hover,
        .lnb_tabc .w2tabcontrol_tabhost li.w2tabcontrol_selected{border-bottom: 3px solid #8b8075;}
        .lnb_tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
        .lnb_tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_right,
        .lnb_tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:none;}
        .lnb_tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
        .lnb_tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_right,
        .lnb_tabc .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:none;}
        .lnb_tabc .w2tabcontrol_container{background:transparent; border:0;}
        .lnb_tabc .w2tabcontrol_contents_wrapper{height:auto; position:absolute; left:0; top:60px; right:0; bottom:0;padding-top: 10px; padding-right: 10px;}
    .sel_allmenu {background :#222222; border:1px solid #8b8075;outline:none; color: #8b8075;font-size:16px; box-sizing: border-box; height: 50px;}
    .sel_allmenu::-webkit-scrollbar {width: 10px;}
    .sel_allmenu::-webkit-scrollbar-thumb {background-color: #8b8b8b;border-radius: 10px;background-clip: padding-box;border: 2px solid transparent;}
    .sel_allmenu::-webkit-scrollbar-track {background-color: #22222;border-radius: 10px;}
    .sel_allmenu {scrollbar-base-color: #8b8b8b;scrollbar-face-color: #8b8b8b;scrollbar-3dlight-color: #8b8b8b;scrollbar-highlight-color: #8b8b8b;scrollbar-track-color: transparent;scrollbar-arrow-color: #222;scrollbar-shadow-color: #222;}
    .sel_allmenu .w2table_sb_col{background:#222222; border-top:0;}
    .sel_allmenu .w2table_sb_col:hover{background:#333; }
    .sel_allmenu .w2selectbox_col_button{width:40px;}
        .grp_bookmark{padding: 10px 5px 10px 20px;}
        .grp_bookmark li{display:block;}
        .grp_bookmark li a{display:inline-block; color:#fff; font-size:14px; height:40px; line-height:40px; opacity:.5;}
        .grp_bookmark li a:first-child{}
        .grp_bookmark li:hover a{opacity:1;}
        .grp_bookmark .btn_bm_close{float:right; background:url(/cm/img/close.png) no-repeat center center; width: 40px; height: 40px; opacity:.5;}
        .grp_recent{padding: 10px 5px 10px 20px;}
        .grp_recent li{display:block;}
        .grp_recent li a{display:block; color:#fff; font-size:14px; height:40px; line-height:40px; opacity:.5;}
        .grp_recent li:hover a{opacity:1;}


/* side tabControl */
.sidebox{position:absolute;left:0;top:0;bottom:0;width:226px;border-right:1px solid #cccdce;background:#f6f7f9;overflow:hidden}
.sidebox .all_shbox{position:relative;padding:10px;border-bottom:1px solid #c1c7d1;background-color:#e6e6e6;-moz-box-sizing:border-box;box-sizing:border-box;}
.sidebox .all_shbox .w2input{width:100%;height:25px;border-color:#cacaca;}
.sidebox .all_shbox a{position:absolute;top:10px;right:10px;width:25px;height:25px;border:1px solid #cacaca;border-left:0;background:#fff url(/cm/img/ico_search.png) no-repeat center center;text-indent:-9999px;-moz-box-sizing:border-box;box-sizing:border-box;}
.side_tbc .w2tabcontrol_control{height:40px;}
.side_tbc > .w2tabcontrol_control{background:url(/cm/img/tab_line.png) repeat-x left bottom}
.side_tbc .w2tabcontrol_control .mask{left:0;right:100px;margin-left:0;margin-right:0;}
.side_tbc .w2tabcontrol_tabhost{height:40px;}
.side_tbc .w2tabcontrol_tabhost li{width:50%;height:40px;margin-right:0;background:#757984;-moz-box-sizing:border-box;box-sizing:border-box;}
.side_tbc .w2tabcontrol_tabhost li a {top:0;line-height:40px;margin-left:20px;margin-right:20px;font-size:12px;font-weight:bold;color:#fff;}
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_selected,
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_active{background:#e3e4e6;}
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_selected a,
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_active a{color:#60656f;}
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_tab_center,
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background-image:none;}
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.side_tbc .w2tabcontrol_tabhost .w2tabcontrol_tab_right{width:20px;}
.side_tbc .w2tabcontrol_tab_close,
.side_tbc .w2tabcontrol_tab_close2{top:0;right:0;background-repeat:no-repeat;background-position:right top;}
.side_tbc .w2tabcontrol_tabhost li:first-child .w2tabcontrol_tab_close,
.side_tbc .w2tabcontrol_tabhost li:first-child .lytab .w2tabcontrol_tab_close2{display:none !important;}
.side_tbc .w2tabcontrol_container{position:absolute;left:0;top:85px;right:0;bottom:0;border:none;float:none;height:auto !important;}
.side_tbc .w2tabcontrol_contents_wrapper{position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: auto;overflow: auto;background: #fff;}
.w2table_tabControl{left:auto !important;right:0;margin-top:0;}
.w2table_tabControl .w2table_tabControl_col{text-align: left; padding-left: 10px; font-size: 14px; height: 32px; background-image:none;}
.m_modal{z-index:199;display:none;position:absolute;left:0;right:0;top:0;bottom:0;background:#000;opacity:0.3}

/* treeview - renderType="vertual" */
.mn_tvw{position:absolute;top:60px;left:0;right:0;bottom:0;overflow:auto;background:#222222;-moz-box-sizing:border-box;box-sizing:border-box;}
.mn_tvw.type2{bottom:0;}
.mn_tvw .w2treeview_virtual_main_div{}
.mn_tvw .treeview_virtual_node{position:relative;line-height:80px;padding:0 0 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mn_tvw .treeview_virtual_node .treeview_label{color:#fff;font-size:16px;}
.mn_tvw .treeview_virtual_node .treeview_icon_navi{position:relative;margin-right:4px;background:url(/cm/img/ico_tree_middle.png) no-repeat 10px center;z-index:2;}
.mn_tvw .treeview_virtual_node .treeview_icon_navi.treeview_icon_close{width:16px;height:16px;margin-right:4px;position:absolute;right:20px;background:url(/cm/img/lnb_arrow_on.png) no-repeat center bottom !important;}
.mn_tvw .treeview_virtual_node .treeview_icon_navi.treeview_icon_open{width:16px;height:16px;margin-right:4px;position:absolute;right:20px;background:url(/cm/img/lnb_arrow_off.png) no-repeat center bottom !important;}
.mn_tvw .treeview_virtual_node.w2tree_depth_2 .treeview_icon_navi.treeview_icon_close{width:14px;height:14px;margin-right:4px;background:url(/cm/img/ico_tree_minus.png) no-repeat !important;}
/* .mn_tvw .treeview_virtual_node.w2tree_depth_2 .treeview_icon_navi.treeview_icon_open{width:14px;height:14px;margin-right:4px;background:url(/images/contents/ico_tree_plus.png) no-repeat !important;}
.mn_tvw .treeview_virtual_node.w2tree_depth_2 .treeview_icon_navi.treeview_icon_open::after{content:'>';} */
.mn_tvw .treeview_virtual_node.leaf .treeview_icon_navi{z-index:0}
.mn_tvw .w2treeview_group{width:100%;}
.mn_tvw input[type="checkbox"]{display:block;filter:alpha(opacity=0);opacity:0;z-index:1;cursor:pointer;}
.mn_tvw .w2tree_depth_1{margin-top:-1px;font-size:16px;font-weight:normal}
/* .mn_tvw .w2tree_depth_1::after{content:'>';color:#ffffff;position:absolute;right:20px;} */
.mn_tvw .w2tree_depth_1:first-child{border-top:0;}
.mn_tvw .w2tree_depth_1 .treeview_label{font-weight:normal;}
.mn_tvw .w2tree_depth_1 input[type="checkbox"],
.mn_tvw .w2tree_depth_1 label:before{display:none;}
.mn_tvw .w2tree_depth_1 input{position:absolute;top:6px !important;}
.mn_tvw .w2tree_depth_2 input{position:absolute;top:6px !important;left:28px !important;}
.mn_tvw .w2tree_depth_3 input{position:absolute;top:6px !important;left:44px !important;}
.mn_tvw .w2tree_depth_4 input{position:absolute;top:6px !important;left:55px !important;}
.mn_tvw .w2tree_depth_5 input{position:absolute;top:6px !important;left:74px !important;}
.mn_tvw .w2tree_depth_2,
.mn_tvw .w2tree_depth_3,
.mn_tvw .w2tree_depth_4,
.mn_tvw .w2tree_depth_5{height:34px !important;line-height:34px;background:#303030;padding:5px 0;}
.mn_tvw label{position:relative;font-size:12px;color:#555;}
.mn_tvw .treeview_virtual_node.leaf input[type="checkbox"] + label:before{content:"";position:absolute;top:5px;left:-15px;width:4px;height:3px;background:url(/cm/img/ico_menu_blit.png) no-repeat center;/*pointer-events:none !important;*/}
.mn_tvw .treeview_virtual_node.leaf input[type="checkbox"]:checked + label:before{content:"";position:absolute;top:3px;left:-15px;width:12px;height:11px;background:url(/cm/img/tvw_vt_chk_on.png) no-repeat;/*pointer-events:none !important;*/}
.mn_tvw .opened label{color:#222;}

.mn_tvw .w2treeview_open_child .w2treeview_row_child{background-color:#303030}
.mn_tvw .w2treeview_close_child .w2treeview_row_depth2 .w2treeview_label{background-image: url(/cm/img/lnb_arrow_off.png) !important;}
.mn_tvw .w2treeview_open_child .w2treeview_row_depth2 + .w2treeview_row_child .w2treeview_child {border-top: 1px solid #595959;border-bottom: 1px solid #595959; margin: 10px 20px; padding-top:10px; padding-bottom:10px;}
.mn_tvw .w2treeview_open_child .w2treeview_row_depth3 + .w2treeview_row_child .w2treeview_child{border-top: 0; margin: 0; padding-top:0;padding-bottom:0; border-bottom: 0;}
.tw_menu .w2treeview_row_parent.w2treeview_row_depth3 .w2treeview_label{padding:0 10px;}
.tw_menu .w2treeview_row_depth3 + .w2treeview_row_child .w2treeview_col_depth3{display:none;}
.mn_tvw .w2treeview_col_depth1,
.mn_tvw .w2treeview_col_depth2{display:none;}
/* two depth */
.mn_tvw .w2tree_depth_2 {padding:0px 10px;}
.mn_tvw .w2tree_depth_2 .treeview_label{font-weight:normal;font-size:14px;}
.mn_tvw .w2tree_depth_3 .treeview_label{font-weight:normal;font-size:14px;}
.mn_tvw .w2tree_depth_4 .treeview_label{font-weight:normal;font-size:14px;}
.mn_tvw .w2tree_depth_4 .treeview_label::before{content:'ㆍ';font-weight:normal;color:#dddddd;font-size:14px;padding-right:10px;}
.mn_tvw .w2tree_depth_5 .treeview_label{font-weight:normal;font-size:14px;color:#fd6d3a;padding-left:10px;}
.mn_tvw .w2tree_depth_5 .treeview_label::before{content:'-';font-weight:normal;color:#fd6d3a;font-size:14px;padding-right:10px;}
/* .mn_tvw .w2tree_depth_3 .treeview_label::before{content:'ㆍ';color:#ffffff;} */

.mn_tvw::-webkit-scrollbar {width: 10px;}
.mn_tvw::-webkit-scrollbar-thumb{background-color: #8b8b8b; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
.mn_tvw::-webkit-scrollbar-track{background-color: #22222; border-radius: 10px;}
.mn_tvw {scrollbar-base-color: #8b8b8b; scrollbar-face-color: #8b8b8b; scrollbar-3dlight-color: #8b8b8b; scrollbar-highlight-color: #8b8b8b; scrollbar-track-color: transparent; scrollbar-arrow-color: #222; scrollbar-shadow-color: #222;}


/* treeview - renderType="table" */
.wq_tvw{position:relative;height:100%;background:#e6e6e6}
.wq_tvw > .w2treeview_group{border-top:1px solid #d5d5d7}/* 1depth에만 border 넣기 */
.wq_tvw > .w2treeview_group:first-child{border-top:0}/* 1depth 첫번째 border 빼기 */
.wq_tvw > .w2treeview_group:last-child{border-bottom:1px solid #d5d5d7}/* 1depth 마지막에 border값 넣기 */
.wq_tvw .w2treeview_group{width:100%;}/* width:95%를 100%로 변경 - border을 사용할 경우 끝까지 라인이 안들어감 */
.wq_tvw .w2treeview_table_node{table-layout:auto;position:static;}/* 전체 width값을 제대로 표현못함 - table-layout:fixed를 변경 */
.wq_tvw .w2treeview_table_node td{padding:0}/* 전체 padding:0 1px를 초기화 */
.wq_tvw .w2treeview_icon_navi{height:20px}/* 전체 icon들어가는 td의 높이값 설정 */
.wq_tvw .w2treeview_label{display:block;font-size:12px;padding:0;color:#000;white-space:normal}/* 전체 label의 설정값 */
.wq_tvw .w2treeview_select_node{color:#3eaae8}/* treeview에서 선택된 label의 설정값 */
/* 1depth */
.wq_tvw .w2treeview_row_depth1 .w2treeview_icon_navi{height:34px}
.wq_tvw .w2treeview_row_depth1 .w2treeview_label{font-weight:bold;font-size:12px;padding:9px 0px 9px 5px;}
.wq_tvw .w2treeview_row_depth1 .w2treeview_col_icon_navi,.wq_tvw .w2treeview_row_depth1 .w2treeview_noguideline{width:27px}
.wq_tvw .w2treeview_row_depth1 .w2treeview_icon_none{width:27px;background:url(/images/contents/ico_tree_middle.png) no-repeat 19px 9px}
.wq_tvw .w2treeview_open_child .w2treeview_row_depth1{border-bottom:1px solid #c1c7d1;background:#e6e6e6}
.wq_tvw .w2treeview_open_child .w2treeview_row_depth1{border-top:0;}
.wq_tvw .w2treeview_open_child.w2treeview_root_multi_leaf .w2treeview_row_depth1,
.wq_tvw .w2treeview_open_child.w2treeview_leaf .w2treeview_row_depth1{border-bottom:0;}
.wq_tvw .w2treeview_open_child .w2treeview_row_depth1 .w2treeview_icon_navi{width:33px;background:url(/images/contents/ico_tree_depth1_minus.png) no-repeat 13px 9px}/* 1depth가 선택되었을 때 배경 */
.wq_tvw .w2treeview_close_child .w2treeview_row_depth1 .w2treeview_icon_navi{width:33px;background:url(/images/contents/ico_tree_depth1_plus.png) no-repeat 13px 9px}/* 1depth가 선택전일 때 배경 */
/* 2depth아래는 동일한 디자인일때 */
.wq_tvw .w2treeview_open_child .w2treeview_icon_navi{width:18px;background:url(/images/contents/ico_tree_minus.png) no-repeat 0 3px}/* 1depth */
.wq_tvw .w2treeview_close_child .w2treeview_icon_navi{width:18px;background:url(/images/contents/ico_tree_plus.png) no-repeat 0 3px}/* 1depth */
/* 가이드라인이 들어갈 경우 - 속성 lineShow:true  */
.wq_tvw .w2treeview_guideline{background:url(/images/contents/bg_tvw_vline.png) repeat-y}
.wq_tvw .w2treeview_col_icon_navi,.wq_tvw .w2treeview_noguideline{width:12px;height:0}
.wq_tvw .w2treeview_icon_none{width:10px;height:24px;background:url(/images/contents/bg_tvw_middle.png) no-repeat 2px 10px}
.wq_tvw .w2treeview_notleaf .w2treeview_row_depth1 + .w2treeview_row_child .w2treeview_child{padding:10px 0;}
.wq_tvw .w2treeview_notleaf .w2treeview_row_depth2 + .w2treeview_row_child .w2treeview_child{padding:0;}
.wq_tvw .w2treeview_open_child > .w2treeview_row_child > .w2treeview_child > .w2treeview_group:first-child{padding-top:8px}

/* slide */
.grp_slide{position:relative;height:50px;display:inline-block;}
.w2slider{position: relative;width: 200px;height: 30px; margin-top:8px;}
.w2thumb{position:relative;}
.w2thumb:after{content:"10"; position:absolute; top:-15px;}

/* SDI */
/* tabControl 사용 */
.tabc_layout .w2tabcontrol_control,
.tabc_layout .w2tabcontrol_tabhost{height:50px;margin-right:0;z-index:1;background:#f3f3f3;border-bottom:1px solid #dddddd;}
.tabc_layout .w2tabcontrol_tabhost li{padding:0; height:50px;margin-right:0;border-width:0 1px 1px 0;background:#f3f3f3;max-width:180px; padding-left:30px;}
.tabc_layout .w2tabcontrol_tabhost li a {margin-left:0;outline-width:0;top:0;line-height:50px;font-size:14px;color:#000;font-weight:bold; max-width: 118px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_center,
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background:transparent;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_right{width:25px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_active{border-bottom:1px solid #fff}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a,
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center a{color:#000;font-size:14px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center {height: 47px;border-bottom:3px solid #084f51;/* padding-right: 10px; */}
.tabc_layout .w2tabcontrol_container{position:absolute;left:0;top:50px;right:0;bottom:0;border-top:1px solid #dddddd;float:none;height:auto !important; box-sizing:border-box;border-left: 0; border-right: 0;}
.tabc_layout .w2tabcontrol_contents_wrapper{/*position:absolute;left:0;right:0;top:0;bottom:0;height:auto;overflow:auto;*/background:#fff;}
.tabc_layout .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected{height:100% !important;}
.tabc_layout .w2tabcontrol_control .mask{left:0;right:165px;margin-left:0;}
.tabc_layout .w2tabcontrol_control .btn_scrollLeft{/* opacity:.5; */top:10px;right:132px;width:30px;height:30px;margin-left:0px;background: url(/cm/img/m_tabc_moveleft.png) no-repeat center center ;border:0px none;}
.tabc_layout .w2tabcontrol_control .btn_scrollLeft:hover,
.tabc_layout .w2tabcontrol_control .btn_scrollLeft:focus,
.tabc_layout .w2tabcontrol_control .btn_scrollLeft_selected{background: url(/cm/img/m_tabc_moveleft_over.png) no-repeat center center ;}
.tabc_layout .w2tabcontrol_control .btn_scrollRight{/* opacity:.5; */top:10px;right:98px;width:30px;height:30px;background:url(/cm/img/m_tabc_moveright.png) no-repeat center center;border:0px none;}
.tabc_layout .w2tabcontrol_control .btn_scrollRight:hover,
.tabc_layout .w2tabcontrol_control .btn_scrollRight:focus,
.tabc_layout .w2tabcontrol_control .btn_scrollRight_selected{background:url(/cm/img/m_tabc_moveright_over.png) no-repeat center center;}
.tabc_layout .w2tabcontrol_control .btn_submenu{/* opacity:.5; */top:10px;right:34px;width:30px;height:30px;background: url(/cm/img/m_tabc_list.png) no-repeat center center;border:0px none;}
.tabc_layout .w2tabcontrol_control .btn_submenu:hover,
.tabc_layout .w2tabcontrol_control .btn_submenu:focus,
.tabc_layout .w2tabcontrol_control .btn_submenu_selected{background: url(/cm/img/m_tabc_list_over.png) no-repeat center center;}
.tabc_layout .w2tabcontrol_tab_close,
.tabc_layout .w2tabcontrol_tab_close2{top:0;width:25px;height:50px;background:url(/cm/img/close.png) no-repeat center right; display:block !important;}
/* 레이아웃 탭 컨트룰 */





.w2table_tabControl{left:auto !important; right:0; margin-top:0;}
.tab_allclose{/* opacity:.5; */text-indent:-9999px;position:absolute;width:30px;height:30px;right:30px;top:10px;background: url(/cm/img/m_tabc_closeall.png) no-repeat;z-index:1;}
.tab_allclose:hover{background: url(/cm/img/m_tabc_closeall_over.png) no-repeat;}


/* tabcontrol 추가 css */

.tabc_layout2 .w2tabcontrol_control,
.tabc_layout2 .w2tabcontrol_tabhost{width:100%;height:60px;margin-right:0;z-index:1;}
.tabc_layout2 .w2tabcontrol_tabhost li{min-width:170px;height:38px;margin-right:0;background:#f3f3f3;}
.tabc_layout2 .w2tabcontrol_tabhost li a {top:0;line-height:38px;font-size:14px;color:#000;}
.tabc_layout2 .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.tabc_layout2 .w2tabcontrol_tabhost .w2tabcontrol_tab_center,
.tabc_layout2 .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background-image:none;}
.tabc_layout2 .w2tabcontrol_tabhost .w2tabcontrol_tab_right{width:25px;}
.tabc_layout2 .w2tabcontrol_tabhost .w2tabcontrol_active{border-bottom:1px solid #fff}
.tabc_layout2 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a,
.tabc_layout2 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center a{color:#3eaae8;border-bottom:3px solid #084f51;}
.tabc_layout2 .w2tabcontrol_container{position:absolute;left:0;top:38px;right:0;bottom:0;border:none;border-top:1px solid #dddddd;float:none;height:auto !important;}
.tabc_layout2 .w2tabcontrol_contents_wrapper{/*position:absolute;left:0;right:0;top:0;bottom:0;height:auto;overflow:auto;*/background:#fff;}
.tabc_layout2 .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected{height:100% !important;}
.tabc_layout2 .w2tabcontrol_control .mask{left:0;right:165px;margin-left:0;}
.tabc_layout2 .w2tabcontrol_control .btn_scrollLeft{top:7px;right:94px;width:24px;height:24px;margin-left:0px;background: url(/cm/img/left_off.png) no-repeat}
.tabc_layout2 .w2tabcontrol_control .btn_scrollRight{top:7px;right:66px;width:24px;height:24px;background:url(/cm/img/right_off.png) no-repeat;}
.tabc_layout2 .w2tabcontrol_control .btn_submenu{top:7px;right:38px;width:24px;height:24px;background: url(/cm/img/submenu_off.png) no-repeat}
.tabc_layout2 .w2tabcontrol_tab_close,
.tabc_layout2 .w2tabcontrol_tab_close2{top:0;width:25px;height:25px;background:url(/cm/img/btn_lytbc_close.png) no-repeat center center;}
.tabc_layout2 .w2tabcontrol_tabhost li:first-child .w2tabcontrol_tab_close,
.tabc_layout2 .w2tabcontrol_tabhost li:first-child .w2tabcontrol_tab_close2{display:none !important;}
.w2table_tabControl{left:auto !important; right:0; margin-top:0;}

/* tabcontrol 추가 css */

.tabc_layout3 .w2tabcontrol_control,
.tabc_layout3 .w2tabcontrol_tabhost{width:100%;height:60px;margin-right:0;z-index:1;}
.tabc_layout3 .w2tabcontrol_tabhost li{min-width:170px;height:38px;margin-right:0;background : url(/cm/img/line_tab.png) no-repeat right;}
.tabc_layout3 .w2tabcontrol_tabhost li:last-child{background-image:none;}
.tabc_layout3 .w2tabcontrol_tabhost li a {top:0;line-height:38px;font-size:14px;color:#000;}
.tabc_layout3 .w2tabcontrol_tabhost .w2tabcontrol_tab_left,
.tabc_layout3 .w2tabcontrol_tabhost .w2tabcontrol_tab_center,
.tabc_layout3 .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background-image:none;}
.tabc_layout3 .w2tabcontrol_tabhost .w2tabcontrol_tab_right{width:25px;}
.tabc_layout3 .w2tabcontrol_tabhost .w2tabcontrol_active{border-bottom:0px none;}
.tabc_layout3 .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center a,
.tabc_layout3 .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center a{color:#ffffff;border-radius:30px;background:#8b8075;}
.tabc_layout3 .w2tabcontrol_container{position:absolute;left:0;top:38px;right:0;bottom:0;border:none;border-top:0px solid #dddddd;float:none;height:auto !important;}
.tabc_layout3 .w2tabcontrol_contents_wrapper{/*position:absolute;left:0;right:0;top:0;bottom:0;height:auto;overflow:auto;*/background:#fff;}
.tabc_layout3 .w2tabcontrol_contents_wrapper.w2tabcontrol_contents_wrapper_selected{height:100% !important;}
.tabc_layout3 .w2tabcontrol_control .mask{left:0;right:165px;margin-left:0;}
.tabc_layout3 .w2tabcontrol_control .btn_scrollLeft{top:7px;right:94px;width:24px;height:24px;margin-left:0px;background: url(/cm/img/left_off.png) no-repeat}
.tabc_layout3 .w2tabcontrol_control .btn_scrollRight{top:7px;right:66px;width:24px;height:24px;background:url(/cm/img/right_off.png) no-repeat;}
.tabc_layout3 .w2tabcontrol_control .btn_submenu{top:7px;right:38px;width:24px;height:24px;background: url(/cm/img/submenu_off.png) no-repeat}
.tabc_layout3 .w2tabcontrol_tab_close,
.tabc_layout3 .w2tabcontrol_tab_close2{top:0;width:25px;height:25px;background:url(/cm/img/btn_lytbc_close.png) no-repeat center center;}
.tabc_layout3 .w2tabcontrol_tabhost li:first-child .w2tabcontrol_tab_close,
.tabc_layout3 .w2tabcontrol_tabhost li:first-child .w2tabcontrol_tab_close2{display:none !important;}
.w2table_tabControl{left:auto !important; right:0; margin-top:0;}
.tabc_layout3.sub_tab .w2tabcontrol_tabhost .w2tabcontrol_active{color:#ffffff;font-weight:bold;background:#8b8075}


/* isMobile */
.ios_scroll {overflow-y:scroll; -webkit-overflow-scrolling:touch;}/* iOS */
.ios_scroll iframe {width:100%; height:100%;}

/* page samlpe */
.sample_box{overflow:hidden;}
.pageWrap{overflow:hidden;margin-top:-30px;margin-left:-20px}
.pageWrap .item{float:left;margin:30px 20px 0 20px;text-align:center;list-style:none}
.pageWrap .item a{display:block;width:156px;height:149px;background-repeat:no-repeat;background-position:0 0}
.pageWrap .item:nth-child(1) a{background-image:url(/cm/img/img_searchGrid.png)}
.pageWrap .item:nth-child(1) a:hover{background-image:url/cm/img/img_searchGrid_hover.png)}
.pageWrap .item:nth-child(2) a{background-image:url(/cm/img/img_searchTable.png)}
.pageWrap .item:nth-child(2) a:hover{background-image:url(/cm/img/img_searchTable_hover.png)}
.pageWrap .item:nth-child(3) a{background-image:url(/cm/img/img_searchTableGrid.png)}
.pageWrap .item:nth-child(3) a:hover{background-image:url(/cm/img/img_searchTableGrid_hover.png)}
.pageWrap .item:nth-child(4) a{background-image:url(/cm/img/img_searchTab.png)}
.pageWrap .item:nth-child(4) a:hover{background-image:url(/cm/img/img_searchTab_hover.png)}
.pageWrap .item:nth-child(5) a{background-image:url(/cm/img/img_searchMultiGrid.png)}
.pageWrap .item:nth-child(5) a:hover{background-image:url(/cm/img/img_searchMultiGrid_hover.png)}
.pageWrap .item:nth-child(6) a{background-image:url(/cm/img/img_searchTableTab.png)}
.pageWrap .item:nth-child(6) a:hover{background-image:url(/cm/img/img_searchTableTab_hover.png)}
.pageWrap .item:nth-child(7) a{background-image:url(/cm/img/img_treeGrid.png)}
.pageWrap .item:nth-child(7) a:hover{background-image:url(/cm/img/img_treeGrid_hover.png)}
.pageWrap .item:nth-child(8) a{background-image:url(/cm/img/img_hShuttleGrid.png)}
.pageWrap .item:nth-child(8) a:hover{background-image:url(/cm/img/img_hShuttleGrid_hover.png)}
.pageWrap .item:nth-child(9) a{background-image:url(/cm/img/img_vShuttleGrid.png)}
.pageWrap .item:nth-child(9) a:hover{background-image:url(/cm/img/img_vShuttleGrid_hover.png)}
.pageWrap .item:nth-child(10) a{background-image:url(/cm/img/img_popupGrid.png)}
.pageWrap .item:nth-child(10) a:hover{background-image:url(/cm/img/img_popupGrid_hover.png)}
.pageWrap .item:nth-child(11) a{background-image:url(/cm/img/img_popupAlert.png)}
.pageWrap .item:nth-child(11) a:hover{background-image:url(/cm/img/img_popupAlert_hover.png)}


.tw_menu {position:absolute;top:0;left:0px;bottom:0; overflow-x:hidden ; border:none;}
/*.tw_menu{top:34px;left:37px;border:none;} /* first tab */
.tw_menu.w2treeview {background:transparent}
.tw_menu .w2treeview_group:last-child {padding-bottom:10px}
.tw_menu .w2treeview_row_depth1 .w2treeview_icon_navi {margin-left:10px;}
.tw_menu .w2treeview_icon_navi {width:19px; height:19px;}
.tw_menu .w2treeview_close_child .w2treeview_row_depth1 .w2treeview_icon_navi{background:url(/cm/img/bg_plus.png) no-repeat center center;}
.tw_menu .w2treeview_open_child .w2treeview_row_depth1 .w2treeview_icon_navi {background:url(/cm/img/bg_minus.png) no-repeat center center;}
.tw_menu .w2treeview_leaf .w2treeview_row_depth1 .w2treeview_icon_navi {background:url(/cm/img/icon_dep1.gif) no-repeat center center;}
.tw_menu > .w2treeview_group > .w2treeview_open_child {}
.tw_menu .w2treeview_label {font-size:16px; font-weight:normal;color:#3b3b3b}
.tw_menu .w2treeview_open_child.w2treeview_notleaf > tbody > tr:first-child {background:transparent}
.tw_menu .w2treeview_row_depth1 .w2treeview_col_label {width:100%;}
.tw_menu .w2treeview_row_parent {border:none}
.tw_menu .w2treeview_row_parent td {padding:0;}
.tw_menu .w2treeview_row_parent .w2treeview_label {color:#a9a9a9;line-height:70px; display: block; box-sizing: border-box; padding: 0; overflow: hidden; text-overflow: ellipsis; padding-right: 20px; background:url(/cm/img/lnb_arrow_off.png) no-repeat right center; background-position-x:calc(100% - 20px)}
.tw_menu .w2treeview_row_parent .w2treeview_label.w2treeview_select_node{color:#fff;}
.tw_menu .w2treeview_open_child .w2treeview_label{background-image:url(/cm/img/lnb_arrow_on.png)}
.tw_menu .w2treeview_row_depth3 + .w2treeview_row_child .w2treeview_row_parent .w2treeview_label{line-height: 34px; margin:0; background:url(/cm/img/dot_lnb_dpeth3.png) no-repeat 10px center !important; font-size:14px; text-indent: 22px;}
.tw_menu .w2treeview_row_depth3 + .w2treeview_row_child .w2treeview_row_parent .w2treeview_label:hover{background-color:#444 !important;}
.tw_menu .w2treeview_row_child td {background:none; background-color:transparent; padding: 0;}
.tw_menu .w2treeview_row_child .w2treeview_child {padding-top: 10px; padding-bottom: 10px;}
.tw_menu .w2treeview_row_child .w2treeview_child .w2treeview_group{padding-bottom:0;}
.tw_menu .w2treeview_col_depth1 + td .w2treeview_child .w2treeview_group:last-child{}
.tw_menu .w2treeview_row_child .w2treeview_row_depth3 td {width: 100%;}
.tw_menu .w2treeview_row_child .w2treeview_child td:first-child {padding-top:0;}
.tw_menu .w2treeview_row_child .w2treeview_row_parent {border-bottom:0;}
.tw_menu .w2treeview_row_depth2 td:first-child{padding-left:0px;}
.tw_menu .w2treeview_child .w2treeview_group:first-child .w2treeview_row_depth2 .w2treeview_col_label .w2treeview_label{}
.tw_menu .w2treeview_row_depth2 .w2treeview_label,
.tw_menu .w2treeview_row_depth3 .w2treeview_label {font-weight:normal; height: 34px; line-height: 34px; padding-left: 15px; font-size:14px;}
.tw_menu .w2treeview_col_icon_navi {width:20px;padding:5px 0 4px;}
.tw_menu .w2treeview_row_child .w2treeview_col_icon_navi {width:12px;display:none;}
.tw_menu .w2treeview_row_child .w2treeview_label {color:#c3c3c3;}
.tw_menu .w2treeview_row_child .w2treeview_row_depth2 td {padding:0}
.tw_menu .w2treeview_row_child .w2treeview_row_depth3 td {padding:0}
.tw_menu .w2treeview_row_child .w2treeview_close_child .w2treeview_row_depth2 .w2treeview_icon_navi{background:url(/cm/img/bg_2dep_plus.png) no-repeat left 5px;}
.tw_menu .w2treeview_row_child .w2treeview_open_child  .w2treeview_row_depth2 .w2treeview_icon_navi{background:url(/cm/img/bg_2dep_minus.png) no-repeat left 5px;}
.tw_menu .w2treeview_row_child .w2treeview_leaf .w2treeview_row_depth2 .w2treeview_icon_navi {width:100%; height:16px; background:url(/cm/img/bg_bull.png) 5px 6px no-repeat;}
.tw_menu .w2treeview_row_child .w2treeview_leaf .w2treeview_row_depth3 .w2treeview_icon_navi {width:100%; height:16px; background:url(/cm/img/bg_bull.png) right 6px no-repeat;}
.tw_menu .w2treeview_row_child .w2treeview_row_depth2 .w2treeview_col_label {text-indent:4px; width:100%;}
.tw_menu .w2treeview_row_child .w2treeview_label.w2treeview_select_node {color:#fff;}
.tw_menu .w2treeview_row_child .w2treeview_label.w2treeview_over{background-color:#444 !important;}
.tw_menu .w2treeview_row_child .w2treeview_open_child  tr.w2treeview_row_child td div.w2treeview_none {position:relative;}
.tw_menu .w2treeview_row_child .w2treeview_open_child  tr.w2treeview_row_child td div.w2treeview_none td.w2treeview_col_icon_navi {width:45px}
.tw_menu .w2treeview_row_child .w2treeview_col_label {overflow: hidden; text-overflow: ellipsis;}
.tw_menu .w2treeview_close_child.w2treeview_notleaf .w2treeview_row_parent .w2treeview_label{background:url(/cm/img/lnb_arrow_off.png) no-repeat right center; padding-right: 20px; background-position-x: calc(100% - 20px);}
.tw_menu .w2treeview_leaf.w2treeview_open_child .w2treeview_row_parent .w2treeview_label{background:none}
/* .tw_menu .w2treeview_open_child.w2treeview_leaf .w2treeview_label{background:none}  */
/* .tw_menu .w2treeview_leaf .w2treeview_row_parent .w2treeview_label{background:none}
.tw_menu .w2treeview_notleaf.w2treeview_open_child .w2treeview_row_parent .w2treeview_label{background:url(/cm/img/lnb_arrow_off.png) no-repeat right center}
.tw_menu .w2treeview_notleaf.w2treeview_open_child .w2treeview_row_parent .w2treeview_label{background:url(/cm/img/lnb_arrow_off.png) no-repeat right center}
.tw_menu .w2treeview_notleaf.w2treeview_close_child .w2treeview_row_parent .w2treeview_label{background:url(/cm/img/lnb_arrow_on.png) no-repeat right center} */




/* 슬라이더 */
.w2slider.w2slider_horizon .w2thumb {background: url(/cm/img/ico_slider.png) no-repeat center center;}
.w2slider.w2slider_horizon .w2slider_startLayer {width:10px;left: -1px;}
.w2slider.w2slider_horizon .w2thumb.w2thumb_over {background: url(/cm/img/ico_slider.png) no-repeat center center;}
.w2slider.w2slider_horizon .w2slider_startLayer.w2slider_startLayerBg {background: url(/cm/img/ico_slider.png) no-repeat center center;}
.w2slider.w2slider_horizon .w2slider_centerLayer {background: url(/cm/img/bg_sliderC.png) repeat-x center center;}
.w2slider.w2slider_horizon .w2slider_endLayer {background: url(/cm/img/ico_slider.png) no-repeat center center;width: 10px;}
.w2slider.w2slider_horizon .w2slider_bgLayer {background:url(/cm/img/bg_sliderC_over.png) repeat-x center center}






