@charset "utf-8";

/************************************************************************
 - FILE NAME : communication.css
 - SUMMARY   : communication layout (참여 소통 활용 관련 layout)
 - DATE      : 2015.06.26
************************************************************************/

/* 개발자공간 */
.section_OpenAPI_guide ol {margin:4px 0 0px 0px;}
.section_OpenAPI_guide ol li {padding:10px 0 2px 32px;}
.section_OpenAPI_guide ol li.num_1 {background:url('../../img/ggportal/desktop/communication/num_1.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol li.num_2 {background:url('../../img/ggportal/desktop/communication/num_2.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol li.num_3 {background:url('../../img/ggportal/desktop/communication/num_3.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol li.num_4 {background:url('../../img/ggportal/desktop/communication/num_4.png') no-repeat 4px 8px;}
.section_OpenAPI_guide ol .num {position:absolute; left:-100000px; text-indent:-100000px;}
.section_OpenAPI_guide .txt_OpenAPIguide {border:1px solid #d1d1d1;}
.section_OpenAPI_guide p + .txt_OpenAPIguide {margin:7px 0 0 0;}
.section_OpenAPI_guide .txt_OpenAPIguide + p {margin:6px 0 0 0;}
.OpenAPI {padding:16px 14px 17px 20px;}
.OpenAPI p {padding:0px 0px 12px 0px;}
@media all and (max-width:767px) {
.OpenAPI {padding:6px 5px 7px 10px; font-size:11px; line-height:18px;}
.area_OpenAPIguide .OpenAPIguide {padding:6px 5px 5px 10px; background:#f9f9f9; border:1px solid #e4e4e4;}
.area_OpenAPIguide .OpenAPIguide .tit.mq_tablet {display:none;}
.area_OpenAPIguide .OpenAPIguide ul li {font-size:11px; line-height:18px;}
}
@media all and (min-width:768px) {
.area_OpenAPIguide {position:relative; overflow:hidden; width:100%; height:0; margin:30px 0 0 0; padding-bottom:28%;}
.area_OpenAPIguide .OpenAPIguide {position:absolute; top:0; left:0; width:100%; height:100%; padding:0 4% 0 4%; -webkit-box-sizing:border-box; box-sizing:border-box; background:#f9f9f9; background-size:contain;}
.area_OpenAPIguide .OpenAPIguide .tit {display:block; padding:35px 0 24px 0; color:#555; text-decoration:underline;}
}
/* 개발자공간 E */

/* 자주하는 질문 */
.wrap_dl_FAQ {border-bottom:1px solid #c6c6c6;}
.dl_FAQ dt {background:#fff url('../../img/ggportal/desktop/common/txt_question.png') no-repeat 15px 15px; border-top:1px solid #e4e4e4;}
.wrap_dl_FAQ dl:first-child dt {border-top:1px solid #919191;} 
.dl_FAQ dt a {display:block; padding:16px 45px 17px 47px; background:url('../../img/ggportal/desktop/common/btn_view_answer.png') no-repeat right center; font-weight:bold; color:#666;}
.dl_FAQ dt a.on {background:url('../../img/ggportal/desktop/common/btn_close_answer.png') no-repeat right center;}
.dl_FAQ dd {display:none; padding:17px 45px 17px 47px; background:#f9f9f9 url('../../img/ggportal/desktop/common/txt_answer.png') no-repeat 0 0; color:#656565;}
.dl_FAQ span.tit {position:absolute; left:0px; top:0px; visibility:hidden;}
.dl_FAQ .noData {background:#fff; padding:5px 0 6px 0; text-align:center; color:#284e85;}
@media all and (max-width:767px) {
.wrap_dl_FAQ + fieldset {margin:10px 0 0 0;}
.dl_FAQ dt {background-position:10px 10px;}
.dl_FAQ dt a {padding:10px 35px 11px 38px; background-image:url('../../img/ggportal/mobile/common/btn_view_answer.png');}
.dl_FAQ dt a.on {background-image:url('../../img/ggportal/mobile/common/btn_close_answer.png');}
.dl_FAQ dd {padding:11px 35px 11px 38px; background:#f9f9f9 url('../../img/ggportal/mobile/common/txt_answer.png') no-repeat 0 0; }
}
/* 자주하는 질문 E */

/* 개방통계 */
.section_stats_result {margin:30px 0 0 0}
@media all and (max-width:767px) {
.section_stats_result {margin:0px 0 0 0}
.section_stats_result .table_datail_AB.w_1 th {width:30%;}
.section_stats_result .table_datail_AB.w_1 td {width:20%;}
}
.stats.stats_sort {background:#3e3f54;}
.stats.stats_type {background:#ff6600;}
.stats div:after {display:block; content:''; clear:both;}
.stats a {float:left; height:43px; padding:37px 0 0 0; background-repeat:no-repeat; background-position:50% 0%; text-align:center; font-size:11px; color:#fff;}
.stats.stats_sort a{background-size:55%;}
.stats.stats_type a.type_1 {background-image:url('../../img/ggportal/desktop/intro/icon_type_1.png')}
.stats.stats_type a.type_2 {background-image:url('../../img/ggportal/desktop/intro/icon_type_2.png')}
.stats.stats_type a.type_3 {background-image:url('../../img/ggportal/desktop/intro/icon_type_3.png')}
.stats.stats_type a.type_4 {background-image:url('../../img/ggportal/desktop/intro/icon_type_4.png')}
.stats.stats_type a.type_5 {background-image:url('../../img/ggportal/desktop/intro/icon_type_5.png')}
.stats.stats_type a.type_6 {background-image:url('../../img/ggportal/desktop/intro/icon_type_6.png')}
.stats.stats_type a.type_7 {background-image:url('../../img/ggportal/desktop/intro/icon_type_7.png')}
.stats a strong {display:block; font-size:11px; color:#fff; line-height:17px;}
.stats.stats_sort a strong {color:#fe6601;}
@media all and (max-width:767px) {
.stats {padding:19px 0 6px 0px;}
.stats a {padding:34px 0 6px 0; font-size:12px;}
.stats.stats_sort a {background-size:39px 29px;}
.stats.stats_type a {background-size:29px 29px;}
.stats.stats_sort a,
.stats.stats_type a {width:33.33333%;}
.stats a strong {font-size:14px; line-height:16px;}
.graph_stats {display:none;}
}
@media all and (min-width:768px) {
.stats {height:98px; padding:29px 0 0 0px;}
.stats.stats_sort a {width:8.33%;}
.stats.stats_type a {width:14.2857142857%;}
}
.graph_stats {width:100%; margin:50px 0 0 0px;}
.graph_stats th {padding:6px 0 0 0; border-top:1px solid #dbdbdb; text-align:center; font-size:11px; color:#4b4a5c; font-weight:normal;}
.graph_stats.graph_stats_sort th {width:8.33%;}
.graph_stats.graph_stats_type th {width:14.2857142857%;}
.graph_stats td {height:100px; text-align:center; vertical-align:bottom;}
.graph_stats td div {position:relative; background:url('../../img/ggportal/desktop/communication/bar_graph_stats.png') repeat-y center 0px;}
.graph_stats td div strong {position:absolute; left:0px; top:-20px; width:100%; text-align:center; font-size:11px; color:#4b4a5c;}
/* 개방통계 E */