@charset "UTF-8";

/*****************************************************************/
/*민원과 참여 - Sub Content */
/*2022-09 */
/*****************************************************************/

b { font-weight: 600; }
a.epeople { color: transparent; width: 85px; height: 23px; display: inline-block; background-image: url("../img/img_sub/tel_icon.png"); background-repeat: no-repeat; }
a.thinking { color: transparent; width: 85px; height: 23px; display: inline-block; background-image: url("../img/img_sub/idea_tel_icon.png"); background-repeat: no-repeat; }

/* 민원안내 */
.gov24 { border: 1px solid #dddddd; font-size: 12px; padding: 7px 8px 7px 70px; border-radius: 5px; background: url(../img/img_sub/mw_img03.png) 8px 6px no-repeat; color: #444444; margin-left: 8px; white-space: nowrap; }

.minwonFlow { display: flex; justify-content: space-between; margin-top: 5px; }
.minwonFlow > p { width: 30%; border-radius: 5px; text-align: center; padding: 10px 0; position: relative; font-weight: 500; color: #ffffff; }
.minwonFlow > p i {font-size:0;}
.minwonFlow > p::after { content: ""; position: absolute; width: 20px; height: 20px; background-image: url("../img/img_sub/mw_arrow.gif"); background-repeat: no-repeat; background-position: center; right: -12%; }
.minwonFlow > p:nth-of-type(1) { background-color: #1e61a7; }
.minwonFlow > p:nth-of-type(2) { background-color: #1f5287; }
.minwonFlow > p:nth-of-type(3) { background-color: #203d6d; }
.minwonFlow > p:nth-of-type(4) { background-color: #1c3052; }
.minwonFlow > p:nth-of-type(5) { background-color: #191f3a; }
.minwonFlow > p:last-of-type::after { content: none; }

@media only screen and (max-width: 1640px) {
	.minwonFlow > p::after { right:-14%; }
}

@media only screen and (max-width: 960px) {
	.minwonFlow { align-items: center; }
	.minwonFlow > p { height: auto; padding: 8px 4px; border-radius: 3px; }
}
@media only screen and (max-width: 600px) {
	.minwonFlow { flex-wrap: wrap; }
	.minwonFlow > p { width: 100%; margin-bottom: 30px; }
	.minwonFlow > p::after { left: 50%; transform: translate(-50%, 0) rotate(90deg); right: 0; top: 47px; }
}

.bnr_list{ margin: 20px 0 0; overflow:hidden; display: flex; justify-content: center; }
.bnr_list li { background:none !important; margin:0 5px; padding:0 !important;}

@media only screen and (max-width: 600px) {
	.bnr_list { flex-direction: column; align-items: center; }
}

/* 행정서비스현장 */
.koList { }
.koList > li { line-height: 1.3; margin: 7px 0; display: flex; align-items: center; }
.koList > li > span { background-color: #2276cf; color: #ffffff; padding: 2px 15px; border-radius: 20px; font-size: 14px; font-weight: 500; margin-right: 7px; white-space: nowrap; }

/* 국민생각함 */
.pidea_wrap .clearfix {display: inline-block !important; height:auto !important; width:100%}
.pidea_wrap .section {}
.pidea_wrap div, .pidea_wrap li, .pidea_wrap a, .pidea_wrap label, .pidea_wrap input {box-sizing: border-box;}
.pidea_wrap img, .pidea_wrap fieldset, .pidea_wrap iframe {border:0 none;}
.pidea_wrap img, .pidea_wrap input, .pidea_wrap select, .pidea_wrap button, .pidea_wrap textarea {vertical-align:middle;}
/*.pidea_wrap ul li span {padding:0 !important;}*/
.all_think input[type="text"] {float:left;height:40px;border:1px solid #efebe9;border-right:none;padding-left:10px;width:300px;background:#fff;}

/* 2024.08.01 국민생각함 게시판 UI변경 */
.cate_think {overflow:hidden;padding:5px 0 0 0;}
.cate_think ul.category>li {transition:0.2s;box-sizing: border-box;float:left; width:32.4%;min-height:173px;margin-bottom:12px;margin-left:1.4%;
position:relative; overflow:hidden; padding:1px;background:#ddd}
.think-box {background:#fff;padding:20px;border:3px transparent solid;transition:0.2s;}
.cate_think ul.category>li .think-box:hover {border:3px #999 solid; cursor:pointer;}
.cate_think ul.category>li.cate-bg01 .think-box:hover {border:3px #29844b solid; cursor:pointer;}
.cate_think ul.category>li.cate-bg02 .think-box:hover {border:3px #0657a9 solid; cursor:pointer;}
.cate_think ul.category>li.cate-bg03 .think-box:hover {border:3px #043167 solid; cursor:pointer;}
.cate_think ul.category>li:hover {background-color:#fff;padding:1px; cursor:pointer;}
.cate_think ul.category>li:nth-child(1),.cate_think ul.category>li:nth-child(4){margin-left:0}
.think-state {padding-bottom:10px;margin-bottom:10px;border-bottom:1px #ddd dashed;}
.think-state span {display:inline-block;border:1px #ddd solid;border-radius:80px;padding:2px 8px;font-size:12px;text-align:center;margin-right:5px}
.think-state .stat-01 {background-color:#29844b;color:#fff;border:1px #29844b solid}/* 탄생 */
.think-state .stat-02 {background-color:#0657a9;color:#fff;border:1px #0657a9 solid}/* 발전 */
.think-state .stat-03 {background-color:#043167;color:#fff;border:1px #043167 solid}/* 완성 */
.think-title {height:47px;font-size:18px;font-weight:600;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;line-height:1.3}
.think-txt {font-size:14px;color:#666;padding-top:10px;line-height:1.3;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.3;}
.think-info {margin-top:20px;}
.text-b {display:inline-block;font-size:14px;font-weight:600;padding-right:12px;background:url(../img/img_sub/cate-bar.png) no-repeat 100% 50%;}
.think-date {display:inline-block;font-size:13px;color:#666;padding-left:10px;}


/* 국민생각함 자료로딩 */
.cate_think ul.category>li.loading-area {width:100%;border:0px;background:#fff;padding-top:60px;margin:0;}
.cate_think ul.category>li .data-loading {width:100%;border:0px;padding:80px;text-align:center;background:#fff url("../img/img_sub/loading-img.png") no-repeat 50% 30%;}
.cate_think ul.category>li .data-loading span {display:block;font-size:28px;color:#222;padding-top:100px}

/*.cate_think {overflow:hidden;padding:5px 0 0 0;}
.cate_think ul.category {margin-left:-1%;}
.cate_think ul.category>li {background:#fff;float:left; width:32%;min-height:200px;margin-bottom:12px;margin-left:1.3%;border:1px solid #dddddd;position:relative; overflow:hidden; padding:0 0 65px 0;}
.cate_think ul.category>li.ml0 {margin-left:0;}
.cate_think ul.category>li .thumb02 {width:100%;height:230px;overflow:hidden;position:relative;}
.cate_think ul.category>li .thumb02 span.pic img {width:100%;min-height:230px;}
.cate_think ul.category>li .thumb02 .thumb_grad02 {position:absolute;left:0;bottom:0;width:100%;height:192px;background:url(../img/img_sub/bg_grad02.png) repeat-x 0 0;}
.cate_think ul.category>li .thumb02 .thumb_grad02.behind {position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../img/img_sub/behind.png) no-repeat 100% 100%;}
.cate_think ul.category>li .thumb02 .thumb_grad02.advence {position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../img/img_sub/advence.png) no-repeat 100% 100%;}
.cate_think ul.category>li span.ico_step {position:absolute;top:0;z-index:1;left:0; font-size:13px; color:#ffffff; line-height:28px; padding:0 10px 0 28px !important;}
.cate_think ul.category>li span.ico_user {position:absolute;left:10px;bottom:10px;z-index:1;color:#fff;font-size:13px;height: 25px; line-height:25px; font-weight:normal;}
.cate_think ul.category>li span.ico_user img {vertical-align:-6px;width: 25px !important;height: 25px !important;border-radius: 50%;}
.cate_think ul.category>li h3 {padding:10px;text-align:left; position:absolute; top:230px; left:0;}
.cate_think ul.category>li h3 a.title {font-size:13px; line-height:1.3;height:55px;word-break: break-all;word-wrap: break-word;white-space:normal;overflow:hidden;display:inline-block;text-overflow: ellipsis;}
.cate_think ul.category>li h3 a.title span {color:#ff5f4d;}
.cate_think ul.category>li h3 a.title:hover {text-decoration:underline; font-weight:500;}
*/
.ico_step.step01 {height:30px;background: url(../img/img_sub/s1.png) no-repeat 0 50%;}
.ico_step.step02 {height:30px;background: url(../img/img_sub/s2.png) no-repeat 0 50%;}
.ico_step.step03 {height:30px;background: url(../img/img_sub/s3.png) no-repeat 0 50%;}
.ico_step span {font-size:12px;color:#fff;position: absolute;top: 8px;left: 30px;}

.tab_wrap {margin-bottom:15px;}
.tab_type04 {font-size:0;}
.tab_type04 li {display:inline-block; font-size:15px; width:25%;}
.tab_type04 li a {background:#f3f3f3; color:#444444; border:1px solid #dddddd; padding:14px 0; margin:0 2px 6px 2px; display:block; text-align:center; box-sizing: border-box;}
.tab_type04 li {}
.tab_type04 li a:hover {padding:12px 0; color:#0a408e;background-color:#ffffff; border:3px solid #1f56a6; box-sizing: border-box;}
.tab_type04 li.M_on {}
.tab_type04 li.M_on a {padding:12px 0; color:#0a408e; background-color:#ffffff;border:3px solid #1f56a6; box-sizing: border-box;}

@media only screen and (max-width: 800px) {
	.cate_think ul.category>li {width:48.7%;}
	.cate_think ul.category>li:nth-child(1), .cate_think ul.category>li:nth-child(3), .cate_think ul.category>li:nth-child(5){margin-left:0}
	.cate_think ul.category>li:nth-child(2), .cate_think ul.category>li:nth-child(4), .cate_think ul.category>li:nth-child(6){margin-left:1.4%;}
	.text-b {display:block;padding-right:0px;background:none;}
	.think-date {display:block;padding-left:0px;}
}
@media only screen and (max-width: 500px) {
	.cate_think ul.category {margin-left:0%;}
	.cate_think ul.category>li {width:100%;margin-left:0;}
	.cate_think ul.category>li:nth-child(2), .cate_think ul.category>li:nth-child(4), .cate_think ul.category>li:nth-child(6){margin-left:0%;}
}

/* 고객요청사항 221207 */
.underLine{text-decoration:underline;}
.manager_txt{display:block; margin-top:20px; color:#666; font-size:14px; font-weight:400; text-align:right;}
.contArea .downloadBox a.shortCut{padding-right:37px;}

.global_menu .gm_sub_list > ul > .sub02 .linkWindow:after,
.icnp .gnb_new .g_sub_list > ul > li .linkWindow:after{display:none;}
/* .lnb .l_b > ul > li .linkWindow{position:relative;}
.lnb .l_b > ul > li .linkWindow:after{content:'';position:absolute;top:50%;right:15px;width:18px;height:13px;background: url(/img/sub/images/t_blank_icon.png) no-repeat;transform:translateY(-50%);}

@media only screen and (max-width: 400px) {
	.linkWindow:after{right:10px;}
}
 */

/* 230221 반응형 추가 */
.icnp .makr_box {text-align:left;}

@media only screen and (max-width: 600px) {
	.flo_no .l_ib_t_t{width:auto;}
}
@media only screen and (max-width: 400px) {
	.flo_no .fl_l,.flo_no .fl_r{float:none;}
}