@charset "utf-8";
/* base */
html,body{margin:0;padding:0;}
body{color:#203442;font-style:normal;}/* -webkit-text-size-adjust:none 웹표준 검사에 오류로 표시 */
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;font-family:"맑은 고딕", dotum, Verdana, Sans-serif}
table{empty-cells:show}
caption,legend{display:none}
a img,img{vertical-align:top;}
img,fieldset{border:0}
ul,dl,dd {list-style:none}
ul li img {vertical-align:top}
em,address{font-style:normal}
a{text-decoration:none}
a:hover,a:active,a:visited,a:focus{}/* text-decoration:underline */

/* 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 해결 */

/* websquare common */
.w2group{background-color:transparent}

/* layout */
body{}
#wrap{position:relative;height:100%;min-width:1280px;}
#header{position:relative;height:63px;padding:0;margin:0px;background:#484c55}
#container{position:absolute;left:0px;right:0px;top:63px;bottom:30px;margin:0}
#side{z-index:200;position:absolute;left:0;top:0;bottom:0;width:202px;background:#fff;overflow:hidden}
#contents{position:absolute;left:202px;right:0;top:0;bottom:0px;overflow:auto}
#footer{position:absolute;left:0;right:0;bottom:0;height:30px;background:#484c55}

/* SDI */
.tabc_layout .w2tabcontrol_tabhost li a {top:12px; font-size:15px}
/* tab높이 조절로 이미자 사용안함. */
/* .tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_left{background:url(/ws5/images/inc/tabc_ly_left_out.png) no-repeat left top; width:10px; height:30px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_center{background:url(/ws5/images/inc/tabc_ly_repeat_out.png) repeat-x left top; height:30px; margin: 0px 10px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_tab_right{background:url(/ws5/images/inc/tabc_ly_right_out.png) no-repeat left top; width:10px; height:30px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_left{background:url(/ws5/images/inc/tabc_ly_left_over.png) no-repeat left top; width:10px; height:30px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_center{background:url(/ws5/images/inc/tabc_ly_repeat_over.png) repeat-x left top; height:30px; margin:0px 10px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_active .w2tabcontrol_tab_right{background:url(/ws5/images/inc/tabc_ly_right_over.png) no-repeat left top; width:10px; height:30px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_left{background:url(/ws5/images/inc/tabc_ly_left_over.png) no-repeat left top; width:10px; height:30px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_center{background:url(/ws5/images/inc/tabc_ly_repeat_over.png) repeat-x left top; height:30px; margin:0px 10px;}
.tabc_layout .w2tabcontrol_tabhost .w2tabcontrol_over .w2tabcontrol_tab_right{background:url(/ws5/images/inc/tabc_ly_right_over.png) no-repeat left top; width:10px; height:30px;} */
.tabc_layout .w2tabcontrol_control,
.tabc_layout .w2tabcontrol_tabhost{height:30px; z-index: 1;}
.tabc_layout .w2tabcontrol_container{position: absolute; left:0; top:30px; right:0; bottom:0; border:none; float:none; height:auto !important; border-top:1px solid #d4dcde;}
.tabc_layout .w2tabcontrol_contents_wrapper{position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: auto; overflow: auto; background: #fff;}
.tabc_layout .w2tabcontrol_tabhost li{margin-right: 2px; background: transparent;}
.tabc_layout .w2tabcontrol_tab_close, .tabc_layout .w2tabcontrol_tab_close2{top: 5px;} /* tab 닫기버틐 높이 조절 */
.tabc_layout .w2tabcontrol_control .mask{right:68px;}
.tabc_layout .w2tabcontrol_control .btn_scrollRight{right:46px;}
.tabc_layout .w2tabcontrol_control .btn_submenu{right:23px;}
/* tabControl 사용 */
#contents .tabc_layout .w2tabcontrol_control .mask{left:39px;right:187px}
/* #contents .tabc_layout .w2tabcontrol_control .btn_scrollLeft{width:30px;margin-left:0px;background: url(/ws5/images/inc/left_off.png) no-repeat} */
#contents .tabc_layout .w2tabcontrol_control .btn_scrollLeft{width:30px;margin-left:0px;} /* 탭영역 높이 조절로 이미지 제거 */
/* #contents .tabc_layout .w2tabcontrol_control .btn_scrollRight{right:43px;width:30px;background:url(/ws5/images/inc/right_off.png) no-repeat;} */
#contents .tabc_layout .w2tabcontrol_control .btn_scrollRight{right:43px;width:30px;} /* 탭영역 높이 조절로 이미지 제거 */
#contents .tabc_layout .w2tabcontrol_control .btn_submenu{right:0;width:40px;background: url(/ws5/images/inc/submenu_off.png) no-repeat}

/* header */
.logo{position:absolute;left:30px;top:16px;width:198px;height:26px;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;background:url(/ws5/images/inc/logo.png) no-repeat}
.gmbox{z-index:200;position:absolute;right:25px;top:10px;padding:0;margin:0}
.gmbox .hdbtnbox{position:relative;padding:0;margin:0;text-align:right}
.gmbox .hdbtnbox .btn_hd_cm{display:inline-block;padding:0;margin:0 5px;height:18px;line-height:18px;font-size:12px;color:#fff;vertical-align:middle}
.gmbox .infobox{position:relative;padding:0;margin:2px 0 0;}
.gmbox .infobox .info_tit{display:inline-block;padding:0;margin:0;height:24px;line-height:24px;font-size:12px;color:#fff;vertical-align:middle;}
.gmbox .infobox .info_tit.name{color:#fcb416;padding:0 5px 0 34px;background:url(/ws5/images/inc/bg_ico_nameinfo.png) no-repeat}
.gmbox .pt{color:#fcb416 !important}

/* side */
.sidebox{position:absolute;left:0;right:0;top:0;bottom:0;border-right:1px solid #c1c3c8}
.side_mnbox{position:relative;padding:0;margin:0;}
.side_mnbox a{display:inline-block;width:50%;height:30px;line-height:30px;text-align:center;color:#000;font-weight:bold;background:#ebeced;border-bottom:1px solid #c8ced8;}
.side_mnbox a.on{color:#fff;background:#e83e45;border-bottom:1px solid #e83e45;}
.side_mncont{position:absolute;left:0;right:0;top:39px;bottom:0;}

.sd_dsm{position:relative;height:20px;padding:5px 9px;margin:0;border-bottom:1px solid #d5d5d7;}
.sd_dsm .sd_mnsh{position:relative;display:block;height:20px;padding:0;margin:0;border:1px solid #9fa8c0;background:#fff}
.sd_dsm .sd_mnshbox{position:relative;display:block;height:20px;padding:0 28px 0 5px;margin:0;}
.sd_dsm .sd_mnshbox .sd_ipt{display:block;position:relative;width:100%;height:20px;line-height:20px;padding:0;border:0;margin:0;background:transparent}
.sd_dsm .sd_mnshbox .sd_ipt.w2input_focus{border:0}
.sd_dsm .sd_mnshbox .btn_sd_search{position:absolute;right:0;top:0;width:26px;height:20px;padding:0;margin:0;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;background:url(/ws5/images/inc/bg_btn_sd_search.png) no-repeat 50% 2px}

/* treeview */
.wq_tvw{position:absolute;left:0;right:0;top:31px;bottom:0;overflow:auto}
/*.wq_tvw > .w2treeview_group{border-bottom:1px dotted #8c8b90} /* 메뉴 하단 border 제거 *//* 1depth에만 border 넣기 */
/*.wq_tvw > .w2treeview_group:first-child{border-top:0} 1depth 첫번째 border 빼기 */
/*.wq_tvw > .w2treeview_group:last-child{border-bottom:1px dotted #8c8b90} 1depth 마지막에 border값 넣기 */
.wq_tvw .w2treeview_group{width:100%;}/* width:95%를 100%로 변경 - border을 사용할 경우 끝까지 라인이 안들어감 */
/* .wq_tvw .w2treeview_table_node{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_col_label{width:100%}
.wq_tvw .w2treeview_label{display:block;font-size:12px;padding:0;color:#222;letter-spacing:-1px;white-space:normal}/* 전체 label의 설정값 */
.wq_tvw .w2treeview_select_node{color:#dd2618}/* treeview에서 선택된 label의 설정값 */

/* 1depth */
.wq_tvw .w2treeview_open_child .w2treeview_row_depth1 {background:#ebeced}
.wq_tvw .w2treeview_open_child tr.w2treeview_row_child > td.w2treeview_row_depth1 + td .w2treeview_child {padding:3px 0}/*  */
.wq_tvw .w2treeview_row_depth1 {background:#fff}
.wq_tvw .w2treeview_row_child .w2treeview_row_depth1  {background:#fff}
.wq_tvw .w2treeview_row_depth1 .w2treeview_icon_navi{height:27px}
.wq_tvw .w2treeview_row_depth1 .w2treeview_label{font-weight:bold;font-size:12px;padding:5px 0}
.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(/ws5/images/inc/bg_tvw_first_middle.png) no-repeat 9px 7px}
/* .wq_tvw .w2treeview_open_child .w2treeview_row_depth1{border-bottom:1px solid #eccac9;background:#eccac9} */
.wq_tvw .w2treeview_open_child.w2treeview_first_sibling .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;background:#fff}

.wq_tvw .w2treeview_open_child .w2treeview_row_depth1 .w2treeview_icon_navi{width:27px;height:27px;background:url(/ws5/images/inc/bg_tvw_second_minus.png) no-repeat 7px 7px}/* 1depth가 선택되었을 때 배경 */
.wq_tvw .w2treeview_close_child .w2treeview_row_depth1 .w2treeview_icon_navi{width:27px;height:27px;background:url(/ws5/images/inc/bg_tvw_second_plus.png) no-repeat 7px 7px}/* 1depth가 선택전일 때 배경 */

/* 2depth */
.wq_tvw .w2treeview_row_depth2 .w2treeview_icon_navi{height:22px}
.wq_tvw .w2treeview_row_depth2 .w2treeview_label{font-size:13px;padding:3px 0 2px}
.wq_tvw .w2treeview_row_depth2 .w2treeview_col_icon_navi,.wq_tvw .w2treeview_row_depth2 .w2treeview_noguideline{width:12px}
.wq_tvw .w2treeview_open_child .w2treeview_row_depth2{background:#fff}
.wq_tvw .w2treeview_open_child.w2treeview_first_sibling .w2treeview_row_depth2{border-top:0}

.wq_tvw .w2treeview_open_child.w2treeview_root_multi_leaf .w2treeview_row_depth2,
.wq_tvw .w2treeview_open_child.w2treeview_leaf .w2treeview_row_depth2{border-bottom:0;background:#fff}

.wq_tvw .w2treeview_open_child .w2treeview_row_depth2 .w2treeview_icon_navi{width:11px;background:url(/ws5/images/inc/bg_tvw_minus.png) no-repeat 0 7px}/* 1depth가 선택되었을 때 배경 */
.wq_tvw .w2treeview_close_child .w2treeview_row_depth2 .w2treeview_icon_navi{width:11px;background:url(/ws5/images/inc/bg_tvw_plus.png) no-repeat 0 7px}/* 1depth가 선택전일 때 배경 */

/* 3depth */
.wq_tvw .w2treeview_row_depth3 .w2treeview_icon_navi{height:22px}
.wq_tvw .w2treeview_row_depth3 .w2treeview_label{font-size:12px;padding:3px 0 2px}
.wq_tvw .w2treeview_row_depth3 .w2treeview_col_icon_navi,.wq_tvw .w2treeview_row_depth3 .w2treeview_noguideline{width:12px}
.wq_tvw .w2treeview_open_child .w2treeview_row_depth3 .w2treeview_icon_navi{width:11px;background:url(/ws5/images/inc/bg_tvw_minus.png) no-repeat 0 7px}/* 1depth가 선택되었을 때 배경 */
.wq_tvw .w2treeview_close_child .w2treeview_row_depth3 .w2treeview_icon_navi{width:11px;background:url(/ws5/images/inc/bg_tvw_plus.png) no-repeat 0 7px}/* 1depth가 선택전일 때 배경 */

.wq_tvw .w2treeview_open_child.w2treeview_leaf .w2treeview_row_parent .w2treeview_icon_navi{width:5px;background:url(/ws5/images/inc/bg_tvw_middle.png) no-repeat 0 10px}

/* 4depth아래는 동일한 디자인일때 */
.wq_tvw .w2treeview_open_child .w2treeview_icon_navi{width:5px;background:url(/ws5/images/inc/bg_tvw_middle.png) no-repeat 0 7px}/* 1depth */
.wq_tvw .w2treeview_close_child .w2treeview_icon_navi{width:5px;background:url(/ws5/images/inc/bg_tvw_middle.png) no-repeat 0 7px}/* 1depth */

/* 가이드라인이 들어갈 경우 - 속성 lineShow:true  */
.wq_tvw .w2treeview_guideline{background:transparent}
.wq_tvw .w2treeview_col_icon_navi,.wq_tvw .w2treeview_noguideline{width:11px;height:0}

.wq_tvw .w2treeview_icon_none{width:10px;height:24px;background:url(/ws5/images/inc/bg_tvw_middle.png) no-repeat 0 12px}
.wq_tvw .w2treeview_open_child > .w2treeview_row_child > .w2treeview_child > .w2treeview_group:first-child{padding-top:8px}

/* footer */
.copyright{display:block;line-height:30px;padding:0;margin:0;text-align:center;color:#fcb416}

/* common css /
/* form 정렬 */
.fl{float:left;min-height:14px}
.fr{float:right;min-height:14px}
/* 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:bold !important}
/* 알파벳 소문자를 대문자로 - 단지 보여지는 용도 데이터는 소문자로 전송됨 */
.ttu{text-transform:uppercase}
/* overflow:auto */
.ofa{overflow:auto}

.hide{display:none !important}
.show{display:block !important}

.mt0 {margin-top:0 !important}
.mt3 {margin-top:3px !important;}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}

.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml20 {margin-left:20px !important}
.ml50 {margin-left:50px !important}
.mr5 {margin-right:5px !important;}
.mr30 {margin-right:30px !important;}
.mb5 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb30 {margin-bottom:30px !important}
.mr10 {margin-right:10px !important}

.mb20{margin-bottom:20px !important}
.mb50{margin-bottom:50px !important}

.pl10{padding-left:10px !important}
.pr10{padding-right:10px !important}

/* LOGIN */
.login_wrap{position:relative;width:100%;height:100%;background-color:#484c55;}
.login_container{position:absolute;left:50%;top:50%;width:492px;height:430px;overflow: hidden;margin:-215px 0 0 -246px;}
.login_container .left_area, .login_container .right_area{float:left;width:100%;}
.login_container .left_area{background-color:#fff;}
.login_container .left_area .top_cont{padding:45px 0;border-bottom:1px solid #c3c5c9;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;}
.login_container .left_area .top_cont img{width:298px;height:48px;}
.login_container .left_area .bot_cont{padding:67px 64px;-moz-box-sizing:border-box;box-sizing:border-box;}
.login_container .left_area .bot_cont h2{margin-bottom:30px;font-size:21px;font-weight:normal;}
.login_container .left_area .bot_cont .form_box{position:relative;padding-right:100px;-moz-box-sizing:border-box;box-sizing:border-box;}
.login_container .left_area .bot_cont .form_box .ipt_set{position:relative;overflow:hidden;margin-top:6px;padding-left:33px;-moz-box-sizing:border-box;box-sizing:border-box;}
.login_container .left_area .bot_cont .form_box .ipt_set:first-child{margin-top:0}
.login_container .left_area .bot_cont .form_box .ipt_set label{position:absolute;top:6px;left:0;font-size:16px;}
.login_container .left_area .bot_cont .form_box .ipt_set input{width:100%;height:34px;border:1px solid #c9c9c9;color:#4a4a4a;box-sizing:border-box;-moz-box-sizing:border-box}
.login_container .left_area .bot_cont .form_box .btn_login{position:absolute;top:0;right:0;width:88px;height:74px;line-height:72px;text-align:center;background-color:#fcb416;font-size:18px;color:#fff;}
.login_container .left_area .bot_cont .btn_set{margin-top:15px;overflow:hidden;}
.login_container .left_area .bot_cont .btn_set .btn_gray{float:right;display:inline-block;height:28px;margin-left:10px;padding:0 18px;line-height:26px;color:#fff;background-color:#484c55;border-radius:5px;-moz-box-sizing:border-box;box-sizing:border-box;}
.login_container .right_area{width:492px;height:430px;background-color:#767980;}
.login_container .right_area img{width:100%;height:100%;}