@charset "UTF-8";

*{margin:0; padding:0;}
img{border:0; vertical-align:top;}
a{text-decoration:none;}
li{list-style:none;}
input{vertical-align:middle;}

@font-face{font-family:barun; src:url(../../resources/font/NanumBarunGothic.eot); src:local(※), url(../../resources/font/NanumBarunGothic.woff) format('woff');}
@font-face{font-family:barunBold; src:url(../../resources/font/NanumBarunGothicBold.eot); src:local(※), url(../../resources/font/NanumBarunGothicBold.woff) format('woff');}

body{font-family:"barun"; background:#f6f6f6;}

/* common */
.mT0{margin-top:0 !important;}
.mT1{margin-top:1px !important;}
.mT2{margin-top:2px !important;}
.mT3{margin-top:3px !important;}
.mT4{margin-top:4px !important;}
.mT5{margin-top:5px !important;}
.mT6{margin-top:6px !important;}
.mT7{margin-top:7px !important;}
.mT8{margin-top:8px !important;}
.mT9{margin-top:9px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mTm4{margin-top:-4px !important;}

.mB0{margin-bottom:0 !important;}
.mB20{margin-bottom:20px !important;}

.mL0{margin-left:0 !important;}
.mL10{margin-left:10px !important;}
.mL30{margin-left:30px !important;}

.pB0{padding-bottom:0 !important;}

.borderL0{border-left:0 !important;}
.borderR0{border-right:0 !important;}
.borderB0{border-bottom:0 !important;}

.borderL1{margin-left:10px; border-left:1px solid #d8d8d8 !important;}
.borderR1{margin-right:10px; border-right:1px solid #d8d8d8 !important;}

.borderL1nm{border-left:1px solid #d8d8d8 !important;}
.borderR1nm{border-right:1px solid #d8d8d8 !important;}

.tableAlignCenter{text-align:center !important;}
.tableAlignLeft{text-align:left !important;}
.tableAlignRight{text-align:right !important; padding-right:5px;}

.fnone{float:none;}
.fnone+.sbHolder{float:none !important; display:inline-block; vertical-align:middle;}




/* tab style */
.tab_type01{position:relative;}
.tab_type01 .tab_btn{position:relative; z-index:99; overflow:hidden; padding-bottom:13px; background:url(../../resources/images/common/tab_type01_btnBg.gif) repeat-x bottom left;}
.tab_type01 .tab_btn li{float:left; width:116px; height:37px; margin-left:4px; background:url(../../resources/images/common/tab_type01_btn.png) no-repeat bottom left;}
.tab_type01 .tab_btn li a{display:block; width:100%; height:37px; line-height:42px; text-align:center; font-size:12px; font-weight:bold; color:#777778;}
.tab_type01 .tab_btn li.ov{width:127px; background:url(../../resources/images/common/tab_type01_btn_ov.png) no-repeat bottom left;}
.tab_type01 .tab_cont{position:absolute; top:37px; left:0; display:none; width:968px; min-height:245px; padding-top:20px; background:#ffffff url(../../resources/images/common/tab_type01_contBg.gif) repeat-x bottom left; border:1px solid #b6b6b6; border-top:0;}
.tab_type01 .box01{display:block;}

.tab_type02{position:relative;}
.tab_type02 .tab_btn{overflow:hidden; padding-bottom:4px; background:#ededed;}
.tab_type02 .tab_btn li{float:left; width:19.65%; height:37px; background:url(../../resources/images/common/bg_tab_btn.gif) repeat-x top left; border-left:1px solid #ffffff; border-right:1px solid #e8e8e8; border-bottom:1px solid #b9b9b9;}
.tab_type02 .tab_btn li a{display:block; width:100%; height:35px; line-height:35px; text-align:center; font-size:12px; font-weight:bold; color:#777778; border-top:2px solid #ffffff;}
.tab_type02 .tab_btn li.ov a{border-top:2px solid #5b9bb4;}
.tab_type02 .tab_cont{position:absolute; top:42px; left:0; width:100%; display:none;}
.tab_type02 .box01{display:block;}

.tab_type03{position:relative;}
.tab_type03 .tab_btn{overflow:hidden;}
.tab_type03 .tab_btn li{float:left; width:155px; height:37px; margin-right:6px; background:url(../../resources/images/common/bg_tab_btn02.gif) repeat-x top left; border-left:1px solid #ffffff; border:1px solid #e8e8e8;}
.tab_type03 .tab_btn li a{display:block; width:100%; height:35px; line-height:35px; text-align:center; font-size:12px; font-weight:bold; color:#777778; border-top:2px solid #ffffff;}
.tab_type03 .tab_btn li.ov a{border-top:2px solid #5b9bb4;}
.tab_type03 .tab_cont{width:100%; display:none;}
.tab_type03 .box01{display:block;}

/* table style */

.tableType01{width:100%; border-collapse:collapse;}
.tableType01 th{height:38px; font-size:12px; font-weight:normal; color:#ffffff; background:url(../../resources/images/common/bg_table_head.gif) repeat-x top left;}
.tableType01 td{height:36px; font-family:dotum; font-size:12px; color:#69717a; text-align:center; border-top:1px solid #e3e3e3; background:#ffffff;}
.tableType01 td.tit{padding-left:20px; text-align:left;}
.tableType01 tbody tr:first-child td{border-top:0;}
.tableType01 tr:hover td{background:#f2f2f2;}
.tableType01 tr:hover td:first-child{border-left:1px solid #36507e; text-indent:0px;}

/* table01번 커서 */
.tableType01Cursor{width:100%; border-collapse:collapse;}
.tableType01Cursor th{height:38px; font-size:12px; font-weight:normal; color:#ffffff; background:url(../../resources/images/common/bg_table_head.gif) repeat-x top left;}
.tableType01Cursor td{height:36px; font-family:dotum; font-size:12px; color:#69717a; text-align:center; border-top:1px solid #e3e3e3; background:#ffffff;}
.tableType01Cursor td.tit{padding-left:20px; text-align:left;}
.tableType01Cursor tbody tr:first-child td{border-top:0;}
.tableType01Cursor tbody tr{cursor: pointer;}
.tableType01Cursor tr:hover td{background:#f2f2f2;}
.tableType01Cursor tr:hover td:first-child{border-left:1px solid #36507e; text-indent:0px;}

.subTableWrap{padding-bottom:2px; /* background:url(../../resources/images/sub/table_bottom_bg.gif) repeat-x bottom left; */}
.subTable{border:1px solid #b8b8b8; border-top:0;}

.tableType02{width:100%; border-collapse:collapse; font-family:dotum; border:1px solid #d7d7d7;}
.tableType02 th{height:38px; font-size:12px; color:#353535; border-top:1px solid #d7d7d7; border-right:1px solid #c4c4c4; background:#e9e9e9;}
.tableType02 td{height:36px; padding:5px 5px 5px 9px; font-size:12px; color:#353535; border-top:1px solid #d7d7d7; background:#ffffff;}
.tableType02 td input{height:25px; border:1px solid #d6d6d6;}
.tableType02 tr:first-child th,.tableType02 tr:first-child td{border-top:0;}
.tableType02 div.sbHolder{margin:0 !important;}
.tableType02 textarea{width:914px; height:125px; border:1px solid #d7d7d7;}
.tableType02 textareaView{width:914px; height:125px; border:1px solid #d7d7d7;}

.tableType03{width:100%; border-collapse:collapse; font-family:dotum; }
.tableType03 th{height:38px; font-size:12px; color:#353535; border:1px solid #d7d7d7; background:#e9e9e9;}
.tableType03 td{height:36px; padding:0 4px 0 4px; font-size:12px; color:#858585; border:1px solid #d7d7d7; background:#ffffff;}
.tableType03 td input{height:25px; border:1px solid #d6d6d6; color:#858585;}
.tableType03 img{vertical-align:middle;}
.tableType03 div.sbHolder{margin:0 !important;}

.tableType04{width:100%; border-collapse:collapse;}
.tableType04 th{height:38px; font-size:12px; font-weight:normal; color:#ffffff; background:url(../../resources/images/common/bg_table_head02.gif) repeat-x top left;}
.tableType04 td{height:36px; font-family:dotum; font-size:12px; color:#69717a; text-align:center; border-top:1px solid #e3e3e3; background:#ffffff;}
.tableType04 tbody tr:first-child td{border-top:0;}
.tableType04 input{width:105px; text-align:right;}

.tableType05{width:100%; border-collapse:collapse;}
.tableType05 th{height:38px; font-size:12px; font-weight:normal; color:#ffffff; background:#5191d1; border:1px solid #ccc;}
.tableType05 td{height:36px; font-family:dotum; font-size:12px; color:#69717a; text-align:center; border-top:1px solid #e3e3e3; background:#ffffff;}
.tableType05 td.tit{padding-left:20px; text-align:left;}
.tableType05 tbody tr:first-child td{border-top:0;}
.tableType05 tr:hover td{background:#f2f2f2;}
.tableType05 tr:hover td:first-child{border-left:1px solid #36507e; text-indent:0px;}

<!-- table05번 커서  -->
.cursor tbody tr{cursor: pointer;}
.tableType05Cursor{width:100%; border-collapse:collapse;}
.tableType05Cursor th{height:38px; font-size:12px; font-weight:normal; color:#ffffff; background:#5191d1; border:1px solid #ccc;}
.tableType05Cursor td{height:36px; font-family:dotum; font-size:12px; color:#69717a; text-align:center; border-top:1px solid #e3e3e3; background:#ffffff;}
.tableType05Cursor td.tit{padding-left:20px; text-align:left;}
.tableType05Cursor tbody tr:first-child td{border-top:0;}
.tableType05Cursor tbody tr{cursor: pointer;}
.tableType05Cursor tr:hover td{background:#f2f2f2;}
.tableType05Cursor tr:hover td:first-child{border-left:1px solid #36507e; text-indent:0px;}

td.blank{height:10px; border:0; background:none;}
td.point{background:#eaf2f9;}
td.docArea{background:#f7f7f7;}

/* header */
#header{position:relative; width:100%; height:58px; background:url(../../resources/images/common/bg_header.gif) repeat-x top left; z-index:9;}
#header .top_area{position:relative; width:1145px; margin:0 auto;}
#header .top_area h1{padding:9px 0 0 6px;}
#header .top_area .searchBox{position:absolute; top:11px; left:104px; width:178px; height:27px; padding:5px 16px 0; background:url(../../resources/images/common/bg_search.png) no-repeat top left;}
#header .top_area .searchBox input[type="text"]{width:150px; height:18px; color:#252525; border:0;}
#header .top_area .top_quick{overflow:hidden; position:absolute; top:0; left:548px; border-left:1px solid #e8e8e8;}
#header .top_area .top_quick li{float:left; height:54px; border-left:1px solid #ffffff; border-right:1px solid #e8e8e8;}
#header .top_area .top_quick li a{position:relative; display:block; width:60px; height:37px; padding-top:17px; text-align:center;}
#header .top_area .top_quick li a .noticeCount{position:absolute; top:7px; left:30px; display:inline-block; width:21px; height:21px; line-height:22px; font-size:12px; color:#f5f7f6; font-weight:bold; background:url(../../resources/images/common/bg_counter.png) no-repeat top left;}
#header .top_area .user_info{position:absolute; top:0; left:859px; height:54px; padding:0 10px 0 20px; font-size:12px; color:#606060; border-left:1px solid #ffffff; border-right:1px solid #e8e8e8;}
#header .top_area .user_info .name{display:inline-block; padding:21px 20px 0 18px; font-weight:bold;}
#header .top_area .user_info .personalMenu{display:none; position:absolute; top:57px; left:0; width:203px; height:92px; padding:8px 0 0 13px; background:#4e72b0; color:#ffffff; border:1px solid #d4d4d4; z-index:999;}
#header .top_area .user_info .personalMenu p{margin-bottom:12px;}
#header .top_area .user_info .personalMenu a{margin-right:7px;}
#header .top_area .btn_home{position:absolute; top:12px; right:28px;}

/* gnb */
#gnb{position:relative; width:100%; border-bottom:5px solid #999999; background:#fafafa;}
#gnb .btn_gnb{position:absolute; bottom:-25px; left:50%; margin-left:485px;}
#gnb .menu_list{position:relative; width:1145px; height:185px; margin:0 auto; }
#gnb .menu_list .gnbBox{float:left; width:284px; height:185px; border-left:1px solid #e8e8e8; border-right:1px solid #ffffff;}
#gnb .menu_list .gnbBox h2{padding:11px 0 0 0; font-size:14px; color:#5a7ab5; text-align:center;}
#gnb .menu_list .gnbBox ul{overflow:hidden;}
#gnb .menu_list .gnbBox ul li{float:left; width:33%; text-align:center;}
#gnb .menu_list .gnbBox ul li a{position:relative; display:block; width:100%; padding-top:55px; color:#777778; font-size:12px;}
#gnb .menu_list .gnbBox ul li a .noticeCount{position:absolute; top:12px; left:52px; display:inline-block; width:21px; height:21px; line-height:22px; font-size:12px; color:#f5f7f6; font-weight:bold; background:url(../../resources/images/common/bg_counter.png) no-repeat top left;}
#gnb .menu_list .gnbBox ul li a.gnbBg01_01{background:url(../../resources/images/common/menu1_1.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg01_02{background:url(../../resources/images/common/menu1_2.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg01_03{background:url(../../resources/images/common/menu1_3.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg01_04{background:url(../../resources/images/common/menu1_4.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg01_05{background:url(../../resources/images/common/menu1_5.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg01_06{background:url(../../resources/images/common/menu1_6.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg02_01{background:url(../../resources/images/common/menu2_1.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg02_02{background:url(../../resources/images/common/menu2_2.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg02_03{background:url(../../resources/images/common/menu2_3.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg02_04{background:url(../../resources/images/common/menu2_4.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg02_05{background:url(../../resources/images/common/menu2_5.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg02_06{background:url(../../resources/images/common/menu2_6.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg03_01{background:url(../../resources/images/common/menu3_1.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg03_02{background:url(../../resources/images/common/menu3_2.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg03_03{background:url(../../resources/images/common/menu3_3.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg03_04{background:url(../../resources/images/common/menu3_4.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg04_01{background:url(../../resources/images/common/menu4_1.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg04_02{background:url(../../resources/images/common/menu4_2.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg04_03{background:url(../../resources/images/common/menu4_3.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg04_04{background:url(../../resources/images/common/menu4_4.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg04_05{background:url(../../resources/images/common/menu4_5.gif) no-repeat center 20px;}
#gnb .menu_list .gnbBox ul li a.gnbBg04_06{background:url(../../resources/images/common/menu4_6.gif) no-repeat center 20px;}

/* contents */
#contents{width:1145px; margin:0 auto; padding:28px 0 150px 0; overflow:hidden; position:relative;}

/* main */
#contents .main_left{overflow:hidden; width:970px; float:left; padding-bottom:15px;}
#contents .main_left .mainBox01{width:100%; height:303px; margin-bottom:15px;}
#contents .main_left .mainBox02{float:left; width:480px; height:298px; border:1px solid #c0c0c0;}
#contents .main_left .mainBox03{float:right; width:480px; height:298px; border:1px solid #c0c0c0;}

#contents .main_right{width:170px; float:right;}
#contents .main_right .mainBox04{width:168px; height:380px; margin-bottom:15px; font-size:12px; border:1px solid #d8d8d8;}
#contents .main_right .mainBox04 .meeting_tab{overflow:hidden;}
#contents .main_right .mainBox04 .meeting_tab li{float:left; width:30%; text-align:center; border-left:1px solid #d8d8d8; background:url(../../resources/images/main/bg_meet.gif) repeat-x top left;}
#contents .main_right .mainBox04 .meeting_tab li:first-child{border-left:0;}
#contents .main_right .mainBox04 .meeting_tab li:first-child+li{width:38.6%;}
#contents .main_right .mainBox04 .meeting_tab li.ov{background:url(../../resources/images/main/bg_meet_ov.gif) repeat-x top left;}
#contents .main_right .mainBox04 .meeting_tab li.ov a{color:#fff;}
#contents .main_right .mainBox04 .meeting_tab li a{display:block; height:35px; line-height:35px; font-size:11px; color:#7f7f7f;}
#contents .main_right .mainBox04 .meeting_list{border-bottom:1px solid #dddddd; background:#ffffff;}
#contents .main_right .mainBox04 .meeting_list li{position:relative; padding:9px 8px; height:50px; border-bottom:1px solid #dddddd;}
#contents .main_right .mainBox04 .meeting_list p.time{position:absolute; top:10px; left:58px;}
#contents .main_right .mainBox04 .meeting_list p.place{position:absolute; top:28px; left:58px;}
#contents .main_right .mainBox04 .meeting_list p.name{position:absolute; top:46px; left:58px;}
#contents .main_right .mainBox05{position:relative; width:168px; height:220px; border:1px solid #d8d8d8; background:#ffffff;}
#contents .main_right .mainBox05 p{height:auto; padding:5px 0 0 5px; font-size:12px; color:#a2a2a2; border-top:1px solid #c8c8c8;}
#contents .main_right .mainBox05 .btnMemo{position:absolute; top:2px; right:2px;}

#contents .main_bottom{position:relative; clear:both; width:1143px; height:38px; background:#ecedef; border:1px solid #d0d0d0;}
#contents .main_bottom .tit{float:left; width:113px; height:38px; line-height:38px; padding-left:25px; font-family:Arial; font-size:11px; color:#838485; border-right:1px solid #d0d0d0;}
#contents .main_bottom .tit a{margin-left:10px;}
#contents .main_bottom .tit img{vertical-align:middle;}
#contents .main_bottom .mask{float:left; overflow:hidden; width:935px; height:38px; line-height:38px; font-size:12px; font-family:dotum; color:#8b93a3;}
#contents .main_bottom .mask span{margin:0 20px;}
#contents .main_bottom .btn{position:absolute; top:8px; right:8px;}

/* graph text */
.graph_text{padding:10px 0; font-size:11px; font-family:barun;}
.graph_text span{margin-right:5px;}
.graph_text span img{margin:0 5px 0 3px;}
.graph_txt_cont{height:55px; overflow:hidden; font-size:12px; font-weight:bold; padding:5px 0 0 5px; border-top:1px solid #ccc; color:#333; font-family:barun; line-height:18px; vertical-align:top; text-overflow: ellipsis; -o-text-overflow: ellipsis;  overflow: hidden;    white-space: nowrap;word-wrap: normal !important;   display: block;}

#graph1{background:#eee;}

#dialog{width:300px; font-weight:bold; font-size:14px;}
#dialog table{width:100%; border-collapse:collapse;}
#dialog th{height:20px; background:#eee; font-weight:normal; font-size:12px; border:1px solid #ccc;}
#dialog td{padding:5px 0 5px 5px; font-size:12px; border:1px solid #ccc;}

/* 추가 */
.mainBox02 .bar_graph{zoom:1;}
.mainBox02 .bar_graph:after{content:""; display:block; clear:both ;height:0; visibility:hidden;}
.mainBox02 .bar_graph li{width:168px;float:left;padding:0 30px;margin:10px 0;font-size:11px;line-height:13px;}
.mainBox02 .bar_graph li *{vertical-align:middle; width: 41px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
word-wrap: normal !important;
display: inline-block;}
.mainBox02 .bar_graph li span{display:inline-block;width:90px;height:13px;margin-top:-3px;background:#7a7f82;}
.mainBox02 .bar_graph li span em{display:inline-block;height:13px;background:#e6623c;}
.mainBox02 .bar_graph li span em.blue{background:#5f90b0;}
.mainBox02 .bar_graph li span em.green{background:#4daf7c;}

.mainBox03 .date{text-align:center;margin-bottom:15px;font-weight:bold;color:#7f8487;}
.mainBox03 .prev{position:absolute;top:5px;left:9px;}
.mainBox03 .next{position:absolute;top:5px;right:14px;}

.data_graph{width:100%;}
.data_graph th, .data_graph td{border-left:1px solid #dad5cf; border-bottom:1px solid #dad5cf;}
.data_graph th{height:11px;font-size:11px;line-height:11px;padding:1px 0;}
.data_graph td{height:13px;}

.ellipsis {
    width: 200px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}

.ellipsis2 {
    width: 200px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}

button[class^=ui-multiselect] > span{
	text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}

li > *[title] > span{
    width: 80%;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
	/* position: absolute; */
}
*[singular]{
	width: 200px;
}

.menuFixSize{
	/* background-size: 39px 30px; */
	background-position: 50% 30%;
	background-repeat: no-repeat;
}

.img4145{
	width: 41xp;
	height: 45px;
}