\@charset "utf-8";
/* CSS Document */

/** skip **/
#skipToContent {position:absolute; width:100%; margin:0 auto; z-index:996;}
#skipToContent a {display:block; height:1px; margin-bottom:-1px; overflow:hidden; white-space:nowrap; width:1px;}
#skipToContent ul li{float:left;}
#skipToContent a:focus, #skipToContent a:active {height:18px; width:130px; padding:5px; color:#fff; background:#184f7b; text-align:center; font-weight:bold; margin:0;}

.m_body {background:url(../images/main/v_img_01.jpg) center 40px repeat-x;}
header {width:100%;  margin:0px; padding:0px; }

.top_gnb_wrap { width:100%; background:#016cba; height:40px;}
.top_gnb_wrap .top_gnb { margin:0 auto; width:1180px; position:relative;}
.top_gnb_wrap .top_gnb .top_m { position:absolute; left:0px; top:0px; height:40px; }
.top_gnb_wrap .top_gnb .top_m span { color:#FFF; margin:0 0 0 0;line-height:40px; height:40px; margin:0 5px 0 5px;}
/**.top_gnb_wrap .top_gnb .top_m span a { color:#FFF; font-family:"나눔고딕",NanumGothic,sans-serif;line-height:40px; height:40px;}*/
.top_gnb_wrap .top_gnb .top_m span a { color:#FFF; font-family:"나눔고딕",NanumGothic,sans-serif;line-height:40px; height:40px; font-size: 20px; font-weight: bold;}

.top_gnb_wrap .top_gnb .top_gnb_m { position:absolute; right:240px; top:0px; height:40px; }
.top_gnb_wrap .top_gnb .top_gnb_m span { color:#FFF; margin:0 0 0 0;line-height:40px; height:40px; margin:0 3px 0 3px;}
.top_gnb_wrap .top_gnb .top_gnb_m span a { color:#FFF; font-family:"나눔고딕",NanumGothic,sans-serif;line-height:40px; height:40px;}

.top_gnb_wrap .top_gnb .top_sns_m { position:absolute; right:120px; top:0px; height:40px; }
.top_gnb_wrap .top_gnb .top_sns_m span { color:#FFF; margin:0 0 0 0;line-height:40px; height:40px; margin:0 3px 0 3px;}

.top_zoom_m {position:absolute; right:0px; top:0px; height:40px;line-height:40px;}
.top_zoom_m li { float:left; margin:0 0 0 2px;}

nav { width:100%; background:#fff; height:75px; background:url(../images/main/nav_bg.png) repeat-x}
.nav_wrap {margin:0 auto; width:1180px; height:75px; position:relative;  z-index:999}
.nav_wrap .logo { position:absolute; top:0px; left:0px; height:75px; line-height:75px;}
.nav_wrap .logo a { display:inline-block;float:left; width:200px; text-align:center; line-height:75px;color:#000000;font-size:20px; font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:600}

 .topmenu_wr {width:980px;height:59px;margin:0 auto;position:relative;}
 .topmenu_wr .logo {position:absolute;top:30px;left:10px;}



.gnb {width:800px;margin:0; position:absolute; right:-70px;}
.gnb .gnb_menu01 {position:relative;float:left; width:150px; color:#000000;font-size:20px; font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:600}
.gnb .gnb_menu01 a {display:inline-block;float:left; width:150px; text-align:center; line-height:75px;color:#000000;font-size:20px; font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:600}


.gnb .gnb_menu01 ul {position:absolute;top:70px;left:-5px;display:none;background:#fff;z-index:10;border-top:3px solid #016cba;border-left:1px solid #a3a3a3;border-right:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;}
.gnb .gnb_menu01 li {float:none;background:#fff; box-shadow: 2px 2px 5px #888888;}
.gnb .gnb_menu01 li a {font-size:14px; font-weight:normal;float:none; display:block;text-decoration:none; width:150px; text-align:left; height:40px; line-height:40px; border-bottom:#d1d8dd solid 1px; text-indent:15px;}
.gnb .gnb_menu01 li a:hover {;color:#016cba;}
.gnb .menu_3dep {font-size:14px; font-weight:normal;float:none; display:block;text-decoration:none; width:150px; text-align:left; height:40px; line-height:40px; border-bottom:#d1d8dd solid 3px; text-indent:15px;}



.contentwrap { margin:0 auto; width:1180px; height:auto;}
.img_text {text-align:center; margin:60px 0 0 0}
.search_box {margin:20px 0 0 250px; position:relative; width:680px;}
.search_box input[type=text]::-ms-clear{display:none;}
.search_box .input_text{background-color:#000000; filter:alpha(opacity=60);-moz-opacity:0.5; opacity:0.5;border:#FFF solid 5px; width:6800000px; height:55px; color:#FFF; padding:0 0 0 15px; line-height:55px;}
.search_box .search_icon { position:absolute; top:17px; right:-10px;}


.jumenu {margin:20px 0px 0px 0px; padding:0px; height:159px; }
.jumenu li {width:273px; height:229px; float:left;}
.jumenu .li_ec {width:287px; height:159px; background:url(../images/main/t_m_01.jpg) no-repeat; }
.jumenu .li_sn {width:287px; height:159px; background:url(../images/main/t_m_02.jpg) no-repeat; margin:0 15px 0 15px;}
.jumenu .li_ea {width:287px; height:159px;background:url(../images/main/t_m_04.jpg) no-repeat;}
.jumenu .li_en {width:273px; height:159px;background:url(../images/main/t_m_03.jpg) no-repeat;margin:0 0 0 15px;}
.jumenu li .title { font-size:20px; color:#FFF;  font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:600; margin:30px 0 0 20px; display:block;}
.jumenu li .p_text { color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; width:200px;margin:20px 0 0 20px; font-size:13px}
.jumenu li .btn {margin:20px 0 0 160px; display:inline-block;  widht:51px;}

.boro_menu {width:1180px; height:110px;margin:39px 0 0 0}
.boro_menu li { float:left; margin:0 0 0 0;}


/*공지,인기지표,팝업존영역*/
.board_box_bg {width:1180px; height:282px; margin:40px 0 0 0;background:url(../images/main/board_box_bg.jpg) no-repeat;}
.board_box_01 {float:left; width:344px;  padding:25px;}
.board_box_01 p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px}
.notice_in {position:relative; margin:0; height:244px;}
#j_notice2 {position:absolute; left:0px; top:px; width:346px;height:244px;margin:0;padding:0;list-style:none;}
#j_notice2 ul {width:346px; padding-top:25px;}
#j_notice2 ul li {clear:both; width:346px;}	
#j_notice2 li ul li a {height:35px; line-height:35px;width:235px; display:inline-block; margin:0;padding-left:10px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px}
#j_notice2 li ul li span { height:35px; line-height:35px; width:60px; display:inline-block; text-align:right; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px}
#j_notice2 li ul li .span_nou { height:27px; line-height:27px; width:27px; display:inline-block; text-align:center; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px; background:#999; color:#FFF; border-radius:50px;}
#j_notice2  .more_btn {position:absolute; top:0px; right:0px}


.board_box_02 {float:left; width:343px;  padding:25px;}
.notice {position:relative; margin:0; height:244px;}
#j_notice {position:absolute; left:0px; top:0px; width:346px;height:244px;margin:0;padding:0;list-style:none;}
#j_notice ul {width:346px; padding-top:10px;}
#j_notice ul li {clear:both; width:346px; /*border-bottom: #CCC dotted 1px; padding:3px 0*/}	
#j_notice li ul li a {height:35px; line-height:35px;width:225px; display:inline-block; margin:0;padding-left:10px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px}
#j_notice li ul li span { height:35px; line-height:35px; width:60px; display:inline-block; text-align:right; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px}
#j_notice li ul li .span_nou { height:27px; line-height:27px; width:27px; display:inline-block; text-align:center; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px; background:#999; color:#FFF; border-radius:50px;}
#j_notice  .more_btn {position:absolute; top:0px; right:0px}





.board_box_03 {float:left; width:391px; height:282px; margin:1px 0 0 0}
.popup_zone{position:relative;width:391px; height:282px; margin:0;}
.popup_play{position:absolute; right:10px; top:15px;}
.popup_play li{float:left;}
.popup_view{position:absolute; left:0px; top:0px; width:391px; height:282px; overflow:auto;}
.popup_view ul{position:absolute; width:1730px;}
.popup_view ul li{float:left;}
.popup_bt{position:absolute; right:10px; top:17px;}
.popup_bt li{float:left; margin-right:3px; font-size:10px; line-height:10px;}


.f_baro {margin:15px 0 0 0; height:131px;}
.f_baro li {float:left;}




.banner_wrap {width:100%; border-top:#CCC solid 1px; margin:20px 0 0 0;}
/*배너*/
#m_bn{position:relative; width:1180px; height:80px; margin:0 auto}
#m_bn_box{position:absolute;left:20px;top:18px;width:1080px;height:50px;} 
#m_bn_move{position:absolute; left:20px;top:8px;width:1105px;height:50px;overflow:auto;}
#m_bn_move ul{position:absolute; width:2000px; padding:7px 0 0 0;}
#m_bn_move ul li{float:left; margin:0;}
#m_bn_l { position:absolute; left:0px; top:35px;}
#m_bn_r { position:absolute; right:0px; top:35px;}


/*서브컨텐츠*/

.sub_contentwrap {width:100%; margin:20px 0 0 0;}
.sub_contentwrap_text {width:100%; margin:0; background:#FFF}
.contentwrap_center { margin:0 auto; width:1180px; height:auto;}
.sub_img_text {text-align:center;}
.sub_search_box {margin:20px 0 0 250px; position:relative; width:665px;}
.sub_search_box input[type=text]::-ms-clear{display:none;}
.sub_search_box .input_text {background-color:#ffffff; filter:alpha(opacity=40);-moz-opacity:0.3; opacity:0.3;border:#000000 solid 3px; width:600px; height:45px; color:#000000; padding:0 0 0 15px; line-height:45px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:bold;}
.sub_search_box .search_icon { position:absolute; right:-10px; background-color:#90a0a9; height:31px; line-height:31px;text-align:center; display:inline-block; padding:10px 10px;}

.gbb_nav_wrap {width:100%; height:56px; margin:20px 0 0 0; border-bottom:#CCC solid 1px; background:#f8f8f8}
.gbb_nav_wrap_center {margin:0 auto; width:1180px;height:56px;line-height:56px; z-index:190; position:relative;}
.gbb_nav_wrap_center span {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:600}
.gbb_nav_wrap_center a {hfont-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:600}
.gbb_nav_btn { position:absolute; top:10px; right:0px;}
.gbb_nav_btn img { vertical-align:middle;}
.gbb_nav_menu_box { float:left; height:56px; line-height:56px}

.sub_contentwrap_text {width:100%; margin:0; background:#FFF}
.contentwrap_center_01 { margin:0 auto; width:1180px; height:auto; padding:40px 0; position:relative;}
.contentwrap_center_01 h2 {font-size:35px; font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:600; height:40px; line-height:50px}
.contentwrap_center_01 .title_p {font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif;}

/*폰트 사이즈아이콘*/
.font_size_icon_zone { position:absolute; top:50px; right:0px;}

.contentwrap_center_01 .h3_title_wrap { position:relative; margin:30px 0 0 0; height:45px; line-height:45px; z-index:150}
.contentwrap_center_01 .h3_title_wrap strong {font-size:25px; font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:600;height:40px;}
.contentwrap_center_01 .h3_title_wrap img { vertical-align:middle;}
.contentwrap_center_01 .bojo_index_list {position:absolute; top:0px; right:0px;z-index:99}
.contentwrap_center_01 .bojo_index_list img { vertical-align:middle;}



.index_title_box {width:1180px; height:214px; background:url(../images/sub/title_text_p.jpg) no-repeat; position:relative;}
.index_title_box .title_h3 { position:absolute; top:30px; left:0px;font-size:30px; font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:500; line-height:35px;}
.index_title_box .p_div {position:absolute; top:70px; left:0px; width:800px; line-height:18px;font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif;}
.index_title_box .btn_lay {position:absolute; top:100px;}
.index_title_box .btn_lay .a_link_btn { background:#666; display:inline-block; padding:10px 25px; text-align:center; color:#FFF; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; border-radius:5px;}



.index_explanation {width:1180px; height:126px; margin:30px 0 0 0; border:#e1dfdf solid 1px; background:url(../images/sub/text_box_bg.gif) 30px 20px no-repeat; box-shadow: 2px 2px 5px #ededed; position:relative;}
.index_explanation .p_text { position:absolute; top:20px; left:130px; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; width:990px; line-height:20px}
.index_explanation .span_text {display:inline-block;}


/*지표리스트*/
.index_list_wrap {width:1180px; height:415px; margin:30px 0 0 0;}
.in_list_box_title {width:312px; float:left;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:20px; font-weight:600; height:38px; line-height:38px;padding:0 0 0 45px;color:#666;background:url(../images/common/dot_11.png) no-repeat 0 0;}
.in_list_box_title1 {width:357px; float:left;background:url(../images/common/dot_11.png) no-repeat 0 0; height:38px; line-height:38px; padding:0 0 0 45px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:20px; color:#8f8f8f;}
.in_list_box {width:357px; height:415px; border:#e1dfdf solid 1px; background:#e7eaef; float:left;}
.in_btn_list_box { overflow:auto; margin:25px 15px; height:365px;width:327px; position:relative;}
.in_btn_list_box_01 {width:100%; text-align:center; margin-top:100px}
.in_btn_list_box ul {}
.in_btn_list_box ul li {width:310px; height:35px;line-height:35px;margin:8px 0;}
.in_btn_list_box .a_link {width:310px; height:35px; line-height:35px;text-align:left; text-indent:10px; border:#FFF solid 1px; background: url(../images/sub/in_btn_dot.png) 275px 10px no-repeat #f3f2f2; display:block; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}
.in_btn_list_box .a_link:hover{width:310px; height:35px;line-height:35px; text-align:left; color:#FFF; text-indent:10px; border:#FFF solid 1px; background: url(../images/sub/in_btn_dot_ov.png) 275px 10px no-repeat #889eba; display:block; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}
.in_btn_list_box .a_hover {width:310px; height:35px;line-height:35px; text-align:left; color:#FFF; text-indent:10px; border:#FFF solid 1px; background: url(../images/sub/in_btn_dot_ov.png) 275px 10px no-repeat #889eba; display:block; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}



/*지표미리보기*/
.index_mirilook_wrap {width:1180px; height:563px;box-shadow: 2px 2px 5px #ededed; margin:30px 0 0 0; border:#e1dfdf solid 1px; position:relative;}
.index_mirilook_wrap .index_miri_ex { width:474px; height:563px; background:#f5f5f5; position:absolute; top:0px; right:0px;}
.index_mirilook_wrap .graphic_miri { margin:50px 30px 30px 30px; width:649px; height:510px;}
.index_mirilook_wrap .graphic_miri strong {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600; border-top:#F33 solid 3px; padding:10px 0;}
.index_mirilook_wrap .index_miri_ex { width:474px; height:563px; background:#f5f5f5; position:absolute; top:0px; right:0px;}
.index_mirilook_wrap .index_miri_ex .miri_exp {margin:40px; width:394px; height:483px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}
.index_mirilook_wrap .index_miri_ex .miri_exp strong {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;display:inline-block; line-height:18px}
.index_mirilook_wrap_01 {box-shadow: 2px 2px 5px #ededed; margin:30px 0 0 0; border:#e1dfdf solid 1px;text-align:center; padding:30px 0}





ul.menu_tab {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
	margin:30px 0 0 0;
}
.menu_tab li { float: left;margin-left: -1px;text-align: center; width: 14.3%;font-size:15px; }
.menu_tab li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #355495;
    border-color: #5d76aa #5d76aa #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    padding: 0px 0 0px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
	height:56px;
	line-height:56px;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
	
}

.menu_tab li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}

.menu_tab li.on { position: relative; z-index: 10;}
.menu_tab li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}
.menu_tab li.on a span { padding-right: 9px}
.menu_tab li.last { width: 14.4%}
.menu_tab li.last_01 { width: 14.4%}







ul.menu_tab_01 {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
	margin:30px 0 0 0;
}
.menu_tab_01 li { float: left;margin-left: -1px;text-align: center; width: 20%;font-size:15px; }
.menu_tab_01 li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #355495;
    border-color: #5d76aa #5d76aa #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    padding: 0px 0 0px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
	height:56px;
	line-height:56px;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
	
}

.menu_tab_01 li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}

.menu_tab_01 li.on { position: relative; z-index: 10;}
.menu_tab_01 li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}
.menu_tab_01 li.on a span { padding-right: 9px}
.menu_tab_01 li.last { width: 20%}
.menu_tab_01 li.last_01 { width: 20%}


ul.menu_tab_02 {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
	margin:30px 0 0 0;
}
.menu_tab_02 li { float: left;margin-left: -1px;text-align: center; width: 16.7%;font-size:15px; }
.menu_tab_02 li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #355495;
    border-color: #5d76aa #5d76aa #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    padding: 0px 0 0px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
	height:56px;
	line-height:56px;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
	
}

.menu_tab_02 li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}

.menu_tab_02 li.on { position: relative; z-index: 10;}
.menu_tab_02 li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}
.menu_tab_02 li.on a span { padding-right: 9px}
.menu_tab_02 li.last { width: 16.7%}
.menu_tab_02 li.last_01 { width: 16.7%}

.index_view_wrap {width:1100px; padding:40px; border:#f0f0f0 solid 1px; margin:100px 0 0 0; position:relative;}

.index_view_wrap .btn_list_wrap { position:absolute; top:40px; right:40px;}
.index_view_wrap .graph_view_wrap { padding:20px; text-align:center; border:#CCC solid 1px; margin:20px 0 0 0; position:relative;}
.index_view_wrap .graph_view_wrap .pop_btn_wrap {position:absolute; top:20px; right:40px;}


/*지표정보, 지표관련정보, 관련국가주요지표정보*/
.bottom_exp_wrap {width:576px; height:442px; float:left;}
.bottom_exp_wrap .h3_ti_01 {width:576px; height:60px; background:url(../images/sub/index_info_title_bg_01.gif) no-repeat; display:block; line-height:60px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:25px; font-weight:600; color:#FFF; text-indent:20px}
.bottom_exp_wrap .h3_ti_02 {width:576px; height:60px; background:url(../images/sub/index_info_title_bg_02.gif) no-repeat;display:block; line-height:60px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:25px; font-weight:600;color:#FFF;text-indent:20px}
.bottom_exp_wrap .h3_ti_03 {width:576px; height:60px; background:url(../images/sub/index_info_title_bg_03.gif) no-repeat;display:block; line-height:60px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:25px; font-weight:600;color:#FFF;text-indent:20px}
.bottom_exp_wrap .exp_wrap_bg_01 {overflow:hidden;width:576px; height:365px; margin-top:17px; background:url(../images/sub/info_bg_01.png) no-repeat 340px 140px #faf9f9}
.bottom_exp_wrap .exp_wrap_bg_02 {overflow:hidden;width:576px; height:365px; margin-top:17px; background:url(../images/sub/info_bg_02.png) no-repeat 340px 140px #faf9f9}
.bottom_exp_wrap .exp_wrap_bg_03 {overflow:hidden;width:576px; height:365px; margin-top:17px; background:url(../images/sub/info_bg_03.png) no-repeat 340px 140px #faf9f9}
.bottom_exp_wrap .exp_list_wrap {margin:25px; height:315px; width:526px; overflow:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}


/*경제,사회,환경 지표보기메인화면*/

.index_section_01 {width:390px; height:570px; background:url(../images/sub/e_section_01_img_ov.png) no-repeat center 430px #f3e1e5; border:#e9d2d7 solid 1px; float:left;}
.index_section_01 .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#cf365b; margin:30px 0 0 0;}
.index_section_01 .section_ul_01 {margin:33px 0 0 73px;}
.index_section_01 .section_ul_01 li { float:left;}
.index_section_01 .section_ul_01 a {width:123px; height:97px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px;font-weight:600;}
.index_section_01 .section_ul_01 .s_01icon_01 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon01_ov.gif) no-repeat;}
.index_section_01 .section_ul_01 .s_01icon_02 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon02_ov.gif) no-repeat;}
.index_section_01 .section_ul_01 .s_01icon_03 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon03_ov.gif) no-repeat;}
.index_section_01 .section_ul_01 .s_01icon_04 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon04_ov.gif) no-repeat;}
.index_section_01 p { text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:400; margin:137px 40px 0 40px }

/*흑백*/
.index_section_01_ov {width:390px; height:570px; background:url(../images/sub/e_section_01_img.png) no-repeat center 430px #f3f3f3; border:#c2c2c2 solid 1px; float:left;}
.index_section_01_ov .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#898989; margin:30px 0 0 0;}
.index_section_01_ov .section_ul_01 {margin:33px 0 0 73px;}
.index_section_01_ov .section_ul_01 li { float:left;}
.index_section_01_ov .section_ul_01 a {width:123px; height:97px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px;font-weight:600;}
.index_section_01_ov .section_ul_01 .s_01icon_01 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon01.gif) no-repeat;}
.index_section_01_ov .section_ul_01 .s_01icon_02 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon02.gif) no-repeat;}
.index_section_01_ov .section_ul_01 .s_01icon_03 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon03.gif) no-repeat;}
.index_section_01_ov .section_ul_01 .s_01icon_04 {width:123px; height:112px; background:url(../images/sub/sub_section01_icon04.gif) no-repeat;}
.index_section_01_ov p { text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:400; margin:137px 40px 0 40px }




.index_section_02 {width:388px; height:570px; background:url(../images/sub/e_section_02_img_ov.png) no-repeat center 430px #dfe6f1; border:#b5cdef solid 1px; float:left; margin:0 0 0 4px;}
.index_section_02 .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#4692ff; margin:30px 0 0 0;}
.index_section_02 .section_ul_02 {margin:33px 0 0 33px;}
.index_section_02 .section_ul_02 li { float:left;}
.index_section_02 .section_ul_02 a {width:108px; height:83px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px;font-weight:600;}
.index_section_02 .section_ul_02 .s_02icon_01 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon01_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_02 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon02_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_03 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon03_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_04 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon04_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_05 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon05_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_06 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon06_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_07 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon07_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_08 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon08_ov.gif) no-repeat;}
.index_section_02 .section_ul_02 .s_02icon_09 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon09_ov.gif) no-repeat;}
.index_section_02 p { text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:400; margin:40px 40px 0 40px }

/*흑백*/
.index_section_02_ov {width:388px; height:570px; background:url(../images/sub/e_section_02_img.png) no-repeat center 430px #f3f3f3; border:#c2c2c2 solid 1px; float:left; margin:0 0 0 4px;}
.index_section_02_ov .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#898989; margin:30px 0 0 0;}
.index_section_02_ov .section_ul_02 {margin:33px 0 0 33px;}
.index_section_02_ov .section_ul_02 li { float:left;}
.index_section_02_ov .section_ul_02 a {width:108px; height:83px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px;font-weight:600;}
.index_section_02_ov .section_ul_02 .s_02icon_01 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon01.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_02 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon02.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_03 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon03.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_04 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon04.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_05 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon05.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_06 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon06.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_07 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon07.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_08 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon08.gif) no-repeat;}
.index_section_02_ov .section_ul_02 .s_02icon_09 {width:108px; height:98px; background:url(../images/sub/sub_section02_icon09.gif) no-repeat;}
.index_section_02_ov p { text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:400; margin:40px 40px 0 40px }





.index_section_03 {width:388px; height:570px; background:url(../images/sub/e_section_03_img_ov.png) no-repeat center 430px #ecf2e6; border:#badf53 solid 1px; float:right;margin:0 0 0 4px;}
.index_section_03 .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#6aad23; margin:30px 0 0 0;}
.index_section_03 .section_ul_03 {margin:33px 0 0 73px;}
.index_section_03 .section_ul_03 li { float:left;}
.index_section_03 .section_ul_03 a {width:123px; height:97px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px;font-weight:600;}
.index_section_03 .section_ul_03 .s_03icon_01 {width:123px; height:112px; background:url(../images/sub/sub_section03_icon01_ov.gif) no-repeat;}
.index_section_03 .section_ul_03 .s_03icon_02 {width:123px; height:112px; background:url(../images/sub/sub_section03_icon02_ov.gif) no-repeat;}
.index_section_03 p { text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:400; margin:220px 40px 0 40px }

/*흑백*/
.index_section_03_ov {width:388px; height:570px; background:url(../images/sub/e_section_03_img.png) no-repeat center 430px #f3f3f3; border:#c2c2c2 solid 1px; float:right;margin:0 0 0 4px;}
.index_section_03_ov .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#898989; margin:30px 0 0 0;}
.index_section_03_ov .section_ul_03 {margin:33px 0 0 73px;}
.index_section_03_ov .section_ul_03 li { float:left;}
.index_section_03_ov .section_ul_03 a {width:123px; height:97px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px;font-weight:600;}
.index_section_03_ov .section_ul_03 .s_03icon_01 {width:123px; height:112px; background:url(../images/sub/sub_section03_icon01.gif) no-repeat;}
.index_section_03_ov .section_ul_03 .s_03icon_02 {width:123px; height:112px; background:url(../images/sub/sub_section03_icon02.gif) no-repeat;}
.index_section_03_ov p { text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:15px; font-weight:400; margin:220px 40px 0 40px }




/*이나라지표 지표보기 경제 사회 환경 부처별지표*/

.e_index_section_01 {width:288px; height:570px; background:url(../images/sub/e_section_01_img_ov.png) no-repeat center 430px #f3e1e5; border:#e9d2d7 solid 1px; float:left;}
.e_index_section_01 .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#cf365b; margin:30px 0 0 0;}
.e_index_section_01 .section_ul_01 {margin:33px 0 0 35px;}
.e_index_section_01 .section_ul_01 li { float:left;}
.e_index_section_01 .section_ul_01 a {width:107px; height:98px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_01 .section_ul_01 .s_01icon_01 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon01_ov.gif) no-repeat;}
.e_index_section_01 .section_ul_01 .s_01icon_02 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon02_ov.gif) no-repeat;}
.e_index_section_01 .section_ul_01 .s_01icon_03 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon03_ov.gif) no-repeat;}
.e_index_section_01 .section_ul_01 .s_01icon_04 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon04_ov.gif) no-repeat;}

/*흑백*/
.e_index_section_01_ov {width:288px; height:570px; background:url(../images/sub/e_section_01_img.png) no-repeat center 430px #f3f3f3; border:#c2c2c2 solid 1px; float:left;}
.e_index_section_01_ov .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#898989; margin:30px 0 0 0;}
.e_index_section_01_ov .section_ul_01 {margin:33px 0 0 35px;}
.e_index_section_01_ov .section_ul_01 li { float:left;}
.e_index_section_01_ov .section_ul_01 a {width:107px; height:98px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_01_ov .section_ul_01 .s_01icon_01 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon01.gif) no-repeat;}
.e_index_section_01_ov .section_ul_01 .s_01icon_02 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon02.gif) no-repeat;}
.e_index_section_01_ov .section_ul_01 .s_01icon_03 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon03.gif) no-repeat;}
.e_index_section_01_ov .section_ul_01 .s_01icon_04 {width:107px; height:98px; background:url(../images/sub/enara_section01_icon04.gif) no-repeat;}




.e_index_section_02 {width:288px; height:570px; background:url(../images/sub/e_section_02_img_ov.png) no-repeat center 430px #dfe6f1; border:#b5cdef solid 1px; float:left; margin:0 0 0 2px;}
.e_index_section_02 .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#4692ff; margin:30px 0 0 0;}
.e_index_section_02 .section_ul_02 {margin:33px 0 0 17px;}
.e_index_section_02 .section_ul_02 li { float:left;}
.e_index_section_02 .section_ul_02 a {width:84px; height:84px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_02 .section_ul_02 .s_02icon_01 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon01_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_02 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon02_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_03 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon03_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_04 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon04_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_05 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon05_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_06 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon06_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_07 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon07_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_08 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon08_ov.gif) no-repeat;}
.e_index_section_02 .section_ul_02 .s_02icon_09 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon09_ov.gif) no-repeat;}

/*흑백*/
.e_index_section_02_ov {width:288px; height:570px; background:url(../images/sub/e_section_02_img.png) no-repeat center 430px #f3f3f3; border:#c2c2c2 solid 1px; float:left; margin:0 0 0 2px;}
.e_index_section_02_ov .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#898989; margin:30px 0 0 0;}
.e_index_section_02_ov .section_ul_02 {margin:33px 0 0 17px;}
.e_index_section_02_ov .section_ul_02 li { float:left;}
.e_index_section_02_ov .section_ul_02 a {width:84px; height:84px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_02_ov .section_ul_02 .s_02icon_01 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon01.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_02 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon02.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_03 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon03.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_04 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon04.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_05 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon05.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_06 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon06.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_07 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon07.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_08 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon08.gif) no-repeat;}
.e_index_section_02_ov .section_ul_02 .s_02icon_09 {width:84px; height:84px; background:url(../images/sub/enara_section02_icon09.gif) no-repeat;}




.e_index_section_03 {width:288px; height:570px; background:url(../images/sub/e_section_03_img_ov.png) no-repeat center 430px #ecf2e6; border:#badf53 solid 1px; float:left;margin:0 0 0 2px;}
.e_index_section_03 .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#6aad23; margin:30px 0 0 0;}
.e_index_section_03 .section_ul_03 {margin:33px 0 0 35px;}
.e_index_section_03 .section_ul_03 li { float:left;}
.e_index_section_03 .section_ul_03 a {width:107px; height:98px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_03 .section_ul_03 .s_03icon_01 {width:107px; height:98px; background:url(../images/sub/enara_section03_icon01_ov.gif) no-repeat;}
.e_index_section_03 .section_ul_03 .s_03icon_02 {width:107px; height:98px; background:url(../images/sub/enara_section03_icon02_ov.gif) no-repeat;}


/*흑백*/
.e_index_section_03_ov {width:288px; height:570px; background:url(../images/sub/e_section_03_img.png) no-repeat center 430px #f3f3f3; border:#c2c2c2 solid 1px; float:left;margin:0 0 0 2px;}
.e_index_section_03_ov .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#898989; margin:30px 0 0 0;}
.e_index_section_03_ov .section_ul_03 {margin:33px 0 0 35px;}
.e_index_section_03_ov .section_ul_03 li { float:left;}
.e_index_section_03_ov .section_ul_03 a {width:107px; height:98px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_03_ov .section_ul_03 .s_03icon_01 {width:107px; height:98px; background:url(../images/sub/enara_section03_icon01.gif) no-repeat;}
.e_index_section_03_ov .section_ul_03 .s_03icon_02 {width:107px; height:98px; background:url(../images/sub/enara_section03_icon02.gif) no-repeat;}



.e_index_section_04 {width:288px; height:570px; background:url(../images/sub/e_section_04_img_ov.png) no-repeat center 430px #f3e1e5; border:#e9d2d7 solid 1px; float:right;}
.e_index_section_04 .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#cf365b; margin:30px 0 0 0;}
.e_index_section_04 .section_ul_04 {margin:33px 0 0 35px;}
.e_index_section_04 .section_ul_04 li { float:left;}
.e_index_section_04 .section_ul_04 a {width:107px; height:98px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_04 .section_ul_04 .s_01icon_01 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon01_ov.gif) no-repeat;}
.e_index_section_04 .section_ul_04 .s_01icon_02 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon02_ov.gif) no-repeat;}
.e_index_section_04 .section_ul_04 .s_01icon_03 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon03_ov.gif) no-repeat;}
.e_index_section_04 .section_ul_04 .s_01icon_04 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon04_ov.gif) no-repeat;}

/*흑백*/
.e_index_section_04_ov {width:288px; height:570px; background:url(../images/sub/e_section_04_img.png) no-repeat center 430px #f3f3f3; border:#c2c2c2 solid 1px; float:right;}
.e_index_section_04_ov .h3_sec_ti {widht:100%; height:40px; line-height:40px; text-align:center;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:30px; font-weight:600; color:#898989; margin:30px 0 0 0;}
.e_index_section_04_ov .section_ul_04 {margin:33px 0 0 35px;}
.e_index_section_04_ov .section_ul_04 li { float:left;}
.e_index_section_04_ov .section_ul_04 a {width:107px; height:98px; text-align:center; display:block; padding:15px 0 0 0; color:#FFF;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;font-weight:600;}
.e_index_section_04_ov .section_ul_04 .s_01icon_01 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon01.gif) no-repeat;}
.e_index_section_04_ov .section_ul_04 .s_01icon_02 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon02.gif) no-repeat;}
.e_index_section_04_ov .section_ul_04 .s_01icon_03 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon03.gif) no-repeat;}
.e_index_section_04_ov .section_ul_04 .s_01icon_04 {width:107px; height:98px; background:url(../images/sub/enara_section04_icon04.gif) no-repeat;}














#user_in_list { position:relative; z-index:190}
#user_list_box { position:absolute; left:0; top:40px; padding:15px; width:250px;border:#e1dfdf solid 1px; background:#ffffff;z-index:190;box-shadow: 2px 2px 5px #ededed; }
#user_list_box li {width:250px; height:30px;  line-height:30px; border-bottom:#e7eaef dashed 1px}
#user_list_box li a {width:250px; height:30px;line-height:30px; display:block;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}

#user_in_list_01 { position:relative; z-index:190}
#user_list_box_01 { position:absolute; right:0; top:40px; padding:15px; width:250px;border:#e1dfdf solid 1px; background:#ffffff;z-index:190;box-shadow: 2px 2px 5px #ededed; }
#user_list_box_01 li {width:250px; height:30px;  line-height:30px; border-bottom:#e7eaef dashed 1px}
#user_list_box_01 li a {width:250px; height:30px;line-height:30px; display:block;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}



#bojo_btn_in_list_01 { position:relative; z-index:800}
#bojo_btn_list_box_01 { position:absolute; left:0; top:50px; padding:15px; width:250px;border:#e1dfdf solid 1px; background:#e7eaef;z-index:190;border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}
#bojo_btn_list_box_01 li {width:250px; height:30px;  line-height:30px; border-bottom:#ffffff dashed 1px}
#bojo_btn_list_box_01 li a {width:250px; height:30px;line-height:30px; display:block;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}

#bojo_btn_in_list_02 { position:relative; z-index:190}
#bojo_btn_list_box_02 { position:absolute; right:0; top:50px; padding:15px; width:250px;border:#e1dfdf solid 1px; background:#e7eaef;z-index:190;border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}
#bojo_btn_list_box_02 li {width:250px; height:30px;  line-height:30px; border-bottom:#ffffff dashed 1px}
#bojo_btn_list_box_02 li a {width:250px; height:30px;line-height:30px; display:block;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}



.sub_nvb_in_list {z-index:190;height:56px; line-height:56px; position:relative}
#sub_nvb_in_list_wrap { position:absolute; right:0; top:35px;border:#e1dfdf solid 1px;width:250px; height:145px;overflow:hidden;background:#e7eaef;box-shadow: 2px 2px 5px #ededed; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc);z-index:990;}
#sub_nvb_in_list_wrap_g { position:absolute; right:0; top:35px;border:#e1dfdf solid 1px;width:250px; height:150px;overflow:hidden;background:#e7eaef;box-shadow: 2px 2px 5px #ededed; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc);z-index:990;}
.sub_in_list001 {overflow:auto;width:220px;height:80%;margin:15px;}
.sub_nvb_in_list_box {}
.sub_nvb_in_list_box li {width:190px; height:30px;  line-height:30px; border-bottom:#ffffff dashed 1px}
.sub_nvb_in_list_box li a {width:190px; height:30px;line-height:30px; display:block;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}
.gnb_menu_box {height:56px; line-height:56px;}



.sub_main_001 {font-size:35px;font-family:"나눔고딕",NanumGothic,sans-serif; font-weight:600; line-height:35px}
.sub_main_font_color { color:#F63}
.sub_main_font {font-size:15px;font-family:"나눔고딕",NanumGothic,sans-serif; line-height:20px}
.sub_main_001_menu {margin:0 auto; width:833px;}
.sub_main_001_menu li { float:left;}
.sub_main_002_menu {margin:0 0 0 50px; width:700px;}
.sub_main_002_menu li { float:left;}
.sub_main_001_bg { background:url(../images/sub/sub_main_001_bg.jpg) no-repeat;width:1180px; height:400px}
.sub_main_002_bg { background:url(../images/sub/sub_main_002_bg.jpg) right no-repeat;width:1180px; height:500px}



/*지표비교*/
.jipoy_search_box {margin:30px 0 0 0; background:#889eba; width:565px; height:53px; line-height:53px; text-align:center; border-radius:5px; }
.jipoy_search_box strong { font-size:15px; color:#ffffff; font-family:"나눔고딕",NanumGothic,sans-serif;}
.jipoy_search_box .search_btn_01 {width:86px; height:30px; line-height:30px; font-weight:bold; background:#ffcc00;color:#FFF; display:inline-block;font-size:15px;font-family:"나눔고딕",NanumGothic,sans-serif;border-radius:5px;vertical-align:middle;}
.jipoy_search_box .search_btn_02 {width:86px; height:30px;line-height:30px;font-weight:bold; background:#ffffff;color:#09F; display:inline-block;font-size:15px;font-family:"나눔고딕",NanumGothic,sans-serif;border-radius:5px;vertical-align:middle;}
.jipoy_search_box .input_jipoy {width:240px; height:28px; background:#FFF; border:#FFF solid 0px; vertical-align:middle;font-size:20px;font-family:"나눔고딕",NanumGothic,sans-serif;}

.jipoy_box_01 { width:565px; height:413px; padding:20px;box-shadow: 2px 2px 5px #ededed; float:left;}
.jipoy_box_02 { width:565px; height:413px; padding:20px;box-shadow: 2px 2px 5px #ededed; float:right;}




.jipoy_look_wrap {width:1180px; position:relative;}
.jipoy_look_wrap .aw { position:absolute; left:575px; top:190px;}
.jipoy_look {width:565px; height:423px;float:left;box-shadow: 2px 2px 5px #ededed; border:#dddddd solid 1px;}
.jipoy_look .jipoy_list_box_s_01 {width:565px; height:423px; overflow:hidden; background:url(../images/sub/jipoy_box_bg.gif) no-repeat 340px 220px}
.jipoy_look .jipoy_list_box_s_02 {width:565px; height:423px; overflow:hidden;}
.jipoy_look .jipoy_list { margin:30px; height:363px; width:505px; overflow:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
.jipoy_look .jipoy_list .a_list {}
.jipoy_look .jipoy_list .a_list li {height:40px; border-bottom:#CCC dotted 1px; margin:5px 0}
.jipoy_look .a_list_link {width:337px; height:40px; line-height:40px; display:inline-block; padding:0 0 0 10px;}
.jipoy_look .jipoy_list .a_list li .span_num { border-radius:100px; width:27px; height:27px; line-height:27px; display:inline-block; background:#989898; color:#ffffff; font-size:15px; text-align:center;}

.country_index_wrap {width:1110px; padding:30px; border:#bddbf4 solid 3px; box-shadow: 2px 2px 5px #ededed; margin-top:20px}
.country_index_wrap .count_index_box {overflow:hidden; width:1110px; height:423px;}
.country_index_wrap  .count_list_left {float:left; border-bottom:#CCC dashed 1px;margin:10px 0; padding:10px 0;}
.country_index_wrap  .count_list_right {float:right; border-bottom:#CCC dashed 1px;margin:10px 0; padding:10px 0;}
.country_index_wrap .h4_index { font-size:15px; font-weight:bold; background:url(../images/common/dot_10.gif) no-repeat; height:38px; line-height:38px; padding:0 0 0 50px}
.country_index_wrap .p_img {width:100%; text-align:center;}

.inter_index_wrap {width:1110px; padding:30px; border:#d7eec5 solid 3px; box-shadow: 2px 2px 5px #ededed; margin-top:20px}
.inter_index_wrap  .count_list_left {float:left; border-bottom:#CCC dashed 1px;margin:10px 0; padding:10px 0;}
.inter_index_wrap  .count_list_right {float:right; border-bottom:#CCC dashed 1px;margin:10px 0; padding:10px 0;}
.inter_index_wrap .h4_index { font-size:15px; font-weight:bold; background:url(../images/common/dot_10.gif) no-repeat; height:38px; line-height:38px; padding:0 0 0 50px}



/*국가주요지표소개*/
.introduction_title {widht:100%; height:133px; line-height:133px; text-align:center; border:#e0e0e0 solid 1px;box-shadow: 2px 2px 5px #ededed; font-size:30px; font-weight:600; font-family:"나눔고딕",NanumGothic,sans-serif; background:url(../images/sub/introduction_title_bg.jpg) no-repeat;}

.introduction_text_wrap {widht:100%; margin:80px 0 0 0;}
.introduction_text_wrap .intro_icon_01 {float:left; width:139px; height:132px; background:url(../images/sub/introduction_icon_01.gif) no-repeat;}
.introduction_text_wrap .intro_icon_02 {float:left; width:139px; height:132px; background:url(../images/sub/introduction_icon_02.gif) no-repeat;}
.introduction_text_wrap .intro_icon_03 {float:left; width:139px; height:132px; background:url(../images/sub/introduction_icon_03.gif) no-repeat;}
.introduction_text_wrap .intro_icon_04 {float:left; width:139px; height:132px; background:url(../images/sub/introduction_icon_04.gif) no-repeat;}
.introduction_text_wrap .intro_icon_05 {float:left; width:139px; height:132px; background:url(../images/sub/introduction_icon_05.gif) no-repeat;}
.introduction_text_wrap .intro_text {float:right; width:994px; padding:30px 0 0 0; line-height:22px}
.introduction_text_wrap .intro_text .grey {color:#878787}
.introduction_text_wrap .intro_text .bule {color:#0983e5; font-weight:bold}
.introduction_text_wrap .intro_text .red {color:#990000; font-weight:bold}
.introduction_text_wrap .intro_text p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px}
.intro_text_p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px;line-height:22px; width:950px}
.intro_text_p_t {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:25px;line-height:37px}
.intro_text_bg {width:100%; margin:20px 0 0 0;background:url(../images/sub/title_text_p.jpg) no-repeat; padding:30px 0 30px 30px; border-bottom:#d8d8d8 solid 2px}



/*통계표 검색*/
.index_search_001 {text-align:center; width:100%; padding:20px 0; border:#e0e0e0 solid 1px;box-shadow: 2px 2px 5px #ededed; margin:0 0 20px 0; }
.index_search_001 input {border:#e0e0e0 solid 1px; widht:150px; height:20px;vertical-align:middle;}

/*로그인*/
.login_wrap_01 {border:#e0e0e0 solid 1px;box-shadow: 2px 2px 5px #ededed; margin:30px 0 0 0; height:440px; position:relative;}
.login_img_01 { position:absolute; left:40px; top:40px;}
.login_img_02 { position:absolute; right:40px; top:40px;}
.login_text { margin:0 auto; width:530px; height:155px;}
.login_text p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px}

.login_btn_wrap {height:204px; background:#f6f6f6;}
.login_btn_box {margin:0 auto; width:560px;}
.login_btn_box_01 {float:left; width :248px;}
.login_btn_box_01 p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}
.login_btn_box .login_btn_01 {margin:30px 0 0 0;width:248px; height:88px; line-height:88px; text-align:center; background:#2f78e1; color:#FFF !important; display:block;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:17px; font-weight:bold; border-radius:5px}


/*기존로그인폼*/
.login_wrap {width:100%; height:382px; background:#f8f8f8; margin:35px 0 0 0; position:relative;}
.login_wrap .img_box { position:absolute; top:40px; left:80px; width:413px;}
.login_wrap .img_box p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}
.login_wrap .login_form {position:absolute; top:40px; right:100px;width:417px;}
.login_wrap .login_form p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}
.login_wrap .login_form .input_idpw { border:#CCC solid 1px; height:40px; width:374px; background:#FFF; padding:0 15px; line-height:40px}
.login_wrap .login_form .login_btn { width:406px; height:50px; background:#2f78e1; text-align:center; line-height:50px; color:#FFF; font-weight:bold; font-size:20px; display:block; margin:20px 0 0 0 }
.login_wrap .login_form .login_btn_01 {height:40px; line-height:40px; background:#a9bad0; text-align:center; display:inline-block;padding:0 20px; font-weight:bold; color:#FFF; border-radius:5px; margin:20px 0 0 0}
.login_wrap .login_form span { display:inline-block;margin:20px 0 0 0}



/*홍보자료 텝메뉴*/
ul.depth_menu_tab_01 {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
	margin:30px 0 0 0;
}
.depth_menu_tab_01 li { float: left;margin-left: -1px;text-align: center; width: 50%;font-size:15px; }
.depth_menu_tab_01 li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #355495;
    border-color: #5d76aa #5d76aa #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    padding: 0px 0 0px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
	height:56px;
	line-height:56px;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
	
}

.depth_menu_tab_01 li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}

.depth_menu_tab_01 li.on { position: relative; z-index: 10;}
.depth_menu_tab_01 li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}
.depth_menu_tab_01 li.on a span { padding-right: 9px}
.depth_menu_tab_01 li.last { width: 50%}
.depth_menu_tab_01 li.last_01 { width: 50%}


/*이용안내 텝메뉴*/
ul.depth_menu_tab_02 {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
	margin:30px 0 0 0;
}
.depth_menu_tab_02 li { float: left;margin-left: -1px;text-align: center; width: 14.3%;font-size:15px; }
.depth_menu_tab_02 li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #355495;
    border-color: #5d76aa #5d76aa #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    padding: 0px 0 0px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
	height:56px;
	line-height:56px;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
	
}

.depth_menu_tab_02 li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}

.depth_menu_tab_02 li.on { position: relative; z-index: 10;}
.depth_menu_tab_02 li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}
.depth_menu_tab_02 li.on a span { padding-right: 9px}
.depth_menu_tab_02 li.last { width: 14.3%}
.depth_menu_tab_02 li.last_01 { width: 14.3%}


/*운영안내 텝메뉴*/
ul.depth_menu_tab_03 {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
	margin:30px 0 0 0;
}
.depth_menu_tab_03 li { float: left;margin-left: -1px;text-align: center; width: 25%;font-size:15px; }
.depth_menu_tab_03 li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #355495;
    border-color: #5d76aa #5d76aa #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    display: block;
    padding: 0px 0 0px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
	height:56px;
	line-height:56px;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
	
}

.depth_menu_tab_03 li a:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}

.depth_menu_tab_03 li.on { position: relative; z-index: 10;}
.depth_menu_tab_03 li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5d76aa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #ffcc00;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../images/sub/menu_tap_bg.gif) no-repeat center 50px #355495;
	font-family:"나눔고딕",NanumGothic,sans-serif; font-size:18px; font-weight:600;
}
.depth_menu_tab_03 li.on a span { padding-right: 9px}
.depth_menu_tab_03 li.last { width: 25%}
.depth_menu_tab_03 li.last_01 { width: 25%}

/*홍보동영상컨텐츠*/
.movie_wrap { width:1072px; margin:0 auto; margin-top:30px}
.movie_wrap .movie_play_box  { float:left; width:458px; height:688px; background:#ececec; padding:30px;}
.movie_wrap .movie_play_box .movie_play {width:458px; height:358px;}
.movie_wrap .movie_play_box .movie_text {width:418px; height:190px;background:#fff;overflow-y:scroll; padding:20px;}

.s_mm_menu { width:700px; height:515px}
.s_mm_menu li {float:left; margin:1px 0 0 1px}

.s_mm_text_box { position:absolute; top:0px; right:0px; width:408px; height:455px; padding:30px;box-shadow: 2px 2px 5px #ededed; border:#e0e0e0 solid 1px; background:url(../images/sub/s_mm_list_box_bg.gif) no-repeat 180px 350px; z-index:9} 
.s_mm_text_box .s_mm_title { background:url(../images/sub/s_mm_list_box_title.gif) no-repeat; padding:0 0 0 130px; height:100px; line-height:100px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:25px; color:#8f8f8f;}
.s_mm_text_box p{font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px; margin-top:30px}

.policy_list_wrap {width:1180px; height:515px; margin:30px 0 0 0;}
.po_list_box_01 {width:690px; height:515px;float:left;}
.po_list_box_01 ul {}
.po_list_box_01 ul li {float:left; margin:1px 0 0 1px}

.po_list_box_02 { position:relative;width:468px; height:515px;box-shadow: 2px 2px 5px #ededed; border:#e0e0e0 solid 1px; background:url(../images/sub/s_mm_list_box_bg.gif) no-repeat 150px 350px; z-index:9; float:right;}
.po_list_box_close { position:absolute; top:15px; left:360px;}
.po_btn_list_box { height:455px; margin:30px; width:408px;}
.po_btn_list_box .s_mm_title { background:url(../images/sub/s_mm_list_box_title.gif) no-repeat; padding:0 0 0 130px; height:100px; line-height:100px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:25px; color:#8f8f8f;}
.po_btn_list_box p{font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px; margin-top:30px}
.po_btn_list_box_01 {display:none; overflow:auto; height:455px; margin:30px; width:408px; position: absolute; top:0px; left:0px; background:#FFF;}
.po_btn_list_box_01 .list_title { background:url(../images/common/dot_11.png) no-repeat 0 0; height:38px; line-height:38px; padding:0 0 0 45px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:20px; color:#8f8f8f;}
.po_btn_list_box_01 ul {}
.po_btn_list_box_01 ul li {width:380px; height:33px;line-height:33px;margin:4px 0;}
.po_btn_list_box_01 .a_link {width:380px; height:33px; line-height:33px;text-align:left; text-indent:10px; border:#FFF solid 1px; background: url(../images/sub/in_btn_dot.png) 355px 10px no-repeat #f3f2f2; display:block; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}
.po_btn_list_box_01 .a_link:hover{width:380px; height:33px;line-height:33px; text-align:left; color:#FFF; text-indent:10px; border:#FFF solid 1px; background: url(../images/sub/in_btn_dot_ov.png) 355px 10px no-repeat #889eba; display:block; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}
.po_btn_list_box_01 .a_hover {width:310px; height:33px;line-height:33px; text-align:left; color:#FFF; text-indent:10px; border:#FFF solid 1px; background: url(../images/sub/in_btn_dot_ov.png) 355px 10px no-repeat #889eba; display:block; font-size:15px; font-family:"나눔고딕",NanumGothic,sans-serif; border-radius:5px; behavior:url(common_2015/PIE-1.0.0/PIE.htc)}


/*국가주요지표체계도_02*/

.country_wrap_01 {width:100%; height:540px; position:relative; border:#b199a3 solid 1px; margin:30px 0 0 0; position:relative;}

.country_wrap_01 .title_list_box_01 {position:absolute; top:30px; left:20px; width:190px;}
.country_wrap_01 .title_list_box_02 {position:absolute; top:30px; left:600px; width:190px;}
.country_wrap_01 .title_list_box_03 {position:absolute; bottom:0px; left:270px; width:190px;}
.country_wrap_01 .title_list_box_04 {position:absolute; top:0px; right:0px; width:345px; height:480px; padding:30px; background: #b199a3 url(../images/sub/country_ver_box_bg.png) no-repeat 140px 340px;}
.country_wrap_01 .title_list_box_04 .h4_coun { background:url(../images/common/dot_11.png) no-repeat; height:38px; line-height:38px; font-family:"나눔고딕",NanumGothic,sans-serif; font-size:20px; padding:0 0 0 50px; color:#FFF}
.country_wrap_01 .title_list_box_04 p {font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14.5px;line-height:20px;color:#FFF; margin-top:30px;}


.country_wrap_01 .title_img { position:absolute; top:70px;left:190px;}
.country_wrap_01 .con_list_ul { margin:7px 0 0 0; border:#CCC solid 1px; height:309px; padding:15px;}
.country_wrap_01 .con_list_ul li {line-height:30px; height:30px; width:182px; position:relative;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:13px;}
.country_wrap_01 .con_list_ul li a {height:30px; line-height:30px; display:block; color:#8d8d8d; font-size:15px}
.country_wrap_01 .con_list_ul li a:hover{color:#333; font-weight:bold;height:30px; line-height:30px;display:block; font-size:15px}


.country_wrap_01 .con_3th_box {border-radius:5px; border:#CCC solid 1px; width:202px; height:206px; position:absolute; top:-10px; right:-150px; background:#FFF; z-index:999}
.country_wrap_01 .con_3th_box .arrow_box {position:absolute; top:15px;left:-6px;z-index:999}
.country_wrap_01 .con_3th_box .del_box {position:absolute; top:5px;right:7px;z-index:999}
.country_wrap_01 .con_list_3th {width:182px; height:160px;z-index:999; overflow-y:scroll; overflow-x:hidden;position:absolute; top:25px;left:15px;z-index:999}
.country_wrap_01 .con_list_3th li {width:177px;}
.country_wrap_01 .con_list_3th li a { font-size:12px;}
.country_wrap_01 .con_list_3th li a:hover { font-size:12px;}

/*16개 체계도 아이콘*/
.list_001 { background:url(../images/sub/2014_icon_list_01.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_002 { background:url(../images/sub/2014_icon_list_02.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_003 { background:url(../images/sub/2014_icon_list_03.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_004 { background:url(../images/sub/2014_icon_list_04.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_005 { background:url(../images/sub/2014_icon_list_05.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_006 { background:url(../images/sub/2014_icon_list_06.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_007 { background:url(../images/sub/2014_icon_list_07.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_008 { background:url(../images/sub/2014_icon_list_08.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_009 { background:url(../images/sub/2014_icon_list_09.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_010 { background:url(../images/sub/2014_icon_list_10.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_011 { background:url(../images/sub/2014_icon_list_11.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_012 { background:url(../images/sub/2014_icon_list_12.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_013 { background:url(../images/sub/2014_icon_list_13.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_014 { background:url(../images/sub/2014_icon_list_14.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_015 { background:url(../images/sub/2014_icon_list_15.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}
.list_016 { background:url(../images/sub/2014_icon_list_16.gif) no-repeat 0 0; height:30px; line-height:30px; text-indent:35px}


.ta_country {border-collapse:collapse;margin:10px 0px 10px 0px;border-width:0px 0px 0px 0px; width:100%;display:none;}
.ta_country caption { display:none}
.ta_country th {padding:0px 2px 5px 0px; border:2px solid #ffff;color:#171717;background:#fff;}
.ta_country td {padding:5px;border:2px solid #ffffff; background:#e9e9e9; text-align:left;}
.ta_country .td_ov {padding:5px;border:2px solid #ffffff; background:#eed8c0 !important; text-align:left; font-weight:bold; color:#c56701}
.ta_country span {background:#ee9636; border-radius:5px; display:block; text-align:center; height:40px; line-height:40px; color:#FFF}

.mobile_00_wrap {width:100%; margin:30px 0 0 0;background:url(../images/sub/title_text_p.jpg) no-repeat; padding:30px 0}
.mobile_00_wrap .mobile_00_text {width:580px; float:left;}
.mobile_00_wrap .mobile_00_img {width:600px; float:right; text-align:right}


.infocon_box {width:800px; margin:0 auto; padding:20px; border:#CCC solid 1px; text-align:center;}



.sub_tab02 {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
    border-bottom:#dcdcdc solid 2px;
    margin-bottom:20px
}
.sub_tab02 li { float: left;margin-left: -1px;text-align: center; width: 16.6%;font-size:18px; }
.sub_tab02 li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #e7eaef;
    border-image: none;
    border-left:#dcdcdc solid 1px;
    border-right:#dcdcdc solid 1px;
    border-top:#dcdcdc solid 1px;
    border-bottom:#dcdcdc solid 0px;
    color: #000000;
    display: block;
    padding: 13px 0 13px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
	font-family:"나눔고딕",NanumGothic,sans-serif;
}
.sub_tab02 li.on { position: relative; z-index: 10;}
.sub_tab02 li.on a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #889eba;
    border-image: none;
    border-left:#bac0cb solid 1px;
    border-right:#bac0cb solid 1px;
    border-top:#bac0cb solid 1px;
    border-bottom:#bac0cb solid 0px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.sub_tab02 li.on a span { padding-right: 9px}
.sub_tab02 li.last { width: 17%}

.sub_tab01 {}
.sub_tab01 li {float:left;}
.sub_tab01 li a {line-height:56px; height:56px;width:100px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px; display:inline-block;border:#bac0cb solid 1px}
.sub_tab01 li a:hover {line-height:56px; width:100px;height:56px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px; display:inline-block; border:#bac0cb solid 1px}
.sub_tab01 li .m_on {float:left; margin-left:-1px}
.sub_tab01 li .on {float:left;}

footer {width:100%; height:151px; background:url(../images/common/footer_bg.gif) repeat-x; margin:10psx 0 0 0;}
.footer_wrap {margin:0 auto; width:1180px; height:auto;}

.footer_menu_wrap {width:1180px; height:56px; position:relative;}
.footer_menu_wrap .footer_menu {}
.footer_menu_wrap .footer_menu li { float:left; margin:0 20px 0 0;}
.footer_menu_wrap .footer_menu li a { line-height:56px; height:56px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px; display:inline-block;}

.footer_menu_wrap .family_s { position:absolute; top:10px; right:0px}
.footer_menu_wrap .family_s .select { background:#FFF; border:#CCC solid 1px; height:30px; vertical-align:middle; line-height:30px}
.footer_menu_wrap .family_s .select_go { background:#707070; width:47px; height:28px; line-height:28px; text-align:center; color:#FFF; display:inline-block;}

.footer_add_wrap {width:1180px; height:56px;margin:18px 0 0 0; position:relative;}

.footer_add_wrap .f_logo { position:absolute; top:0px; left:0px;}
.footer_add_wrap .add_wrap {position:absolute; top:0px; left:160px;font-family:"나눔고딕",NanumGothic,sans-serif; font-size:14px; font-style:normal}
.footer_add_wrap .add_wrap address { font-style:normal}