@charset "utf-8";  
@import url("member.css");
@import url("manual.css");
@import url("jquery.bxslider.css");
@import url("jquery-ui.css");
@import url("jquery.treeview.css");

/* common style*/
.tab_wrap { margin-bottom: 20px; }
.tab_wrap ul { display: table; width: 100%; table-layout: fixed; }
.tab_wrap ul li ~ li  { border-left: none; }
.tab_wrap ul li { display: table-cell; background: #fff; border: 1px solid #e7e7e7; vertical-align: middle;  }
.tab_wrap ul li a { padding: 13px 15px 13px 15px; text-align: center; display: block; width: 100%; box-sizing: border-box; color: #002222; font-size: 18px;  }
.tab_wrap ul li.on { background: #0066b3; border-color: #0066b3; }
.tab_wrap ul li.on a { color: #fff; text-decoration: underline; text-underline-offset: 3px;}

.tab_wrap2 { margin-bottom: 20px; }
.tab_wrap2 ul { display: table; width: 100%; table-layout: fixed; }
.tab_wrap2 ul li ~ li  { border-left: none; }
.tab_wrap2 ul li { display: table-cell; background: #fff; border: 1px solid #e7e7e7; border-bottom: 1px solid #888; vertical-align: middle;  }
.tab_wrap2 ul li a { padding: 13px 15px 13px 15px; text-align: center; display: block; width: 100%; box-sizing: border-box; color: #002222; font-size: 18px; }
.tab_wrap2 ul li.on { background: #fff; border-left: 1px solid #888; border-color: #888; border-bottom: 1px solid #fff !important; }

/* button style */
.btn1 { display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; font-size: 15px; color: #fff; min-width: 82px; height: 40px; padding: 0 13px; line-height: 40px; }
.btn2 { display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; font-size: 16px; color: #fff; min-width: 128px; height: 46px; line-height: 46px; padding: 0 20px; }
.btn3 { display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; font-size: 15px; color: #fff; min-width: 80px; height: 34px; line-height: 34px; padding: 0 13px; }
.btn4 { display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; font-size: 20px; color: #fff; width: 200px; height: 60px; line-height: 60px; }
.btn5 { display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; font-size: 15px; color: #fff; min-width: 70px; height: 32px; line-height: 32px; padding: 0 13px; }
.btn6 { display: inline-block; vertical-align: middle; box-sizing: border-box; text-align: center; font-size: 15px; color: #fff; min-width: 40px; height: 27px; padding: 0 6px; line-height: 27px; }
.help { background: url('/images/help_icon.png') no-repeat left 13px top 50% !important; padding-left: 35px; }
.help:hover { background-color: #f0f0f0 !important; }
.matrix { background: url('/images/matrix_icon.png') no-repeat left 13px top 50% !important; padding-left: 38px; }
.matrix:hover { background-color: #f0f0f0 !important; }
.download { background: url('/images/download_icon.png') no-repeat left 13px top 50% !important; padding-left: 35px; }
.download:hover { background-color: #f0f0f0 !important; }
.print { background: url('/images/print_icon.png') no-repeat left 13px top 50% !important; padding-left: 35px; }
.print:hover { background-color: #f0f0f0 !important; }
.btn_item_search { width: 34px; height: 34px; background: #888 url('/images/btn_item_search03.png') no-repeat; display: inline-block; font-size: 0; vertical-align: middle; }
.btn_item_search:hover { background-color: #666; }

.btn_st1 { background: #216eb2; color: #fff !important; }
.btn_st1:hover { background: #0f5797; }
.btn_st2 { background: #888; color: #fff !important; }
.btn_st2:hover { background: #666; }
.btn_st3 { background: #fff; border: 1px solid #aaa; color: #222 !important; }
.btn_st3:hover { background: #f0f0f0; }
.btn_st4 { background: #fff; border: 1px solid #216eb2; color: #216eb2 !important; }
.btn_st5 { background: #444; color: #fff !important; }
.btn_st6 { background: #fff url('/images/xls_icon.png') no-repeat 11px center; padding-left: 30px; border: 1px solid #aaa; color: #222 !important; }
.btn_st6:hover { background-color: #f0f0f0; }
.btn_st7 { background: #216eb2; color: #fff !important; }
.btn_st7:hover { background: #0f5797; }

a.btn1, a.btn2, a.btn3, a.btn4 { color: #fff; }
.btn1:hover, .btn2:hover, .btn3:hover, .btn4:hover { color: #fff; text-decoration: underline; }
.btn1:disabled { background: #b9bbc0; color: #fff!important; pointer-events: none; }

/* board list style */
.board_top { margin-bottom: 10px; }
.board_top .board_total { float: left; padding: 10px 0 0 0; }
.board_top .board_total em { color: #ff0000; font-weight: 500; }
.board_top .board_total em:nth-of-type(2) { margin-left: 10px; color: #ff0000; font-weight: 500; }
.board_top .board_search { float: right; font-size: 0; }
.board_top .board_search .selectbox_wrap { width: 115px; margin-right: 5px; }
.board_top .board_search input[type="text"] { width: 180px; margin-right: 5px; }
.board_top::after { content: ''; clear: both; display: block; }

.border_bottom { height: 34px; margin-top: 20px; position: relative; }
.border_bottom .btn_area { position: absolute; right: 0; top: -18px; }

.board_list { width: 100%; border-top: 1px solid #ccc; }
.board_list thead th { height: 62px; border-bottom: 1px solid #e7e7e7; background: #fafafa; font-weight: 500; }
.board_list tbody td { height: 60px; border-bottom: 1px solid #e7e7e7; text-align: center; }
.board_list tbody td.subject { text-align: left; padding-left: 20px; }
.board_list tbody td.subject a { display: inline-block; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
.board_list tbody td.subject a:hover { text-decoration: underline; }

.pw_icon { font-size: 0; margin-right: 10px; }
.pw_icon::before { 
    content: '';
    display: inline-block;
    background: url('/images/common/pw_icon.png') no-repeat left; 
    width: 7px; 
    height: 10px;    
}
.reply_icon { background: url('/images/common/reply_icon.png') no-repeat left 50%; padding-left: 15px; color: #0089cf; font-size: 12px; margin-right: 5px; }
.new_icon { display: inline-block; width: 17px; height: 17px; background: url('/images/common/new_icon.png') no-repeat; text-indent: -9999px; margin-left: 5px; }

.paging { text-align: center; padding-top: 11px; }
.paging .num, .paging .current { display: inline-block; margin-right: 12px; }
.paging .current { color: #0089cf; text-decoration: underline; font-weight: 500; }
.paging .num:hover { text-decoration: underline; }
.paging .btn_first { background: url('/images/common/btn_first.png') no-repeat; display: inline-block; text-indent: -9999px; width: 23px; height: 23px; margin-right: 5px; }
.paging .btn_prev { background: url('/images/common/btn_prev.png') no-repeat; display: inline-block; text-indent: -9999px; width: 23px; height: 23px; margin-right: 10px; }
.paging .btn_last { background: url('/images/common/btn_last.png') no-repeat; display: inline-block; text-indent: -9999px; width: 23px; height: 23px; margin-left: 5px; }
.paging .btn_next { background: url('/images/common/btn_next.png') no-repeat; display: inline-block; text-indent: -9999px; width: 23px; height: 23px; }

.file_icon { display: inline-block; margin-top: 2px; }
.file_icon.pdf { background: url('/images/common/file_icon.png') no-repeat 0 0; }
.file_icon.ppt { background: url('/images/common/file_icon.png') no-repeat 0 -66px;/**/ }
.file_icon.xls { background: url('/images/common/file_icon.png') no-repeat 0 -88px; }
.file_icon.doc { background: url('/images/common/file_icon.png') no-repeat 0 -44px; }
.file_icon.hwp { background: url('/images/common/file_icon.png') no-repeat 0 -22px; }
.file_icon.etc { background: url('/images/common/file_icon.png') no-repeat 0 -110px; }
.file_icon.img { background: url('/images/common/file_icon.png') no-repeat 0 -132px; }
.file_icon span { display: block; text-indent: -9999px; width: 22px; height: 22px;  }
.btn_boardArea { text-align: right; position: relative; top: 0; }

/* board form style */
.board_form { width: 100%; border-top: 1px solid #ccc; }
.board_form th, .board_form td { border-bottom: 1px solid #e7e7e7;  }
.board_form th { background: #fafafa; padding: 13px 0 13px 20px; text-align: left; font-weight: 500; }
.board_form td { padding: 6px 0 6px 5px; }
.board_form td .text { display: inline-block; margin-left: 15px; }
.board_form th label { vertical-align: top; }
.ess { vertical-align: top; display: inline-block; position: relative; font-size: 0; width: 10px; height: 10px; margin-left: 3px; }
.ess::before {
    display: block;
    content: ' \002A';
    position: absolute;
    top: 0;
    left: 0;
    color: #f44336;
    font-size: 20px;
}
.file_info { margin-top: 10px; }
.file_info li { position: relative; padding-left: 12px; }
.file_info li:nth-of-type(2) { color: #F44336; }
.file_info li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 1px;
    background: #666;
}
.btn_area { text-align: right; margin-top: 20px; }
.btn_area2 { text-align: right; margin: 10px 0 45px 0; }

/* board view */
.view_area { border: 1px solid #e7e7e7; border-top: 1px solid #ccc; }
.view_area .title_area { background: #fafafa; padding: 30px 20px; border-bottom: 1px solid #e7e7e7; }
.view_area .title_area h3 { font-size: 18px; }
.view_area .title_area .board_type1 { display: inline-block; margin-right: 10px; }
.view_area .title_area .date_area { margin-top: 20px; }
.view_area .title_area .date_area span { color: #666; position: relative; padding: 0 10px 0 8px; }
.view_area .title_area .date_area span:first-child { padding-left: 0; }
.view_area .title_area .date_area span::after { 
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    position: absolute;
    top: 5px;
    right: 0;
    background: #666;
}
.view_area .title_area .date_area span:last-child::after { display: none; }
.view_area .content_area { padding: 30px 30px; line-height: 28px; /*line-height: 28px;*/ }
.view_area .file_area { border-top: 1px solid #e7e7e7; }
.view_area .file_area dl { display: table; }
.view_area .file_area dl dt { background: #fafafa; width: 98px; text-align: center; color: #666; line-height: 60px; border-right: 1px solid #e7e7e7; display: table-cell; }
.view_area .file_area dl dd { padding-left: 20px; }
.view_area .file_area dl dd a { height: 22px; }
.view_area .file_area dl dd a:hover span { text-decoration: underline; }
.view_area .file_area dl dd .file_icon { position: relative; }
.view_area .file_area dl dd .file_icon span { display: inline-block; text-indent: 0; width: auto; height: auto; padding-left: 30px; }
.view_area .file_area dl dd .file_icon::after { 
    display: inline-block;
    content: '';
    width: 19px;
    height: 19px;
    vertical-align: middle;
    margin-top: 6px;
}

.view_list { border-top: 1px solid #ccc; margin: 20px 0 0 0; width: 100%; }
.view_list dt { width: 100px; height: 60px; line-height: 60px; background: #fafafa; border-bottom: 1px solid #e7e7e7; color: #666; text-align: center; float: left; }
.view_list dd { padding: 0 0 0 120px; height: 60px; line-height: 60px; border-bottom: 1px solid #e7e7e7; }
.view_list::after {
    content: '';
    display: block;
    clear: both;
}
.view_list dd a { width: 100%; display: inline-block; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; }

.file_upload { margin: 10px 0; }
.file_upload li { margin-bottom: 5px; }
.file_upload li:last-child { margin-bottom: 0; }
.file_upload li a { position: relative; padding-left: 20px; }
.file_upload li a::before {
    content: '';
    display: inline-block;
    width: 11px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 6px;
    background: url('/images/common/file_upload_icon.gif') no-repeat 100% center;
}
.file_del { font-size: 0; background: url('/images/common/btn_delete.png') no-repeat; width: 16px; height: 16px; margin-left: 5px; }

.desc { font-size: 14px; color: #F44336; margin-top: 5px; position: relative; }
.desc span { margin-left: 10px; }
.desc::before {
    content: '*';
    width: 20px;
    display: inline-block;
    position: absolute;
    left: 0;
    left: 0;
    top: 2px;
}

/* title style */
.h3_title02 { font-size: 24px; font-weight: 500; margin: 50px 0 10px 0; }
.h3_title02:first-child { margin-top: 0; }
.h4_title02 { font-size: 20px; font-weight: 500; color: #222; margin: 30px 0 10px 0; }
.h4_title03 { font-size: 20px; font-weight: 500; margin: 0 0 10px 0; }

.inner_contents .text_box { margin: 10px 0 0 0; line-height: 28px; }
.inner_contents .text_box strong { color: #4caf50; }
.inner_contents .text_box span { display: block; color: #4caf50; }
.inner_contents .text_box03 li { line-height: 28px; }
.inner_contents .text_box04 { font-size: 0; margin-top: 30px; }
.inner_contents .text_box04 a { display: inline-block; width: 220px; height: 120px; border: 1px solid #ccc; margin: 0 20px 20px 0; box-sizing: border-box; }

/* table style */
.page_table { width: 100%; border-top: 1px solid #ccc; }
.page_table th { font-weight: 500; background: #fafafa; padding: 6px 0 6px 0; border: 1px solid #e7e7e7; border-top: 0; }
.page_table th.tac { text-align: center !important; padding-left: 0; }
.page_table td { padding: 6px 20px 6px 20px; border: 1px solid #e7e7e7; border-top: 0; line-height: 28px; }
.page_table th.line { border-left: 1px solid #e7e7e7 !important; }
.page_table th:first-child, .page_table td:first-child { border-left: 0; }
.page_table th:last-child, .page_table td:last-child { border-right: 0; }

.page_table2 { width: 100%; border-top: 1px solid #ccc; }
.page_table2 th, .page_table2 td { border-bottom: 1px solid #e7e7e7;  }
.page_table2 th { background: #fafafa; padding: 8px 0 7px 20px; text-align: left; }
.page_table2 td { padding: 5px 0 5px 5px; }

.page_table3 { width: 100%; border-top: 1px solid #ccc; }
.page_table3 th, .page_table3 td { border-bottom: 1px solid #e7e7e7;  }
.page_table3 th { background: #fafafa; padding: 8px 15px 7px 15px; text-align: left; font-weight: 500; vertical-align: top; }
.page_table3 td { padding: 5px 0 5px 5px; }

.page_table4 { width: 100%; border-top: 1px solid #ccc; }
.page_table4 thead th { height: 42px; border: 1px solid #e7e7e7; border-top: 0; background: #fafafa; font-weight: 500; box-sizing: border-box; padding: 9px 5px; text-align: center; }
.page_table4 tbody th { border: 1px solid #e7e7e7; font-weight: 500; }
.page_table4 tbody td { height: 40px; border: 1px solid #e7e7e7; border-top: 0; text-align: center; box-sizing: border-box; padding: 8px; }
.page_table4 tbody td.subject { text-align: left; padding-left: 20px; }
.page_table4 tbody td.subject a { display: inline-block; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
.page_table4 tbody td.subject a:hover { text-decoration: underline; }
.page_table4 th:first-child, .page_table4 td:first-child { border-left: 0; }
.page_table4 th:last-child, .page_table4 td:last-child { border-right: 0; }

.table_scroll { overflow-x: auto; min-width: 920px; }
.page_table5 table { border-top: 1px solid #ccc; width: 0; }
.page_table5 thead th { height: 42px; border: 1px solid #e7e7e7; border-top: 0; background: #fafafa; font-weight: 500; box-sizing: border-box; padding: 9px 5px; }
.page_table5 tbody th { border: 1px solid #e7e7e7; font-weight: 500; }
.page_table5 tbody td { height: 40px; border: 1px solid #e7e7e7; border-top: 0; text-align: center; box-sizing: border-box; padding: 8px 0; }
.page_table5 tbody td.subject { text-align: left; padding-left: 20px; }
.page_table5 tbody td.subject a { display: inline-block; width: 95%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
.page_table5 tbody td.subject a:hover { text-decoration: underline; }
.page_table5 th:first-child, .page_table5 td:first-child { border-left: 0; }
.page_table5 th:last-child, .page_table5 td:last-child { border-right: 0; }

/* 검색영역 style */
.search_wrap { padding: 15px 0 15px 30px; background: #f0f0f0; box-sizing: border-box; margin-bottom: 20px; position: relative; font-size: 0; }
.search_wrap dl dt { width: 70px; float: left; line-height: 34px; vertical-align: middle; font-size: 16px; font-weight: 500; }
.search_wrap label { font-size: 16px; }
.search_wrap .search_btn { position: absolute; right: 0; top: 0; font-size: 0; height: 100%; }
.btn_search { display: inline-block; background: #005df8 url('/images/btn_stats_search.png') no-repeat center 10px; width: 66px; height: 100%; text-align: center; }
.btn_search:hover { background-color: #004dcd; color: #fff; }
.btn_search span { color: #fff; font-size: 14px; font-weight: 500; display: block; padding-top: 40px;  }
.btn_stats { display: inline-block; background: #009fe1 url('/images/btn_stats_info.png') no-repeat center 10px; width: 66px; height: 100%; text-align: center; }
.btn_stats:hover { background-color: #2a92bd; color: #fff; }
.btn_stats span { color: #fff; font-size: 14px; font-weight: 500; display: block; padding-top: 40px; }
.graph_box { margin: 70px 0 0 0; width: 100%; height: 500px; }
.graph_box2 { width: 100%; height: 500px; border: 1px solid #e7e7e7; box-sizing: border-box; margin-bottom: 10px; }

.search_wrap2 { border: 1px solid #e7e7e7; padding: 7px 0 7px 20px; background: #f7f7f7; box-sizing: border-box; margin-bottom: 20px; position: relative; overflow: hidden;}
.search_wrap2 dl dt { float: left; line-height: 34px; vertical-align: middle; margin-right: 10px; }
.search_wrap2 dl dt label { vertical-align: top; }
.search_wrap2 dl dd { float: left; margin-right: 20px; } 
.search_wrap2 .search_btn { position: absolute; right: 0; top: 0; font-size: 0; }
.search_wrap2 .search_btn a {display:block;}
.search_wrap2 .search_btn a:focus{outline-offset: -3px;outline: 2px dashed #fff;}

.search_wrap3 { background: #f0f0f0; border: 1px solid #e7e7e7; padding: 15px 30px 7px 30px; box-sizing: border-box; }
.search_wrap3 table tbody th { text-align: left; font-weight: 500; padding-bottom: 8px !important; }
.search_wrap3 table tbody td { padding-bottom: 8px !important; }

.search_no { border: 1px solid #e7e7e7; box-sizing: border-box; background: #fafafa; text-align: center; padding: 65px 0; }
.search_no .no_text1 { font-size: 20px; font-weight: 500; margin-bottom: 10px; }

.search_terms { margin-bottom: 10px; }
.search_terms .sort_wrap { font-size: 0; }
.search_terms .sort_wrap a { margin-right: 5px; }
.search_terms .sort_wrap a:last-child { margin-right: 0; }

/* date input */
.date_input { border: 1px solid #aaa; display: inline-block; background: #fff; } 
.date_input .inTxt { vertical-align: middle; border: 0; width: 100px; height: 32px; }
.date_input .inTxt ~ img { vertical-align: middle; display: inline-block; margin: 0 5px; cursor: pointer; }
.date_input img { vertical-align: middle; display: inline-block; margin: 0 5px; cursor: pointer; }
.ui-datepicker { z-index: 99999 !important; }
.ui-datepicker-year, .ui-datepicker-month { font-family: 'Noto Sans KR' !important; background: #fff url('/images/common/selectbox_bg.png') right 5px center no-repeat; padding: 0 5px; }
.ui-datepicker-year { margin-right: 5px !important; }

/* 통계분석 */
.stats_box .left { width: 255px; float: left; }
.stats_box .right { width: 920px; float: right; position: relative; }
.stats_box::after {
    content: '';
    display: block;
    clear: both;
}
.stats_box .right .in_right { margin-top: 15px; }
.stats_box .right .in_right::after {
    content: '';
    display: block;
    clear: both;    
}
.stats_box .right .in_right h4 { font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.stats_box .right .in_right h4 .information { margin-top: -3px; }
.search_keyword { background: #f4f4f4; border: 1px solid #e7e7e7; padding: 7px 12px 12px 12px; box-sizing: border-box; overflow: hidden; }
.search_keyword > h3 { color: #333; font-weight: 500; margin-bottom: 10px; position: relative; }
.search_keyword > h3 .information { position: absolute; top: 5px; margin-left: 10px; }
.search_keyword .in_search li { float: left; width: 50%; margin-bottom: 10px; box-sizing: border-box; position: relative; }
.search_keyword .in_search li:nth-of-type(2) { text-align: right; }
.search_keyword .in_search li:nth-of-type(3) { width: 100%; margin-bottom: 0; }
.information { width: 16px; height: 16px; font-size: 0; background: url('/images/info_icon.png') no-repeat; display: inline-block; vertical-align: middle; margin-left: 7px; }
.search_keyword .in_search .btn_item { background: #005df8 url('/images/btn_item_search03.png') no-repeat 3px 0; width: 40px; height: 34px; display: inline-block; font-size: 0; vertical-align: top; text-align: right; }
.stats_category { border: 1px solid #e7e7e7; border-top: 0; padding: 12px 12px; box-sizing: border-box; }
.stats_category.popup { border-top: 1px solid #ccc; }
.stats_category .cate_select { position: relative; margin-bottom: 10px; }
.stats_category .cate_control { position:relative; width: 100%; height: 34px; font-size: 0; padding-bottom: 14px; }
.stats_category .cate_control .cate_btn { font-size: 14px; display: inline-block; width: 95px; height: 34px; line-height: 33px; text-align: center; background: #fff; color: #666; border: 1px solid #888; float: left; box-sizing: border-box; }
.stats_category .cate_control .cate_btn:nth-of-type(1) { border-right: 0; }
.stats_category .cate_control .cate_btn.on { color: #0089cf; border: 3px solid #0089cf; line-height: 28px; font-weight: 500; }
.stats_category .cate_control .cate_btn:nth-of-type(1).on + .cate_btn:nth-of-type(2) { border-left: 0 !important; }
.stats_category .cate_control::after {
    content: '';
    display: block;
    clear: both; 
}
.stats_category .cate_control .tree_info {
	position: absolute; 
	right:0; 
	top:0; 
	width: 40px; 
	height: 34px; 
	line-height: 34px;
	text-align: center;
	font-size: 14px;
	background: #444;
	color: #fff;
}
.stats_category .cate_list { width: 230px; min-height: 350px; overflow: auto; position: relative; }
.stats_category .cate_list .webfx-tree-item { white-space: nowrap; }
.stats_category .cate_list .webfx-tree-item img { display: inline-block; padding-right: 5px; margin-top: 5px; }
.stats_category .cate_list .webfx-tree-item a { display: inline-block; }
.stats_category .cate_list .webfx-tree-item a:nth-of-type(1) { font-size: 15px !important; }
.stats_category .cate_list .webfx-tree-item a.on { color: #267bcd; font-weight: 500; }

.stats_category .cate_list .tree1 > li.cate1_1 > .hitarea { background: url('/images/cate_img01.gif') no-repeat !important; width: 24px !important; height: 24px !important; }
.stats_category .cate_list .tree1 > li.cate1_2 > .hitarea { background: url('/images/cate_img02.gif') no-repeat !important; width: 24px !important; height: 24px !important; }
.stats_category .cate_list .tree1 > li.cate1_3 > .hitarea { background: url('/images/cate_img03.gif') no-repeat !important; width: 24px !important; height: 24px !important; }
.stats_category .cate_list .tree1 > li.cate2_1 > .hitarea { background: url('/images/cate_img01.gif') no-repeat !important; width: 24px !important; height: 24px !important; }
.stats_category .cate_list .tree1 > li.cate2_2 > .hitarea { background: url('/images/cate_img02.gif') no-repeat !important; width: 24px !important; height: 24px !important; }
.stats_category .cate_list .tree1 > li.cate1_3 > .hitarea { background: url('/images/cate_img03.gif') no-repeat !important; width: 24px !important; height: 24px !important; }
.stats_category .cate_list .tree1 > li > span { font-size: 16px; padding-left: 5px; width: 100%; }

.stats_box2 { border-top: 1px solid #e7e7e7; padding-top: 30px; }
.stats_box2 .stats1 { padding: 0 25px; position: relative; border-bottom: 1px solid #e7e7e7; overflow: hidden; padding-bottom: 30px; }
.stats_box2 .stats2 { padding-top: 30px; }
.stats_box2 .stats2 h4 { font-size: 20px; text-align: center; margin-bottom: 20px; }
.stats_box2 .stats1::before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 48px;
    background: url('/images/state_icon.png') no-repeat;
}
.stats_box2 .stats1 > .stats_info { padding-left: 60px; position: relative; float: left; width: 220px; box-sizing: border-box; height: 235px; }
.stats_box2 .stats1 > .stats_info > h4 { font-size: 24px; color: #000; font-weight:700; line-height: 28px; }
.stats_box2 .stats1 > .stats_info .rank { font-size: 24px; color: #ef5350; font-weight: 700; display: block; }
.stats_box2 .stats1 > .stats_info .rank_info { display: block; color: #888; font-size: 14px; position: absolute; bottom: 0; }
.stats_box2 .stats1 > .stats_info .rank1 { font-size: 24px; font-weight: 700; display: block; margin-top: 20px; }
.stats_box2 .stats1 > .stats_info .rank2 { font-size: 24px; font-weight: 700; display: block; margin-top: 5px; color: #ef5350;  }
.stats_box2 .stats1 > .stats_info .rank_info1 { display: block; font-size: 14px; }
.stats_box2 .stats1 > .stats_info .rank_info2 { display: block; color: #888; font-size: 14px; position: absolute; bottom: 0; }
.stats_box2 .stats1 > .stats_chart { float: right; width: 620px; display: table; }
.stats_box2 .stats1 > .stats_chart .chart_area li { display: table-cell; width: 180px; padding: 0 20px; text-align: center; border-right: 1px dashed #e7e7e7; }
.stats_box2 .stats1 > .stats_chart .chart_area li:first-child { padding-left: 0; }
.stats_box2 .stats1 > .stats_chart .chart_area li:last-child { padding-right: 0; border-right: 0; }
.stats_box2 .stats1 > .stats_chart .chart_area li .chart { width: 180px; height: 180px; position: relative; } 
.stats_box2 .stats1 > .stats_chart .chart_area li .chart .chart_num { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10; }
.stats_box2 .stats1 > .stats_chart .chart_area li .chart .chart_num strong { display: block; font-size: 14px; font-weight: 700; line-height: 20px; }
.stats_box2 .stats1 > .stats_chart .chart_area li .chart .chart_num span { display: block; font-size: 14px; }
.stats_box2 .stats1 > .stats_chart .chart_area li .graph_title { display: inline-block; margin-top: 15px; }
.stats_box2 .stats1 > .stats_chart .chart_area li .graph_title strong { display: block; color: #0058b3; }

.treeview.tree1 > li { background: url(/images/tree/treeview-default-line.gif) top 0 left 4px no-repeat !important; padding-bottom: 14px !important; }
.treeview.tree1 > li:first-child { background: url(/images/tree/treeview-default-line.gif) top 2px left 4px no-repeat !important; }
.treeview.tree1 > li:last-child { background: none !important; }
.treeview .tree2 { margin: 5px 0 0 8px; }
.treeview .tree2 > li { font-size: 15px; padding-bottom: 5px; }
.treeview .tree2 > li > span { padding-left: 5px; }
.treeview .tree3 { margin-top: 5px; }
.treeview .tree3 > li { font-size: 14px; padding-bottom: 8px; }
.treeview .tree3 > li > a { padding-left: 5px; display: inline-block; }
.treeview .tree3 > li > a.on { color: #267bcd; font-weight: 500; }

.item_stats_left { display: table-cell;/* float: left; */ width: 460px; padding-top: 30px; border-right: 1px solid #ccc; border-top: 1px solid #aaa; padding-right: 20px; box-sizing: border-box; }
.item_stats_right { display: table-cell;/* float: right; */ width: 460px; padding-top: 30px; padding-left: 25px; box-sizing: border-box; border-top: 1px solid #aaa; }

.item_stats_left > li, .item_stats_right > li { margin-bottom: 50px; }
.item_stats_left > li:last-child, .item_stats_right > li:last-child { margin-bottom: 0; }
/* .item_stats_left > li:nth-of-type(1), .item_stats_right > li:nth-of-type(1) { height: 300px; }
.item_stats_left > li:nth-of-type(2), .item_stats_right > li:nth-of-type(2) { height: 365px; }
.item_stats_left > li:nth-of-type(3), .item_stats_right > li:nth-of-type(3) { height: 310px; } */
.stats_graph { position: relative; overflow: hidden; }
.stats_graph .graph { text-align: center; width: 100%; overflow: hidden; }
.stats_graph .graph.type2 { padding-top: 0; }
.stats_graph .graph ul li { float: left; width: 135px; box-sizing: border-box; text-align: center; margin-right: 15px; }
.stats_graph .graph ul li:last-child { margin-right: 0; }
.stats_graph .graph .new li { float: left; width: 295px; box-sizing: border-box; text-align: center; margin-right: 17.5px; }
.stats_graph .graph .new li:last-child { margin-right: 0; }
.stats_graph .graph.type3 { padding-top: 0; }
.stats_graph .graph.type3 ul li { width: 100px; margin-right: 11px; }
.stats_graph .graph.type3 ul li:last-child { margin-right: 0; }
.stats_graph .graph .graph_title { display: inline-block; margin-top: 10px; }
.stats_graph .graph .graph_title strong { display: block; color: #0058b3; }
.graph_now { height: 34px; line-height: 34px; border: 1px solid #ccc; box-sizing: border-box; padding: 0 15px; font-size: 14px; border-radius: 50px; float: right; display: inline-block; margin-bottom: 20px; }
.graph_now strong { color: #ff0000; }
.graph_now::after {
    content: '';
    display: block;
    clear: both; 
}

.industry_area { /* height: 272px; overflow-y: auto*/  }
.industry_top { width: 425px; }
.industry_top h5 { width: 137px; height: 40px; line-height: 40px; text-align: center; color: #fff; display: table-cell; border-right: 2px solid #fff; }
.industry_top h5:last-child { border-right: 0; }
.industry_top h5.type1 { background: #2a9ccc; }
.industry_top h5.type2 { background: #267bcd; }
.industry_top h5.type3 { background: #1d50a3; }
.industry_area .industry_scroll { max-height: 232px; overflow-y: auto; width: 435px; }
.industry_area .industry_list { box-sizing: border-box; display: table-cell; border-right: 2px solid #fff; }
.industry_area .industry_list:last-child { margin-right: 0; }
.industry_area .industry_list dt { width: 139px; height: 40px; line-height: 40px; color: #fff; text-align: center; box-sizing: border-box; display: none; }
.industry_area .industry_list dd { border: 1px solid #ccc; border-top: 0; padding: 10px 10px; box-sizing: border-box; }
.industry_area .industry_list dd a { display: block;  }
.industry_area .industry_list dd .industry_code { display: block; font-size: 14px; height: 20px; line-height: 20px; background: #888; text-align: center; color: #fff; border-radius: 50px; width: 55px; box-sizing: border-box; margin-top: 5px; }
.industry_area::after {
    content: '';
    display: block;
    clear: both;
}
.industry_area .industry_list.type1 { width: 137px !important; }
.industry_area .industry_list.type1 dd a.on { color: #2a9ccc; font-weight: 500; }
.industry_area .industry_list.type1 dd a.on .industry_code { background: #2a9ccc; }
.industry_area .industry_list.type2 { width: 139px !important; }
.industry_area .industry_list.type2 dd a.on { color: #267bcd; font-weight: 500; }
.industry_area .industry_list.type2 dd a.on .industry_code { background: #267bcd; }
.industry_area .industry_list.type3 { width: 139px !important; }
.industry_area .industry_list.type3 dd a.on { color: #1d50a3; font-weight: 500; }
.industry_area .industry_list.type3 dd a.on .industry_code { background: #1d50a3; }

.industry_table { max-height: 259px; overflow-y: auto; }
.industry_table .industry_define dt { font-weight: 500; margin-bottom: 10px; }
.industry_table .industry_define dd { position: relative; line-height: 24px; }
.industry_table .industry_define dd span { padding-left: 15px; display: inline-block; }
.industry_table .industry_define dd::before {
    content: '';
    display: block; 
    width: 5px;
    height: 1px;
    background: #000; 
    position: absolute;
    top: 14px;
}
.tab_content { margin-top: 20px; }
.content_box { margin-top: 30px; position: relative; }
.content_box .sort_top { margin-bottom: 10px; position: relative; }
.content_box .sort_top > div { font-size: 0; }
.content_box .sort_top > div a { margin-left: 5px; }
.content_box .sort_top::after {
    content: '';
    display: block; 
    clear: both; 
}

.list_type1 > li { /*line-height: 28px;*/ position: relative; }
.list_type1 > li span { padding-left: 13px; display: inline-block; }
.list_type1 > li::before {
    content: '';
    display: block; 
    width: 3px;
    height: 3px;
    background: url('/images/dot01.gif') no-repeat; 
    position: absolute;
    left: 0;
    top: 13px;
}
.list_type1.archive li { margin-bottom: 5px; }
.list_type1.archive li:last-child { margin-bottom: 0; }
.list_type1.archive li::before { top: 50%; }

/* 아카이브 & 아카이브 다운로드 레이어 */
.archive_info { width: 100%; height: 160px; position: relative; }
.archive_info .archive_img { width: 23%; height: 120px; float: left; }
.archive_info .archive_img img { width: 190px; height: 180px; border: 1px solid #ccc; }
.archive_info .archive_text { width: 77%; height: 180px; float: right; }
/* .archive_info .archive_text { height: 120px; } */
.archive_info .archive_text textarea { height: 120px; width: 100%; border: 1px solid #e7e7e7; }
/* .archive_info::after {
    content: '';
    display: block;
    clear: both;
} */
.archive_info > .archive_btn { background: #ddd url('/images/archive_down.gif') no-repeat right 13px top 10px; padding: 0 30px 0 13px; height: 32px; line-height: 32px; display: inline-block; border: 1px solid #888; position: absolute !important; bottom: 0; right: 0;}
.archive_info > .archive_btn em { color: #ff0000; font-weight: 500; }

.archive_btn { background: #ddd url('/images/archive_down.gif') no-repeat right 13px top 10px; padding: 0 30px 0 13px; height: 32px; line-height: 32px; display: inline-block; border: 1px solid #888; position: relative; }
.archive_btn em { color: #ff0000; font-weight: 500; }

.archive_down.top { top: 34px !important; left: 0; }
.archive_down.on { display: block; }
.archive_down { position: absolute; right: 0; top: 160px; z-index: 9999; background: #fff; width: 247px; border: 1px solid #000; display: none; }
.archive_down .in_archive { position: relative; }
.archive_down .archive_header { height: 45px; line-height: 45px; padding: 0 15px; border-bottom: 1px solid #ccc; font-weight: 500; }
.archive_down .btn_close { display: block; width: 14px; height: 14px; background: url('/images/archive_close.gif') no-repeat; font-size: 0; position: absolute; right: 15px; top: 15px; }
.archive_down .archive_list { overflow-y: auto; max-height: 125px; }
.archive_down .archive_list ul { padding: 15px 15px; }
.archive_down .archive_list ul li { margin-bottom: 8px; }
.archive_down .archive_list ul li:last-child { margin-bottom: 0; }
.archive_down .archive_list ul li img { vertical-align: middle; }
.archive_down .archive_list ul a { display: inline-block; }
.archive_down .archive_list ul a span { margin-right: 5px; }
.archive_down .archive_list ul li::before { top: 14px; }

.archive_area { position: relative; display: inline-block; height: 34px; margin-left: 10px; }
.archive_area .archive_down { top: 34px !important; left: 0; }
.archive_scroll {  overflow-y: auto; height: 120px;  }

/* window popup */
.popup_wrap { width: 100%; }
.popup_wrap .popup_header { width: 100%; height: 50px; line-height: 50px; padding: 0 30px; color: #fff; background: #00549b; position: relative; position: fixed; z-index: 99999; }
.popup_wrap .popup_header h1 { font-size: 18px; font-weight: 500; }
.popup_wrap .in_popup { padding: 80px 30px 30px 30px; box-sizing: border-box; overflow-y: auto; position: relative; }
.popup_wrap .in_popup > .archive_info > .archive_img { width: 32% !important; }
.popup_wrap .in_popup > .archive_info > .archive_text { width: 68% !important; }
.popup_wrap .btn_popup { text-align: center; margin-top: 20px; }
.popup_wrap .in_popup .tree_content { margin-bottom: 20px; display: table; }
.popup_wrap .in_popup .tree_content .left { width: 230px; display: table-cell; vertical-align: top; }
.popup_wrap .in_popup .tree_content .right { padding-left: 20px; vertical-align: top; }
.popup_wrap h2 { margin: 30px 0 10px 0; font-weight: 500; font-size: 18px; }

/* layer popup */
body.close_wrap { position: fixed; overflow: hidden; width: 100%; height: 100%; }
.layer_overlay { display: none; position: fixed; top: 0; left: 0; bottom: 0; z-index: 9999; width: 100%; height: 100%; }
.layer_overlay > .dim { position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,0.4); }
.layer_wrap { display: table; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999; }

/* 비밀번호 입력 레이어 팝업  */
.pw_layer { width: 275px; margin: 0 auto; background: #607d8b; padding: 3px 3px; position: relative;}
.pw_layer > .pw_header { height: 37px; color: #fff; padding: 8px 17px 0 17px; position: relative; box-sizing: border-box; }
.pw_layer > .pw_header h1 { font-weight: 500; }
.pw_layer > .btn_close { width: 14px; height: 14px; background: url('/images/btn_close.png') no-repeat center; font-size: 0; display: block; position: absolute; right: 17px; top: 10px; }
.pw_layer > .pw_in { background: #fff; padding: 30px 0; text-align: center; box-sizing: border-box; }
.pw_layer > .pw_in span { font-weight: 500; color: #222; }
.pw_layer > .pw_in input[type="password"] { width: 210px; margin-top: 20px; }
.btn_layer { text-align: center; margin-top: 20px; }

.layer_popup { width: 710px; background: #fff; margin: 0 auto; position: relative; }
.layer_popup.type2 { width: 510px; height: auto; }
.layer_popup.type2 > .in_layer { height: auto; }
.layer_popup.type3 { width: 400px; height: auto; }
.layer_popup.type3 > .in_layer { min-height: 530px; overflow-y: auto; }
.layer_popup.type4 { width: 600px; height: auto; }
.layer_popup.type5 { width: 730px; }
.layer_popup.type5 > .in_layer { height: calc(100vh - 255px); overflow-y: auto; }
.layer_popup > .layer_header { height: 50px; line-height: 50px; padding: 0 30px; color: #fff; background: #00549b; position: relative; }
.layer_popup .btn_close { width: 20px; height: 20px; background: url('/images/btn_close.png') no-repeat center; font-size: 0; display: block; position: absolute; right: 30px; top: 15px; }
.layer_popup > .layer_header h1 { font-size: 18px; font-weight: 500; }
.layer_popup > .in_layer { padding: 20px 30px 30px 30px; box-sizing: border-box; overflow-y: auto; position: relative; }
.layer_popup > .layer_footer { border-top: 1px solid #ccc; padding: 20px 0; text-align: center; font-size: 0; }
.layer_popup > .layer_footer .btn2:first-child { margin-right: 10px; }
.in_layer h2 { margin: 10px 0; font-weight: 500; font-size: 18px; }
.in_layer .notice_text { line-height: 28px; }
.in_layer .notice_text strong { color: #0089cf; }
.in_layer .pw_notice { margin-bottom: 20px; }
.in_layer .pw_notice h2 { font-weight: 500; color: #000; font-size: 18px; background: url('/images/notice_icon.gif') no-repeat left 50%; padding-left: 15px; }

/* 협의체 소개 */
.info_text { margin-top: 10px; }
.info_comment { margin-top: 5px; }
.info_comment li { font-size: 14px; color: #888; }
.committee_box { margin-top: 10px; width: 100%; background: #fafafa; padding: 30px 0; }
.committee_box .org_chart { margin: 0 auto; }
.committee_box .org_chart li { text-align: center; position: relative; }
.committee_box .org_chart > li::before {
    content: '';
    display: inline-block;
    position: absolute; 
    top: 80px;
    left: 50%;
    right: 0;
    width: 2px;
    height: 280px;
    background: #505050;
}
.committee_box .org_chart li .head,
.committee_box .org_chart li .part1,
.committee_box .org_chart li .part2 { color: #fff; font-weight: 500; text-align: center; font-size: 24px; background: #003d7e; display: inline-block; width: 270px; height: 80px; line-height: 80px; border-radius: 10px; box-sizing: border-box; position: relative; }
.committee_box .org_chart li .part1 { font-size: 20px; background: #ea5a52; }
.committee_box .org_chart li .dept > .part2 { font-size: 20px; background: #0b70aa;position:absolute;top:0;right:140px}
.committee_box .org_chart > li > ul { margin-top: 60px; }
/*.committee_box .org_chart > li > ul > li:after {
    content: '';
    display: inline-block;
    position: absolute; 
    top: 100%;
    left: 50%;
    right: 0;
    width: 2px;
    height: 100%;
    background: #505050;
}*/
/*.committee_box .org_chart > li:nth-of-type(3) { padding-left: 636px; }
.committee_box .org_chart > li:nth-of-type(4) { padding: 50px 30px 0 30px; }*/
.committee_box .org_chart > li > ul > li > ul > li::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: -190px;
    top: 39px;
    height: 2px;
    background: #505050;
    width: 190px;
}
/*.committee_box .org_chart > li > .dept { margin: 0 -9px; }*/
.committee_box .org_chart li .dept{padding:120px 30px 0 30px; position:relative;overflow:hidden;}
.committee_box .org_chart li .dept::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 120px;
    left: 140px;
    right: 140px;
    height: 2px;
    background: #505050;
}
.committee_box .org_chart li .dept > .part3 { float: left; width: 220px; position: relative; padding: 50px 0 0 0; box-sizing: border-box; margin-right: 10px; }
.committee_box .org_chart li .dept > .part3:last-child { margin-right: 0; }
.committee_box .org_chart li .dept > .part3 > span { width: 220px; height: 100px; line-height: 100px; background: #fff; display: inline-block; position: relative; border: 1px solid #e7e7e7; border-bottom: 0; }
.committee_box .org_chart li .dept > .part3 > span > img { display: inline-block; text-align: center; vertical-align: middle; }
.committee_box .org_chart li .dept > .part3 > span:first-child { border-top: 1px solid #e7e7e7; }
.committee_box .org_chart li .dept > .part3 > span:last-child { border-bottom: 1px solid #e7e7e7; }
.committee_box .org_chart li .dept > .part3::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #505050;
}
.committee_box .org_chart > li > .dept::after {
    content: '';
    display: block;
    clear: both;
}

.center_org { background: #f8f8f8; padding: 30px 50px; }
.center_org .org_chart { margin: 0 auto; background: url('/images/center_org_bg.png') no-repeat center top 75px; }
.center_org .org_chart > li { text-align: center; position: relative; padding-bottom: 140px; }
.center_org .org_chart > li:last-child { padding-bottom: 0; }
.center_org .org_chart > li .head { background: #0b70aa; width: 300px; height: 60px; line-height: 60px; color: #fff; font-size: 24px; font-weight: 500; display: inline-block; border-radius: 50px; position: relative; }
.center_org .org_chart > li > .part > li { float: left; width: 320px; margin-right: 70px; text-align: left;}
.center_org .org_chart > li > .part > li:last-child { margin-right: 0; }
.center_org .org_chart > li > .part > li:nth-of-type(1) { background: url('/images/center_part01.png') no-repeat; }
.center_org .org_chart > li > .part > li:nth-of-type(2) { background: url('/images/center_part02.png') no-repeat; }
.center_org .org_chart > li > .part > li:nth-of-type(3) { background: url('/images/center_part03.png') no-repeat; }
.center_org .org_chart > li > .part dl { padding-left: 115px; }
.center_org .org_chart > li > .part dl dt { font-size: 20px; color: #222; font-weight: 500; }
.center_org .org_chart > li > .part dl dd { color: #666; position: relative; padding-left: 15px; }
.center_org .org_chart > li > .part dl dd::before { 
    content: '-';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
}
.center_org .org_chart > li > .part::after {
    content: '';
    display: block;
    clear: both;
}
.center_org { background: #f8f8f8; padding: 30px 50px; }
.center_org .org_chart2 { margin: 0 auto;  }
.center_org .org_chart2 > li { text-align: center; position: relative;  padding-bottom: 100px; }
.center_org .org_chart2 > li:last-child { padding-bottom: 0; }
.center_org .org_chart2 > li .head { background: #0b70aa; width: 300px; height: 60px; line-height: 60px; color: #fff; font-size: 24px; font-weight: 500; display: inline-block; border-radius: 10px; position: relative; }
.center_org .org_chart2 > li > .part > li { float: left; width: 230px; text-align: left; box-sizing: border-box; margin-right: 60px; position: relative; }
.center_org .org_chart2 > li > .part > li:last-child { margin-right: 0; }
.center_org .org_chart2 > li > .part dl { background: #f8f8f8; position: relative; }
.center_org .org_chart2 > li > .part dl dt { font-size: 20px; color: #fff; font-weight: 500; text-align: center; height: 45px; line-height: 45px; border-radius: 10px; background: #1c9fa2; margin-bottom: 10px; }
.center_org .org_chart2 > li > .part dl dd { color: #666; position: relative; padding: 0 20px; }
.center_org .org_chart2 > li > .part dl dd::before { 
    content: '-';
    position: absolute;
    display: inline-block;
    left: 10px;
    top: 0;
}
.center_org .org_chart2 > li:nth-of-type(1)::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 120px;
    background: #ccc;    
}
.center_org .org_chart2 > li:nth-of-type(2)::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -40px;
    left: 115px;
    right: 115px;
    height: 2px;
    background: #ccc;    
    
}
.center_org .org_chart2 > li > .part::after {
    content: '';
    display: block;
    clear: both;
}

.center_org .org_chart2 li .part li::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -40px;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #ccc;
}

.history_content { margin-top: 85px; position: relative; padding-bottom: 50px; }
.history_content::before {
    content: '';
    position: absolute;
    top: 235px;
    bottom: 0;
    left: 50%;
    width: 1px;
/*    height: 100%;*/
    background-color: #0066b3;
}
.history_content .history_top { text-align: center; font-size: 40px; line-height: 48px; } 
.history_content .history_top strong { display: block; font-weight: 400; color: #000; }
.history_content .history { margin-top: 70px; }
.history_content .history > li:first-child { margin-top: 0; }
.history_content .history > li { position: relative; margin-top: -80px; }
.history_content .history > li.left { text-align: right; padding-right: 50%; } 
.history_content .history > li::before {
    content: '';
    position: absolute;
    top: 32px;
    left: 576px;
    display: block;
    width: 50px;
    height: 50px;
    background: url('/images/history_year.png') no-repeat center;
}
.history_content .history::after { 
    content: '';
    position: absolute;
    bottom: 0;
    left: 590px;
    display: block;
    width: 22px;
    height: 25px;
    background: url('/images/history_bg.png') no-repeat center;
}
.history_content .history > li .year { color: #0066b3; font-size: 72px; font-weight: 500; position: relative; }
.history_content .history > li.left > .year { padding-right: 120px; }
.history_content .history > li.left > .year::before { 
    content: '';
    position: absolute;
    top: 57px;
    right: 0;
    height: 1px;
    width: 87px;
    background-color: #0066b3;    
}
.history_content .history > li.left > .year::after { 
    content: '';
    position: absolute;
    top: 53px;
    right: 87px;
    width: 10px;
    height: 10px;
    background-color: #0066b3;
    border-radius: 25px;
}
.history_content .history > li.left > ul { padding-right: 120px; margin-top: 10px; }
.history_content .history > li.left > ul > li { margin-bottom: 50px; }
.history_content .history > li.left > ul > li:last-child { margin-bottom: 0; }
.history_content .history > li.left > ul > li > strong { color: #222; font-size: 18px; position: relative; padding-right: 30px; display: block; margin-bottom: 5px;  }
.history_content .history > li.left > ul > li > strong > em { position: absolute; right: 0; display: inline-block; }
.history_content .history > li.left > ul > li > ul { margin-right: 30px; }
.history_content .history > li.left > ul > li > ul > li { position: relative; }
.history_content .history > li.left > ul > li > ul > li::before { 
    content: '-';
    padding-right: 5px;
}
.history_content .history > li.right { padding-left: 50%; }
.history_content .history > li.right > .year { padding-left: 120px; }
.history_content .history > li.right > .year::before { 
    content: '';
    position: absolute;
    top: 57px;
    left: 0;
    height: 1px;
    width: 87px;
    background-color: #0066b3;    
}
.history_content .history > li.right > .year::after { 
    content: '';
    position: absolute;
    top: 53px;
    left: 87px;
    width: 10px;
    height: 10px;
    background-color: #0066b3;
    border-radius: 25px;
}
.history_content .history > li.right > ul { padding-left: 120px; margin-top: 10px; }
.history_content .history > li.right > ul > li { margin-bottom: 50px; }
.history_content .history > li.right > ul > li:last-child { margin-bottom: 0; }
.history_content .history > li.right > ul > li > strong { color: #222; font-size: 18px; position: relative; display: block; margin-bottom: 5px; padding-left: 30px;  }
.history_content .history > li.right > ul > li > strong > em { position: absolute; left: 0; display: inline-block; }
.history_content .history > li.right > ul > li > ul { margin-left: 30px; }
.history_content .history > li.right > ul > li > ul > li { position: relative; padding-left: 15px; }
.history_content .history > li.right > ul > li > ul > li::before { 
    content: '-';
    position: absolute;
    left: 0; 
}

.info_map { margin: 40px 0 0 0; height: 500px; }
.info_addr { margin: 30px 0 0 0; }
.info_addr dl dt { width: 90px; position: relative; float: left; font-weight: 500; margin: 0 10px 10px 0; }
.info_addr dl dt::after { 
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 16px;
    background: #ddd;
}
.info_addr dl dd {  margin-bottom: 10px; }
.info_traffic > li {  }
.info_traffic > li.subway { border-bottom: 1px dashed #ccc; padding-bottom: 30px; margin-bottom: 30px; }
.info_traffic > li.subway::before {
    content: '';
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url('/images/subway_icon.png') no-repeat;
}
.info_traffic > li.bus::before {
    content: '';
    display: inline-block;
    width: 70px;
    height: 70px;
    background: url('/images/bus_icon.png') no-repeat;
}

.info_traffic > li > dl { display: inline-block; vertical-align: top; margin-left: 30px; }
.info_traffic > li > dl > dt { font-weight: 500; font-size: 18px; margin-bottom: 10px; }
.info_subway li { line-height: 30px; }
.info_subway li span { display: inline-block; width: 19px; height: 19px; color: #fff; line-height: 19px; text-align: center; margin-right: 5px; border-radius: 505px; font-size: 13px; padding-left: 1px; box-sizing: border-box; }
.info_subway li.line9 { color: #ab8109; }
.info_subway li.line9 span { background: #ab8109; }
.info_subway li.line5 { color: #a14a9b; }
.info_subway li.line5 span { background: #a14a9b; }
.info_subway li.line1 { color: #003878; }
.info_subway li.line1 span { background: #003878; }
.info_bus li { line-height: 30px;}
.info_bus li strong { color: #0066b3; }
.info_bus li strong.type1 { color: #00397a; }
.info_bus li strong.type2 { color: #ab8109; }
.info_bus li strong.type3 { color: #a14a9b; }
.info_bus li strong.type4 { color: #0083ba; }
.info_bus li strong.type5 { color: #5aa63f; }

.ceo_wrap { background: url('/images/ceo_img.gif') no-repeat top 20px right 40px; margin-top: 70px; }
.ceo_wrap .greeting_text1 { font-size: 32px; font-weight: 500; line-height: 48px; }
.ceo_wrap .greeting_text1 strong { color: #216eb2; }
.ceo_wrap .greeting_text2 .top { font-size: 24px; margin: 50px 0 20px 0; display: block; }
.ceo_wrap .greeting_text2 .sign_wrap { text-align: right; margin-top: 40px; }
.ceo_wrap .greeting_text2 .sign_wrap strong { display: block; margin-bottom: 15px; }
.ceo_wrap .greeting_text2 .sign_wrap .name { margin-bottom: 0; font-weight: 700; font-size: 30px; color: #000; }

/* 설문조사 */
.survey_box { border: 8px solid #ececec; text-align: center; padding: 25px 0; box-sizing: border-box; }
.survey_box .survey_title { font-size: 0; height: 40px;  }
.survey_box .survey_title .title { font-size: 28px; font-weight: 500; color: #000; display: inline-block; }
.survey_box .survey_title .survey_question { color: #888; font-size: 22px; display: inline-block; margin: 3px 5px 0 0; vertical-align: top; }
.survey_box .survey_title .survey_question em { color: #0089cf; font-weight: 500; }
.survey_box .survey_text { margin-top: 10px; }
.survey_box .survey_text span { display: block; }
.survey_total { margin-bottom: 10px; }
.survey_total .survey_item { color: #000; font-weight: 500; }
.survey_total .survey_num { color: #ff0000; font-weight: 500; }
.survey_btn { text-align: center; margin-top: 40px; font-size: 0; }
.survey_btn .btn2:first-child { margin-right: 10px; }
.survey_list li { border-bottom: 1px solid #e7e7e7; padding: 30px 0; }
.survey_list li .survey_qna { width: 100%; }
.survey_list li .survey_qna dt { margin-bottom: 35px; }
.survey_list li .survey_qna dt strong { color: #0089cf; display: inline-block; margin-right: 5px; }
.survey_list li .survey_qna dd { float: left; text-align: center; width: 196px; }
.survey_list li .survey_qna dd:nth-of-type(1) { padding-left: 113px !important; }
.survey_list li .survey_qna::after {
    content: '';
    display: block;
    clear: both;
}
.survey_list li .survey_qna dd label { color: #666; vertical-align: inherit; margin: 0; }
.survey_list li .survey_qna dd label em { display: block; color: #333; }
.survey_chk input[type="radio"] { width: 30px; height: 30px; margin-bottom: 10px; }
.survey_chk input[type="radio"]::after { 
    content: '';
    display: block;
    width: 30px; 
    height: 30px; 
   /*  background: url('/images/survey_check_off.png') no-repeat left 0; */
   background:#fff; border:1px solid #bebebe; border-radius:28px;
}
.survey_chk input[type="radio"]:checked::after { 
   border:none; background: url('/images/survey_check_on.png') no-repeat left 0;
}
/* .survey_chk input[type="radio"]::-ms-check { border: 1px solid #aaa; } */
/* .survey_chk input[type="radio"]:checked::-ms-check { background: #fc7d1a; color: #fff; border: 1px solid #fc7d1a; } */
.survey_finish { padding: 50px 0; text-align: center; box-sizing: border-box;}
.survey_finish .finish_text { background: url('/images/join_ok.png') no-repeat center top; font-size: 30px; color: #000; padding-top: 113px; }
.survey_finish .finish_text .text::before {
    content: '';
    display: block;
    width: 100px;
    height: 2px;
    background: #ddd;
    margin: 30px auto 15px auto;
}
.survey_finish .finish_text .text { font-size: 16px; color: #333; }
.survey_finish .finish_text .text strong { color: #0089cf; display: block; font-size: 24px; margin-bottom: 10px; }
.survey_finish .finish_text .text span { display: block; }
.survey_comment { border: 1px solid #e7e7e7; background: #f3f3f3; padding: 25px 0; }
.survey_comment .in_comment { width: 735px; margin: 0 auto; }
.survey_comment .in_comment label { display: inline-block; margin-bottom: 12px;}
.survey_comment .in_comment textarea { width: 650px; height: 58px; float: left; margin-right: 5px; }
.survey_comment .in_comment::after {
    content: '';
    display: block;
    clear: both;
}
.survey_comment .in_comment .btn1 { min-width: 80px !important; height: 58px; line-height: 58px; padding: 0 !important; float: right; }

/* 정책금융 수혜기업 */
.benefit_step { text-align: center; margin-bottom: 20px; }
.benefit_step ul { display: inline-block; }
.benefit_step ul li { float: left; padding-right: 100px; position: relative; }
.benefit_step ul li:last-child { padding-right: 0; }
.benefit_step ul li::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #eee;
    top: 39px;
    left: 79px;
}
.benefit_step ul li:last-child::after {
    display: none;
}
.benefit_step ul li .step { width: 78px; height: 79px; line-height: 79px; text-align: center; background: #505050; display: block; border-radius: 50px; color: #FFF; font-weight: 500; }
.benefit_step::after {
    content: '';
    display: block;
    clear: both;
}
.benefit_step ul li .text { display: block; color: #505050; line-height: 18px; margin-top: 8px; }
.benefit_step ul li.on > .step { background: #004591; color: #fff; }
.benefit_step ul li.on > .text { color: #004591; text-decoration: underline; text-underline-offset: 3px; }
.benefit_step ul li.complete > .step { background: #fc7d1a url('/images/check_img.png') no-repeat center; color: #fff; }
.benefit_step ul li.complete > .text { color: #fc7d1a; }

/* 자문단 팝업 */
.panel_box { margin-top: 30px; position: relative; border-bottom: 1px solid #e7e7e7; padding-bottom: 30px; }
.panel_box:nth-of-type(1) { margin-top: 0; }
.panel_box:last-child { border-bottom: none; }
.panel_box > h2 { font-size: 24px; font-weight: 500; }
.panel_box .requisite_box { background: #f8f8f8; border: 1px solid #e7e7e7; padding: 20px 20px; margin: 20px 0 0 0; }
.panel_box .requisite_box ol li { list-style: decimal; margin-left: 18px; padding-left: 5px; line-height: 24px; }
.panel_box > h3 { font-size: 18px; font-weight: 500; }
.panel_box .panel_step { margin-top: 20px; width: 100%; }
.panel_box .panel_step > li { width: 650px; height: 129px; background: url('/images/panel_step.png') no-repeat;  margin-bottom: 10px; box-sizing: border-box; }
.panel_box .panel_step > li:last-child { margin-bottom: 0; }
.panel_box .panel_step > li .step { width: 148px; height: 129px; text-align: center; padding-top: 25px; float: left; box-sizing: border-box; background: url('/images/panel_step_icon01.png') no-repeat bottom 22px center; }
.panel_box .panel_step > li:last-child .step { background: url('/images/panel_step_icon02.png') no-repeat bottom 22px center; }
.panel_box .panel_step > li .step > em { font-size: 12px; color: #888; display: inline-block; font-weight: 500; }
.panel_box .panel_step > li .step span { display: block; color: #0298bd; font-weight: 700; line-height: 18px; }
.panel_box .panel_step > li:nth-of-type(2) .step span, .panel_box .panel_step > li:nth-of-type(3) .step span, .panel_box .panel_step > li:nth-of-type(4) .step span { margin-top: 10px; }
.panel_box .panel_step > li dl { width: 500px; color: #fff; float: right; margin-top: 15px; }
.panel_box .panel_step > li dl > dd { padding-left: 15px; line-height: 24px; }
.panel_box .panel_step > li::after {
    content: '';
    display: block;
    clear: both;
}

/* 에러페이지 */
.error_wrap { position: relative; display: table; vertical-align: middle; width: 100%; height: 100%; text-align: center; }
.error_wrap .error_box { display: table-cell; vertical-align: middle; }
.error_wrap .error_box .error_text1 { font-size: 30px; color: #000; line-height: 36px; }
.error_wrap .error_box .error_text1 span { display: block; }
.error_wrap .error_box .error_text1::before {
    content: '';
    display: inline-block;
    width: 93px;
    height: 92px;
    background: url('/images/common/error_img.png') no-repeat;
    margin-bottom: 20px;
}
.error_wrap .error_box .error_text2 { color: #0089cf; margin-top: 20px; }
.error_wrap .error_box .error_text2 span { display: block; }
.error_wrap .error_box .error_text2::before {
    content: '';
    display: inline-block;
    width: 100px;
    height: 2px;
    background: #ccc;
    margin-bottom: 10px;
}
.error_wrap .error_box .btn_area { text-align: center; font-size: 0; margin-top: 30px; }
.error_wrap .error_box .btn_area .btn4:first-child { margin-right: 10px; }

.loading_wrap { width: 100%; height: 100%; position: relative; z-index: 10; overflow: hidden; }
.loading { width: 100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 9999; }
.loading_dim { width: 100%; height: 100%; background: rgba(0,0,0,0.1); position: absolute; left: 0; top: 0; z-index: 10; } 

.tree_index { width: 100%; padding: 80px 0; text-align: center; }
.tree_index .tree_info { display: inline-block; margin-left: 30px; height: 416px; position: relative; }
.tree_index .tree_info > p { position: absolute; top: 50%; transform: translateY(-50%); font-size: 18px; line-height: 28px; text-align: left; } 
.tree_index .tree_info > p .title { display: block; margin-bottom: 20px; font-size: 24px; color: #004591; }
.tree_index .tree_info > p .text1 { color: #000; }
.tree_index .tree_info > p .text2 { color: #007fd2; }
.tree_index .tree_info > p .chrome_text { display: block; margin-top: 10px; }
.tree_index .tree_info > p .chrome_text a { color: #ef5350; text-decoration: underline; } 

/* sas popup */
.sas_info { margin-bottom: 30px; border-bottom: 1px solid #e7e7e7; }
.sas_info .content_box { margin: 0 0 20px 0; }
.sas_info .content_box .img { margin: 10px 0; }
.sas_info .content_box .h2 { margin: 0 0 0 0; font-weight: 500; font-size: 18px; color: #000; }
.sas_info .content_box .h3 { margin: 20px 0 0 0; font-weight: 500; font-size: 16px; }

/* etc - 그래프 박스, tree 로딩 */
.pf_text { font-weight: 500; font-size: 19px; color: #000; }
.g_line1 { width: 920px; border: 1px solid #e7e7e7; }
.loader_wrap { z-index: 99999; background: rgba(255,255,255,0.5); width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.loader { width: 218px; height: 149px; position: absolute; top: 50%; transform: translateY(-50%); }

/* 접근성 관련 - 날짜 입력 예시 */
.date_comment { display: inline-block; font-size: 16px; font-weight: 400; color: #888; margin-left: 10px; }
#noData { text-align: center; font-size:24px; font-weight: 500; padding-top: 200px; }
#noData::before {
	content: '';
	display: block;
	background: url('/images/common/error_img.png') no-repeat;
	width: 93px;
	height: 92px;
	margin: 0 auto 30px auto;	
}
/* :::::::::::2차 개선사업 ::::::::::::*/

/* layerepopup */
.layicoAt{display: table-cell;position: relative;height: 100px;padding: 0px 0px 0px 100px;vertical-align: middle; background: url('/images/new/ico_alert.png') no-repeat 20px center;}
.layer_overlay{z-index: 999999}

.survey_chk2{position:relative;}
.survey_chk2 input[type="radio"]{position:absolute;top:1px;left:1px;margin-left:-15px;width: 28px; height: 28px;appearance:none;z-index:9;border:1px solid #bebebe;-webkit-appearance:none;-moz-appearance:none;border-radius: 50%;}
.survey_chk2 input[type="radio"] + span{position:relative;width: 30px; height: 30px;}
.survey_chk2 input[type="radio"] + span::after {content: '';display: inline-block;position:absolute;top:0;left:0;margin-left:-15px;width: 30px;height: 30px;background:#fff; border:none; border-radius:28px;z-index:8;}
.survey_chk2 input[type="radio"]:checked + span::after {border:none; background: url('/images/survey_check_on.png') no-repeat left 0;z-index:10;}
.survey_chk2 .num{margin-top:40px;}


/* 2020-12-29 */
h1.ico_notice:before{display: inline-block;content: '';width: 20px;height: 20px;background: url('../images/ico_notice.png') no-repeat 0 0;margin-right:5px;vertical-align: middle;}
h1.ico_news:before{display: inline-block;content: '';width: 20px;height: 20px;background: url('../images/ico_news.png') no-repeat 0 0;margin-right:7px;vertical-align: middle;}
h1.ico_etc:before{display: inline-block;content: '';width: 20px;height: 20px;background: url('../images/ico_etc.png') no-repeat 0 0;margin-right:7px;vertical-align: middle;}