@charset "utf-8";

/*도정기본현황, 이웃사촌 시범마을*/
.structure {overflow:hidden; margin-bottom:50px;}
.structure > ul > li {float:left; width:19%; min-height:334px; margin:0 1.25% 10px 0; padding:30px; font-weight:600; text-align:center; border:1px solid #d7d7d7; box-sizing:border-box;}
.structure.num3 > ul > li {min-height:307px;}
.structure > ul > li:last-child {margin-right:0;}
.structure > ul > li > span {display:block; position:relative;  padding-bottom:130px; color:#004098; font-weight:600;}
.structure > ul > li > span:before {content:''; position:absolute; top:46px; left:50%; width:84px; height:86px; margin-left:-42px; background:url('/Main/Images/new/ko/sub03/structure01.png') no-repeat;}
.structure > ul > li > span.icon01:before {background-position:0 0;}
.structure > ul > li > span.icon02:before {background-position:-84px 0;}
.structure > ul > li > span.icon03:before {background-position:-168px 0;}
.structure > ul > li > span.icon04:before {background-position:-0px -86px;}
.structure > ul > li > span.icon05:before {background-position:-84px -86px;}
.structure > ul > li em {display:block; margin-top:5px;}
.structure .ul_dep02 {width:80%; margin:26px auto 0;}
.structure .ul_dep02 li {text-align:left; font-weight:normal;}
.structure.num3 > ul > li {width:32%; margin:0 2% 25px 0; min-height:315px;}
.structure.num3 > ul > li:nth-child(3n) {margin-right:0;}
.structure.num3 > ul > li > span {padding:153px 0 0 0;}
.structure.num3 > ul > li > span:before {display:none;}
.structure.num3 > ul > li > span.icon06 {background:url('/Main/Images/new/ko/sub03/zone01.png') no-repeat center top; background-size:150px;}
.structure.num3 > ul > li > span.icon07 {background:url('/Main/Images/new/ko/sub03/zone02.png') no-repeat center top; background-size:150px;}
.structure.num3 > ul > li > span.icon08 {background:url('/Main/Images/new/ko/sub03/zone03.png') no-repeat center top; background-size:150px;}
.structure.num3 > ul > li > span.icon09 {background:url('/Main/Images/new/ko/sub03/zone04.png') no-repeat center top; background-size:150px;}
.structure.num3 > ul > li > span.icon10 {background:url('/Main/Images/new/ko/sub03/zone05.png') no-repeat center top; background-size:150px;}
.structure.num3 > ul > li > span.icon11 {background:url('/Main/Images/new/ko/sub03/zone06.png') no-repeat center top; background-size:150px;}
.structure.num3 .ul_dep02 {margin-top:14px;}
@media all and (max-width:1720px){
  .structure > ul > li {width:32%; margin:0 2% 25px 0;}
  .structure > ul > li:nth-child(3n) {margin-right:0;}
}
@media all and (max-width:1023px){
  .structure > ul > li, .structure.num3 > ul > li {padding:20px;}
  .structure .ul_dep02 {width:90%;}
}
@media all and (max-width:768px){
  .structure > ul > li, .structure.num3 > ul > li {width:49%; min-height:328px; margin:0 2% 10px 0;}
  .structure > ul > li:nth-child(even) {margin-right:0;}
  .structure > ul > li:nth-child(2n+1) {margin-right:2%;}
  .structure.num3 > ul > li:nth-child(3) {margin-right:2%;}
}
@media all and (max-width:480px){
  .structure > ul > li, .structure.num3 > ul > li {float:none; width:100%; min-height:100%; margin:0 0 10px 0;}
  .structure > ul > li:nth-child(3n) {margin-right:0;}
}

/*이웃사촌 시범마을*/
.program ul {overflow:hidden;}
.program ul > li {position:relative; float:left; width:33.33%; text-align:center; font-size:16px;}
.program ul > li .ico {display:inline-block; position:relative; color:#004098; font-size:22px; font-weight:600; border-radius:40px;}
.program ul > li .ico:before {content:''; position:absolute; top:47px; left:50%; width:142px; height:142px; margin-left:-70px; background:#edf5ff url('/Main/Images/new/ko/sub03/program01.png');  border:1px solid #406bcc; border-radius:50%;}
.program ul > li .icon01:before {background-position:0 0;}
.program ul > li .icon02:before {background-position:-142px 0;}
.program ul > li .icon03:before {background-position:-284px 0;}
.program ul > li .txt {display:block; margin-top:176px;}
.program ul > li:first-child:before{display:none;}
.program ul > li:before{content:""; display:block; position:absolute; top:105px; left:-9%; width:44px; height:20px; background:url('/Main/Images/new/ko/contents/arrow.png') no-repeat;}
.programTxt {margin:100px 0; text-align:center;}
.programTxt p:first-of-type {display:inline-block; position:relative;}
.programTxt p:before {content:''; position:absolute; top:0; left:-80px; width:45px; height:37px; background:url('/Main/Images/new/ko/sub03/program02.png') no-repeat;}
.programTxt p:after {content:''; position:absolute; top:0; right:-80px; width:45px; height:37px; background:url('/Main/Images/new/ko/sub03/program02.png') no-repeat; background-position:-45px 0;}
.programTxt img {display:block; margin:20px auto;}
@media all and (max-width:1720px){
    .program ul > li .ico:before {width:84px; height:84px; margin-left:-42px; background-size:250px;}
    .program ul > li .icon01:before {background-position:0 0;}
    .program ul > li .icon02:before {background-position:-84px 0;}
    .program ul > li .icon03:before {background-position:-168px 0;}
    .program ul > li .txt {margin-top:120px;}
}
@media all and (max-width:1365px){
    .program_wrap .halfCont {float:none !important; width:100%;}
    .program_wrap .halfCont img {width:100%; margin-bottom:30px;}
    .program_wrap .halfCont:nth-of-type(2) {padding-left:0; margin-left:0;}
    .program_wrap .halfCont:nth-of-type(2) h4 {margin-top:40px;}
    .program ul {margin-top:40px;}
}
@media all and (max-width:900px){
    .programTxt {margin:40px 0;}
    .programTxt p:before {display:none;}
    .programTxt p:after {display:none;}
    .programTxt img {width:95%;}
}
@media all and (max-width:599px){
    .program ul {margin-top:0;}
    .program ul > li .ico {font-size:16px;}
    .program ul > li .ico:before {top:35px; width:60px; height:60px; margin-left:-30px; background-size:180px;}
    .program ul > li .icon01:before {background-position:0 0;}
    .program ul > li .icon02:before {background-position:-60px 0;}
    .program ul > li .icon03:before {background-position:-120px 0;}
    .program ul > li .txt {margin-top:86px; font-size:12px;}
    .program ul > li:before {display:none; background-size:20px; top:75px; left:-6%}
}


.airport_title {margin-bottom:50px; padding:35px 0 70px 0; background:url('/Main/Images/new/ko/sub03/airport_bg.gif') no-repeat left bottom; text-align:center; border-radius:20px;}
.airport_wrap {width:90%; margin:0 auto;}
.airport_wrap h4 {position:relative;}
.airport_wrap h4 span {position:absolute; right:0; bottom:3px; font-size:18px;}
.airport_wrap .t_wp100 {width:100px; margin-right:10px;}
.airport_wrap .btn_add {display:inline-block; height:30px; line-height:30px; border-radius:5px; padding:0 15px; color:#fff; background:#444; font-size:13px;}
.airport_wrap .btn_myself {border-radius:5px; padding:5px 15px; color:#fff; background:#005dab; font-size:14px;}
.airport_wrap .msg {background:none !important; margin-top:10px;}

.airport_guide {overflow:hidden; background:#f9f9fa; padding:20px 20px 20px 200px; border-radius:6px;}

.airport_message_write {margin-top:15px; border:2px solid #e6e6e6; border-radius:6px; box-sizing:border-box; padding:25px; background:#f9f9fa;}
.airport_message_write .button {margin-left:10px; height:30px; padding:0 8px; line-height:30px; border:1px solid #999; background:#f2f2f2; font-size:13px;}
.airport_message_write .name {color:#898989;}
.airport_message_write .name u {font-weight:600; color:#333;}
.airport_message_write strong {color:#005dab; margin-right:20px;}
.airport_message_write textarea, .airport_message_list textarea {padding:15px; margin-top:10px;}
.airport_message_write .text_count, .airport_message_list .text_count {text-align:right; margin-top:10px;}
.airport_message_write .text_count input, .airport_message_list .text_count  input {width:50px; font-size:15px;}
@media all and (max-width:480px){
	.airport_message_write {padding:15px;}
}

.airport_message_list {overflow:hidden; margin-top:10px; padding-top:10px;}
.airport_message_list li {position:relative; padding-left:7px;}
.airport_message_list li::before {content:""; display:block; position:absolute; left:0; top:22px; width:8px; height:16px; background:url('/Main/Images/new/ko/sub03/airport_arrow.png') no-repeat;}
.airport_message_list dl {padding:15px 20px 15px 110px; border:1px solid #E2E2E2;  box-shadow:1px 1px 10px rgba(0,0,0,0.12); border-radius:10px; margin-bottom:15px; box-sizing:border-box; width:99.8%; background:url('/Main/Images/new/ko/sub03/airport_person.gif') no-repeat 15px 15px;}
.airport_message_list dt {border-bottom:1px solid #E2E2E2; padding-bottom:10px; margin-bottom:10px;}
.airport_message_list .name {font-weight:600; color:#005dab; width:100px; display:inline-block;}
.airport_message_list .add {color:#898989; font-size:15px;}
.airport_message_list .btn_modify {position:absolute; right:30px; top:17px; border-radius:5px; padding:2px 15px; color:#fff; background:#005dab; font-size:13px;}
.airport_message_list .btn_modify a {color:#fff;}
.airport_message_list dd {word-break:break-all;}
@media all and (max-width:768px){
	.airport_wrap {width:98%;}
	.airport_message_list dl {padding:15px; background:none;}
}
@media all and (max-width:480px){
	.airport_message_list .name,  .airport_message_list .add {display:block;}
	.airport_message_list .btn_modify {top:25px;}
}

.no_message {text-align:center; font-weight:600; font-size:18px; margin-top:20px;}

.department {border:1px solid #ddd; border-bottom:none; font-size:17px; font-family:"NanumGothic";}
.department li {border-bottom:1px solid #ddd; display:table; width:100%; table-layout:fixed;}
.department li .tit {display:table-cell; width:200px; padding:15px 0; text-align:center; color:#333; font-weight:600; vertical-align:middle; background:#f4f6f7; border-right:1px solid #ddd; font-size:18px;}
.department li .con {display:table-cell; padding:15px 20px; }
.department .a_cate {display:inline-block; margin:0 0 0 -15px;}
.department .a_cate a {position:relative; display:inline-block; padding:0 15px; line-height:30px; }
.department .a_cate a:before {content:""; position:absolute; top:50%; right:-2px; margin-top:-6px; width:1px; height:12px; background:#ddd; display:block;}
.department .a_cate a:last-child:before {display:none;}
.department .a_cate a.active, .department .a_cate a:hover {color:#004098;}
.department .c_cate {line-height:30px;}
.department .c_cate input[type=checkbox] {vertical-align:middle; margin-left:30px;}
.department .c_cate input:first-child {margin-left:0;}
.department .c_cate em {margin-left:20px;}
.department .c_cate a {display:inline-block; padding-right:25px; line-height:30px; vertical-align:middle;}
.department .c_cate a.icon01 {background:url('/Main/Images/new/ko/contents/') no-repeat;}
.department .c_cate a.icon02 {background:url('/Main/Images/new/ko/contents/') no-repeat;}
.department .c_cate a.icon03 {background:url('/Main/Images/new/ko/contents/') no-repeat;}
.department .c_cate .blank span {background:url('/Main/Images/new/ko/contents/blank_btn_b.png') no-repeat right center; padding-right:20px;}

.department input[type="text"] {border-radius:3px; height:35px; line-height:35px; border:#ddd 1px solid; font-size:16px;}
.department .date_time {display:inline-block; margin-left:50px;}
.department .date_time .picker {display:inline-block; margin-left:10px;}
.department .date_time .datetimepicker {width:115px;}
.department .date_time .calendar_btn {margin:0 5px; width:20px; background:url('/Main/Images/new/ko/board/ico_bbs_date.png') no-repeat left center; text-indent:-9999px;}
.department .input {width:70%; margin-right:10px;}

.department_list {margin-top:50px; border-top:2px solid #333; font-family:"NanumGothic";}
.department_list li a {display:table; width:100%; table-layout:fixed; padding:25px; border-bottom:1px solid #ddd;}
.department_list .thum {display:table-cell; width:300px; padding-right:30px; vertical-align:top; overflow:hidden;}
.department_list .thum img {width:260px; height:160px;}
.department_list .con_txt {display:table-cell; vertical-align:top;}
.department_list li span {display:block;}
.department_list li .subject {margin-bottom:20px; font-size:20px;}
.department_list li .subject strong {padding:0 10px; font-weight:600; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.department_list li .subject em {color:#004098;}
.department_list li .subject i {font-style:normal; font-size:17px; color:#767676;}
/*.department_list li .subject {font-weight:600; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.department_list li .date {margin:5px 0 20px 0; color:#767676;}
.department_list li .date em {margin-left:20px; color:#004098;}*/
.department_list li .txt {color:#555; word-break:break-all; line-height:1.5; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:80px;}
@media all and (max-width:950px){
	.department .c_cate em {display:block; margin-left:0;}
	.department .date_time {display:block; margin:5px 0 0 0;}
	.department .input {width:100%; margin:0 0 8px 0;}
	.department_list .thum {width:280px; padding-right:15px;}
}
@media all and (max-width:650px){
	.department {font-size:15px;}
	.department li .tit {width:150px; font-size:16px;}
	.department .date_time .picker {display:block; margin:0;}
	.department .date_time .picker span {display:block; margin-top:8px;}
	.department .date_time .picker .dash {display:none;}
	.department .date_time .datetimepicker {width:85%;}
	.department_list .thum {display:block; width:100%; padding:0; text-align:center; margin-bottom:15px;}
	.department_list li a {padding:15px;}
	.department_list .con_txt {display:block;}
	.department_list li .subject {font-size:18px;}
	.department_list li .date, .department_list li .txt {font-size:15px;}
}


/*고향사랑기부제*/
.honors_title {margin-bottom:20px; padding:20px 10px; text-align:center; background:#130608 url('/Main/Images/new/ko/sub03/honors_bg.jpg') no-repeat center bottom / 100%; border-radius:15px;}
.honors_tab {width:100%; margin:30px 0;}
.honors_tab a {display:block; float:left; width:23.5%; margin-left:2%; padding:12px 10px; text-align:center; background:#fcfcfc; border:1px solid #e1e1e1; border-radius:7px;}
.honors_tab a:first-child {margin-left:0;}
.honors_tab a.on {background:#142543; color:#fff; text-decoration:underline;}
.honors_list2024 {clear:both; text-align:center;}
.honors_list2024 ul {display:flex; flex-wrap:wrap;}
.honors_list2024 li {position:relative; width:calc((100% - 90px) / 4); margin:30px 0 0 30px; padding:5px; transition:0.2s; background:linear-gradient(0deg, rgba(0,7,21,1) 0%, rgba(16,47,23,1) 30%, rgba(253,230,180,1) 50%, rgba(253,206,127,1) 70%, rgba(16,47,73,1) 100%);}
.honors_list2024 li:nth-child(4n+1) {margin-left:0;}
.honors_list2024 li > div {padding:60px 30px 30px 30px; background:#fff url('/Main/Images/new/ko/sub03/crown.png') no-repeat center 30px;}
.honors_list2024 li .img {position:relative; margin-bottom:20px;}
.honors_list2024 li .img img {border-radius:10px; width:130px; height:98px;}
.honors_list2024 li .img::before,
.honors_list2024 li .img::after {content:''; position:absolute; top:-5px; width:70px; height:92px;}
.honors_list2024 li .img::before {left:0; background:url('/Main/Images/new/ko/sub03/honors_left.png') no-repeat center / 100%;}
.honors_list2024 li .img::after {right:0; background:url('/Main/Images/new/ko/sub03/honors_right.png') no-repeat center / 100%;}
.honors_list2024 li .name {margin-bottom:25px;}
.honors_list2024 li .name span {display:block; font-size:19px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.honors_list2024 li .name strong {display:block; font-size:30px; font-family:'GmarketSans'; transform:rotate(-0.03deg); font-weight:600;}
.honors_list2024 li p {position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; margin:0; padding:0 10px; color:#fbf182; background:#00395e; font-weight:600;}
.honors_list2024 li p em {position:relative; margin-right:10px; padding-right:15px; color:#fff; font-weight:normal;}
.honors_list2024 li p em::before {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:14px; background:rgba(255,255,255,0.5);}
.honors_list {clear:both; text-align:center;}
.honors_list ul {display:flex; flex-wrap:wrap;}
.honors_list li {position:relative; width:calc((100% - 90px) / 4); margin:30px 0 0 30px; padding:5px; transition:0.2s; background:linear-gradient(0deg, rgba(0,7,21,1) 0%, rgba(16,47,23,1) 30%, rgba(253,230,180,1) 50%, rgba(253,206,127,1) 70%, rgba(16,47,73,1) 100%);}
.honors_list li:nth-child(4n+1) {margin-left:0;}
.honors_list li > div {padding:60px 30px 30px 30px; background:#fff url('/Main/Images/new/ko/sub03/crown.png') no-repeat center 30px;}
.honors_list li .img {margin-bottom:25px;}
.honors_list li .img img {border-radius:10px;}
.honors_list li dl {position:relative; overflow:hidden; margin-bottom:40px;}
.honors_list li dl::before,
.honors_list li dl::after {content:''; position:absolute; top:-5px; width:70px; height:92px;}
.honors_list li dl::before {left:0; background:url('/Main/Images/new/ko/sub03/honors_left.png') no-repeat center / 100%;}
.honors_list li dl::after {right:0; background:url('/Main/Images/new/ko/sub03/honors_right.png') no-repeat center / 100%;}
.honors_list li dl dt {margin-bottom:30px; line-height:1.5;}
.honors_list li dl dt span {display:block; padding:0 35px; font-size:19px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.honors_list li dl dt strong {display:block; font-size:35px; font-family:'GmarketSans'; transform:rotate(-0.03deg); font-weight:600;}
.honors_list li dl dd {display:block; margin-top:20px; padding:10px; font-size:16px; border-radius:10px; background:#eff6fc; font-weight:600;}
.honors_list li p {position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; margin:0; padding:0 10px; color:#fbf182; background:#00395e; font-weight:600;}
.honors_list li p em {position:relative; margin-right:10px; padding-right:15px; color:#fff; font-weight:normal;}
.honors_list li p em::before {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:14px; background:rgba(255,255,255,0.5);}
@media all and (max-width:1400px){
	.honors_list2024 li {width:calc((100% - 40px) / 3); margin:20px 0 0 20px;}
	.honors_list2024 li:nth-child(4n+1) {margin-left:20px;}
	.honors_list2024 li:nth-child(3n+1) {margin-left:0;}
	.honors_list li {width:calc((100% - 40px) / 3); margin:20px 0 0 20px;}
	.honors_list li:nth-child(4n+1) {margin-left:20px;}
	.honors_list li:nth-child(3n+1) {margin-left:0;}
}
@media all and (max-width:1023px){
	.honors_list2024 li {width:calc((100% - 20px) / 2);}
	.honors_list2024 li:nth-child(3n+1) {margin-left:20px;}
	.honors_list2024 li:nth-child(2n+1) {margin-left:0;}
	.honors_list204 li > div {padding:60px 20px 30px 20px;}
	.honors_list2024 li .name span {font-size:16px;}
	.honors_list2024 li .name strong {font-size:25px;}
	.honors_list li {width:calc((100% - 20px) / 2);}
	.honors_list li:nth-child(3n+1) {margin-left:20px;}
	.honors_list li:nth-child(2n+1) {margin-left:0;}
	.honors_list li > div {padding:60px 20px 30px 20px;}
	.honors_list li dl dt span {font-size:17px;}
	.honors_list li dl dt strong {font-size:35px;}
}
@media all and (max-width:768px){
	.honors_title {margin:0 15px 10px 15px;}
	.honors_list2024 {padding:0 15px;}
	.honors_list2024 li > div {padding:60px 10px 30px 10px;}
	.honors_list {padding:0 15px;}
	.honors_list li > div {padding:60px 10px 30px 10px;}
	.honors_list li dl::before,
	.honors_list li dl::after {width:50px; height:66px;}
	.honors_list li dl dt span {font-size:16px;}
	.honors_list li dl dt strong {font-size:25px;}
	.honors_list li dl dd {margin-top:10px;}
}
@media all and (max-width:520px){
	.honors_list2024 ul {display:block;}
	.honors_list2024 li {width:100%; margin-left:0;}
	.honors_list2024 li:nth-child(3n+1) {margin-left:0;}
	.honors_list2024 li > div {padding:60px 25px 30px 25px;}
	.honors_list ul {display:block;}
	.honors_list li {width:100%; margin-left:0;}
	.honors_list li:nth-child(3n+1) {margin-left:0;}
	.honors_list li > div {padding:60px 25px 30px 25px;}
	.honors_list li dl dt strong {font-size:23px;}
}