@charset "utf-8";

.introduce_blue { color:#09F; font-size:20px; font-weight:bold;}
.introduce_black { color:#878787; font-size:20px; font-weight:bold; line-height:30px;}
.introduce_black_01 { color:#000; font-size:15px;}

/*지표별 트리메뉴 검색박스*/
.index_list_bun { width:94.2%; padding:20px; background:#f4f4f4; border:solid 1px #d5d5d5; text-align:center; margin:20px 0 0 0;}
.index_list_bun input, select, textarea { width:auto; height:20px; border:1px solid #CCC;vertical-align:middle}

/*지표별 트리메뉴 박스*/
.index_list_tree {width:97%;padding:20px 10px 30px 10px;border:solid 1px #d5d5d5; margin:20px 0 0 0; overflow:auto; height:350px; border-radius:3px; background:url(../../images/sub/2014_gi_bg.gif) no-repeat bottom right}

.index_list_tree .tree_left_box {
	width: 48%;
	height: 370px;
	float: left;
	overflow:auto;
}
.index_list_tree .tree_right_box {width:48%; height:350px; float:right;}
.gi_text_box {width:770px; position:relative; height:90px; background:url(../images/sub/2014_gi_book_img.gif) no-repeat;}
.gi_text_box .text_guide_box { position:absolute; left:150px; top:10px;}

/*지표비교*/
.index_list_tree_01 {width:94.2%;padding:30px 30px 30px 10px;border:solid 1px #d5d5d5; margin:20px 0 0 0; height:250px; border-radius:3px; background:url(../../images/sub/2014_gi_bg.gif) no-repeat bottom right; position:relative;}

.index_list_tree_01 .tree_left_box_01 {
	width: 45%;
	height: 250px;
	float: left;
	overflow:auto;
}

.index_list_tree_01 .tree_left_box_01_1 {
	width: 50%;
	height: 280px;
	float: left;
	overflow:auto;
	margin:-15px 0 0 0;
}

.tree_left_ser {width:383px; height:50px; line-height:50px; text-align:center; border-bottom:#CCC solid 1px; position:absolute; top:0px; left:0px;}
.tree_left_ser input {width:auto; height:20px; border:1px solid #CCC;vertical-align:middle}



.index_list_tree_01 .tree_right_box_01 {width:45%; height:250px; float:right;overflow:auto;}
.index_list_tree_01 .tree_right_box_01 ul {}
.index_list_tree_01 .tree_right_box_01 ul li { line-height:28px;}
.gi_text_box_01 {width:770px; position:relative; height:90px; background:url(../../images/sub/2014_gi_gr_img.gif) no-repeat 20px 0;}
.gi_text_box_01 .text_guide_box_01 { position:absolute; left:150px; top:10px;}
.gi_gr_img_list {text-align:center;padding:0px; border:#CCC solid 1px; margin:10px 0 0 0;}
.gi_gr_img_list ul {}
.gi_gr_img_list ul li {margin:0 0 0 10px;  float:left;}
.gi_gr_img_list ul li span { display:block; text-align:center;}
.gi_gr_img_list img {border:#CCC solid 1px;}





.index_list_tree_02 { padding:10px ;border:solid 2px #d5d5d5; margin:20px 0 0 0; border-radius:3px; position:relative;}

.index_list_tree_02 .tree_left_box_01 {
	height:350px;
	overflow-y:scroll;
	overflow-x:hidden;
	width: 100%;
}

.index_list_tree_02 .tree_right_box_01 {
	width:100%;
}



/*서브별메인 이나라지표*/
.submain_01_bg {width:999px; height:550px; background:url(../../images/sub/sub_01_main_bg.jpg) no-repeat; margin:15px 0 0 0; position:relative}
.submain_01_text_box {padding:60px}
.submain_01_bg  .submenu_list { position:absolute; bottom:50px; left:46px;}
.submain_01_bg  .submenu_list li { float:left; margin:0 20px;}


/*서브별메인 국가주요지표*/
.submain_02_bg {width:1000px; height:617px; background:url(../../images/sub/sub_02_main_bg.jpg) no-repeat right bottom; margin:15px 0 0 0; position:relative}
.submain_02_text_box {position:absolute; bottom:100px; left:40px;}
.submain_02_bg  .submenu_list_01 { position:absolute; top:40px; left:23px;}
.submain_02_bg  .submenu_list_01 li { float:left; margin:0 3px;}





/*트리 아이콘 모양*/
.tree_icon01 {margin:0 0 0 0; padding:0 0 0 0;}
.tree_icon01 li { background:url(../../images/sub/list_folder.gif) no-repeat 0 4px; padding:0 0 0 20px; line-height:23px}
.tree_icon01 li a { color:#000; font-weight:bold;}
.tree_icon01 .off  { background:url(../../images/sub/list_folder_off.gif) no-repeat 0 2px; padding:0 0 0 20px; color:#000; font-weight:bold;}
.tree_icon03 {margin:0 0 0 0; padding:0 0 0 0;}
.tree_icon03 li { background:url(../../images/sub/list_icon.gif) no-repeat 0 2px; padding:0 0 0 15px; color:#000; font-weight:normal; line-height:20px}
.tree_icon03 li a { color:#000; font-weight:normal;}

/*지표정보기 상세페이지*/
.index_btn_box {width:480px; margin-left:380px;}
.index_btn_box2 {width:480px; margin-left:295px;}
.index_view {position:relative; border-radius:10px; border:solid 1px #d5d5d5; margin:20px 0 0 0; padding:30px; position:relative;}
.index_view .in_navi {}
.index_view .in_navi li {color:#a4a4a4;}
.index_view .in_navi li span { position:relative; z-index:888}
.index_view .in_navi li span .index_bg_1 {position:absolute;top:-18px;left:70px;background:url(../../images/sub/text_list_bg.png) no-repeat; height:211px; width:296px; z-index:999}
.index_view .in_navi li span .index_bg_1 .index_list_box_1 { margin:30px 0 0 30px; height:162px; width:252px;z-index:999; overflow-y:scroll; position:relative;}
.index_view .in_navi li span .index_bg_1 .index_list_box_1 ul {margin:7px 0 20px 0;}
.index_view .in_navi li span .index_bg_1 .index_list_box_1 ul li {margin:0 0 5px 0; padding:0 0 0 19px; font-size:12px; line-height:15px; color:#5b5b5b; font-weight:normal; background:url(../../images/common/dot_02_1.gif) no-repeat left 2px; float:none;}
.index_view .in_navi li span .index_bg_1 .index_close_1 {position:absolute; top:10px; right:15px}

.index_view .graph {width:94.2%; padding:20px; text-align:center; border:#CCC solid 1px; margin:20px 0 0 0;}
.index_view .text_meaning  {margin:0 0 7px 0; padding:3px 0 0 27px; font-size:15px; font-weight:bold; color:#f58026; background:url(../../images/common/dot_05.png) no-repeat left 3px; display:block}

/*국가주요지표체계도_01*/
.contry_text {width:772px; height:120px; background:url(../../images/sub/2014_country_img_01.png) no-repeat 40px 25px #f6f6f6 ; border:#CCC solid 1px; position:relative;}
.contry_text .p_text { position:absolute; top:25px; left:170px; text-align:justify; width:500px;}
.country_wrap {width:772px; height:545px; background: url(../../images/sub/2014_country_bg.jpg) no-repeat; margin:30px 0 0 0;}
.country_wrap .count_text_title {width:670px; height:47px; text-align:center; margin:0 0 0 48px;}
.country_wrap .count_text_title_01 {width:670px; height:47px; text-align:center; margin:20px 0 0 48px;}
.country_wrap .count_list_wrap {width:670px; height:408px; margin:20px 0 0 48px;}
.country_wrap .count_list_wrap .count_list_ul {}
.country_wrap .count_list_wrap .count_list_ul li { float:left; width:212px; height:408px;}
.country_wrap .count_list_wrap .list_other {margin:0 0 0 17px;}
/*타이틀색상변경*/
.country_wrap .count_list_wrap .con_h2_01 {width:212px; height:62px; background:#3773c5; display:block; text-align:center;}
.country_wrap .count_list_wrap .con_h2_02 {width:212px; height:62px; background:#37c566; display:block; text-align:center;}
.country_wrap .count_list_wrap .con_h2_03 {width:212px; height:62px; background:#f8af00; display:block; text-align:center;}
.country_wrap .count_list_wrap .con_h2_04 {width:212px; height:62px; background:#d00d14; display:block; text-align:center;}
.country_wrap .count_list_wrap .con_h2_05 {width:212px; height:62px; background:#ea633f; display:block; text-align:center;}
.country_wrap .count_list_wrap .con_h2_06 {width:212px; height:62px; background:#f8af00; display:block; text-align:center;}

.country_wrap .count_list_wrap .con_list_ul { margin:7px 0 0 0; border:#CCC solid 1px; height:309px; padding:15px;}
.country_wrap .count_list_wrap .con_list_ul li {line-height:30px; height:30px; width:182px; position:relative;}
.country_wrap .count_list_wrap .con_list_ul li a {height:30px; line-height:30px; display:block; color:#8d8d8d; font-size:12px;}
.country_wrap .count_list_wrap .con_list_ul li a:hover{color:#333; font-weight:bold;height:30px; line-height:30px;display:block; font-size:12px;}


.country_wrap .count_list_wrap .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 .count_list_wrap .con_3th_box .arrow_box {position:absolute; top:15px;left:-6px;z-index:999}
.country_wrap .count_list_wrap .con_3th_box .del_box {position:absolute; top:5px;right:7px;z-index:999}
.country_wrap .count_list_wrap .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 .count_list_wrap .con_list_3th li {width:177px;}
.country_wrap .count_list_wrap .con_list_3th li a { font-size:12px;}
.country_wrap .count_list_wrap .con_list_3th li a:hover { font-size:12px;}

/*시계열조회 버튼 위치*/
.index_view .title_box { position:relative;} 
.index_view .title_box .ti_btn { position:absolute; top:0px; right:0px;}
/*시계열조회 그래프 박스*/
.graph_box { text-align:center;padding:20px 0px; border:#CCC solid 1px; margin:10px 0 0 0;}

.index_data_view {width:100%;border-radius:10px; border:solid 1px #d5d5d5; margin:20px 0 0 0; background:url(../../images/sub/index_data_bg.gif) repeat-x top;}
.index_data_view_in {width:100%;border-radius:10px;background:url(../../images/sub/index_data_bg_in.gif) repeat-y center;}
.index_data_view .h5_in { display:block; width:94%; text-align:center;color:#000; font-weight:bold;font-size:15px; background:none; margin-top:-7px} 
.index_data_view .h6_in_1 { background:url(../../images/sub/index_tibg_01.gif) no-repeat; display:block; height:44px; width:308px; line-height:44px; color:#FFF; text-indent:15px; margin:0 0 0 0;}
.index_data_view .h6_in_2 { background:url(../../images/sub/index_tibg_02.gif) no-repeat; display:block; height:44px; width:308px; line-height:44px; color:#FFF; text-indent:15px; margin:0 0 0 0;}
.index_data_view .h6_in_3 { background:url(../../images/sub/index_tibg_03.gif) no-repeat; display:block; height:44px; width:308px; line-height:44px; color:#FFF; text-indent:15px; margin:0 0 0 0;}
.index_data_view .data_view_box_l { float:left; width:41.8%; padding:20px 30px;}
.index_data_view .data_view_box_r { float:right; width:41.8%;padding:20px 30px;}
.data_view_box_c { float:left; width:41.8%;padding:20px 30px;}


.index_data_view .btn_box { position:relative;}
.index_data_view .btn_box_b { position:absolute; top:12px; right:5px;}

.index_data_view2 {width:100%;border-radius:10px; border:solid 1px #d5d5d5; margin:20px 0 0 0; }
.index_data_view2_in {width:100%;border-radius:10px;background:url(../../images/sub/index_data_bg_in.gif) repeat-y center;}
.index_data_view2 .h5_in { display:block; width:94%; text-align:center;color:#000; font-weight:bold;font-size:15px; background:none; margin-top:-7px} 
.index_data_view2 .h6_in_1 { background:url(../../images/sub/index_tibg_01.gif) no-repeat; display:block; height:44px; width:308px; line-height:44px; color:#FFF; text-indent:15px; margin:0 0 0 0;}
.index_data_view2 .h6_in_2 { background:url(../../images/sub/index_tibg_02.gif) no-repeat; display:block; height:44px; width:308px; line-height:44px; color:#FFF; text-indent:15px; margin:0 0 0 0;}
.index_data_view2 .h6_in_3 { background:url(../../images/sub/index_tibg_03.gif) no-repeat; display:block; height:44px; width:308px; line-height:44px; color:#FFF; text-indent:15px; margin:0 0 0 0;}
.index_data_view2 .data_view_box_l { float:left; width:41.8%; padding:20px 30px;}
.index_data_view2 .data_view_box_r { float:right; width:41.8%;padding:20px 30px;}

.index_data_view2 .btn_box { position:relative;}
.index_data_view2 .btn_box_b { position:absolute; top:12px; right:5px;}


.quick_menu {position:absolute; top:180px; left:0px; width:100%; height:39px; z-index:133}
.quick_menu .top {position:absolute;bottom:0px; right:-40px; height:58px; line-height:58px; background:#0096e6}
.quick_tab {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
}
.quick_tab li { float: left;margin-left: -1px;text-align: center; width: 13.6%;font-size:15px;}
.quick_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: #F9F9FA;
    border-color: #dcdcdc #dcdcdc #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
}
.quick_tab li.on { position: relative; z-index: 10;}
.quick_tab 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: #0096e6;
    border-color: #0096e6;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.quick_tab li.on a span { padding-right: 9px}
.quick_tab li.last { width: 13.7%}




.quick_tab2 {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
}
.quick_tab2 li { float: left;margin-left: -1px;text-align: center; width: 16.6%;font-size:15px;}
.quick_tab2 li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F9F9FA;
    border-color: #dcdcdc #dcdcdc #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
	font-weight:bold;
}
.quick_tab2 li.on { position: relative; z-index: 10;}
.quick_tab2 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: #0096e6;
    border-color: #0096e6;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.quick_tab2 li.on a span { padding-right: 9px}
.quick_tab2 li.last { width: 17%}



/*e나라지표 체계도*/
.cus_tab {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
}
.cus_tab li {
    float: left;
    margin-left: -1px;
    text-align: center;
    width: 33.3%;
	font-size:15px;
}
.cus_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: #F9F9FA;
    border-color: #EBEBED #EBEBED #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #777C8B;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
}
.cus_tab li.on {
    position: relative;
    z-index: 10;
}
.cus_tab 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: #6F7483;
    border-color: #616675 #616675 #4E525E;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.cus_tab li.on a span {
    padding-right: 9px;
}
.cus_tab li.last {
    width: 50%;
}
/*체계도 말풍선리스트*/





/*이나라지표계도*/

.ta_enara {border-collapse:collapse;margin:10px 0px 10px 0px;border-width:0px 0px 0px 0px; width:100%;display:none;}
.ta_enara caption { display:none}
.ta_enara th {padding:0px 2px 5px 0px; border:2px solid #ffff;color:#171717;background:#fff;}
.ta_enara td {padding:3px;border:1px solid #D8D8D8; background:#F6F6F6; text-align:left;font-family:"나눔고딕",NanumGothic,sans-serif;}
.ta_enara .td_ov {padding:5px;border:1px solid #ffffff; background:#878787; text-align:left; font-weight:bold;}
.ta_enara span {background:#4ebc3a; border-radius:5px; display:block; text-align:center; height:40px; line-height:40px; color:#FFF}




.table_style_in {border-collapse:collapse;margin:10px 0px 10px 0px;border-width:0px 0px 0px 0px; width:100%;}
.table_style_in caption { display:none}
.table_style_in th {padding:0px 0px 5px 0px; border-top:1px solid #FFFFFF; border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;border-bottom:1px solid #b3b3b3;color:#171717;}
.table_style_in span {background:#a16ec3; border-radius:5px; display:block; text-align:center; height:40px; line-height:40px; color:#FFF}
.table_style_in td {padding:5px;border:1px solid #b3b3b3; background:#FFF; text-align:center}
.table_style_in .cell_point  {background:#fafafa;}
.table_style_in .cell_left  {text-align:left;}
.table_style_in .cell_center  {text-align:center;}
.table_style_in td ul {}
.table_style_in td ul li { float:left;position:relative;}
.table_style_in td ul li a {color:#444444;}
.table_style_in td ul li a:hover {color:#F60; text-decoration:underline;}
.table_style_in td .index_bg {position:absolute;top:-15px;left:60px;background:url(../../images/sub/text_list_bg.png) no-repeat; height:211px; width:296px; z-index:999}
.table_style_in td .index_bg .index_list_box { margin:30px 0 0 30px; height:162px; width:252px;z-index:999; overflow-y:scroll; position:relative;}
.table_style_in td .index_bg .index_list_box ul {margin:7px 0 20px 0;}
.table_style_in td .index_bg .index_list_box ul li {margin:0 0 5px 0; padding:0 0 0 19px; font-size:12px; line-height:15px; color:#5b5b5b; font-weight:normal; background:url(../../images/common/dot_02_1.gif) no-repeat left 2px; float:none;}
.table_style_in td .index_bg .index_close {position:absolute; top:10px; right:15px}

.table_re {position:relative;}
.index_bg {position:absolute; top:30px; left:230px; background:url(../../images/sub/text_list_bg.png) no-repeat; height:211px; width:296px;}
.index_bg .index_list_box { margin:30px 0 0 30px; height:162px; width:252px; overflow:auto}
.index_bg .index_close { position:absolute; top:10px; right:15px}
/*게시판*/
.sear_board_box {width:100%; padding:10px 0; position:relative;}
.sear_board_box .gi_no { position:absolute; left:0; top:5px;}
.sear_board_box .gi_box { position:absolute; top:0; right:0px;}
.sear_board_box .gi_box .select_gi{width:170px;height:20px; font-size:15px; margin:0 0 0 10px; vertical-align:middle}
.sear_board_box .gi_box .input_t {width:auto; height:20px; border:1px solid #CCC;vertical-align:middle}
.sear_board_box .t_point {color:#ff0000}
.sear_board_box input, select, textarea { width:auto; height:20px; border:1px solid #CCC;vertical-align:middle;}
.sear_board_box .checkbox {width:auto; border:none; vertical-align:middle}
/*게시판페이징
.page { width:100%; text-align:center; margin:30px 0 0 0; display:block; position:relative;}
.page .span_btn_1 {width:31px; border: 1px solid #F0F0F0; height: 31px; line-height: 31px; background:url(../../images/sub/board_next_02.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn_2 {width:31px; border: 1px solid #F0F0F0; height: 31px; line-height: 31px; background:url(../../images/sub/board_next_01.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn_3 {width:31px; border: 1px solid #F0F0F0; height: 31px; line-height: 31px; background:url(../../images/sub/board_prev_01.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn_4 {width:31px; border: 1px solid #F0F0F0; height: 31px; line-height: 31px; background:url(../../images/sub/board_prev_02.gif) no-repeat 13px 13px; display:inline-block;}
.page .page_num {display: inline-block; margin: 0 6px;overflow: hidden; vertical-align: top;}
.page .page_num a {border: 1px solid #F0F0F0; color: #8C8C8C; display: inline-block; font-size: 11px; height: 29px; line-height: 29px; width: 31px;}
.page .page_num a:hover {border: 1px solid #4faee4; color: #ffffff; display: inline-block; font-size: 11px; height: 29px; line-height: 29px; width: 31px; background:#4faee4; text-decoration:none; font-weight:bold;}
.page .page_num .selected {border: 1px solid #4faee4; color: #ffffff;  display: inline-block; font-size: 11px; height: 29px; line-height: 29px; width: 31px; background:#4faee4; text-decoration:none; font-weight:bold;}
.page .board_box { position:absolute; top:0px; right:0px;}
*/

.page { width:100%; text-align:center; margin:30px 0 0 0; display:block; position:relative;}
.page .span_btn {width:31px; border: 1px solid #F0F0F0;cursor: pointer; height: 31px;line-height: 20px; background:#FFF;}
/*ImagePaginationRenderer css */
.page .span_btn1 {width:31px; border: 1px solid #F0F0F0; height: 31px;line-height: 31px; background:url(../../images/sub/board_next_02.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn2 {width:31px; border: 1px solid #F0F0F0; height: 31px;line-height: 31px; background:url(../../images/sub/board_next_01.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn3 {width:31px; border: 1px solid #F0F0F0; height: 31px;line-height: 31px; background:url(../../images/sub/board_prev_01.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn4 {width:31px; border: 1px solid #F0F0F0; height: 31px;line-height: 31px; background:url(../../images/sub/board_prev_02.gif) no-repeat 13px 13px; display:inline-block;}
.page .page_num {display: inline-block; margin:0px 1px;overflow: hidden; vertical-align: top;}
.page .page_num a {border: 1px solid #F0F0F0; color: #8C8C8C; display: inline-block; font-size: 11px; height: 31px; line-height: 31px; width: 31px;}
.page .page_num a:hover {border: 1px solid #4faee4; color: #ffffff; display: inline-block; font-size: 11px; height: 31px; line-height: 31px; width: 31px; background:#4faee4; text-decoration:none; font-weight:bold;}
.page .page_num .selected {border: 1px solid #4faee4; color: #ffffff;  display: inline-block; font-size: 11px; height: 31px; line-height: 31px; width: 31px; background:#4faee4; text-decoration:none; font-weight:bold;}
.page .board_box { position:absolute; top:0px; right:0px;}

/*자주하는 질문*/
.faq { width:100%; border-top:#999 solid 2px; margin-top:30px}
.faq dt {position:relative; border-bottom:#CCC solid 1px; height:60px; line-height:60px; padding:0 0 0 70px; font-size:15px; font-weight:bold;}
.faq dt a {color:#000;}
.faq dt span {position:absolute; top:15px; left:20px;}
.faq dd {position:relative; border-bottom:#CCC solid 1px; background:#f4f4f4; padding:25px 25px 25px 70px;}
.faq dd span {position:absolute; top:15px; left:20px;}
/*나의관심지표*/
.myindex {width:100%; border:#d4d2d2 solid 1px; background:#f4f4f4;}
.myindex .left_box { width:40%; float:left; display:inline; margin:20px 10px 20px 20px;}
.myindex .left_box .left_list { border:#CCC solid 1px; background:#FFF; width:90%; margin:0 0 0 0; padding:14px;  height:255px}
.myindex .left_box .left_list li { background:url(../../images/sub/myindex_folder_icon.gif) no-repeat 0px 1px; padding:0 0 0 20px; line-height:20px}

.myindex .right_box { width:50%; float:right; display:inline; margin:20px 20px 20px 10px;}
.myindex .right_box dl {width:92%; height:255px; border:#CCC solid 1px; background:#FFF;  padding:14px;}
.myindex .right_box dl dt {float:left; width:75%; line-height:20px}
.myindex .right_box dl dd {float:right; width:25%; text-align:right; line-height:20px}

/*관심지표등록하기 리스트*/
.folder_list {}
.folder_list li {}
.folder_list li a {background:url(../../images/sub/myindex_folder_icon.gif) no-repeat 0px 0px;padding:1px 0 0 20px; line-height:20px }
.folder_list li a:hover {background:url(../../images/sub/myindex_folder_icon_off.gif) no-repeat 0px 0px;padding:1px 0 0 20px; line-height:20px}
.folder_list li .off {background:url(../../images/sub/myindex_folder_icon_off.gif) no-repeat 0px 0px;padding:1px 0 0 20px; line-height:20px}
.myindex_tab {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
}
.myindex_tab li { float: left;margin-left: -1px;text-align: center; width: 33.2%;font-size:12px;}
.myindex_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: #F9F9FA;
    border-color: #dcdcdc #dcdcdc #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #777C8B;
    display: block;
    padding: 7px 0 8px 1px;
    text-decoration: none;
    width: 100%;
}
.myindex_tab li.on { position: relative; z-index: 10;}
.myindex_tab 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: #6F7483;
    border-color: #616675 #616675 #4E525E;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.myindex_tab li.on a span { padding-right: 9px}
.myindex_tab li.last { width: 33%}
/*분류그룹추가하기 팝업*/
/*팝업스타일*/
.pop_body { background:#FFF;}
.pop_wrap {width:100%; height:auto;}
.pop_header { width:100%; height:76px; background:url(../../images/sub/pop_bg.gif) no-repeat right #318de7;}
.pop_header .h_2 { font-size:20px; height:76px; line-height:76px; color:#FFF; text-indent:30px;}

.pop_header_N { width:100%; height:56px; background:url(../../images/sub/pop_bg.gif) no-repeat right #318de7;}
.pop_header_N .h_2 { font-size:20px; height:56px; line-height:56px; color:#FFF; text-indent:30px;}

.pop_wrap .pop_content {padding:20px}
.pop_wrap .pop_content .h5_in  {padding:0 0 0 23px; font-size:14px; font-weight:bold; color:#000000; background:url(../../images/common/dot_01.gif) no-repeat left 3px; display:inline-block;}
.pop_wrap .pop_content h4  {font-size:15px; font-weight:bold; color:#000000; display:inline-block;}
.pop_wrap .pop_content input, select, textarea { width:auto; height:20px; border:1px solid #CCC;vertical-align:middle}
.pop_wrap .pop_content .checkbox {width:auto; border:none; vertical-align:middle}
.pop_wrap .pop_content .list_mod_del {width:100%; background:#f4f4f4; padding:25px 0; margin:auto; text-align:center;}
.pop_wrap .pop_content_01 {padding:20px; position:relative;}

.pop_body2 { background:#FFF;}
.pop_wrap2 {width:100%; height:auto;}
.pop_header2 { width:100%; height:50px; background:url(../../images/sub/pop_bg.gif) no-repeat right #318de7;}
.pop_header2 .h_2 { font-size:15px; height:50px; line-height:50px; color:#FFF; text-indent:110px;}

.pop_header2_N { width:100%; height:56px; background:url(../../images/sub/pop_bg.gif) no-repeat right #318de7;}
.pop_header2_N .h_2 { font-size:20px; height:56px; line-height:56px; color:#FFF; text-indent:30px;}

.pop_wrap2 .pop_content {padding:20px;line-height:35px;}
.pop_wrap2 .pop_content .h5_in  {padding:0 0 0 23px; font-size:14px; font-weight:bold; color:#000000; background:url(../../images/common/dot_01.gif) no-repeat left 3px; display:inline-block;}
.pop_wrap2 .pop_content h4  {font-size:15px; font-weight:bold; color:#000000; display:inline-block;}
.pop_wrap2 .pop_content input, select, textarea { width:auto; height:20px; border:1px solid #CCC;vertical-align:middle}
.pop_wrap2 .pop_content .checkbox {width:auto; border:none; vertical-align:middle}
.pop_wrap2 .pop_content .list_mod_del {width:100%; background:#f4f4f4; padding:25px 0; margin:auto; text-align:center;}
.pop_wrap2 .pop_content_01 {padding:20px; position:relative;}

/*프린트팝업*/
.print_error {position:absolute; top:20px; left:20px; background:url(../../images/sub/print_error.gif) no-repeat 0 0; height:50px; padding:10px 0 0 50px;}
.print_error .pri_h3 {color:#333; font-size:14px; font-weight:bold;}
.print_error .pri_p { font-size:11px; color:#999; margin:5px 0 0 0;}

/*필독*/
.pil_doc_bg { background:url(../../images/sub/pil_doc_bg.jpg) repeat-x; height:31px; width:100%; margin:15px 0px}
/*우편번호검색*/
.post_tab {
    overflow: hidden;
    padding-left: 1px;
    width: 99%;
}
.post_tab li { float: left;margin-left: -1px;text-align: center; width: 33%;font-size:15px;}
.post_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: #F9F9FA;
    border-color: #dcdcdc #dcdcdc #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #4b4b4b;
	font-weight: bold;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
}
.post_tab li.on { position: relative; z-index: 10;}
.post_tab 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: #028bfa;
    border-color: #028bfa #028bfa #028bfa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.post_tab li.on a span { padding-right: 9px}
.post_tab li.last { width: 33%}

.post_list { margin:30px 0 0 0;}
.post_list li {margin:0 0 20px 0; padding:0 0 0 25px; font-size:14px; color:#000000; background:url(../../images/common/dot_01.gif) no-repeat left 3px; line-height:16px; font-weight:bold;}
.post_list li span { display:inline-block; width:100px}


/*참여내역*/
.part_tab {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
}
.part_tab li { float: left;margin-left: -1px;text-align: center; width: 49.5%;font-size:15px;}
.part_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: #F9F9FA;
    border-color: #dcdcdc #dcdcdc #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #4b4b4b;
	font-weight: bold;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
}
.part_tab li.on { position: relative; z-index: 10;}
.part_tab 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: #028bfa;
    border-color: #028bfa #028bfa #028bfa;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.part_tab li.on a span { padding-right: 9px}
.part_tab li.last { width: 33%}
/*회원가입 - 약관동의*/
.member_box { width:94.5%; padding:20px; border:#CCC solid 1px; overflow:auto; height:150px; margin:20px 0 0 0}
.m_h4 {margin:0 0 10px 0; padding:0 0 0 0; font-size:20px; color:#000000; font-weight:bold; line-height:20px;}
.member_text_box {border-radius:10px; background:#ececec; width:95%; margin:35px 0 0 0; padding:30px;}
.member_text_box input, select, textarea { width:auto; height:20px; border:1px solid #CCC;vertical-align:middle}
.red_01 a {color:#F00; font-weight:bold;}
/*로그인*/
.login_text_box {border-radius:10px; border:solid 1px #CCCCCC; width:92.2%; margin:35px 0 0 0; padding:30px; background:url(../../images/sub/login_img01.gif) no-repeat 30px 30px; height:220px; position:relative;}
.login_text_box input, select, textarea { width:auto; height:20px; border:1px solid #CCC;vertical-align:middle}
.login_text_box .id_pw { position:absolute; top:100px; right:150px; width:300px}
.login_text_box .id_pw strong { width:80px; display:inline-block; font-size:15px; color:#000; margin:10px 0 0 0;}
.login_text_box .id_btn {position:absolute; top:108px; right:60px;}
.login_text_box .member_btn {position:absolute; top:190px; right:60px;}


/*홍보동영상*/
/*텝메뉴*/
.intro_tab {overflow: hidden; padding-left: 1px; width: 100%;}
.intro_tab li {float: left; margin-left: -1px; text-align: center; width: 49.9%; font-size:15px;}
.intro_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: #F9F9FA;
    border-color: #EBEBED #EBEBED #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #777C8B;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
}
.intro_tab li.on {position: relative; z-index: 10;}
.intro_tab 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: #0096e6;
    border-color: #0096e6 #0096e6 #0096e6;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.intro_tab li.on a span {padding-right: 9px;}
.intro_tab li.last {width: 34%;}
.media_wrap{width:730px;padding:25px 20px;border-radius:10px; background:#ececec; margin:0 auto;}
.media_wrap .media{float:left;width:385px;height:240px;background:#000;}
.media_wrap .m_caption{float:right;width:289px;height:330px;padding:0 10px;border:solid 1px #dadada;background:#fff;overflow-y:scroll;}




/* sub_06_뷰어프로그램 */
.view_wrap {width:100%; margin:10px 0 40px 0; padding:0;}
.view_wrap li {margin:30px 0 0 0;}
.view_wrap .fst {margin:15px 0 0 0;clear:both;}
.view_wrap li .img_box {float:left; width:197px;}
.view_wrap li .text_box {float:left; width:950px; margin-left:20px}
.view_wrap .h7_ul {margin:5px 0 10px 0;}
.view_wrap .h7_ul li {margin:0 0 5px 3px; padding:0 0 0 12px; font-size:12px; line-height:15px; color:#444444; font-weight:normal; background:url(../../images/common/dot_03.gif) no-repeat left 5px;}



/* sub_06_모바일웹 */
#harf_wrap {width:770px; float:left; padding:0;}
#harf_wrap .left {width:400px; float:left; text-align:left;}
#harf_wrap .right {width:150px; float:left; margin:0; padding:0; text-align:left;}


/* 사이트맵 */
.siteList { clear:both; width:100%; overflow:hidden;}
.siteList li.siteCon { padding:0 70px 50px 70px; width:220px; height:350px; float:left; overflow:hidden; }
.siteList li.siteCon_he { padding:0 70px 30px 70px; width:220px; height:270px; float:left; overflow:hidden; }
.siteList li.siteCon_he2 { padding:0 70px 50px 70px; width:220px; height:270px; float:left; overflow:hidden; }
.siteList li.siteCon.last { padding-right:0px; }
.siteList li h4 { height:45px; margin-bottom:10px; font-size:20px; border-bottom:solid 2px #318de7; text-align:center; vertical-align:middle; line-height:45px; color: #318de7}
.siteList li ul.siteDepth01 { margin:5px 0 0 5px; b overflow:hidden; }
.siteList li ul.siteDepth01 li { padding:10px 0 10px 7px; font-weight:bold; border-bottom:dashed 1px #CCCCCC;}
.siteList li ul.siteDepth01 li a { color:#4a4a4a; font-size:14px;}
.siteList li ul.siteDepth01 li a:hover { color:#318de7; font-size:14px;}
.siteList li ul.siteDepth01 li ul.siteDepth02 { clear:both; margin:10px 0 0 0;}
.siteList li ul.siteDepth01 li ul.siteDepth02 li {padding:0px 20px; overflow:hidden;font-weight:100; border:none; margin:2px; 0; background:url(../../images/common/dot_08.gif) no-repeat 10px 5px}
.siteList li ul.siteDepth01 li ul.siteDepth02 li a { color:#8e8e8e; font-size:12px;}
.siteList li ul.siteDepth01 li ul.siteDepth02 li a:hover { color:#000000; font-size:12px;}


/*지표로본우리나라*/
.in_look_body { background:#FFF;}
.in_look_body .home_btn {position:absolute; top:20px; left:930px;}
.in_look_wrap {width:100%; height:auto;}
.in_look_wrap .home_btn {position:absolute; top:20px; left:930px;}
.in_look {height:76px; background:url(../../images/main/ind_look_bg.gif) no-repeat right #145697; position:relative;}
.in_look h1 {position:absolute; top:25px; left:20px;}
.in_look_tab { position:relative; width:100%; height:39px;  background:url(../../images/main/ind_look_me_bg_01.gif) repeat-x;}
.in_look_tab .tab_menu01 {width:40%; float:right;}
.in_look_tab .tab_menu01 .tab_in { position:absolute;right:20px;top:8px}
.in_look_tab .tab_menu01 .tab_in .LookEx01 {padding:5px; background:#f6eecb; font-size:11px; color:#787676; position:absolute; top:30px; left:-40px;}
.in_look_tab .tab_menu01 .tab_in .LookEx02 {padding:5px; background:#f6eecb; font-size:11px; color:#787676; position:absolute; top:30px; left:15px;}
.in_look_tab .tab_menu01 .tab_in .LookEx03 {padding:5px; background:#f6eecb; font-size:11px; color:#787676; position:absolute; top:30px; left:60px;}
.in_look_tab .tab_menu {width:60%; float:left; height:39px;}
.in_look_tab .input_l{height:20px;vertical-align:middle;}
.in_look_btn {position:absolute; top:45px; right:20px;}
.in_look_btn ul {}
.in_look_btn ul li { float:left; margin-left:10px; color:#FFF;}


.look_tab {
    overflow: hidden;
    padding-left: 1px;
    width: 100%;
}
.look_tab li { float: left;margin-left: -1px;text-align: center; width: 25%;font-size:15px;}
.look_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: #F9F9FA;
    border-color: #dcdcdc #dcdcdc #CACED4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #4b4b4b;
	font-weight: bold;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
	background:url(../../images/main/ind_look_me_bg.gif) repeat-x;
}
.look_tab li.on { position: relative; z-index: 10;}
.look_tab 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: #028bfa;
    border-color: #dcdcdc #dcdcdc #ffffff;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-weight: bold;
    letter-spacing: -1px;
	background:url(../../images/main/ind_look_me_bg_on.gif) repeat-x;
}
.look_tab li.on a span { padding-right: 9px}
.look_tab li.last { width: 60%}
.in_look_wrap .look_content {padding:20px 45px;}
.in_look_wrap .look_content .ti_box { width:100%; height:35px; border-bottom:#CCC solid 1px;}
.in_look_wrap .look_content h3 {font-size:15px; font-weight:bold; color:#000; background:url(../../images/main/ind_look_dot_02.gif) no-repeat 0 8px; height:35px; line-height:35px; border-bottom:#318de7 solid 2px; display:block; width:70px; padding-left:30px}

.in_look_wrap .look_content .look_ul {margin:20px 0 0 0;}
.in_look_wrap .look_content .look_ul li {width:49%; height:38px; line-height:38px; border-bottom:#CCC dashed 1px; float:left;}
.in_look_wrap .look_content .look_ul .liR {width:49%; height:38px; line-height:38px; border-bottom:#CCC dashed 1px; float:right;} 
.in_look_wrap .look_content .look_ul li .span_1 {width:78%; display:inline-block;}
.in_look_wrap .look_content .look_ul li .span_2 {width:20%; text-align:right; display:inline-block;}
.in_look_wrap .look_content .look_ul li a { font-weight:bold; color:#000;}
.in_look_wrap .look_content .look_ul li .a_span { color:#8b8b8b; font-weight:normal;}
.in_look_wrap .look_content .look_ul li .a_red { color:#f00; font-weight:normal;}
.in_look_wrap .look_content .look_index { margin-top:20px}


.in_look_wrap .look_content .look_ul2 {margin:20px 0 0 0;}
.in_look_wrap .look_content .look_ul2 li {width:49%; height:38px; line-height:38px; border-bottom:#CCC dashed 1px; float:left;}
.in_look_wrap .look_content .look_ul2 .liR {width:49%; height:38px; line-height:38px; border-bottom:#CCC dashed 1px; float:right;} 
.in_look_wrap .look_content .look_ul li .span_3 {width:73%; display:inline-block;}
.in_look_wrap .look_content .look_ul li .span_4 {width:23%; text-align:right; display:inline-block;}
.in_look_wrap .look_content .look_ul2 li a { font-weight:bold; color:#000;}
.in_look_wrap .look_content .look_ul2 li .a_span { color:#8b8b8b; font-weight:normal;}
.in_look_wrap .look_content .look_ul2 li .a_red { color:#f00; font-weight:normal;}

/* 통합검색결과 */
/* 탭 메뉴 */
.search_tab {overflow: hidden; padding-left: 1px; width: 100%;}
.search_tab li {float: left; margin-left: -1px; text-align: center; width: 20%; font-size:15px;}
.search_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: #F9F9FA;
    border-color: #CCC #CCC #CCC;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #777C8B;
	font-weight: bold;
    display: block;
    padding: 9px 0 10px 1px;
    text-decoration: none;
    width: 100%;
}
.search_tab li.on {position: relative; z-index: 10;}
.search_tab 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: #0096e6;
    border-color: #0096e6 #0096e6 #0096e6;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-weight: bold;
    letter-spacing: -1px;
}
.search_tab li.on a span {padding-right: 9px;}
.search_tab li.last {width: 20.2%;}


.result_wrap {position:relative; width:100%;}
.arrange {text-align:right; position:relative;margin:10px 0 0 0;}
.arrange .span_ti { position:absolute; top:0px; left:0px;}
.result_ti_box {position:relative;}
.result_title {width:92.5%; border-bottom:solid 1px #ccc;padding:5px 30px 0 25px; margin:0px; vertical-align:middle; line-height:40px; background:url(../../images/common/dot_01.gif) no-repeat 0 18px;}
.result_list {width:728px; padding:10px 20px 30px 20px; border:solid 1px #ccc; margin:-1px 0 0 0;}
.result_list ul {}
.result_list ul li { margin:20px 0 0 0; border-bottom:#CCC dashed 1px; padding:0 0 15px 0}
.result_list ul li p {margin:0px;}
.result_list h6  {margin:10px 0px; padding:0 0 0 20px; font-size:12px; color:#5b5b5b; font-weight:bold; background:url(../../images/common/dot_02.gif) no-repeat left 1px;}
.result_list .ti_span { position:absolute; top:0px; right:20px;}


.no_result {text-align:center; height:200px; padding-top:70px;}
.no_result .mr_box {width: 550px; height:160px; background:url(../../images/sub/not_result.gif) no-repeat left; margin:0 auto;}
.no_result .mr_list {width:340px; height:30px; padding:10px 0 0 210px;}
.no_result .mr_list ul {text-align:left;}
.no_result .mr_list .memo {background: url(../../images/common/dot_05.png) no-repeat 0 9px; font-size:14px; font-weight:bold; padding:10px 10px 10px 25px; text-align:left;}


/*지표활용사례*/
.ex_2008 {width:750px; height:auto; padding:10px;}
.img_right {float:right; margin-left:10px;}
.writer {padding:10px 0 0 25px; background:url(../../images/common/dot_05.png) no-repeat left 6px;}

/*배너모음컨텐츠영역*/
.banner_in {}
.banner_in li { float:left; margin:5px 20px;}


/*팸플릿*/
.pam_wrap { width:768px; margin:0 auto; height:690px; border-radius:5px; border: solid 1px #CCCCCC; box-shadow: 2px 2px 5px #ededed; }
.pam_wrap .h7_ul {margin:5px 0 10px 0;}
.pam_wrap .h7_ul li {margin:0px; padding:0 0 0 12px; font-size:12px; line-height:15px; color:#444444; font-weight:normal; background:url(../../images/common/dot_03.gif) no-repeat left 5px;}
.pam_wrap .leftw {width:384px; float:left;}
.pam_wrap .text_box {padding:25px;}
.pam_wrap .text_box p {line-height:14px}
.pam_wrap .rightw {width:384px; float:left;}
.pam_wrap .rightw .pam_hi {}
.pam_wrap .rightw .pam_hi dt { width:70px; float:left; display:inline-block; font-weight:bold;}
.pam_wrap .rightw .pam_hi dd { width:260px; float:right; display:inline-block;}
.table_pam {border-collapse:collapse;margin:10px 0px 10px 0px;border-top:3px solid #b3b3b3;border-bottom:1px solid #252525;border-width:3px 0px 1px 0px; width:100%; font-size:11px}
.table_pam caption { display:none}
.table_pam th {padding:5px; border:1px solid #b3b3b3;color:#171717;background:#f4f4f4;}
.table_pam td {padding:5px;border:1px solid #b3b3b3; background:#FFF; text-align:center; line-height:13px; letter-spacing:-2px;}
.table_pam .cell_left  {text-align:left;}

/*관심지표관리안내*/
.interest_wrap {width:100%; border-radius:5px; border:#CCC solid 1px; text-align:center; padding:20px 0} 
.in_num { background:url(../../images/sub/num_bg.gif) no-repeat; width:37px; height:37px; padding:0 0 0 10px; font-size:20px; font-weight:bold; color:#FFF; display:inline-block; line-height:34px}
.int_ul {margin:30px 0 0 0;}
.int_ul li { margin:25px 0}

/*최신지표-인기지표*/
.index_new_list_num {width:16px; height:16px; font-size:11px; color:#FFF; background:#0095e5; line-height:16px; text-align:center; display:inline-block; border:#09F solid 1px; border-radius:3px;}
.index_new_list_num_no {width:16px; height:16px; font-size:11px; color:#FFF; background:#a4b0c1; line-height:16px; text-align:center; display:inline-block; border:#949da9 solid 1px; border-radius:3px;}

/*메인화면 검색창 select box*/
#search_selectbox {
	/*-webkit-appearance: none;
	-moz-appearance: none; 
	appearance: none;*/
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	width : 81px;
	margin-top: 10px;
	margin-left: 0px;
}

.idx_compare_test {width:100%; border:#d4d2d2 solid 1px;}
.idx_compare_test .left_box  {width:40%; float:left; padding:30px;border:solid 1px #d5d5d5; margin:20px 0 0 0; overflow:auto; height:150px;}
.idx_compare_test .right_box  {width:40%; float:right; padding:30px;border:solid 1px #d5d5d5; margin:20px 0 0 0; overflow:auto; height:150px;}

.in_img2{width:389px; height:194px; overflow:hidden;}
.in_img2 .icon_list2 {margin:0 0 0 0;}
.in_img2 .icon_list2 li {padding:4px 0; font-size:11px; float:left;}

.idx_compare_test .foot_box  {width:100%; float:left; padding:30px;border:solid 1px #d5d5d5; margin:20px 0 0 0; overflow:auto; height:150px;}=======
}


/*생활속간편지표*/

 

.image_service_wrap {width:1000px; height:900px; position:relative;}

.image_service_wrap .home_btn {position:absolute; top:20px; left:930px;}

.image_service_wrap .service_header {width:1000px;}

.image_service_wrap .service_box {padding:30px 35px;}

.service_ul {}

.service_ul li {width:450px; height:326px; float:left; position:relative;}

.service_ul .li_color_01_01 {width:450px; height:326px; position:absolute;}
.service_ul .li_color_01_02 {width:450px; height:326px; margin-left:480px;position:absolute;}
.service_ul .li_color_01_03 {width:450px; height:326px; margin-top:346px;position:absolute;}
.service_ul .li_color_01_04 {width:450px; height:326px; margin-left:480px; margin-top:346px;position:absolute;}

/* .service_ul .li_color_01 {width:450px; height:326px; background:url(../../images/main/images_service_bg_01.jpg) no-repeat;}

.service_ul .li_color_02 {width:450px; height:326px; background:url(../../images/main/images_service_bg_02.jpg) no-repeat;}

.service_ul .li_color_03 {width:450px; height:326px; background:url(../../images/main/images_service_bg_03.jpg) no-repeat;}

.service_ul .li_color_04 {width:450px; height:326px; background:url(../../images/main/images_service_bg_04.jpg) no-repeat;}

.service_ul .li_color_05 {width:450px; height:326px; background:url(../../images/main/images_service_bg_05.jpg) no-repeat;}

.service_ul .li_color_06 {width:450px; height:326px; background:url(../../images/main/images_service_bg_06.jpg) no-repeat;}

.service_ul .li_color_07 {width:450px; height:326px; background:url(../../images/main/images_service_bg_07.jpg) no-repeat;}

.service_ul .li_color_08 {width:450px; height:326px; background:url(../../images/main/images_service_bg_08.jpg) no-repeat;} */

.service_ul li strong { display:block; width:403px; height:40px; position:absolute; top:20px; left:40px; font-size:15px; line-height:40px;} 

.service_ul li p {display:block;position:absolute; top:70px;left:20px; width:365px; height:80px; padding:15px 15px 30px 30px; color:#FFF; margin:0;/* overflow: hidden; */}

.service_ul li .a_box {position:absolute; top:200px;left:39px; width:295px; height:60px}

.service_ul li .a_box a {color:#FFF; margin:0 0 0 10px;}

 

 

/*OPEN API*/

.open_api_body { background:url(../../images/common/opa_he_bg.gif) repeat-x ;}

.open_api_header {width:1000px; margin:0 auto; height:105px; position:relative;}

.open_api_header .logo { position:absolute; left:0px; top:30px;}

.open_api_header .open_api_menu { position:absolute; top:58px; right:0px}

.open_api_header .open_api_menu ul {}

.open_api_header .open_api_menu ul li { float:left;}

.open_api_warp {background:url(../images/common/opa_sky_bg.jpg) top center repeat-x;}

.open_api_warp .open_api_centents { width:1000px; margin:0 auto; padding-top:35px; position:relative;}

.open_api_warp .open_api_centents .open_api_img { position:absolute;top:0px; right:0px;}

.open_api_warp .open_api_centents .open_api_title {}

.open_api_warp .open_api_centents .open_api_centents_cont {width:100%; padding:80px 0 20px 0}

.open_api_warp .open_api_centents .open_api_sear_list {}

.open_api_warp .open_api_centents .open_api_sear_list .opa_list_left {width:480px; float:left}

.open_api_warp .open_api_centents .open_api_sear_list .opa_list_right {width:480px; float:right;}




/** 정책영역지표 app **/
.weBoxRT{width:161px; height:7px; line-height:0px; font-size:0px; background:url(img/boxRT.gif) no-repeat left top;}
.weBoxRM{width:143px; padding:0px 9px; background:url(img/boxRM.gif) repeat-y left top;}
.weBoxRB{width:161px; height:7px; line-height:0px; font-size:0px; background:url(img/boxRB.gif) no-repeat left top;}
.weBoxClose{position:absolute; right:5px; top:-3px; height:10px; font-size:6px; line-height:6px;}

.weBoxRM p{margin:0px;}

.left_app{position:relative; width:685px; height:515px;}
.left_app strong{position:absolute; left:0px; top:0px; z-index:0;}
.left_app ul{}
.left_app ul li{float:left;}

.left_app_con{position:relative; width:177px;margin-top:0px;}
.left_app_con .weBox{position:absolute; width:161px; padding-top:20px;}
.left_app_con .weBoxClose{position:absolute; right:5px; top:10px; height:10px; font-size:6px; line-height:6px;}
.left_app_con .weBox1{position:relative; left:0px; top:0px;}
.left_app_con .weBox2{position:relative; left:0px; top:0px;}
.left_app_con .weBox3{position:relative; left:0px; top:0px;} 



/* 추가하는것 */

.menu{
  width: 700px;
  margin: 10px auto; padding: 0px;	  
  list-style: none;
  counter-reset: li;
  /*background: #eee;*/
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.menu:before,
.menu:after {
  content: "";

}

.menu:after {
  clear: both;
}

.menu {
  zoom:1;
}

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

.menu li {
  position: relative;
  float: left;
  cursor: pointer;
  height: 172px; width: 172px;
  margin: 1px 0 0 1px;
  color: #fff;
} 

.menu li:hover, .menu li:focus{  
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.2)), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  background-image: linear-gradient(top, rgba(255,255,255,.2), rgba(255,255,255,0));
  
}

.menu .cover{
  z-index: 2;
}

.menu .cover:focus{
  outline: 0;
}

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

.menu li::after{  
  /*content: counter(li); *//*  안에 숫자 나오는것*/    
  counter-increment: li;  
  font: italic bold 10px serif, georgia;
  position: absolute; 
  color: rgba(255,255,255,.1);  
  opacity: 0; 
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out; 
  -o-transition: all .2s ease-out;  
  transition: all .2s ease-out;    
  
}      

.menu li:hover::after, .menu li:focus::after{
  font-size: 100px;
  opacity: 1; 
}

.menu .cover::after{
  z-index: -1;
}

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

.menu li:nth-child(1),
.menu li:nth-child(2),
.menu li:nth-child(3),
.menu li:nth-child(4){
  margin-top: 0;
}

.menu li:nth-child(1),
.menu li:nth-child(5),
.menu li:nth-child(9){
  margin-left: 0;      
}

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

.menu li:nth-child(1),
/*.menu li:nth-child(1) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #2c618f;*/
 background-image : url("../../images/sub/s_mm01.gif");
}         

.menu li:nth-child(2),
/*.menu li:nth-child(2) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #91ab31;*/  
   background-image : url("../../images/sub/s_mm02.gif");
}   

.menu li:nth-child(3),
/*.menu li:nth-child(3) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #714a28; */
   background-image : url("../../images/sub/s_mm03.gif");
}

.menu li:nth-child(4),
/*.menu li:nth-child(4) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #e58600; */ 
   background-image : url("../../images/sub/s_mm04.gif");
}

.menu li:nth-child(5),
/*.menu li:nth-child(5) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #c33a00;*/
   background-image : url("../../images/sub/s_mm05.gif");
}

.menu li:nth-child(6),
/*.menu li:nth-child(6) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #7f5dac;*/
   background-image : url("../../images/sub/s_mm06.gif");
}

.menu li:nth-child(7),
/*.menu li:nth-child(7) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #5672b7; */ 
   background-image : url("../../images/sub/s_mm07.gif");
}

.menu li:nth-child(8),
/*.menu li:nth-child(8) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #69003f;*/
   background-image : url("../../images/sub/s_mm08.gif");
}

.menu li:nth-child(9),
/*.menu li:nth-child(9) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #393043;*/
   background-image : url("../../images/sub/s_mm09.gif");
}

.menu li:nth-child(10),
/*.menu li:nth-child(10) .content,*/
.menu li:nth-child(0) .close{
 /*background-color: #c33a00;*/
   background-image : url("../../images/sub/s_mm10.gif");
   
}

.menu li:nth-child(11),
/*.menu li:nth-child(11) .content,*/
.menu li:nth-child(11) .close{
 /* background-color: #c33a00;*/
  background-image : url("../../images/sub/s_mm_img.gif");
}

.menu li a { display:inline-block;font-size:12px;background:url(../../images/common/dot_08.gif) no-repeat 0px 3px; padding:0 0 0 8px; margin-left:10px; line-height:16px}

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

.menu .content{
  opacity: 0; display: none\9;
  overflow: hidden;
  font: 15px Arial, Helvetica;
  position: absolute;
  height: 100px; width: 180px; /* Ideally: height: 100%; width: 100%; but works at it should just in FF */
  -webkit-transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -ms-transition: all .3s ease-out; 
  -o-transition: all .3s ease-out;  
  transition: all .3s ease-out;   
  background-color: #FFFFFF; /* 색 바꿀라고 추가 */
  border: 2px solid #ccc;

   
}  

.menu .expanded{
  opacity: 1.00; display: block\9;
  overflow: visible;
  padding: 20px;
  height: 129px; width: 302px; /* Cover the entire area */  
}


.menu li:nth-child(1) .content{ /* 3,6,9 */
  right:-519px;
  top: 346px;  
}
.menu li:nth-child(2) .content{ /* 3,6,9 */
  right:-346px;
  top: 346px;
}
.menu li:nth-child(3) .content{ /* 3,6,9 */
  right:-173px;
  top: 346px;
}
.menu li:nth-child(4) .content{ /* 3,6,9 */
  right:0px;  
  top: 346px;
}
.menu li:nth-child(5) .content{ /* 3,6,9 */
  right:-519px;
   top: 173px;
}
.menu li:nth-child(6) .content{ /* 3,6,9 */
   right:-346px;
   top: 173px;
}
.menu li:nth-child(7) .content{ /* 3,6,9 */
  right:-173px;
   top: 173px;
}
.menu li:nth-child(8) .content{ /* 3,6,9 */
 right: 0px;
   top: 173px;
}
.menu li:nth-child(9) .content{ /* 3,6,9 */
   right:-519px;
  top: 0px;
}
.menu li:nth-child(10) .content{ /* 3,6,9 */
  right:-346px;
  top: 0px;
}

.menu li:nth-child(9) .content, /* 9 , 10 , 11 , 12 */
.menu li:nth-child(10) .content, /* 9 , 10 , 11 , 12 */
.menu li:nth-child(11) .content /* 9 , 10 , 11 , 12 */
{
  bottom: 0;
}                      

.menu li:nth-child(5) .content, /* 5 , 6 , 7 , 8 */
.menu li:nth-child(6) .content, /* 5 , 6 , 7 , 8 */
.menu li:nth-child(7) .content, /* 5 , 6 , 7 , 8 */
.menu li:nth-child(8) .content{
  bottom: 0;
} 

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

.menu .title{
  position: absolute;
  height: 100%; width: 100%;
  text-align: center;
  font: italic bold 1em/120px 'trebuchet MS', Arial, helvetica;
  opacity: .2;
}

.menu li:hover .title{
  opacity: .7;
}    

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

.menu .close {
  display: none;
  cursor: pointer; 
  height: 40px; width: 40px;  
  position: absolute;
  text-align: center;
  top: 10px; right: 10px;   
}

.menu .cover .close{
  display: block;
}



/*지표이용안내*/
.info_img_box {padding:15px; text-algin:center; border:solid 1px #d5d5d5; border-radius:5px;}


/**/