@charset "utf-8";
/* CSS Document */
/*@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');*/

/*전체*/ 
*{margin:0; padding:0;}
html {overflow-y:scroll; height:100%;}
body {
	font-family: "Nanum Gothic", sans-serif;
	font-size: 9pt;
	line-height:170%;
	color:#333;
}
ul li,ol li{list-style:none;}
a{text-decoration:none;}
img{border:0 none;}
ul,ol,dl,li {list-style:none;}
a { text-decoration:none; color:#000;}
select { font-family:"dotum","돋움", sans-serif; font-size:12px; line-height:12px; }
.hidden {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}

/*header*/
.header { width:1280px; margin:0 auto; border-bottom:3px solid #f81026;}
.header .header_centerBox {margin:0 auto; width:1280px;}
.header .header_centerBox .gnb {clear:both; height:68px; background:#FFF;}
.header .header_centerBox .gnb h1 a {float:left; background:url(../../images/logo_top.gif) no-repeat; width:150px; height:25px; margin:23px 0 0 20px; text-indent:-9999px;}
.header .header_centerBox .gnb ul {float:left; margin:25px 0 0 128px; font-size:20px;}
.header .header_centerBox .gnb ul li {float:left; } 
.header .header_centerBox .gnb ul li a:hover {color:#f81026; }
li.menubar {background:url(../../images/menubar.gif) no-repeat; width:1px; height:22px; text-indent:-9999px; margin:0 63px;}
.header .header_centerBox .gnb ul li.menu_on a {display:inline-block; color:#d20b1b; font-weight:600;}

/*wrap*/
.wrap { width:100%; min-height:880px; height:auto;}
.wrap .img_maintop { height:166px; background:url(../../images/img_maintop.jpg) center top no-repeat;}
.wrap .img_maintop p.txt_maintop { margin:0 auto; letter-spacing:-1px; font-weight:800; text-align:center; padding:45px 0 12px 0; height:28px;}
.wrap .img_maintop p.txt_maintop span { color:#fff; font-size:32px; font-weight:bold; display:none;}
.wrap .img_maintop .searchwrap_maintop {  width:882px; height:68px; margin:0 auto; background:url(../../images/search_bg.png) left top no-repeat}
.wrap .img_maintop .searchwrap_maintop ul { width:100%; } 
/* .searchwrap_maintop ul li { float:left; padding:25px 0 0 50px; vertical-align:middle; } */
/* .searchwrap_maintop ul li.search_btn { float:right; padding:21px 50px 0 0;} */
.searchwrap_maintop ul li { float:left; padding:22px 0 0 50px; vertical-align:middle; }
.searchwrap_maintop ul li.search_btn { float:right; padding:22px 50px 0 0;}
.searchwrap_maintop ul li span { display:inline-block; vertical-align:middle; padding:0 2px; font-size:13px; font-weight:800; color:#5b5b5b;}
/* .searchwrap_maintop ul li select { min-width:80px; } */
.searchwrap_maintop ul li select { min-width:80px; height:30px;}
.searchwrap_maintop ul li span.search_bl01 { padding:0 10px 0 20px; background:url(../../images/search_bl01.gif) left center no-repeat; }
.searchwrap_maintop ul li span.search_bl02 { padding:0 10px 0 20px; background:url(../../images/search_bl02.gif) left center no-repeat; }
.searchwrap_maintop ul li select { vertical-align:middle}
/* .se_business { width:250px;} */
.se_business { width:270px;}

/*container*/
.container {margin:0 auto; clear:both; width:1280px; margin-top:20px;}
.container .main_content {float:left; width:1200px; margin:0 20px; background:#f5f3f3; border:1px solid #d7d7d7; padding:10px 19px 30px 21px;}
.container .main_content .search_mc {background:url(../../images/searchbox.png) no-repeat; width:1240; height:111px; position:relative;}
.container .main_content .search_mc ul.search_result01 {position:absolute; left:215px; top:15px; }
ul.search_result01 li {float:left;  }
ul.search_result01 li.txt_sr { min-width:120px; font-weight:bold; font-size:14px; color:#191717; margin:2px 0 0 36px;}
ul.search_result01 li.num_sr { font-weight:600; font-size:23px; color:#ed1846; margin:0 36px 0 0; letter-spacing:-1px }
ul.search_result01 li.bar_sr {margin-top:3px;}
.container .main_content .search_mc dl.search_result02 {position:absolute; left:252px; top:64px; }
dl.search_result02 { font-size:14px; font-weight:bold;  color:#717171;}
dl.search_result02 dt { float:left; width:120px;}
dl.search_result02 dt span { display:inline-block; padding-right:8px;}
dl.search_result02 dd { float:left; padding-right:50px; vertical-align:middle}
dl.search_result02 dd input { vertical-align:middle; margin-right:3px;}
.container .main_content .show_map {width:1200px; height:500px; background:#fff; margin: 0 auto; padding: 0;}
.show_map .map_wrap {width:856px; height:469px; float:left; padding:5px; background:rgba(255,255,204,1);}
.show_map span {float:left;}
.show_map .grap_wrap {float:left; width:286px; height:367px; padding:20px; background:rgba(255,255,204,1); margin-bottom:16px;}
.show_map p {text-align:center;}

/*footer*/
.footer {clear:both; background:#f5f5f5; width:1280px; height:89px; border-top:1px solid #d7d7d7; margin:0 auto}
.footer p {margin:0 auto; width:1280px;}
.footer p span.logo_bottom {display:inline-block; margin:22px 0 0 19px; float:left; padding-left:71px;}
.footer p span.txt_bottom {float:left; margin:28px 0 0 54px; line-height:18px;}

/*서브-사업현황통계*/
.wrap .img_subtop { width:1280px; margin:0 auto; height:83px; background:#b33a59;}
.wrap .img_subtop p.txt_subtop01 {margin:0 auto; clear:both; min-height:83px; background:url(../../images/sub_top1.jpg) no-repeat; width:1280px; }
.wrap .img_subtop p.txt_subtop03 {margin:0 auto; clear:both; min-height:83px; background:url(../../images/sub_top2.jpg) no-repeat; width:1280px; }
.wrap .img_subtop p.txt_subtop01 span {display:inline-block; margin-left:33px; padding-top:17px; font-weight:600; font-size:22px; color:#fff;}
.wrap .img_subtop p.txt_subtop03 span {display:inline-block; margin-left:33px; padding-top:17px; font-weight:600; font-size:22px; color:#fff;}
.wrap .img_subtop p span.txt_subtop02 {display:inline-block; margin-left:12px; font-weight:600; font-size:14px; color:#fff;}

.container .sub_content {float:left; width:1096px; margin:0 20px; padding:10px 72px 0 72px; margin-bottom:108px;}
.sub_content .article {clear:both; overflow:hidden; width:100%; min-width:1096px; height:330px; border-left:1px solid #feaeae; }
.sub_content .article dl.artiwrap01 {width:15.5%; height:329px; float:left; border-right:1px solid #feaeae; border-bottom:1px solid #feaeae;}
dl.artiwrap01 dt.arti_title { background:url(../../images/tab_article02.png) repeat-x;  height:24px; 
font:bold 12px "돋움","Malgungothic" , Dotum, sans-serif; color:#b00d16; text-align:center; padding-top:12px; border-bottom:1px solid #feaeae; border-top:1px solid #feaeae;}
/* dl.artiwrap01 dt.arti_title { background:url(../../images/tab_article02.png) repeat-x;  height:24px;  */
/* font:bold 12px "돋움","Malgungothic" , Dotum, sans-serif; color:#a66c6c; text-align:center; padding-top:12px; border-bottom:1px solid #feaeae; border-top:1px solid #feaeae;} */
dl.artiwrap01 dd.arti_title {border:1px solid #feaeae; background:url(../../images/tab_article02.png) repeat-x;  height:24px; 
font:bold 12px "돋움","Malgungothic" , Dotum, sans-serif; color:#a66c6c; text-align:center; padding-top:12px;}
dl.artiwrap01 dd.arti_txtwrap {padding:9px; line-height:20px; height:330px;}
dl.artiwrap01 dd.arti_txtwrap select {width:151px; height:28px; border:1px solid #cccccc;}
dd.arti_txtwrap ul.radiowrap {clear:both;}
dd.arti_txtwrap ul.radiowrap li {float:left; font-size:13px}
dd.arti_txtwrap ul.radiowrap li.arti_radio {margin:2px 6px 0 0;}
dl.artiwrap01 dd.search_arti {background:#fef6f6;}
dl.artiwrap01 dd.search_arti ul {border-bottom:1px solid #feaeae; height:46px;}
dl.artiwrap01 dd.search_arti ul li {float:left;}
dl.artiwrap01 dd.search_arti ul li.a_searchwrap input {width:195px; height:28px; border:1px solid #cccccc; margin:9px;}
dl.artiwrap01 dd.search_arti ul li.btn_search a {display:inline-block; margin-top:9px;}

.selectword_search_btn { border:1px solid #feaeae;  text-align:right; background:#fdf4f4 url(../../images/tab_article02.png) left bottom repeat-x} 
.selectword_search_btn a { display:inline-block; margin:5px 5px 0 0 }

dl.artiwrap01 dd.arti_txtwrap02 {padding:9px; line-height:20px; }
dl.artiwrap01 dd.arti_txtwrap02 select {width:151px; height:28px; border:1px solid #cccccc;}
dd.arti_txtwrap02 ul.radiowrap {clear:both;}
dd.arti_txtwrap02 ul.radiowrap li {float:left; font-size:13px}
dd.arti_txtwrap02 ul.radiowrap li.arti_radio {margin:2px 6px 0 0;}

.sub_content .selectword_wrap dl.selectword_re {height:37px; margin-bottom:4px;}
.sub_content dl.selectword_re dd.word_re a {display:inline-block; cursor:pointer; background:#dddcdc; width:1008px; margin-top:2px; height:37px;}
.sub_content dl.selectword_re dd.word_re a:hover {background:#c7c5c5;}
.sub_content dl.selectword_re dd.word_re ul { text-align:center; margin:10px 0 0 446px; font:bold 13px "nanumgothic","돋움", "Malgungothic" ,  Dotum, Tahoma, Geneva, sans-serif;}
.sub_content dl.selectword_re dd.word_re ul li {float:left; margin-left:10px;}
.sub_content dl.selectword_re dd {float:left;}
.sub_content dl.selectword_re dd.word_re02 a {display:inline-block; cursor:pointer; background:#c7c5c5; width:1008px; margin-top:2px; height:37px;}
.sub_content dl.selectword_re dd.word_re02 ul { text-align:center; margin:10px 0 0 446px; font:bold 13px "nanumgothic","돋움", "Malgungothic" ,  Dotum, Tahoma, Geneva, sans-serif;}
.sub_content dl.selectword_re dd.word_re02 ul li {float:left; margin-left:10px;}

.sub_content .selectword_wrap table.sw_chart {clear:both; width:100%; border:1px solid #feaeae; border-bottom:none;}
.sub_content .selectword_wrap table.sw_chart tr {line-height:36px; }
.sub_content .selectword_wrap table.sw_chart tr th {border-right:1px solid #feaeae; border-bottom:1px solid #feaeae; background:#fef6f6;}
.sub_content .selectword_wrap table.sw_chart tr td {border-bottom:1px solid #feaeae; padding-left:20px;}

ul.cr_title {margin-top:58px; height:41px; clear:both; border-top:1px solid #cacaca;}
ul.cr_title li {float:left;}
ul.cr_title li.bar_back {display:block; background:url(../../images/ti_bar02.gif) repeat-x; width:1067px; height:41px; 
font:bold 12px "돋움", "nanumgothic","Malgungothic" ,  Dotum, Tahoma, Geneva, sans-serif; color:#333333; padding-top:14px; padding-left:9px;}
ul.cr_title li.bar_back span.color_txt {color:#b00d16; margin-left:7px;}
.graph_chart {height:auto; background:#f6f6f6; border:1px solid #cacaca; border-top:none; padding:15px 14px 20px 15px;}
/* .graph_chart {height:auto; background:#f6f6f6; border:1px solid #cacaca; border-top:none; padding:20px 14px 20px 15px;} */
.graph_chart ul.graph_tit {clear:both; margin-bottom:19px;}
.graph_chart ul.graph_tit li {float:left; width:600px; margin-right:40px;}
.graph_chart ul.graph_wrap {clear:both; height:316px; margin-bottom:19px;}
.graph_chart ul.graph_wrap li {float:left; width:600px; height:316px; border:1px solid #cdcccc; margin-right:40px; background:#fff;}
.graph_chart table {clear:both; overflow:hidden; width:100%; background:#fff; border-right:1px solid #cccccc; border-left:1px solid #cccccc; font:14px "돋움","nanumgothic", "Malgungothic" ,  Dotum, Tahoma, Geneva, sans-serif;}
.graph_chart table tr {line-height:36px; height:39px;}
.graph_chart table tr th {background:#ffebeb; border-bottom:1px solid #feaeae; color:#b00d16; font-weight:600;}
.graph_chart table tr td {border-bottom:1px solid #cccccc; text-align:center;}
.graph_chart table tr td.firstLine {padding-left:23px; text-align:left;}
.graph_chart table tr td.lastLine a {display:block; padding-right:23px; margin-left:10px; text-align:right;}
.graph_chart table tr td.gr_smView {border:2px solid #d4d4d4; width:62px; height:21px; margin:10px;}


.graph_tt { display:inline-block; width:98%; margin:8px 1%; background:url(../../images/graph_titlebg04.png) right top no-repeat}
.graph_tt span { display:inline-block; width:100%; height:25px; padding-top:6px; color:#333; font-weight:800; font-size:13px; text-align:center; background:url(../../images/graph_titlebg03.png) left top no-repeat}
.graph_btn { position:absolute; right:11px; top:12px}
/* .graph_tt { display:inline-block; width:98%; margin:8px 1%; background:url(../../images/graph_titlebg02.gif) right top no-repeat} */
/* .graph_tt span { display:inline-block; width:100%; height:25px; padding-top:6px; color:#fff; font-weight:800; font-size:13px; text-align:center; background:url(../../images/graph_titlebg01.gif) left top no-repeat} */
/* .graph_btn { position:absolute; right:13px; top:4px} */


.detail_popup td img,
.graph_chart td img { vertical-align:middle}

.back_arti {clear:both; border-bottom:1px solid #feaeae; height:36px; padding-left:23px;  font:12px "돋움","Malgungothic" , Dotum, sans-serif; color:#333;
border:1px solid #feaeae; border-top-left-radius:9px; -moz-border-top-left-radius:9px; -webkit-border-top-left-radius:9px;
border-top-right-radius:9px; -moz-border-top-right-radius:9px; -webkit-border-top-right-radius:9px; background:#fef6f6;}
.back_arti ul.checkarea {float:left; padding-top:12px; height:24px;}
.back_arti ul.checkarea li {float:left; margin-right:7px;}
.back_arti ul.checkarea li.se_txt {margin-right:23px;}
ul.btnarea {height:37px; margin:0 auto; padding:30px 0 20px 0; width:270px;}
ul.btnarea li a {float:left; margin-right:10px;}
span.btn_detailView  {float:right; display:inline-block; margin-right:15px; padding-top:5px;}

/*서브_탭*/
.subtab { float:left; width:100%; margin-top:-40px; border-bottom:3px solid #c4345a; text-align:right; }
.subtab li { display:inline-block; text-align:center; }
.subtab li span,
.subtab li a { display:inline-block; background:url(../../images/subtab_off02.gif) right top no-repeat}
.subtab li span { height:27px; padding:10px 30px 0 30px; font-weight:800; color:#9f9f9f; font-size:14px; letter-spacing:-1px; background:url(../../images/subtab_off01.gif) left top no-repeat} 
.subtab li.subtab_on a, .subtab li a:hover { background:url(../../images/subtab_on02.gif) right top no-repeat}
.subtab li.subtab_on a span, .subtab li a:hover span { color:#fff; background:url(../../images/subtab_on01.gif) left top no-repeat}

/*서브_국가별실적현황*/  
.search_contury { float:left; width:100%; height:91px; padding-top:21px; text-align:center; background:url(../../images/sub_countrysearch_bg.jpg) left top no-repeat} 
.search_contury span { display:inline-block; width:122px; height:29px; background:url(../../images/sub_countrysearch_bl.gif) left top no-repeat}
.search_contury input { width:300px; height:27px; border:1px solid #abadb3; padding:0 10px; line-height:26px; color:#7f7f7f; margin-right:20px; vertical-align:top}
.icon_contry {margin:38px 0 18px 0;}
.icon_contry p span {float:left;}
span.bar_con {margin:22px 15px 0 15px;}
span.txt_con {font:22px "nanumgothic","Malgungothic" ,"돋움",   Dotum, Tahoma, Geneva, sans-serif; margin-top:20px;}
ul.cr_title li.bar_back span.txt_tit {float:left; display:inline-block; padding-top:14px;}
.graph_chart table tr td.rightline {border-right:1px solid #cccccc}
.graph_chart table tr td.rightline1 {border-right:1px solid #cccccc}
span.select_year {float:right; margin:6px 14px 0 0; }
span.select_year select {width:130px; height:28px; border:1px solid #aaaaaa;}

/*서브_상세팝업*/
.detail_popup .pop_title {border:1px solid #d9879c; height:35px; text-align:left; padding:10px 0 0 17px; font:bold 12px "돋움","Malgungothic" , Dotum, sans-serif; color:#a66c6c;
background:url(../../images/popup_bg.gif) repeat-x;}
.detail_popup .pop_title ul li {float:left;}
.detail_popup .pop_title ul li.icontit_popup {display:inline-block; padding:6px 7px 0 0;}
.detail_popup .pop_title ul li.txtit_popup {color:#fff; padding-top:8px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.detail_popup .pop_title ul li.txtit_popup { padding-top:4px; }
}
.detail_popup  h5{display:block;margin-bottom:10px;font-size:14px;font-weight:bold;color:#222;}

.detail_popup table {clear:both; overflow:hidden; width:100%; background:#fff; border-right:1px solid #cccccc; border-left:1px solid #cccccc; font:12px "돋움","nanumgothic", "Malgungothic" ,  Dotum, Tahoma, Geneva, sans-serif;}
.detail_popup table tr {line-height:36px; height:39px;}
.detail_popup table tr th {background:#ffebeb; border-bottom:1px solid #feaeae;  border-top:1px solid #feaeae; color:#b00d16; font-weight:600;}
.detail_popup table tr td {border-bottom:1px solid #cccccc; text-align:center;}
.detail_popup table tr td.firstLine {padding-left:23px; text-align:left;}
.detail_popup table tr td.lastLine a {display:block; padding-right:23px; margin-left:10px; text-align:right;}
.detail_popup table tr td.gr_smView {border:2px solid #d4d4d4; width:62px; height:21px; margin:10px;}

.detail_popup .back_arti05 { float:left; width:100%; height:36px; text-align:center; font:bold 12px "돋움","Malgungothic" , Dotum, sans-serif; color:#a66c6c; background:#fef6f6;}
.detail_popup .back_arti05 ul.checkarea { overflow:auto; padding-left:40px; overflow:hidden; border:1px solid #feaeae; padding-top:12px; height:24px;}
.detail_popup .back_arti05 ul.checkarea li {float:left; margin-right:7px;}
.detail_popup .back_arti05 ul.checkarea li.se_txt {margin-right:23px;}
.detail_popup .back_arti05 ul.checkarea li input { vertical-align:middle;}
p.btn_close {margin:0 auto; width:150px; margin-top:33px; }

/*-------------------------------------------------------------------------------------------------------*/

/*popup_search*/
.popup_search { float:left; width:100%; padding:15px 0 10px 0; background:url(../../images/popup_searchbg.gif) left top repeat-x;  text-align:left;}
.popup_search span { display:inline-block; padding:0 15px;}
.popup_search input,
.popup_search select,
.popup_search img { vertical-align:middle;}
.popup_search input { margin:0 5px; height:17px;}

/*graph_border*/
.graph_border { clear:both; border:3px solid #d0d0d0; border-radius:15px; -moz-border-radius:15px; text-align:center; margin:20px; padding:20px }
p.img_nothingnation {margin:0 auto; width:100%; text-align:center;}

/*0127_이주현추가*/
ul.g_titleArea li {float:left; margin-right:22px; padding:0 0 0 10px;}
ul.g_titleArea li.g_title {background:url(../../images/graph_titlebg05.png) no-repeat; width:602px; height:35px; font-weight:800; padding-top:6px;}
ul.g_titleArea li.g_title span a {display:inline-block; float:right; margin:0px 5px 0 0;}

/**/
.popTitleBar{height:50px;line-height:50px;background:#333333 url(<c:out value="${imagePath}"/>/new/bg_printTitle.png) no-repeat left top;background-size:auto 100%;}
.popTitleBar h1{padding:15px 0 0 65px;font-size:20px;color:#fff;line-height:110%;}
.afterClear{}
.afterClear.col2,
.afterClear.col3{margin:0 -10px;}
.afterClear:after{display:block;content:'';clear:both;}
.fl-l{float:left;}
.fl-r{float:right;}
.w495{width:49.5%;}
.afterClear.col2 > div{float:left;padding:0 10px;width:50%;box-sizing:border-box;}
.afterClear.col3 > div{float:left;padding:0 10px;width:33.3333%;box-sizing:border-box;}
.w333{padding:0 10px;width:33.3333%;box-sizing:border-box;}

/*팝업 신규 UI*/
.detail_popup{padding:0 20px 20px;}
.detail_popup .pop_title{margin:0 -20px 20px;padding:0 0 0 60px;height:49px;font-size:18px;font-weight:bold;color:#fff;line-height:49px;background:#333 url(../../images/new/bg_popupTitle.png) no-repeat left top;border:0px none;}
.detail_popup .pop_title:after{display:block;content:'';clear:both;}
.detail_popup .pop_title ul li.icontit_popup{display:none;}
.detail_popup .pop_title ul li.txtit_popup{padding-top:0 !important;}
.detail_popup table{border-left:1px #ccc solid;border-right:1px #ccc solid;border-top:2px #353535 solid;}
.detail_popup table tr{height:auto;line-height:160%;}
.detail_popup table tr th{padding:5px;background:#f0f0f0;color:#343434;border-top:0px none;border-bottom:1px #ccc solid;}
.detail_popup table tr td{padding:5px;border-bottom:1px #ccc solid;}
.detail_popup table .numRight{text-align:right !important;}
.detail_popup h5{padding-left:26px;background:url(../../images/new/bg_hTitle.png) no-repeat 1px center;}
.detail_popup .graph_border{margin:0 0 20px;}
.detail_popup .popup_search{position:relative;float:none;margin:20px 0 10px;padding:0;height:30px;text-align:right;background:none;}
.detail_popup .popup_search span{padding:0;}
.detail_popup .popup_search input[type='text']{padding:0 5px;height:30px;background:none;border:1px #707070 solid;box-sizing:border-box;vertical-align:top;}
.detail_popup .popup_search select{height:30px;text-indent:5px;background:none;border:1px #707070 solid;box-sizing:border-box;vertical-align:top;}
.detail_popup .popup_search .btn_submit{display:inline-block;padding:0 15px;height:30px;font-size:14px;font-weight:bold;color:#fff;line-height:30px;background:#193d72;box-sizing:border-box;vertical-align:top;}
.detail_popup .btn_excel{display:block;position:absolute;top:0;left:0;padding:0 12px 0 35px;height:28px;line-height:28px;border:1px solid #c3c3c3;background:#fbfbfb url(../../images/new/icon_btnExcel.png) no-repeat 12px center;z-index:2;}

/*팝업내 그리드*/
#gridHolder{clear:both;border-top:2px #545454 solid !important;}
.rMateH5__DataGrid.gridStyle{border-color:#dcdcdc !important;}
.rMateH5__DataGridHeaderBackgroundSkin.rMateH5__DataGrid{background:#f9f9f9 !important;border-bottom:1px #dcdcdc solid !important;}
.gridHeaderStyle{font-weight:bold !important;color:#424d89 !important;}