@charset "UTF-8";

/*  */
.cts2871 .p-table .custom{width:250px;}
/* 대학생 아르바이트 */
/* 신청화면 */
.epform .row h3{margin-top:0; margin-bottom:0}
.epform .table.type2 tbody td{padding:10px 20px; text-align:left;}
.epform .table .checked__box{margin-top:15px; padding:7px 15px 15px; border-radius:10px; background-color:#f2f4f8;}
.epform .table .checked__box .title{font-weight:500; font-size:17px; line-height:20px; color:#ba3c8d;}

/* 신청 수정화면 */
.alba_adjust .table .btn.small{min-width:57px; border-color:#7f95b6; color:#2f6dc0; font-size:13px;}
.alba_adjust .table .btn.small[href="javascript:void(0)"]{opacity:0.5;}

/* 신청 취소화면 */
.alba_cancel textarea{min-height:160px;}

/* 미니텃밭 */
/* 신청화면 */
.smallfield .choiceitem{margin:10px 0;min-width:215px; min-height:146px;}
@media all and (max-width:1300px) {
    .smallfield .row .btn.large{min-width:150px;}
}
@media all and (max-width:800px) {
    .smallfield .row .btn.large{min-width:120px;}
}
@media all and (max-width:640px) {
    .smallfield .row .btn.large{min-width:75px;}
}

/* 신청 수정화면 */
.smallfield_adjust .table .btn.small{min-width:57px; border-color:#7f95b6; color:#2f6dc0; font-size:13px;}
.smallfield_adjust .table .btn.small[href="javascript:void(0)"]{opacity:0.5;}
.smallfield_adjust .table span.state_type1{color:#1d98dd;}
.smallfield_adjust .table span.state_type2{color:#04a299;}
.smallfield_adjust .table span.state_type3{color:#2f6dc0;}
.smallfield_adjust .table span.state_type4{color:#f13f3f;}
.smallfield_adjust .table .cancel_btn{display:inline-block; width:25px; height:25px; margin:4px; border-radius:3px; border:1px solid #7f95b6; background-color:#f9f9f9; background-image:url('/site/www/images/program/search_icon.png'); background-repeat:no-repeat; background-position:center; font-size:0; vertical-align:middle;}

/* 신청 취소화면 */
.smallfield_cancel textarea{min-height:160px;}
@media all and (max-width:1300px) {
    .smallfield_cancel .row .btn.large{min-width:150px;}
}
@media all and (max-width:800px) {
    .smallfield_cancel .row .btn.large{min-width:120px;}
}
@media all and (max-width:640px) {
    .smallfield_cancel .row .btn.large{min-width:75px;}
}

/*온라인 신청*/
/*온라인 신청 목록*/

/*온라인 신청 상세*/
.epform .viewpage{margin-bottom: 37px; border-radius:10px; border:1px solid #d5d5d5;}
.epform .viewpage .viewpage_head{ border-bottom:1px solid #d5d5d5; padding:26px 180px 26px 26px;}
.epform .viewpage .viewpage_head .title_text{position:relative; padding-left:32px; padding-right:10px; font-weight:500; font-size:24px; line-height:30px; letter-spacing:-0.025em; color:#1d98dd;}
.epform .viewpage .viewpage_head .title_text:before{display:inline-block; position:absolute; left:0; top:5px; width:22px; height:22px; border-radius:7px; background-color:#1d98dd;}
.epform .viewpage .viewpage_head .title_text:after{display:inline-block; position:absolute; left:9px; top:11px; width:5px; height:10px; background-image:url(../images/sprite/template_sprite.png); background-size:2260% 12640%; background-position:left 39.1547%}
.epform .viewpage a.btn.apply{position:absolute; right:26px; top:26px;}
.epform .viewpage .viewpage_inner{padding:30px 26px;}
.epform .viewpage .table_list li{padding:3px 0;}

@media all and (max-width:800px) {
    .epform .viewpage{text-align:center;}
    .epform .viewpage .viewpage_head{padding-right:26px;text-align:center;}
    .epform .viewpage a.btn.apply{position:relative; right:auto; top:auto; margin-top:10px; margin-bottom:30px;}
}

@media all and (max-width:640px) {
    .epform .viewpage .viewpage_head .title_text{font-size:20px;}
}

/*온라인신청 완료안내*/
.online.complate .online_inner{margin-top:30px; padding:60px 190px; border-radius: 10px; background-color:#f2f4f8; text-align:center;}
.online.complate .online_title{margin-bottom:13px;}
.online.complate .online_title .title_text{font-weight:500; font-size:29px; line-height:35px; letter-spacing:-0.025em; color:#000;}
.online.complate .online_subjectbox{margin-top:30px; margin-bottom:40px;}
.online.complate .online_subjectbox table{}
.online.complate .online_subjectbox table th{padding:30px 10px; border-radius:10px 0 0 10px; background-color:#fff; font-weight:500; font-size:18px; line-height:20px; color:#0f3977;}
.online.complate .online_subjectbox table td{border-radius:0 10px 10px 0; border-left:1px solid #d8dde6; background-color:#fff; font-weight:500; font-size:18px; line-height:20px; color:#0f3977;}
.online.complate .online_footer {padding-top:10px;border-top:1px solid #000;}

@media all and (max-width:1300px) {
    .online.complate .online_inner{padding:60px 90px;}
}
@media all and (max-width:640px) {
    .online.complate .online_title .title_text{font-size:20px; line-height:25px;}
    .online.complate .online_inner{padding:40px 50px;}
    .online.complate .online_subjectbox table th{width:80px;}
    .online.complate .online_subjectbox table th,
    .online.complate .online_subjectbox table td{padding:20px 10px;}
}

/*온라인신청 나의 내역*/
.epform.online.mypage .row select.p-input{padding-top:3px; padding-bottom:4px;}
.epform.online.mypage .row .btn.view{min-width:auto; width:75px;}
.epform.online.mypage .table .btn.small{min-width:auto;}

/* 체육시설 이용신청 */
/* 신청리스트 */
.epform.gym.list{overflow:hidden;}
.epform.gym.list .gym_list{font-size:0; line-height:0; margin-left:-50px; margin-top:-80px; padding-bottom:80px;}
.epform.gym.list .gym_item{display:inline-block; width:50%; padding-top:80px; padding-left:50px; vertical-align:top;}
.epform.gym.list .gym_inner{position:relative; min-height:270px; padding:40px 20px 20px 280px; background-color:#f2f4f8;}
.epform.gym.list .gym_imgbox{display:inline-block; position:absolute; left:0; top:40px; width:280px; height:270px; border-bottom-right-radius:55px; overflow:hidden;}
.epform.gym.list .gym_imgbox img{height: 100%;}
.epform.gym.list .gym_contents{padding-left:40px;}
.epform.gym.list .gym_contents h3{margin-top:20px;}
.epform.gym.list .gym_btnbox .btn{display:block; max-width:135px; margin:6px 0;}

@media all and (max-width:1450px) {
    .epform.gym.list .gym_item{width:100%;}
}
@media all and (max-width:640px) {
    .epform.gym.list .gym_inner{min-height:auto;padding-top:20px; padding-left:20px; padding-right:20px; text-align:center;}
    .epform.gym.list .gym_imgbox{position:relative; right:0; top:auto; margin:auto; width:200px; height:190px;}
    .epform.gym.list .gym_contents{padding-left:0;}
    .epform.gym.list .gym_contents h3{margin-top:20px;}
    .epform.gym.list .gym_btnbox{text-align:center;}
    .epform.gym.list .gym_btnbox .btn{display:inline-block; margin:6px;}
}
/* 이용시설 상세페이지 */
.epform.gym.view .gym_head{position: relative;}
.epform.gym.view .gym_imgbox{position:absolute; left:0; top:0; width:560px; height:380px; background-color:#f2f4f8; text-align:center;}
.epform.gym.view .gym_imgbox .gym_imglist{overflow:hidden; position:absolute; left:0; top:0; right:0; bottom:0; width:410px; height:270px; margin:auto;}
.epform.gym.view .gym_control{position:absolute; right: 55px; bottom:75px; width:120px; height:50px; background-color:#1054dd; text-align:center;}
.epform.gym.view .gym_control span{margin-top:17px; font-family: 'Montserrat'; font-size:16px; line-height: 18px; color:#fff;}
.epform.gym.view .gym_control .gym_btn{position:absolute; top:0; bottom:0; width:27px; height:27px; margin:auto; background-position:center; background-repeat:no-repeat; background-image:url('/site/www/images/program/slide_arrow.png'); font-size:0;}
.epform.gym.view .gym_control .gym_btn.prev{left: 5px;}
.epform.gym.view .gym_control .gym_btn.next{right: 5px; transform:rotate(180deg)}
.epform.gym.view .gym_contents{min-height:380px; padding-top:60px; padding-left:617px; text-align:left;}
.epform.gym.view .gym_contents h3{margin-top:0;}
.epform.gym.view .gym_contents .bu{padding-top:25px; border-top:1px solid #e5e5e5;}
.epform.gym.view #gym_map{width:100%; height:260px;}

@media all and (max-width:1300px) {
    .epform.gym.view .gym_head{text-align:center;}
    .epform.gym.view .gym_imgbox{position:relative; left:0; right:0; margin:auto;}
    .epform.gym.view .gym_contents{min-height:auto; margin-bottom:30px; padding-left:0;}
}
@media all and (max-width:640px) {
    .epform.gym.view .gym_imgbox{width:100%; padding:55px 5%;}
    .epform.gym.view .gym_imgbox .gym_imglist{position:relative; width:100%; height:auto;}
    .epform.gym.view .gym_control{left:0; right:0; bottom:35px;  margin:auto;}
}

/* 예약조회 */
.epform.gym.inquiry .gym_calendar{padding:0 40px 37px; border-radius:10px; border:1px solid #d5d5d5; background-color:#0f2145; text-align:center;}
.epform.gym.inquiry .gym_calendar .gym_title{position:relative; display:inline-block; padding:40px 0 50px; text-align:center;}
.epform.gym.inquiry .gym_calendar .gym_title .text{font-family: 'Montserrat'; font-size:30px; line-height:32px; letter-spacing:-0.025em; color:#fff;}
.epform.gym.inquiry .gym_calendar .gym_btn{display:inline-block; position:absolute; width:36px; height:36px; border-radius:5px; border:1px solid rgba(255,255,255,0.3); background-repeat:no-repeat; background-position:center; background-image:url('/site/www/images/program/slide_arrow.png'); font-size:0; line-height:0; }
.epform.gym.inquiry .gym_calendar .gym_btn.prev{right:100%; margin-right:30px;}
.epform.gym.inquiry .gym_calendar .gym_btn.next{margin-left:30px; transform:rotate(180deg);}
.epform.gym.inquiry .gym_calendar .gym_table{border-top:2px solid #fff;}
.epform.gym.inquiry .gym_calendar .gym_table thead{border-bottom:1px solid #fff;}
.epform.gym.inquiry .gym_calendar .gym_table thead th{padding:16px; font-weight:500; font-size:16px; line-height:24px; color:#fff;}
.epform.gym.inquiry .gym_calendar .gym_table tbody tr:first-child td{padding-top:20px;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td{padding:5px 5px 6px;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td:first-child{padding-left:0;padding-right:9px;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td:last-child{padding-right:0;padding-left:9px;}

.epform.gym.inquiry .gym_calendar .gym_table tbody td button{position:relative; width:100%; height:62px; border-radius:5px; border:1px solid rgba(255,255,255,0.3); background-color:#fff; color:#0f2145;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td button .date{position:absolute; left:7px; top:3px; font-family:'Montserrat'; font-size:16px; color:#0f2145;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td button:hover{border:1px solid #0ed99c; box-shadow: inset 0 0 4px #0ed99c;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td button:disabled{background-color:transparent; color:#fff;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td button:disabled .date{color:#fff;}
.epform.gym.inquiry .gym_calendar .gym_table tbody td button:disabled:hover{border:1px solid rgba(255,255,255,0.3); box-shadow:none;}

.epform.gym.inquiry .gym_calendar .gym_table tbody td button.check{background-color:#0ed99c;}

.epform.gym.inquiry .gym_statebox{margin-top:50px; border-radius:10px; border:1px solid #d5d5d5;}
.epform.gym.inquiry .gym_statebox .gym_title{padding:24px 30px; border-bottom:1px solid #d5d5d5;}
.epform.gym.inquiry .gym_statebox .gym_title .caution{margin-top:0; margin-right: 25px;  font-size:24px; color:#1d98dd;}
.epform.gym.inquiry .gym_statebox .gym_title .caution_icon{width:22px; height:22px; border-radius:7px; background-color:#1d98dd;}
.epform.gym.inquiry .gym_statebox .gym_title .gym_state{padding:0 12px; border-radius:5px; background-color:#1d98dd; font-size:16px; line-height:37px; color:#fff;}
.epform.gym.inquiry .gym_statebox .gym_contents{padding:33px;}
.epform.gym.inquiry .gym_statebox .gym_contents .gym_list{font-size:0; line-height:0; margin-left:-20px; margin-top:-20px;}
.epform.gym.inquiry .gym_statebox .gym_contents .gym_item{display:inline-block; width:25%; padding-left:20px; padding-top:20px;}
.epform.gym.inquiry .gym_statebox .gym_contents .gym_item button{width:100%; padding:9px; border-radius:5px; border:1px solid #c6cacd; font-size:16px; line-height:20px; letter-spacing:-0.025em; color:#72889a;}
.epform.gym.inquiry .gym_statebox .gym_contents .gym_item button:hover{border-color:#0f2145; color:#0f2145;}
.epform.gym.inquiry .gym_statebox .gym_contents .gym_item button:disabled{background-color:#eff1f4; border-color:#eff1f4; color:#72889a;}
.epform.gym.inquiry .gym_statebox .gym_contents .gym_item button:disabled:hover{background-color:#eff1f4; border-color:#eff1f4; color:#72889a;}
.epform.gym.inquiry .gym_statebox .gym_contents .gym_item button.check{background-color:#0f2145; color:#fff;}

@media all and (max-width:800px) {
    .epform.gym.inquiry .gym_calendar{padding:0 15px 20px;}
    .epform.gym.inquiry .gym_calendar .gym_title{padding:20px 0;}
    .epform.gym.inquiry .gym_calendar .gym_table thead th{padding:16px 5px;}
}
@media all and (min-width:641px){
    .epform.gym.inquiry .gym_calendar .gym_table thead th br{display:none;}
}
@media all and (max-width:640px){
    .epform.gym.inquiry .gym_calendar .gym_table thead th{padding:5px; font-size:14px; line-height:20px;}
    .epform.gym.inquiry .gym_calendar .gym_table thead th br{display:inline-block;}
    .epform.gym.inquiry .gym_calendar .gym_table tbody td button{height:auto; padding:20px 0 10px; font-size:14px;}
    .epform.gym.inquiry .gym_statebox .gym_contents .gym_item{width:50%;}
}
@media all and (max-width:500px){
    .epform.gym.inquiry .gym_statebox .gym_title .gym_state{display:block; margin-top:15px;}
    .epform.gym.inquiry .gym_statebox .gym_contents .gym_item{width:100%;}
}

/* 내역확인 */
.epform.gym.review .table .btn.small{min-width:auto;}

/* 211_민원편람 및 서식 */
/* 목록 */
.epform.minwon{font-size:0; line-height:0;}
.epform.minwon .searchbox .search_band.n03 select{width:90px;}
.epform.minwon .searchbox .search_band.n04 .search_input{min-width:180px; height:40px; color:#303030; font-size:16px; line-height:20px;}

@media all and (min-width:1451px) {
    .epform.minwon .searchbox .search_band.n04 .search_input{width:180px;}
}
@media all and (max-width:1450px) {
    .epform.minwon .searchbox .search_band.n04{width:509px;}
}
@media all and (max-width:800px) {
    .epform.minwon .searchbox{text-align:left; padding:20px;}
    .epform.minwon .searchbox .search_band.name{width:100px;}
    .epform.minwon .searchbox .search_band.n01,
    .epform.minwon .searchbox .search_band.n02{width:calc(100% - 104px)}
    .epform.minwon .searchbox .search_band.n03 select{width:84px;}
    .epform.minwon .searchbox .search_band.n04{width:calc(100% - 250px)}
}
@media all and (max-width:640px) {
    .epform.minwon .searchbox{text-align:right;}
    .epform.minwon .searchbox .search_band.name{width:70px;}
    .epform.minwon .searchbox .search_band.name .search_text{font-size:14px;}
    .epform.minwon .searchbox .search_band.n01,
    .epform.minwon .searchbox .search_band.n02{width:calc(100% - 74px)}
    .epform.minwon .searchbox .btn.reset{margin-right:8px;}
    .epform.minwon .searchbox .search_band.n03{width:100%;}
    .epform.minwon .searchbox .search_band.n03 select{width:100%;}
    .epform.minwon .searchbox .search_band.n04{width:100%}
    .epform.minwon .table br{display:contents; padding-left:3px; }
}


/* 280_바뀐지번 찾기 */
.epform.landnum .searchbox .search_row{padding:0 20px 20px; margin-bottom: 20px; border-bottom:1px solid #d5d5d5;}
.epform.landnum .searchbox .landnum_row{float: left; width:50%;}
.epform.landnum .searchbox .search_band.n01,
.epform.landnum .searchbox .search_band.n02{width:30%}
.epform.landnum .searchbox .search_band.n03{width:25%}
.epform.landnum .searchbox .search_band.n04{width:40%}
.epform.landnum .searchbox .search_input{width:calc(100% - 109px);}
.epform.landnum .searchbox .btn.view {margin-left:10px;}

@media all and (max-width:1300px) {
    .epform.landnum .searchbox .landnum_row{width:100%;}
    .epform.landnum .searchbox .search_band.n01,
    .epform.landnum .searchbox .search_band.n02{width:32.5%}
}
@media all and (max-width:640px) {
    .epform.landnum .searchbox .search_band.name{width:65px;}
}
@media all and (max-width:500px) {
    .epform.landnum .searchbox .row{padding:0 20px;}
    .epform.landnum .searchbox .search_band.n01,
    .epform.landnum .searchbox .search_band.n02,
    .epform.landnum .searchbox .search_band.n03,
    .epform.landnum .searchbox .search_band.n04{width:calc(100% - 70px);}

}

/* 294_개별공시지가 문자알림 서비스 */
.epform.landtext .box.icon:before{background-image:url('/site/www/images/contents/cts294_icon.png');}
.epform.landtext .table .table_list select.p-input{min-width:160px; width:auto; padding-top:3px; padding-bottom:5px; margin-right:20px;}
.epform.landtext .table .table_list input.p-input{width:120px;}
.epform.landtext .table .table_list .btn{min-width:auto; vertical-align: middle;}

@media all and (max-width:1000px){
    .epform.landtext .table .table_list input.p-input{width:100px;}
}
@media all and (max-width:640px){
    .epform.landtext .table .table_list select.p-input{width:100%;}
    .epform.landtext .table .table_list select.p-input+span{width:calc(100% - 55px)}
    .epform.landtext .table .table_list input.p-input{width:38%;}
}

/* 353_정화조청소 안내 */
.epform.toilet .toiletbox{position:relative; padding:20px; border:1px solid #1d98dd; border-radius:10px; box-shadow:0 11px 15px 0 rgba(20, 152, 221, 0.15)}
.epform.toilet .toiletbox .toilet_list{text-align:center;}
.epform.toilet .toiletbox .toilet_row{position:relative; text-align:center;padding:2px 0;}
.epform.toilet .toiletbox .toilet_title{margin-right:41px; padding:3px; border-top:1px solid #969696; border-bottom:1px solid #969696; vertical-align:middle; text-align:left; font-size:16px; line-height:24px;}
.epform.toilet .toiletbox .toilet_band{display:inline-block; padding:0 11px;vertical-align:middle;}
.epform.toilet .toiletbox .p-input{border-radius:5px; border-color:#f2f4f8; background-color:#f2f4f8;}
.epform.toilet .toiletbox select.p-input{padding-top:3px; padding-bottom:5px;}
.epform.toilet .toiletbox .btn{width:95px; min-width:auto;}
.epform.toilet .toiletbox .btn.view{margin-left:15px;}
.epform.toilet .toiletbox .toilet_band.n01{width:188px;}
.epform.toilet .toiletbox .toilet_band.n02{width:290px;}
.epform.toilet .toiletbox .toilet_band.n03{width:236px;}
.epform.toilet .toiletbox .toilet_band.n01 .p-input{width:calc(100% - 54px);}
.epform.toilet .toiletbox .toilet_band.n02 .p-input{width:85px; margin:0 3px;}
.epform.toilet .toiletbox .toilet_band.n03 .p-input{width:calc(100% - 136px)}
.epform.toilet .toiletbox .toilet_row.n01 .toilet_band.n01 .p-input{margin-left:14px;}
.epform.toilet .toiletbox .toilet_row.n02 .toilet_band.n02 .p-input:first-child{width:99px}

@media all and (max-width:1300px){
    .epform.toilet .toiletbox{font-size:0; line-height: 0;}
    .epform.toilet .toiletbox .toilet_row{position:relative; padding-left:80px; padding-top:4px; padding-bottom:5px; text-align:right;}
    .epform.toilet .toiletbox .toilet_title{position:absolute; left:0; top:7px; margin-right:0;}
    .epform.toilet .toiletbox .toilet_band{font-size:16px; line-height:30px;}
}
@media all and (max-width:1300px) and (min-width:1001px) {
    .epform.toilet .toiletbox .toilet_band.n01{width:50%;}
    .epform.toilet .toiletbox .toilet_band.n02{width:50%;}
    .epform.toilet .toiletbox .toilet_band.n03{width:50%; margin-top:5px}

    .epform.toilet .toiletbox .toilet_band.n02 .p-input{margin:0; width:95px;}
    .epform.toilet .toiletbox .toilet_row.n02 .toilet_band.n02 .p-input:first-child{width:97px;}
}
@media all and (max-width:640px) {
    .epform.toilet .toiletbox .toilet_band.n01{width:100%;}
    .epform.toilet .toiletbox .toilet_band.n02{width:100%;}
    .epform.toilet .toiletbox .toilet_band.n03{width:100%;}
    .epform.toilet .toiletbox .toilet_band.n02 .p-input{margin:2px 0;}
}
@media all and (max-width:500px){
    .epform.toilet .toiletbox .toilet_row{padding-left:0; text-align:left;}
    .epform.toilet .toiletbox .toilet_title{position:relative; top:auto; margin-bottom:10px;}
    .epform.toilet .toiletbox .toilet_band{padding:3px 0;}
}

/* 403_규제개혁신고센터 */
.reformcenter .box.icon:before{background-image:url('/site/www/images/contents/cts215_icon.png');}

/* 447_은평내일소식 신청 */
.epform.tomorrow .box.icon:before{background-image:url('/site/www/images/contents/cts294_icon.png');}
.epform.tomorrow .interestbox{border-radius:5px; background-color:#f2f4f8;}
.epform.tomorrow .interestbox .interest_total{padding:10px 20px; border-bottom:1px solid #d1d4da;}
.epform.tomorrow .interestbox .interest_check{padding:10px 20px;}
.epform.tomorrow .caution{margin-left:10px;}

/* 473_주민자치회 현황 */
.epform.autonomy .tab.type2 {text-align: left;}

/* 478_강좌안내 */
.epform.edu_dong.list .dongne{margin:25px 0; border-radius:10px; background-color:#f2f4f8;}
.epform.edu_dong.list .dongne .dongne_row{padding:12px 70px; border-bottom:1px solid #c9ced8;}
.epform.edu_dong.list .dongne .dongne_row:last-child{border-bottom:none;}
.epform.edu_dong.list .dongne .dongne_title{width:217px; font-weight:400; font-size:16px; color:#2f6dc0;}
.epform.edu_dong.list .dongne .p-form-checkbox{min-width:112px;}

@media all and (max-width:1300px) {
    .epform.edu_dong.list .dongne .dongne_title{width:150px;}
    .epform.edu_dong.list .dongne .p-form-checkbox{min-width:auto;}
}
@media all and (max-width:800px) {
    .epform.edu_dong.list .dongne .dongne_row{padding:12px 25px;}
}
@media all and (max-width:640px) {
    .epform.edu_dong.list .dongne .dongne_title{display:block;}
}

/* 509_행정정보 공표목록 */
.epform.befeat .box.icon:before{background-image:url('/site/www/images/contents/cts215_icon.png');}
.epform.befeat .searchbox .btn_file{margin:2px 0;}
.epform.befeat .befeat_listbox{padding:30px 50px; border-radius:10px; background-color:#f2f4f8; }
.epform.befeat .befeat_list{font-size:0; line-height:0; margin-left:-20px; margin-top:-20px;}
.epform.befeat .befeat_item{display:inline-block; width:14.28%; padding-left:20px; padding-top:20px; text-align:center; vertical-align:top;}
.epform.befeat .befeat_anchor{display:block; height:130px; padding:13px 10px; border-radius:10px;  border:1px solid #dadce1;}
.epform.befeat .befeat_anchor:before{display:inline-block; position:relative; width:100%; height:62px; background-repeat:no-repeat; background-position:center;}
.epform.befeat .befeat_anchor .text{height:40px;}
.epform.befeat .befeat_anchor .text span{font-weight:400; font-size:16px; line-height:20px; letter-spacing:-0.025em; color:#777c85; /*! word-break: keep-all; */}

.epform.befeat .befeat_item.all .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r01.png');}
.epform.befeat .befeat_item.nIEMCL01 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r02.png');}
.epform.befeat .befeat_item.nIEMCL02 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r03.png');}
.epform.befeat .befeat_item.nIEMCL03 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r04.png');}
.epform.befeat .befeat_item.nIEMCL04 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r05.png');}
.epform.befeat .befeat_item.nIEMCL05 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r06.png');}
.epform.befeat .befeat_item.nIEMCL06 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r07.png');}
.epform.befeat .befeat_item.nIEMCL07 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r08.png');}
.epform.befeat .befeat_item.nIEMCL08 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r09.png');}
.epform.befeat .befeat_item.nIEMCL09 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r10.png');}
.epform.befeat .befeat_item.nIEMCL10 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r11.png');}
.epform.befeat .befeat_item.nIEMCL11 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r12.png');}
.epform.befeat .befeat_item.nIEMCL12 .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_r13.png');}

.epform.befeat .befeat_item.active .befeat_anchor,
.epform.befeat .befeat_item:hover .befeat_anchor{border-color:#0160b0; background-color:#0160b0; box-shadow: 0 6px 16px 0 rgba(6, 102, 183, 0.53);}
.epform.befeat .befeat_item.active .befeat_anchor .text span,
.epform.befeat .befeat_item:hover .befeat_anchor .text span{color:#fff;}
.epform.befeat .befeat_item.all.active .befeat_anchor,
.epform.befeat .befeat_item.all:hover .befeat_anchor{border-color:#fff; background-color:#fff; box-shadow: 0 8px 25px 0 rgba(191, 198, 212, 0.45);}
.epform.befeat .befeat_item.all.active .befeat_anchor .text span,
.epform.befeat .befeat_item.all:hover .befeat_anchor .text span{color:#0f3977;}

.epform.befeat .befeat_item.all.active .befeat_anchor:before,
.epform.befeat .befeat_item.all:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c01.png');}
.epform.befeat .befeat_item.nIEMCL01.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL01:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c02.png');}
.epform.befeat .befeat_item.nIEMCL02.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL02:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c03.png');}
.epform.befeat .befeat_item.nIEMCL03.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL03:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c04.png');}
.epform.befeat .befeat_item.nIEMCL04.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL04:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c05.png');}
.epform.befeat .befeat_item.nIEMCL05.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL05:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c06.png');}
.epform.befeat .befeat_item.nIEMCL06.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL06:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c07.png');}
.epform.befeat .befeat_item.nIEMCL07.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL07:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c08.png');}
.epform.befeat .befeat_item.nIEMCL08.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL08:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c09.png');}
.epform.befeat .befeat_item.nIEMCL09.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL09:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c10.png');}
.epform.befeat .befeat_item.nIEMCL10.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL10:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c11.png');}
.epform.befeat .befeat_item.nIEMCL11.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL11:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c12.png');}
.epform.befeat .befeat_item.nIEMCL12.active .befeat_anchor:before,
.epform.befeat .befeat_item.nIEMCL12:hover .befeat_anchor:before{background-image:url('/site/www/images/program/befeat_c13.png');}

.modal.befeat .modal__body{max-width:970px; width:auto !important; height:auto; max-height:70%;}
.modal.befeat .modal__title + .modal__contents{height:auto !important; max-height:450px;}
.modal.befeat .modal__button{padding-top:20px;}
.modal.befeat .btn.small{margin:3px 2px;}
.modal.befeat .btn_file{border:none;}
.modal.befeat .close_modal{display:inline-block; position:absolute; right:-22px; top:40px; width:44px; height:44px; border-radius:50%; background-color:#d1399a; background-position:center; background-repeat:no-repeat; background-size: 14px; background-image:url('/site/www/images/program/myModal_close.png'); font-size:0; line-height:0;}

@media all and (max-width:1450px) {
    .epform.befeat .befeat_item{display:inline-block; width:16.66%;}
}
@media all and (max-width:1300px) {
    .epform.befeat .befeat_item{display:inline-block; width:25%;}
}
@media all and (max-width:1000px) {
    .modal.befeat .modal__body{width:90% !important;}
    .modal.befeat .modal__title + .modal__contents{height:440px; overflow-y:scroll;}
}
@media all and (max-width:700px) {
    .epform.befeat .befeat_listbox{padding:20px 10px;}
    .epform.befeat .befeat_item{width:33.33%;}
    .epform.befeat .befeat_anchor{height:auto; border:none;}
    .epform.befeat .befeat_anchor:before{display:none;}
    .epform.befeat .befeat_anchor .text{height:auto;}
    .epform.befeat .befeat_anchor .text span{font-size:14px;}
}

/* 666_업무추진비공개 */
.epform.workpush .searchbox{padding:20px 100px; font-size:0; line-height:0;}
.epform.workpush .n1 .search_select,.epform.workpush .n2 .p-date-band{display:inline-block; width:calc(100% - 63px);}
.epform.workpush .searchbox .search_input{width:calc(100% - 169px); line-height:24px; margin-right:10px; color:#383838; font-size:16px;}
.epform.workpush .searchbox .btn.down{margin: 2px 5px 2px 0;}
.epform.workpush .searchbox .text{line-height:40px; font-size:14px;}
.epform.workpush .searchbox .input_title{width:63px; padding-right:5px; font-size:16px; line-height:40px;vertical-align: top;}
.epform.workpush .searchbox .search_input{height:40px; vertical-align:top;}
.epform.workpush .searchbox .col-6,
.epform.workpush .searchbox .col-12{margin-top:4px;}

@media all and (max-width:1300px) {
    .epform.workpush .searchbox{padding:20px;}
}

/* 706_코로나19현황 */
#corona_board{border-radius:10px; background-color:#e2e2f6;}
#corona_board .corona_statue{padding:50px 120px 0;}
#corona_board .corona_statue h3{margin-top:0; margin-bottom:15px;font-family:'SBAggro'; font-weight:600; font-size:40px; line-height:44px; letter-spacing:-0.025em; color:#21197d; text-align:center;}
#corona_board .corona_inner{position:relative; margin-top:15px; padding:37px 130px 44px;  background-color:#fff; text-align:center;}
#corona_board .corona_inner:before{display:inline-block; position:absolute; right:100%; bottom:62px; width:103px; height:190px; margin-right:-26px; background-image:url('/site/www/images/program/corona_bg1.png');}
#corona_board .corona_month{}
#corona_board .corona_month .btn_month{border-radius:5px; border:1px solid #bcbcbc;width:45px; height:45px; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center; background-image:url('/site/www/images/program/arrow_black_9x16.png'); vertical-align:top;}
#corona_board .corona_month .btn_month.next{transform:rotate(180deg)}
#corona_board .corona_month .btn_month:hover{background-color:#000; border-color:#000; background-image:url('/site/www/images/program/slide_arrow.png');}
#corona_board .corona_month .now{margin:0 40px; font-family:'SBAggro'; font-weight:600; font-size:36px; line-height:48px; color:#000;}
#corona_board .corona_now{position:relative; margin-top:35px; text-align:right;}
#corona_board .corona_total{display:inline-block; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; font-family:'Montserrat'; font-weight:700; font-size:20px; line-height:28px; color:#000; text-align:left;}
#corona_board .corona_total .number{display:block; font-size:46px; line-height:48px;}
#corona_board .corona_add{width:25%; padding-left:6px; text-align:center;}
#corona_board .corona_add .add_inner{display:block; padding:6px; border-radius:10px; border:1px solid #1d98dd;background-color:#f0f9fe; font-weight:500; font-size:20px; line-height:24px; color:#222;}
#corona_board .corona_add .add_inner .number{display:block; font-family:'Montserrat'; font-weight:700; font-size:36px; line-height:38px; color:#1d98dd; }
#corona_board .corona_add .add_inner .number span{}
#corona_board .corona_list{margin-top:23px; margin-left:-10px; font-size:0; line-height:0;}
#corona_board .corona_item{display:inline-block; width:33.33%; padding-left:10px;}
#corona_board .corona_item .item_inner{border-radius :10px; box-shadow: 0px 6px 35px 0px rgba(0, 0, 0, 0.08);}
#corona_board .corona_item .item_inner .title{display:block; padding:9px; border-radius:10px 10px 0 0 ; font-weight:500; font-size:20px; line-height:30px; color:#fff;}
#corona_board .corona_item .item_content{padding:26px 12px;}
#corona_board .corona_item .item_content span{font-family:'Montserrat'; font-weight:700; font-size:36px; line-height:40px;}
#corona_board .corona_item.n1 .item_inner .title{background-color:#ca67a7;}
#corona_board .corona_item.n2 .item_inner .title{background-color:#7565bc;}
#corona_board .corona_item.n3 .item_inner .title{background-color:#5692ea;}
#corona_board .corona_item.n4 .item_inner .title{background-color:#f12b43;}
#corona_board .corona_chartbox{position:relative; border-radius:10px; background-color:#2d258b; padding:50px 60px 38px 212px; background-repeat:no-repeat; background-image:url('/site/www/images/program/corona_bg4.jpg'); background-position:right 30px bottom 40px;}
#corona_board .corona_chartbox:before{display:inline-block; position:absolute; left:23px; bottom:0; width:215px; height:241px; background-image:url('/site/www/images/program/corona_bg2.png');}
#corona_board .corona_chartbox:after{display:inline-block; position:absolute; right:15px; bottom:100%; width:233px; height:281px; margin-bottom: -25px; background-image:url('/site/www/images/program/corona_bg3.png'); background-repeat:no-repeat;}
#corona_board .corona_chartbox h3{margin-top:0; margin-bottom:10px; font-family:'SBAggro'; font-weight:600; font-size:32px; line-height: 36px; color:#fff;}
#corona_board #corona_chart{height:239px;}

@media all and (max-width:1450px) {
    #corona_board .corona_inner{padding:37px 80px 44px;}
    #corona_board .corona_chartbox:after{right:10px; width:170px; height:214px; background-size:cover;}
}
@media all and (max-width:1300px) {
    #corona_board .corona_statue{padding:50px 50px 0;}
    #corona_board .corona_inner{padding:37px 30px 44px;}
    #corona_board .corona_inner:before{display:none;}
    #corona_board .corona_chartbox:after{display:none;}
    #corona_board .corona_item .item_content span{font-size:30px; letter-spacing:-0.03em;}
}
@media all and (max-width:800px) {
    #corona_board .corona_statue{padding:40px 35px 0;}
    #corona_board .corona_statue h3{font-size:30px;}
    #corona_board .corona_month .now{font-size:30px; line-height:36px;}
    #corona_board .corona_month .btn_month{width:36px; height:36px;}
    #corona_board .corona_total{font-size:16px;}
    #corona_board .corona_total .number{font-size:35px; line-height:38px;}
    #corona_board .corona_add .add_inner{font-size:16px;}
    #corona_board .corona_add .add_inner .number{font-size:30px; line-height:32px;}
    #corona_board .corona_item .item_inner .title{font-size:16px;}
    #corona_board .corona_item .item_content{padding-left:8px; padding-right:8px;}
    #corona_board .corona_chartbox{padding-left:140px;}
    #corona_board .corona_chartbox:before{width:100px; height:147px; background-size:cover;}
    #corona_board .corona_chartbox:after{display:none;}
}
@media all and (max-width:640px) {
    #corona_board .corona_statue{padding:30px 25px 0;}
    #corona_board .corona_statue h3{font-size:25px;}
    #corona_board .corona_month .now{margin:0 20px;}
    #corona_board .corona_total{margin-right:50%;}
    #corona_board .corona_total .number{font-size:30px;}
    #corona_board .corona_add{width:50%;}
    #corona_board .corona_add .add_inner{font-size:15px;}
    #corona_board .corona_add .add_inner .number{font-size:25px;}
    #corona_board .corona_item{width:50%;}
    #corona_board .corona_item .item_content{padding:15px 12px;}
    #corona_board .corona_item .item_content span{font-size:25px;}
    #corona_board .corona_chartbox{padding:30px;}
    #corona_board .corona_chartbox:before{display:none;}
    #corona_board .corona_chartbox:after{display:none;}
}
@media all and (max-width:400px) {
    #corona_board .corona_chartbox h3{font-size:23px;}
    #corona_board .corona_chartbox{padding:30px 10px;}

}

/* 772_알림판 모음 */
.popuppage_list{margin-left:-30px; margin-top:-20px; text-align:left; font-size:0; line-height:0;}
.popuppage_item{display:inline-block; width:33.33%; padding-left:30px; padding-top:30px;}
.popuppage_item a{display:block;}
.popuppage_item a img{border-radius:10px;}
@media all and (max-width: 800px) {
    .popuppage_item{width:50%;}
}
@media all and (max-width: 500px) {
    .popuppage_item{width:100%;}
    .popuppage_item img{width:100%;}
}


/* 815_조직도 */
.grouptree .box.background p{margin-bottom:5px; font-weight:500; font-size:20px; line-height:30px; letter-spacing:-0.025em; color:#0f3977;}
.grouptree .grouptree_sticker{position:absolute; left:134px; top:225px;}
.grouptree .grouptree_box{position:relative; margin-top:64px; text-align:center;}
.grouptree .grouptree_item{position:relative;}
.grouptree .grouptree_anchor:hover span{text-decoration:underline; text-underline-position:under;}
.grouptree .grouptree_depth1{padding-bottom:38px;}
.grouptree .grouptree_depth1:before{display:inline-block; position:absolute; z-index:-1; left:0; right:0; width:1px; height:100%; margin:auto; background-color:#b6b6b6;}
.grouptree .grouptree_depth1 .grouptree_anchor{width:250px; padding:12px; border-radius:10px; border:3px solid #1d98dd; background-color:#1d98dd; box-sizing:border-box;}
.grouptree .grouptree_depth1 .grouptree_anchor span{font-weight:500; font-size:18px; line-height:30px; color:#fff;}
.grouptree .grouptree_depth2 .grouptree_anchor{width:250px; padding:12px; border-radius:10px; border:3px solid #2f6dc0; background-color:#fff; box-sizing:border-box;}
.grouptree .grouptree_depth2 .grouptree_anchor span{font-weight:500; font-size:18px; line-height:30px; color:#2f6dc0;}
.grouptree .grouptree_depth3{text-align:right;}
.grouptree .grouptree_depth3:before{display:inline-block; position:absolute; z-index:-1; left:0; right:0; width:1px; height:100%; margin:auto; background-color:#b6b6b6;}
.grouptree .grouptree_depth3 .grouptree_team{display:inline-block; width:50%; padding-right:63px; padding-top:34px; padding-bottom:167px; }
.grouptree .grouptree_depth3 .grouptree_part{display:block; position:relative; margin-left:146px; padding:10px 0; text-align:right;}
.grouptree .grouptree_depth3 .grouptree_part:before{display:inline-block; position:absolute; z-index:-1; left:0; top:35px; width:100%; height:1px; background-color:#b6b6b6;}
.grouptree .grouptree_depth3 .grouptree_part:after{display:inline-block; position:absolute; z-index:-1; left:0; bottom:100%; margin-bottom:-35px; width:1px; height:100%; background-color:#b6b6b6;}
.grouptree .grouptree_depth3 .grouptree_part:first-child:after{left:auto; right:100%; width:146px; height:1px; margin-bottom:-36px;}
.grouptree .grouptree_depth3 .grouptree_inner{display:inline-block; width:250px; text-align:center;}
.grouptree .grouptree_depth3 .grouptree_anchor{width:100%; padding:10px; border-radius:5px; background-color:#60687a;font-size:17px; line-height:30px; color:#fff;}
.grouptree .grouptree_depth3 .grouptree_anchor:hover{text-decoration:underline; text-underline-position:under;}
.grouptree .grouptree_depth4{font-size:0; line-height:0; margin-left:-16px;}
.grouptree .grouptree_depth4 .grouptree_part{display:inline-block;position:relative;width: 12.5%;vertical-align:top;}/* width: 14.28%; */
.grouptree .grouptree_depth4 .grouptree_inner{display:block; position:relative; padding-left:16px;}
.grouptree .grouptree_depth4 .grouptree_inner:before{position:relative; display:inline-block; left:0; top:0; width:1px; height:56px; margin-left:1px; background-color:#b6b6b6;}
.grouptree .grouptree_depth4 .grouptree_inner:after{display:inline-block; position:absolute; right:50%; top:0; width:100%; height:1px; margin-right:-8px; background-color:#b6b6b6;}
.grouptree .grouptree_depth4 .grouptree_part:first-child .grouptree_inner:after{display:none;}
.grouptree .grouptree_depth4 .grouptree_part .part_title .title_anchor{width:100%; height:54px; padding:12px; border-radius:5px; font-size:18px; line-height:30px; color:#fff;}
.grouptree .grouptree_depth4 .grouptree_part .part_title .title_anchor:hover{text-decoration:underline; text-underline-position:under;}
.grouptree .grouptree_depth4 .grouptree_part .part_list{min-height:260px; border-radius:0 0 5px 5px; margin-top:-5px; padding-top:17px; padding-bottom:10px; border:1px solid #ccc;}
.grouptree .grouptree_depth4 .grouptree_part .part_item .item_anchor{display:block; padding:5px;}
.grouptree .grouptree_depth4 .grouptree_part .part_item .item_anchor span{font-size:16px; line-height:20px; word-break:keep-all;}
.grouptree .grouptree_depth4 .grouptree_part .part_item .item_anchor:hover span{text-decoration:underline; text-underline-position: under;}

.grouptree .grouptree_depth4 .grouptree_part.style1 .part_list{border-color:#04a299;}
.grouptree .grouptree_depth4 .grouptree_part.style2 .part_list{border-color:#1fa776;}
.grouptree .grouptree_depth4 .grouptree_part.style1 .title_anchor{background-color:#04a299;}
.grouptree .grouptree_depth4 .grouptree_part.style2 .title_anchor{background-color:#1fa776;}
.grouptree .grouptree_depth4 .grouptree_part.style1 .part_item .item_anchor span{color:#029990;}
.grouptree .grouptree_depth4 .grouptree_part.style2 .part_item .item_anchor span{color:#1a9c6d;}

.grouptree .grouptree_dong{margin-top:50px; padding:74px 86px; border-radius:8px; background-color:#f2f4f8; text-align:center;}
.grouptree .grouptree_dong .dong_title{display:inline-block; position:relative; width:240px; height:60px; margin-bottom:55px; border-radius:10px; background-color:#7f95b6; font-weight:500; font-size:18px; line-height:60px; letter-spacing:-0.025em; color:#fff;}
.grouptree .grouptree_dong .dong_title:before{display:inline-block; position:absolute; left:0; right:0; top:100%; width:1px; height:55px; margin:auto; background-color:#7f95b6;}
.grouptree .grouptree_dong .dong_list{position:relative; margin-top:35px; margin-left:-30px; text-align:left;  font-size:0; line-height:0;}
.grouptree .grouptree_dong .dong_item{display:inline-block; position:relative; width:20%; margin-bottom:15px; vertical-align:top; text-align: center;}
.grouptree .grouptree_dong .dong_inner{position:relative; padding-left:30px;}
.grouptree .grouptree_dong .dong_anchor{display:block; padding:9px 5px; border-radius:5px; border:1px solid #1d457f; background-color:#1d457f;}
.grouptree .grouptree_dong .dong_anchor span{font-weight:400; font-size:16px; line-height:30px; letter-spacing:-0.025em; color:#fff;}
.grouptree .grouptree_dong .number{font-size:15px; line-height:24px;}

.grouptree .grouptree_dong .dong_item:nth-child(1) .dong_inner:before,
.grouptree .grouptree_dong .dong_item:nth-child(2) .dong_inner:before,
.grouptree .grouptree_dong .dong_item:nth-child(3) .dong_inner:before,
.grouptree .grouptree_dong .dong_item:nth-child(4) .dong_inner:before,
.grouptree .grouptree_dong .dong_item:nth-child(5) .dong_inner:before{display:inline-block; position:absolute; right:50%; bottom:100%; width:1px; height:35px; margin-right:-16px; background-color:#7f95b6;}
.grouptree .grouptree_dong .dong_item:nth-child(2) .dong_inner:after,
.grouptree .grouptree_dong .dong_item:nth-child(3) .dong_inner:after,
.grouptree .grouptree_dong .dong_item:nth-child(4) .dong_inner:after,
.grouptree .grouptree_dong .dong_item:nth-child(5) .dong_inner:after{display:inline-block; position:absolute; right:50%; top:-35px; width:100%; height:1px; margin-right:-16px; background-color:#7f95b6;}

/*
.grouptree_modal .modal__body{width:780px !important; height:auto; padding-bottom:40px;}
.grouptree_modal .modal__header{margin:0; padding:0;}
.grouptree_modal .modal__title{font-size:20px; color:#fff;}
.grouptree_modal .modal__content{max-height:473px; padding:40px 30px 0; overflow-y:scroll;}
.grouptree_modal .modal__close{top:36px; right:-23px; width:44px; height:44px; border-radius:50%; background-color:#d1399a;}
.grouptree_modal .modal__close-button{display:block; width:100%; height:100%;}
.grouptree_modal .modal__close-button span{position:relative; width:100%; height:100%; background-color:transparent;}
.grouptree_modal .modal__close-button span:after{display:inline-block; position:absolute; left:0; top:0; right:0; bottom:0; content:''; font-size:0; line-height:0; width:14px; height:15px; background-position:center; background-repeat:no-repeat; background-image:url('/site/www/images/program/myModal_close.png'); background-size:cover; transform:none; margin:auto;}
.grouptree_modal .box.info.type2{margin-top:0; margin-bottom:15px; padding-left:54px;}
.grouptree_modal .box.info.type2:before{display:inline-block; position:absolute; left:16px; top:17px; width:27px; height:27px; border-radius:50%; background-color:#2f6dc0; background-repeat:no-repeat; background-position:center; background-image:url('/site/www/images/program/grouptree_location.png');}
.grouptree_modal .box.info .box_item{margin-right:0;}
*/

@media all and (max-width:1450px){
    .grouptree .grouptree_depth3 .grouptree_team{overflow: hidden}
    .grouptree .grouptree_depth3 .grouptree_part{margin-left:20%;}
    .grouptree .grouptree_depth3 .grouptree_part:first-child:after{width:100%;}
}
@media all and (max-width:1300px){
    .grouptree .grouptree_sticker{left:100px;width:200px;}
    .grouptree .grouptree_depth3 .grouptree_team{padding-right:0; padding-bottom:60px;}
    .grouptree .grouptree_depth4 .grouptree_part{width:25%; margin-bottom:30px;}
    .grouptree .grouptree_depth4 .grouptree_part:nth-child(5) .grouptree_inner:after{display:none;}

    .grouptree .grouptree_dong{padding:50px 20px;}
    .grouptree .grouptree_dong .dong_item{width:25%;}
    .grouptree .grouptree_dong .dong_item:nth-child(5) .dong_inner:before,
    .grouptree .grouptree_dong .dong_item:nth-child(5) .dong_inner:after{display:none;}
}
@media all and (max-width:900px) {
    .grouptree_modal .modal__body{width:80% !important;}
    .grouptree_modal .box.info .box_text{display:block;margin-left:0; padding-left:0;}
    .grouptree_modal .box.info .box_text:before{display:none}
}

@media all and (max-width:800px) {
    .grouptree .grouptree_sticker{display:block; left:0; right:0; margin:0 auto 30px;}
    .grouptree .grouptree_box{text-align:left;}
    .grouptree .grouptree_depth1{display:inline-block;}
    .grouptree .grouptree_depth1 .grouptree_anchor{text-align:center;}
    .grouptree .grouptree_depth2 .grouptree_anchor{text-align:center;}
    .grouptree .grouptree_depth3{padding-left:125px;}
    .grouptree .grouptree_depth3:before{left:125px;right:auto;}
    .grouptree .grouptree_depth3 .grouptree_team{width:100%;}
    .grouptree .grouptree_depth4{text-align:center;}

    .grouptree .grouptree_dong .dong_item{width:33.33%;}
    .grouptree .grouptree_dong .dong_item:nth-child(4) .dong_inner:before,
    .grouptree .grouptree_dong .dong_item:nth-child(4) .dong_inner:after{display:none;}

    .grouptree .grouptree_sticker{position:relative; top:auto;left:auto; width:230px; margin-bottom:30px;}
}

@media all and (max-width:640px) {
    .grouptree .grouptree_depth1:before{right:auto; left:20px;}
    .grouptree .grouptree_depth3{padding-left:20px;}
    .grouptree .grouptree_depth3:before{left:20px;}
    .grouptree .grouptree_depth3 .grouptree_inner{width:180px;}
    .grouptree .grouptree_depth3 .grouptree_part{margin-left:40px;}
    .grouptree .grouptree_depth4{text-align:left;}
    .grouptree .grouptree_depth4 .grouptree_part{width:50%;}
    .grouptree .grouptree_depth4 .grouptree_inner{text-align: center;}
    .grouptree .grouptree_depth4 .grouptree_inner:before,
    .grouptree .grouptree_depth4 .grouptree_inner:after{display:none;}
    .grouptree .grouptree_dong .dong_item{width:50%;}
    .grouptree .grouptree_dong .dong_item:nth-child(3) .dong_inner:before,
    .grouptree .grouptree_dong .dong_item:nth-child(3) .dong_inner:after{display:none;}
}

/* 1214_광역자원순환센터 */
.cyclecenter{padding:0 40px;background-color:#f2f4f8;background-position:center top; background-repeat:no-repeat; background-image:url('/site/www/images/program/cyclecenter_bg.jpg'); text-align:center;}
.cyclecenter .cyclecenter_title{margin-top:224px; margin-bottom:32px;}
.cyclecenter .cyclecenter_row{margin-top:25px; padding-bottom:25px;}
.cyclecenter .row_title{padding:23px 15px 6px; border-left:1px solid #7f95b6; border-top:1px solid #7f95b6;}
.cyclecenter .row_board{text-align:left;}
.cyclecenter .board_list{margin-left:-30px; padding-top:7px; font-size:0; line-height:0;}
.cyclecenter .board_item{display:inline-block; width:33.33%; padding-left:30px; padding-top:30px; vertical-align:top;}
.cyclecenter .board_inner{position:relative; padding:23px 30px; border-radius:10px; background-color:#fff;}
.cyclecenter .board_title{padding-bottom:12px; border-bottom:3px solid #1b1b1b;}
.cyclecenter .board_title span{font-size:21px; font-weight:500; line-height:30px; color:#1b1b1b;}
.cyclecenter .board_news .news_list{padding-top:3px;}
.cyclecenter .board_news .news_item{padding-top:17px;}
.cyclecenter .board_news .news_anchor{display:block; position:relative; padding-left:12px;}
.cyclecenter .board_news .news_anchor:before{display:inline-block; position:absolute; left:1px; top:8px; width:3px; height:3px; background-color:#666;}
.cyclecenter .board_news .news_subject{overflow:hidden; display:block; padding-bottom:6px; font-size:16px; line-height:20px; letter-spacing:-0.025em; color:#414141; text-overflow: ellipsis; white-space: nowrap;}
.cyclecenter .board_news .news_date{font-size:15px; line-height:20px; color:#696969;}
.cyclecenter .board_news .news_img{display:block;padding-top:22px;}
.cyclecenter .board_news .news_img img{width:100%; max-width:270px; height:170px;}
.cyclecenter .board_more{position:absolute; right:30px; top:28px; width:20px; height:20px; border-radius:50%; background-color:#000; background-position:center; background-repeat:no-repeat; background-image:url('/site/www/images/program/cyclecenter_board_more.png');}

@media all and (max-width:1300px) and (min-width:1001px) {
    .cyclecenter .board_item{width:100%;}
}
@media all and (max-width:900px){
    .cyclecenter .board_item{width:100%;}
}
@media all and (max-width:640px) {
    .cyclecenter{padding:0 25px;}
    .cyclecenter .board_inner{padding:20px 25px;}
    .cyclecenter .row_title{padding-top:13px;}
    .cyclecenter .board_title span{font-size:18px;}
    .cyclecenter .board_item{padding-top:20px;}
    .cyclecenter .board_news .news_subject{font-size:14px; padding-bottom:2px;}
    .cyclecenter .board_news .news_date{font-size:13px;}
    .cyclecenter .board_more{right:25px; top:25px;}
}

/* 1252_석면db정보 */
.asbestos .searchbox label{margin-right:10px; line-height:40px; vertical-align:top;}
.asbestos .searchbox .p-date-band{display:inline-block; width:140px;}
@media all and (max-width: 700px) {
    .epform.asbestos .searchbox .search_band{display:block;}
    .asbestos .searchbox .p-date-band{width:calc(100% - 71px);}
    .epform.asbestos .searchbox.basic .search_input{width:calc(100% - 165px);}
}

/* 1452_배너모음 */
.bannerdata .banner_list{margin-left:-18px; margin-top:-18px; font-size:0; line-height:0;}
.bannerdata .banner_item{display:inline-block; padding-left:18px; padding-top:18px; vertical-align:top; text-align:center;}
.bannerdata .banner_anchor{overflow:hidden; width:269px; height:72px; border-radius:5px; border:1px solid #cbcbcb; box-sizing:border-box;}

@media all and (max-width:600px) {
    .bannerdata .banner_list{text-align:center;}
    .bannerdata .banner_item{float:none; display:inline-block; }
}

/* 통합민원 - 아이디어 제안 */
.epform.idea .p-upload .p-form-group__upload{display:block;}
.epform.idea .p-upload .p-form-group__upload .p-input{min-width:auto;}
.epform.idea .modal .modal__text .tit{text-align:left; font-weight:500; color:#1d457f;}
.epform.idea .modal .modal__text{font-size:16px;}
.idea .view_title{position:relative; margin:30px 0 35px; padding:20px; border:1px solid #7f95b6; text-align:center;}
.idea .view_title .title_text{font-size:22px; font-weight:500; letter-spacing:-0.025em; color:#2f6dc0;}
.idea .view_title .title_name{float:right; font-size:15px; line-height:30px; color:#131313;}
.epform.idea .btn_bottom{margin-top:20px;}
.epform.idea .btn_bottom .btn{min-width:140px;}
.epform.idea .btn_bottom .btn + .btn{margin-left:20px;}

.epform.idea.view .view_title .state_btn{float:left;}
.epform.idea.view .table.type2 tbody td{padding:20px;}
.epform.idea.view .btn_list li{margin:3px 0;}
.commentbox{margin:20px 0; padding:22px; border:3px solid #ddd; text-align:center;}
.commentbox .text{font-size:20px; line-height:30px; font-weight:400; color:#333;}
.commentbox .text span{color:#2f6dc0;}

.epform.idea.reply .view_title{position:relative; padding-left:120px; text-align:left;}
.epform.idea.reply .view_title .state_btn{position:absolute; left:20px; top:20px;}
.epform .table textarea{min-height:150px;}

@media all and (max-width:800px) {
    .epform.idea .btn_bottom .btn{min-width:110px;}

    .epform.idea.view .view_midply .midply_title {width:180px; height:50px; }
    .epform.idea.view .view_midply .midply_title span{font-size:18px; }
    .epform.idea.view .view_midply .midply_title span:before{margin-right:10px;}
    .epform.idea.view .view_midply .midply_list{padding-left:190px;}
    .epform.idea.view .view_midply .midply_item{padding:18px 0 18px 168px;}
}
@media all and (max-width:640px) {
    .epform.idea .btn_bottom .btn{min-width:80px;}
    .epform.idea .btn_bottom .btn + .btn{margin-left:10px}

    .epform.idea.list .searchbox .search_band{width:100%;}

    .idea .view_title .title_text{font-size:18px;}
    .epform.idea.view .view_midply{margin-bottom:20px}
    .epform.idea.view .view_midply .midply_title {position:relative; width:100%; background-image:none; border-radius:5px 5px 0 0 ;}
    .epform.idea.view .view_midply .midply_title span{font-size:18px; }
    .epform.idea.view .view_midply .midply_title span:before{margin-right:10px;}
    .epform.idea.view .view_midply .midply_list{padding-left:25px; padding-right:25px;}
    .epform.idea.view .view_midply .midply_item{padding:18px 0 18px 0; font-size:14px;}
    .epform.idea.view .view_midply .midply_item .date{position:relative; display:block; top:auto; left: auto;}
    .epform.idea.view .commentbox .text{font-size:16px; line-height:24px;}
}

/* 2289_여성복지 알리미 서비스 */
.epform.womansms .box.icon:before{background-image:url('/site/www/images/contents/cts294_icon.png')}
.epform.womansms .table tbody th:nth-child(1)[rowspan]{border-right:1px solid #9b9b9b;}
.epform.womansms .table.type2 tbody th{width:20%;}
@media all and (max-width:640px) {
    .epform.womansms .table.type2 tbody th{width:30%;}
}

/* 566_위원회현황 */
.epform.committee1 .searchbox.basic .search_band.n1,
.epform.committee1 .searchbox.basic .search_band.n2{width:15%;}
@media all and (max-width:640px) {
    .epform.committee1 .searchbox.basic .search_band{display:inline-block; width:100%;}
    .epform.committee1 .searchbox.basic .search_band.n1,.epform.committee .searchbox.basic .search_band.n2{width:100%;}
}

/* 2370_위원회의결관리 */
.epform.committee.intro .intro_inner{padding-top:194px; padding-bottom:190px; border-radius:30px; background-repeat:no-repeat; background-position:center; background-image:url('/site/www/images/program/committee_intro_bg.jpg'); text-align:center;}
.epform.committee.intro .intro_title{font-size:48px; font-weight:400; line-height:58px; color:#fff;}
.epform.committee.intro .intro_title strong{font-weight:600;}
.epform.committee.intro .intro_button{display:block; position:relative; left:0; right:0; width:380px; margin:37px auto 22px; padding:14px; border-radius:10px; background-color:#fff; text-align:center; font-size:17px; line-height:24px; color:#222;}
.epform.committee.intro .intro_button:after{display:inline-block; position:relative; margin-left:8px; background-image:url(../images/sprite/template_sprite.png); top:8px; width:14px; height:8px; background-size:706.25% 14044.44444%; background-position:left 18.32669%;vertical-align:top;}
.epform.committee.intro .caution{margin-top:0; color:#fff;}
.epform.committee.intro .caution .caution_icon{background-color:#fff;}
.epform.committee.intro .caution .caution_icon:before{background-image:url('/site/www/images/program/committee_intro_icon.jpg'); background-size:unset;}

.epform.committee.list .list_title{margin-bottom:30px; padding:30px; border-bottom:15px solid #f2f2f2; text-align:center;}
.epform.committee.list .title_text{padding:5px 100px;}
.epform.committee.list .title_text span{padding-left:50px; background-repeat:no-repeat; background-position:left center; background-image:url('/site/www/images/program/committee_list_title.jpg'); font-weight:500; font-size:26px; line-height:32px;color:#000;}
.epform.committee.list .title_welcome{display:inline-block; font-size:15px; color:#606060;}
.epform.committee.list .title_name{font-weight:500; font-size:18px; line-height:32px; color:#2f6dc0;}
.epform.committee.list .list_title .btn.small{min-width:auto; width:90px; margin:0 15px;}
.epform.committee.list .table a:hover{color:#2F8DDB; text-decoration:underline; text-underline-position: under;}
.epform.committee.list .table .state_btn{min-width:60px;}

.epform.committee.view .table.opinion .opinion_yn{text-align:left;}
.epform.committee.view .table.opinion .opinion_yn .btn{margin-left:8px; vertical-align: top;}
.epform.committee .modal.type3 .modal__body{height:320px;}
.epform.committee .modal.type3 .modal__title + .modal__contents{height:200px;}
.epform.committee .modal__title + .modal__contents:after{display:none;}
.epform.committee .modal__download{display: block; margin:20px 0; padding:10px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.epform.committee .modal__download .name{overflow: hidden; width:calc(100% - 167px); vertical-align: middle; text-align: left;white-space: nowrap; text-overflow: ellipsis;}
.epform.committee .modal__download .btn{width:80px; min-width:auto;}
@media all and (max-width:1000px) {
    .epform.committee.list .title_text{padding:5px 50px;}
    .epform.committee.list .title_welcome{display:block;}
}
@media all and (max-width:800px) {
    .epform.committee.intro .intro_inner{padding-top:150px; padding-bottom:150px;}
    .epform.committee.intro .intro_title strong{display:block;}
}
@media all and (max-width:640px) {
    .epform.committee.intro .intro_inner{padding:100px 30px;}
    .epform.committee.intro .intro_title{font-size:30px; line-height:42px;}
    .epform.committee.intro .intro_title strong{display:inline;}
    .epform.committee.intro .intro_button{width:240px;}
    .epform.committee.list .title_text{padding:5px;}
    .epform.committee.list .title_text span{font-size:20px;}
}

/* 사이트맵 */
#sitemap .depth1{position:relative; margin-bottom:40px; padding-left:192px; border-bottom:3px solid #efefef;}
#sitemap .depth1_title{position:absolute; left:0; top:0; margin:0;}
#sitemap .depth1_title a{position:relative; padding-bottom:12px; font-weight:500; font-size:26px; line-height:30px; letter-spacing:-0.025em; color:#15438a;}
#sitemap .depth1_title a:before{display:inline-block; position: absolute; left:0; bottom:0; width:24px; height:2px; background-color:#1c498e;}
#sitemap .depth2_list{font-size:0; line-height:0; margin-left:-33px; padding-bottom:20px;}
#sitemap .depth2_item{display:inline-block; width:25%; padding-left:33px; vertical-align:top;}
#sitemap .depth2_anchor{display:block; padding-left:19px; padding-top:6px;  padding-bottom:14px; font-weight:500; font-size:20px; line-height:24px; letter-spacing:-0.025em; color:#333;}
#sitemap .depth3_list{padding:13px 10px 13px 19px; margin-bottom:20px;  border-top:1px solid #333; background-color:#f7f7f7;}
#sitemap .depth3_item{padding:4px 0;}
#sitemap .depth3_anchor{position:relative; padding-left:12px; font-size:15px; line-height:19px; color:#555; word-break:keep-all;}
#sitemap .depth3_anchor:before{display:inline-block; position:absolute; left:0; top:8px; width:4px; height:4px; border-radius:50%; background-color:#0f3977;}
#sitemap .depth3_anchor:hover{text-decoration: underline; text-underline-position: under; color:#0f3977;}
#sitemap .depth3_anchor[target='_blank'] span:after{display:inline-block; position:relative; top:5px; width:10px; height:10px; margin-left:6px; background:url('../images/common/icon_blank.png') no-repeat; vertical-align:top;}
@media all and (max-width:1300px) {
    #sitemap .depth2_item{width:50%;}
}
@media all and (max-width:1000px) {
    #sitemap .depth1{padding-left:150px;}
    #sitemap .depth2_item{width:33.33%;}
}
@media all and (max-width:800px) {
    #sitemap .depth2_item{width:50%;}
}
@media all and (max-width:640px) {
    #sitemap .depth1{padding-left:0;}
    #sitemap .depth1_title{position:relative; left:auto; top:auto; margin-bottom:30px;}
    #sitemap .depth2_list{margin-left:-20px;}
    #sitemap .depth2_item{padding-left:20px;}
}
@media all and (max-width:400px) {
    #sitemap .depth2_item{width:100%;}
}


/* program2 */

/* 교육강좌 목록 */
.epform.edu_list .mobile_box{display:inline;}
.cts987 .box.icon:before{background-image:url('/site/www/images/contents/cts224_icon.png');}
@media all and (max-width:1300px) {
    .epform.edu_list .mobile_box{display:block;}
    .epform.edu_list .searchbox .search_select{width:120px;}
}
@media all and (max-width:640px) {
    .epform.edu_list .searchbox .search_select{width:100%; font-size:14px;}
    .epform.edu_list .table.responsive tbody td br{display:none;}
    .epform.edu_list .table.responsive tbody td .edu_term{position:relative;}
    .epform.edu_list .table.responsive tbody td .edu_term:before{display:inline-block; margin:0 3px; content:',';}
}

/* 교육강좌 상세 */
.edu_detail .detail_inner{border:1px solid #d5d5d5; border-radius:9px;}
.edu_detail .edu_title{display:inline-block; position:relative; margin-right:18px; padding-left:32px; font-size:24px; line-height:26px; color:#1d98dd; font-weight:500; vertical-align:middle;}
.edu_detail .top_box .left_box label{vertical-align:middle;}
.edu_detail .edu_title:before{display:block; position:absolute; top:3px; left:0; width:22px; height:22px; background:url('/site/www/images/program/edu_detail_title.png') no-repeat center/cover; content:'';}
.edu_detail .top_box{overflow:hidden; padding:28px 30px 20px 26px; border-bottom:1px solid #d5d5d5;}
.edu_detail .top_box .left_box{float:left; margin-top:10px;}
.edu_detail .top_box .right_box{float:right;}
.edu_detail .body_box{padding:30px 30px 45px 27px;}
.edu_detail table.table tbody td{text-align:left;}
.edu_detail table.table tbody td .btn:first-child{margin-left:20px;}
.edu_detail table.table tbody td .btn + .btn{margin-left:10px;}
.myModal_active body{overflow:hidden;}
.myModal_active #container{z-index:inherit;}
.myModal_active #wrapper:before{display:block; z-index:40; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.45); content:'';}
.edu_detail #myModal{display:block; opacity:0; visibility:hidden; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:530px;}
.myModal_active .edu_detail #myModal{display:block; opacity:1; visibility:visible; z-index:100;}
#myModal .modal-content{overflow:hidden; border-radius:18px;}
#myModal .close{position:absolute; top:-46px; right:9px; width:24px; height:23px; background:url('/site/www/images/program/myModal_close.png') no-repeat center/cover;}
#myModal .slick-slide{height:100%;}
#myModal .slick-slide img{width:100%; height:100%; object-fit:cover; object-position:center;}
#myModal .slide_footer{height:60px; background-color:#fff; font-size:0; line-height:0;}
#myModal .slide_footer button{position:relative; width:50%; height:100%;}
#myModal .slide_footer button:before{display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:27px; height:16px; margin:auto; background-image:url('/site/www/images/program/myModal_arrow_sprite.png'); background-repeat:no-repeat; content:'';}
#myModal .slide_footer button.prev:before{background-size:100% 587.5%;}
#myModal .slide_footer button.prev:after{display:block; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#ccc; content:'';}
#myModal .slide_footer button.prev.slick-disabled:before{background-position:left 66.66%; background-size:100% 587.5%;}
#myModal .slide_footer button.next:before{background-position:left 33.33%; background-size:100% 587.5%;}
#myModal .slide_footer button.next.slick-disabled:before{background-position:left 100%; background-size:100% 587.5%;}
.modal.type2 .modal__body{height:auto;}
.modal.type2 .modal__title{background-color:#fff; border-bottom:1px solid #bcbcbc; line-height:60px;}
.modal.type2 .text_title{margin-top:12px; margin-bottom:23px; text-align:center; font-size:0; line-height:0;}
.modal.type2 .text_title .caution{display:inline-block; margin-top:0;}
.modal.type2 .caution{font-size:20px; line-height:26px;}
.modal.type2 .caution .caution_icon{top:5px; width:20px; height:20px;}
.modal.type2 .modal__button{margin-bottom:25px;}
.modal.type2 .modal__button .modal__close-button{position:absolute; top:23px; right:25px; width:18px; height:18px; background:url('/site/www/images/program/modal_close_icon.png') no-repeat center/cover;}
.modal.type2 .modal__button .modal__close-button span{width:0; height:0; background-color:transparent;}
@media all and (max-width:640px) {
    .edu_detail table.table tbody td .btn:first-child{margin-left:0;}
    .edu_detail .edu_title{font-size:18px;}
    .edu_detail .top_box{padding-left:20px; padding-right:20px;}
    .edu_detail .top_box .left_box{display:flex; float:none; align-items:center; justify-content:space-between;}
    .edu_detail .top_box .right_box{float:none; margin-top:20px;}
    .edu_detail .top_box .right_box .btn.large{width:100%; height:auto; padding:7px 5px; font-size:15px; line-height:17px;}
    .edu_detail #myModal{width:calc(100% - 40px);}
    #myModal .modal-content{border-radius:10px;}
    #myModal .slide_footer{height:40px;}
    #myModal .slide_footer button:before{width:20px; height:12px;}
    #myModal .close{top:-36px;}
}

/* 교육강좌 신청 */
.edu_regist .table.td_text_left td{text-align:left;}
.edu_regist .table td{word-break:keep-all;}
.edu_regist .table td .birth_box{display:inline;}
@media all and (max-width:640px) {
    .edu_regist .table td .birth_box{display:block;}
    .edu_regist .table td .birth_box select{width:200px !important; margin-left:0 !important;}
    .edu_regist .table td #cttpc{width:200px !important;}
    .edu_regist .table td #cttpc + .caution{display:block; margin-left:0 !important;}
    .edu_regist .table td #adres{width:200px !important;}
}

/*교육강좌 완료안내*/
.edu_finish.complate .edu_finish_inner{margin-top:30px; padding:60px 190px; border-radius: 10px; background-color:#f2f4f8; text-align:center;}
.edu_finish.complate .edu_finish_title{margin-bottom:13px;}
.edu_finish.complate .edu_finish_title .title_text{font-weight:500; font-size:30px; line-height:35px; letter-spacing:-0.025em; color:#000;}
.edu_finish.complate .edu_finish_subjectbox{margin-top:30px; margin-bottom:40px;}
.edu_finish.complate .edu_finish_subjectbox .box_item{display:table; width:100%; border-radius:9px; background-color:#fff;}
.edu_finish.complate .edu_finish_subjectbox .box_item + .box_item{margin-top:10px;}
.edu_finish.complate .edu_finish_subjectbox .box_item span{display:table-cell; position:relative; padding-top:15px; padding-bottom:16px; font-size:18px; line-height:24px; font-weight:500; color:#0f3977; vertical-align:middle;}
.edu_finish.complate .edu_finish_subjectbox .box_item .title{width:176px;}
.edu_finish.complate .edu_finish_subjectbox .box_item .title:after{display:block; position:absolute; top:0; right:0; width:1px; height:100%; background-color:#d8dde6; content:'';}

.edu_finish.complate .edu_finish_footer {padding-top:10px;border-top:1px solid #000;}

@media all and (max-width:1300px) {
    .edu_finish.complate .edu_finish_inner{padding:60px 90px;}
}
@media all and (max-width:640px) {
    .edu_finish.complate .edu_finish_title .title_text{font-size:20px; line-height:25px;}
    .edu_finish.complate .edu_finish_inner{padding:30px 20px;}
    .edu_finish.complate .edu_finish_subjectbox .box_item span{display:block;}
    .edu_finish.complate .edu_finish_subjectbox .box_item .title{width:100%;}
    .edu_finish.complate .edu_finish_subjectbox .box_item .title:after{top:auto; bottom:0; left:0; margin:0 auto; width:50px; height:3px;}
}

/* 문자전송서비스 */
.p-wrap.sms_app .box.icon:before{background-image:url('/site/www/images/contents/cts294_icon.png')}
.p-wrap.sms_app h3{word-break:keep-all; line-height:34px;}
.p-wrap.sms_app .table td .dong_select{height:40px;}
@media all and (max-width:640px) {
    .p-wrap.sms_app h3{font-size:20px; line-height:28px;}
    .p-wrap.sms_app h3 span:before{display:none;}
}

/* 오시는 길 안내문자 */
.epform.wayToCome{margin-bottom:200px;}
.epform.wayToCome .left{float:left; width:432px; padding-top:40px;}
.epform.wayToCome .left .search_box .input_box{overflow:hidden;}
.epform.wayToCome .left .search_box .input_box .p-input{float:left; width:calc(100% - 92px); height:46px; margin:0;}
.epform.wayToCome .left .search_box .input_box .btn{float:left; min-width:auto; width:84px; height:46px; margin-left:8px; padding:0; border:none; border-radius:0; background-color:#0f3977; font-size:16px; line-height:46px; color:#fff;}
.epform.wayToCome .right{position:relative; float:left; width:565px; margin-left:133px;}
.epform.wayToCome .right:before{display:block; position:absolute; top:42px; left:-32px; width:1109px; height:478px; background:url('/site/www/images/program/cts823_deco.png') no-repeat center/cover; content:'';}
.epform.wayToCome .right .phone{position:relative; width:314px; height:549px; margin-left:104px; padding:69px 32px 52px 34px; background:url('/site/www/images/program/phone_icon.png') no-repeat center/cover;}
.epform.wayToCome .right .phone:before{display:block; position:absolute; bottom:-63px; right:-177px; width:236px; height:464px; background:url('/site/www/images/program/cts823_person.png') no-repeat center/cover; content:'';}
.epform.wayToCome .right .phone:after{display:block; z-index:-10; position:absolute; bottom:-244px; left:-399px; width:965px; height:416px; background:url('/site/www/images/program/cts823_deco2.png') no-repeat center/cover; content:'';}
.epform.wayToCome .right .phone .phone_inner{overflow-y:auto; height:100%;}
.epform.wayToCome .right .phone_inner .inner_top{position:relative; padding-top:3px; padding-left:44px; padding-bottom:21px; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; font-size:17px; line-height:24px;}
.epform.wayToCome .right .phone_inner .inner_top:before{display:block; position:absolute; top:0; left:0; width:33px; height:33px; background:url('/site/www/images/program/phone_logo_icon.png') no-repeat center/cover; content:'';}
.epform.wayToCome .right .phone_inner .inner_body{padding-top:15px;}
.epform.wayToCome .right .phone_inner .inner_body .text_box,
.epform.wayToCome .right .phone_inner .inner_body .text_box a{font-size:15px; line-height:24px; color:#fff;}
.epform.wayToCome .right .phone_inner .inner_body .text_box + .text_box{margin-top:17px;}
.epform.wayToCome .right .phone_inner .inner_body .text_box.traffic{word-break:keep-all;}
.epform.wayToCome .right .tel_app{margin-right:118px; font-size:0; line-height:0;}
.epform.wayToCome .right .tel_app .tel_box{display:inline-block; font-size:0; line-height:0;}
.epform.wayToCome .right .tel_app .p-input{width:95px; height:46px; margin:0;}
.epform.wayToCome .right .tel_app .divide{position:relative; width:20px; height:46px; vertical-align:middle;}
.epform.wayToCome .right .tel_app .divide:before{display:block; position:absolute; top:50%; left:50%; width:6px; height:1px; margin-left:-3px; background-color:#333; content:'';}
.epform.wayToCome .right .tel_app .btn{display:inline-block; min-width:auto; width:114px; height:46px; margin-left:8px; padding:0; border:none; border-radius:0; background-color:#0f3977; font-size:16px; line-height:46px; color:#fff; vertical-align:middle;}
@media all and (max-width:1450px) {
    .epform.wayToCome .left{width:362px;}
    .epform.wayToCome .right{margin-left:60px;}
}
@media all and (max-width:1300px) {
    .epform.wayToCome .left{float:none; width:100%;}
    .epform.wayToCome .right{float:none; width:100%; margin-left:0;}
    .epform.wayToCome .right .phone{margin:40px auto 0;}
    .epform.wayToCome .right .tel_app{margin-right:0; text-align:center;}

}
@media all and (max-width:1000px) {
    .epform.wayToCome .left .title img{width:300px;}
}
@media all and (max-width:640px) {
    .epform.wayToCome{margin-bottom:80px;}
    .epform.wayToCome .left .title img{width:250px;}
    .epform.wayToCome .right:before{display:none;}
    .epform.wayToCome .right .phone:before{display:none;}
    .epform.wayToCome .right .phone:after{display:none;}
}
@media all and (max-width:480px) {
    .epform.wayToCome .right .tel_app .tel_box{display:flex; justify-content:stretch;}
    .epform.wayToCome .right .tel_app .p-input{width:100%;}
    .epform.wayToCome .right .tel_app .btn{display:block; width:100%; margin-top:10px; margin-left:0;}
    .epform.wayToCome .right .tel_app .divide{width:100px;}
}

/* 은평구소식 정기구독 */
.subscribe .service.type1.col3 .service_item{width:33.33%;}
.subscribe .service.type1 .service_item .service_anchor:before{width:88px; height:88px; background-image:url('/site/www/images/program/cts768_sprite.png'); background-color:transparent; background-size:100% 322.72%;}
.subscribe .service.type1 .service_item.n2 .service_anchor:before{background-position:left 50%; background-size:100% 322.72%;}
.subscribe .service.type1 .service_item.n3 .service_anchor:before{background-position:left 100%; background-size:100% 322.72%;}
.subscribe .p-wrap .row h4{margin-top:0;}
.subscribe .p-wrap .row .caution{margin-top:20px;}
.subscribe .p-wrap .tel_box .p-button{margin-left:10px;}
.subscribe .p-wrap .certification_box{display:block; margin-top:10px;}
.subscribe .p-wrap .certification_box *{display:inline-block; vertical-align:middle;}
.subscribe .p-wrap .certification_box .p-input{margin-left:13px;}
.subscribe .p-wrap .certification_box .p-button{margin-left:10px;}
.subscribe .p-wrap .row_btn{text-align:right;}
@media all and (max-width:640px) {
    .subscribe .service.type1 .service_list{margin-left:-10px;}
    .subscribe .service.type1.col3 .service_item{padding-left:10px;}
    .subscribe .service.type1 .service_anchor{padding-top:100px;}
    .subscribe .p-wrap .row .caution{margin-top:0;}
    .subscribe .service.type1 .service_item .service_anchor:before{width:68px; height:68px;}
    .subscribe .p-wrap .tel_box .p-button{margin-left:0;}
    .subscribe .p-wrap .certification_box .p-input{display:block; margin-left:0;}
    .subscribe .p-wrap .certification_box .p-button{margin-left:0;}
    .subscribe .p-wrap .row_btn{text-align:center;}
}

/* 은평구소식 정기구독 해지 */
.subscribe.termination .caution_box{margin-top:20px;}
.subscribe.termination .caution_box .caution + .caution{margin-top:5px;}
.subscribe.termination .p-wrap .row_btn{text-align:center;}

/* 718_대중교통 운수종사자 지원 */
.cts718 .step_date{display:block; padding:10px; background-color:#ecf4fe; font-size:17px; line-height:25px; color:#444;}
@media all and (max-width:640px) {
    .cts718 .step_date{font-size:15px;}
}

/* 공유재산 목록 */
.epform.property .searchbox .search_band{font-size:0; line-height:0; vertical-align:middle;}
.epform.property .searchbox .search_text{width:58px; vertical-align:middle;}
.epform.property .searchbox .search_select{width:calc(100% - 68px); min-width:90px; margin-left:10px;}
.epform.property .searchbox.basic .search_input{width:200px;}
.epform.property td{word-break:keep-all;}
.epform.property td .park_map_m{display: none;}
@media all and (max-width:640px) {
    .epform.property .searchbox.basic .search_input{width:calc(100% - 68px); margin-right:0; margin-left:10px;}
    .epform.property .searchbox .btn.view{width:100%;}
    .epform.property .table.responsive br{display:none;}
	.epform.property td .park_map_pc{display: none;}
	.epform.property td .park_map_m{display: block;}
}

/* 지진정보 */
.epform.earthquake .searchbox.basic .search_input{width:530px;}
@media all and (max-width:1000px) {
    .epform.earthquake .searchbox.basic .search_input{width:350px;}
}
@media all and (max-width:640px) {
    .epform.earthquake .searchbox.basic .search_band{width:100%;}
    .epform.earthquake .searchbox.basic .search_input{width:calc(100% - 108px);}
}

/* 재난안전위험신고 */
.calamity .box.icon:before{background-image:url('/site/www/images/contents/cts1265_icon.png');}

/* 설문조사 */
.survey.list .table .subject{text-align:left;}
.survey .check_list{display:block; width:100%; margin-top:40px;}
.survey .check_item{margin-top:63px;}
.survey .check_item:first-child{margin-top:0;}
.survey .check_title{position:relative; width:100%; padding:18px 50px 18px 75px;border:1px solid #7565bc; background-color:#7565bc; text-align:left;}
.survey.result .check_title:before{display:inline-block; position:absolute; right:30px; top:21px; width:9px; height:16px; background-repeat:no-repeat; background-position:center; background-image:url('/site/www/images/program/slide_arrow.png'); transform:rotate(270deg)}
.survey.result .check_title.active:before{transform:rotate(90deg)}
.survey .check_title .count{display:inline-block; position:absolute; left:30px; top:14px; width:32px; height:32px; border-radius:50%; background-color:#fff; text-align:center;}
.survey .check_title .count_text{font-family:'Montserrat'; font-size:18px; line-height:32px; color:#7565bc; vertical-align:middle;}
.survey .check_title .title{font-weight:500; font-size:18px; line-height:24px; color:#fff;}
.survey .check_title .text{margin-top:5px; font-size:15px; line-height:24px; color:#fff;}
.survey .check_item .public_box{padding:30px;border:1px solid #d5d5d5; border-top-width:0;}
.survey .check_item .public_box .ask_item{padding:5px 0;}
.survey .check_item .public_box textarea{width:100%; border:1px solid #d5d5d5;}
.survey .check_list_box .public_box .survey_table{table-layout:fixed; border:1px #dedede solid; color:#555555;}
.survey .check_list_box .public_box .survey_table thead th:nth-child(2){width:87px;}
.survey .check_list_box .public_box .survey_table thead th:last-child{width:93px;}
.survey .check_list_box .public_box .survey_table thead th{padding:18px 10px; border-right:1px #ebebec solid; text-align:center; background-color: #f4f5f9;}
.survey .check_list_box .public_box .survey_table thead th:first-child{text-align: left; padding:18px 23px;}
.survey .check_list_box .public_box .survey_table thead th:last-child{border-right:0;}
.survey .check_list_box .public_box .survey_table thead th > span{font-weight:400;}
.survey .check_list_box .public_box .survey_table thead th .point_color{color: #ee425e;font-size: 17px;margin-right: 3px;}
.survey .check_list_box .public_box .survey_table thead th .th01{position:relative; padding-left:23px;}
.survey .check_list_box .public_box .survey_table thead th .th01:before{display: block; position:absolute; top:4px; left:0;content:"\F1ED";font-family:'remixicon';font-size:18px;line-height:18px}
.survey .check_list_box .public_box .survey_table thead th .th02{position:relative; padding-left:24px;}
.survey .check_list_box .public_box .survey_table thead th .th02:before{display: block; position:absolute; top:3px; left:0; content:"\EFF6";font-family:'remixicon';font-size:18px;line-height:18px}
.survey .check_list_box .public_box .survey_table thead th .th03{position:relative; padding-left:24px;}
.survey .check_list_box .public_box .survey_table thead th .th03:before{display: block; position:absolute; top:5px; left:0;content:"\F25E";font-family:'remixicon';font-size:18px;line-height:18px}
.survey .check_list_box .public_box .survey_table tbody td{padding:11px 10px; text-align: center; border-right:1px #ebebec solid;}
.survey .check_list_box .public_box .survey_table tbody td:first-child{padding:10px 23px;}
.survey .check_list_box .public_box .survey_table tbody tr:first-child td{padding-top:22px;}
.survey .check_list_box .public_box .survey_table tbody tr:last-child td{padding-bottom:22px;}
.survey .check_list_box .public_box .survey_table tbody td .div_per{overflow:hidden; text-align:left;}
.survey .check_list_box .public_box .survey_table tbody td .div_per .per_bar{margin-top:5px; width:100%; height:14px; border-radius:7px; background-color:#d6d9e2; }
.survey .check_list_box .public_box .survey_table tbody td .div_per .per_bar .per_point{float:left; border-radius:7px; height:100%; background-color: #f26183;font-size:0;line-height:0;}

@media all and (max-width:640px) {
    .survey .check_item{margin-top:33px;}
    .survey .check_title{padding:14px 35px 14px 45px;}
    .survey .check_title .count{left:15px; top:14px; width:25px; height:25px;}
    .survey .check_title .count_text{font-size:15px; line-height:25px;}
    .survey .check_title .title{font-size:16px;}
    .survey .check_title .text{font-size:14px; line-height:20px;}
    .survey .check_item .public_box{padding:10px 20px;}

    .survey.result .check_list_box .public_box{position:relative; max-width:100%; overflow-x:auto}
    .survey.result .check_list_box .public_box .survey_table{width:640px}
}


/* 2971_선거인명부 */
.elec_intro{position:relative; padding-top:44px; padding-right:63px; padding-left:57px; border-top-left-radius:70px; background-color:#ffecce; font-size:0;}
.elec_intro:before{display:inline-block; position:absolute;left: 100%; top:0; width:100vw; height:100%; background-color:#ffecce;}
.elec_intro .elec_inner{padding-left:135px; border-radius:20px 20px 0 0; border:1px solid #d8b886; border-bottom-width:0; text-align:right;}
.elec_intro .elec_title{position:relative; margin:0; top:-24px; text-align:left;}
.elec_intro .elec_title span{padding:0 15px; background-color:#ffecce;font-weight:500; font-size:16px; line-height:20px; color:#182766;}
.elec_intro .elec_title span:before{display:none; }
.elec_intro .elec_title img{display:block; margin-left:15px; margin-top:18px;}
.elec_intro .elec_infobox{position:relative;display:inline-block;width:550px;min-height:200px;padding: 48px 25px 30px 35px;margin-top:-100px;margin-right:-63px;border-radius:25px 25px 0 0;background-color:#fff;text-align:left;}/* padding: 48px 30px 30px 40px; */
.elec_intro .elec_infobox:before{display:inline-block; position:absolute; right:100%; bottom:0; width:548px; height:189px; margin-right:-30px; background-repeat:no-repeat; background-image:url('/site/www/images/program/elec_bg.png');}
.elec_intro .elec_list{display:table;}
.elec_intro .elec_item{display:table-row; padding:20px 0 10px;}
.elec_intro .elec_dt{display:table-cell; position:relative; width:65px; font-size:17px; padding-top:10px; font-weight:500; line-height:30px; color:#000; text-align:center;}
.elec_intro .elec_dt:before{display:inline-block; position:absolute; left:0; top:40px; width:100%; height:3px;  background-color:#ee4e41;}
.elec_intro .elec_dd{display:table-cell; padding-left:22px; font-size:16px; font-weight:400; line-height:30px; color:#444;}

@media all and (max-width: 1450px) {
    .elec_intro .elec_inner{padding-left:50px;}
    .elec_intro .elec_infobox:before{width:463px; height:167px; background-size:cover;}
}
@media all and (max-width: 1300px) {
    .elec_intro{padding-left:40px; padding-right:40px;}
    .elec_intro .elec_inner{padding-left:20px; padding-right:20px;}
    .elec_intro .elec_infobox{width:100%; margin-top:0; margin-right:0; padding-top:40px;}
    .elec_intro .elec_infobox:before{right:0; bottom:100%; width:317px; height:114px; margin-right:0;}
}
@media all and (max-width: 1000px) {
    .elec_intro .elec_infobox{width:100%;}
}
@media all and (max-width: 800px) {
    .elec_intro{border-radius: 40px 40px 0 0;padding-left:20px; padding-right:20px;}
    .elec_intro:before{display:none;}
    .elec_intro .elec_inner{padding-left:20px; padding-right:20px;}
    .elec_intro .elec_infobox{margin-right:0; padding:20px;}
    .elec_intro .elec_infobox:before{width:250px; height:90px; margin-right:10px;}
}

@media all and (max-width: 640px) {
    .elec_intro .elec_infobox{margin-top: 30px;}
    .elec_intro .elec_infobox:before{left:0; right:0; width:200px; height:72px; margin-bottom:-30px; margin-right:auto; margin-left:auto;}
    .elec_intro .elec_list{display:block;}
    .elec_intro .elec_item{display:block;padding:0;}
    .elec_intro .elec_dt{display:block;font-size:15px;}
    .elec_intro .elec_dd{display:block; margin-top:15px; padding-left:0;font-size:14px;line-height:24px;}
}

.elec_form {position:relative; margin-top:47px;border-radius:10px; background-color:#2f6dc0; text-align: center;}
.elec_form h4:before{display:none;}
.elec_form .elec_inner{padding:0 50px 56px;}
.elec_form .elec_tab{position:relative; left:0; right:0; width:745px; padding-top:96px; margin:auto;}
.elec_form .elec_tab > li{display:block; vertical-align:top; width:100%;}
.elec_form .tab_button {position:absolute; display:inline-block; top:38px; width:245px; height:58px; padding:4px; background-color:#6392d0;}
.elec_form .tab_button span{display:inline-block; position:relative; width:100%; height:100%; border-radius:30px; padding-top:10px; font-weight:500; font-size:18px; line-height:30px; color:#fff;}
.elec_form .elec_tab > li:first-child .tab_button{left: 0;border-radius: 30px 0 0 30px;margin: auto;}
/* .elec_form .elec_tab > li:first-child .tab_button{left:0; border-radius:30px; left:0; right: 0; margin: auto} */
.elec_form .elec_tab > li:nth-child(2) .tab_button{left:245px;}
.elec_form .elec_tab > li:nth-child(3) .tab_button{left:490px; border-radius: 0 30px 30px 0 ;}
.elec_form .tab_content{display:none;width:100%;}
.elec_form .elec_tab > li.active .tab_button span{background-color:#fff; font-size:20px; color:#1454aa; vertical-align:middle;}
.elec_form .elec_tab > li.active .tab_button span:before{display:inline-block; position:relative; width:22px; height:22px; margin-top:-5px; margin-right:4px; background-repeat:no-repeat; background-image:url('/site/www/images/program/elec_spanicon.png'); vertical-align:middle;}
.elec_form li.active .tab_content{display:block;}
.elec_form .tab_content .elec_subtext{padding:25px; background-repeat:repeat-x; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAAXNSR0IArs4c6QAAABRJREFUGFdjnL7twf9MLwVGBiQAAEbaBALCERijAAAAAElFTkSuQmCC); background-position:left bottom; color:#fff;}
.elec_form .tab_content .elec_subtext .box.basic{margin: 0;margin-top: 15px;}
.elec_form .tab_content .elec_subtext .box.basic .caution.type2.bold{color: #fff;}
.elec_form .tab_content .form_list{display:inline-block; width:530px; margin-top:25px; font-size:0; line-height:0;}
.elec_form .tab_content .form_item{text-align:left; margin:10px 0; vertical-align:top;}
.elec_form .tab_content .form_item label{width:110px; text-align:left; color:#fff; font-size:18px; line-height:54px; box-sizing:border-box;}
.elec_form .tab_content .form_item input{padding:10px; width:280px; border-radius:10px; height:54px; vertical-align:top; font-size:18px; line-height:24px;}
.elec_form .tab_content .form_item textarea{display:inline-block; margin-top:10px; padding:10px; width:calc(100% - 140px); height:100px; border-radius:10px; font-size:16px; line-height:24px;}
.elec_form .tab_content .form_item .text{padding-left:10px; font-size:16px; line-height:24px; letter-spacing:-0.025em; color:#fff;}
.elec_form .tab_content .form_item .info,
.elec_form .tab_content .form_item .info.p{padding-left:10px; font-size:16px; line-height:24px; letter-spacing:-0.025em; color:#fff;}
.elec_form .tab_content .form_item .info.p{margin-top:20px;}
.elec_form .tab_content .btn{margin-top:13px; padding-top:15px; width:280px; height:53px; line-height:25px;}
.elec_form .tab_content .btn.view:after{vertical-align:middle;}
.elec_form .tab_content .btn.link:after{vertical-align:super;}
.elec_form .tab_content .form_item .btn{margin-left:110px;}
.elec_form .tab_content .form_item .box.basic{background-color:#fff;}
.elec_form .tab_content .btn.type3{border-color:#09306a; background-color:#09306a;}
.elec_form .tab_content .form_result{padding:60px 20px;}
.elec_form .tab_content .form_result .text_main{font-weight:400; font-size:24px; line-height:30px; color:#fff;}
.elec_form .tab_content .form_result .text_main .name{font-weight:500;}
.elec_form .tab_content .form_result .text_sub{margin-top:23px; font-size:17px; line-height:24px; color:#fff;}
.elec_form .tab_content .form_result .text_sub em{color:#ffec19;}
.elec_form .tab_content .form_result.password{margin-top:50px;}
.elec_form .elec_buttons{padding-top:30px; background-repeat:repeat-x; background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAABCAYAAAAW/mTzAAAAAXNSR0IArs4c6QAAABRJREFUGFdjnL7twf9MLwVGBiQAAEbaBALCERijAAAAAElFTkSuQmCC); background-position:left top;}
.elec_form .tab_content.type2 .elec_buttons{margin-top:30px;}
.elec_form .tab_content.type2 #brthdy{width:150px;}
.elec_form .tab_content.type2 .elec_title{position:relative; font-size:20px; font-weight:500; line-height:30px; color:#fff;}
.elec_form .tab_content.type2 .elec_title:before{display:inline-block; position:relative; width:20px; height:19px; margin-right:10px;  background-repeat:no-repeat; background-position:center; background-image: url('/site/www/images/program/elec_objection.png');}
.elec_form .tab_content.type2 .form_item label{position:relative; width:140px; padding-left:25px;}
.elec_form .tab_content.type2 .form_item label:before{display:inline-block; position:absolute; left:0; top:0; bottom:0; margin:auto; width:16px; height:16px; background-image:url('/site/www/images/program/elec_label.jpg');}
.elec_form .tab_content.type2 .caution{color:#fff;}
.elec_form .tab_content.type2 .caution_icon{background-color:transparent; background-image:url('/site/www/images/program/elec_caution.png');}
.elec_form .tab_content.type2 .caution_icon:before{display:none;}
.elec_form .tab_content.type2.colorbg input,.elec_form .tab_content.type2.colorbg textarea{background-color:#235aa4; color:#fff;}
.elec_form .tab_content.case0 .form_result .text_main .point{font-weight:500; color:#9bf095; text-decoration:underline; text-underline-position: under;}
.elec_form .tab_content.case1 .form_result .text_main{line-height:40px;}
.elec_form .tab_content .form_result .text_main .point1{font-weight:500; color:#ffe119; text-decoration:underline; text-underline-position: under;}
.elec_form .tab_content .form_result .text_main .point2{font-weight:500; color:#9bf095;}
.elec_form .tab_content.case2 .form_result{padding:30px 20px;}
.elec_form .tab_content.case2 .form_item input{width:160px;}
.elec_form .tab_content.case2 #ihidnum{width:80px; margin-left: 7px;}
.elec_form .tab_content.case3 .form_result{display:inline-block; width:530px;}
.elec_form .tab_content.type2 .btn,
.elec_form .tab_content.case3 .btn{display:inline-block; width:200px; margin:0 10px;}
/* .elec_form .tab_content.type3 .form_item.button .btn{width:135px;} */
.elec_form .tab_content.type3 .form_item.button .btn+.btn{margin-left:10px;}

.elec_form .tab_content.case3 .form_list{margin-top:0;}
.elec_form .tab_content.case3 .table{border-top:none; border-bottom:none;}
.elec_form .tab_content.case3 .table thead th{background-color:#142965; color:#fff;}
.elec_form .tab_content.case3 .table thead tr{border:3px solid #142965;}
.elec_form .tab_content.case3 .table tbody tr{border:3px solid #215eb1;}
.elec_form .tab_content.case3 .table tbody tr:hover{border-color:#fff;}
.elec_form .tab_content.case3 .table tbody tr:hover td{border-top:3px solid #fff;}
.elec_form .tab_content.case3 .table tbody td{border-color:#215eb1; border-bottom:1px solid #90afd8; background-color:#215eb1; color:#fff;}
.elec_form .tab_content.case3 .table tbody td a,.elec_form .tab_content.case3 .table tbody td button{color:#fff;}

.elec_form .elec_tab.solo > li:first-child .tab_button{left:0; right:0; margin:auto; border-radius:30px;}


@media all and (max-width:1300px) {
    .elec_form .elec_inner{padding:0 15px 56px;}
    .elec_form .elec_tab{width:100%;}
    .elec_form .tab_button{width:33.33%;}
    .elec_form .elec_tab > li:nth-child(2) .tab_button{left:33.33%;}
    .elec_form .elec_tab > li:nth-child(3) .tab_button{left:66.66%;}
    .elec_form .tab_button span{font-size:16px;}
    .elec_form .elec_tab > li.active .tab_button span{font-size:17px;}

}

@media all and (max-width:800px) {
    .elec_form .tab_content .form_result .text_main br{display:none;}
}
@media all and (max-width:640px) {
    .elec_form .elec_inner{padding:0 5px 35px;}
    .elec_form .elec_tab{padding-top:166px;}
    .elec_form .elec_tab.solo{padding-top:66px;}
    .elec_form .elec_tab .tab_button span{padding-top:0; line-height:34px;}
    .elec_form .elec_tab > li.active .tab_button span{padding-top:10px; font-size:14px; line-height:20px; vertical-align:middle;}
    .elec_form .elec_tab .tab_button{width:100%; height:46px; top:15px;}

    .elec_form .elec_tab > li:first-child .tab_button,
    .elec_form .elec_tab > li:nth-child(2) .tab_button,
    .elec_form .elec_tab > li:nth-child(3) .tab_button{border-radius:30px;right:0; left:0; margin:auto;}
    .elec_form .elec_tab > li:nth-child(2) .tab_button{top:66px;}
    .elec_form .elec_tab > li:nth-child(3) .tab_button{top:116px;}

    .elec_form .tab_content .form_result .text_main,
    .elec_form .tab_content.case1 .form_result .text_main{font-size:18px; line-height:30px;}
    .elec_form .tab_content .form_list{width:360px;}
    .elec_form .tab_content .form_item label{width:85px; font-size:14px; line-height:40px;}
    .elec_form .tab_content .form_item input{width:140px; height:40px; font-size:14px;}
    .elec_form .tab_content .form_item textarea{width:calc(100% - 110px); font-size:14px;}
    .elec_form .tab_content .form_item .text,
    .elec_form .tab_content .form_item .info,
    .elec_form .tab_content .form_item .info.p{font-size:14px;}
    .elec_form .tab_content .btn{width:140px; height:40px; padding-top:11px; line-height:17px;}
    .elec_form .tab_content .form_item .btn{margin-left:85px;}
    .elec_form .tab_content .form_item.password{margin-top:40px;}
    .elec_form .tab_content.type2 .form_item label{width:100px; padding-left: 20px;}
    .elec_form .tab_content.type2 #brthdy{width:80px;}
    .elec_form .tab_content.type2 .btn,.elec_form .tab_content.type3 .btn,.elec_form .tab_content.case3 .btn{width:130px;}
    .elec_form .tab_content.case2 .form_item input{width:100px;}
    .elec_form .tab_content.type3 .form_item.button{text-align:center;}
    .elec_form .tab_content.type3 .form_item.button .btn{margin:10px;}
    .elec_form .tab_content.case3 .form_result{display:block; width:100%;}
    .elec_form .tab_content .form_result .text_sub br{display:none;}

    .elec_intro .elec_inner{padding-left:0; padding-right:0; border:none;}
    .elec_intro .elec_infobox{padding:20px 10px;}
}

@media all and (max-width:500px) {

    .elec_form .tab_content .form_list{width:100%;}
    .elec_form .tab_content .form_item input{width:calc(100% - 200px);}
    .elec_form .tab_content .form_item.button{text-align:center;}
    .elec_form .tab_content .form_item .btn{margin-left:0;}
    .elec_form .tab_content.case2 .form_item input{width:calc(100% - 244px)}
}

/* 맞춤복지 콘텐츠 페이지 */
.page861 #contents{margin-bottom:30px;}
.page861 .satisfaction{margin-top:30px;}

/* 기존 은평 추정 */
/* 팝업 */
/*
#pop_box {width:100%; display:inline-block; border-top:2px solid #546e8f; padding:10px 0;}
#pop_box ul {float:left; width:100%;}
#pop_box ul li {float:left; width:50%; height:185px; padding:25px 0 0px; border-bottom:1px solid #ececec; position:relative;}
#pop_box ul li a {width:360px; height:181px;  display:inline-block;}
#pop_box ul li img {border:1px solid #ccc;}
#pop_box ul li span.img {width:100%; display:inline-block;  text-align:center;}
#pop_box ul li span.title {width:100%; display:inline-block; padding:10px 0; text-align:center;  font-size:14px; font-weight:bold; color:#525252;}
#pop_box ul li span.link {width:100%; display:inline-block; color:#525252; padding:0 23px 0 0; background:url('/common/images/board/banner_new_win.gif') no-repeat right 3px;}

#pop_box ul.pop_info li a {text-align:center;}
#pop_box ul.pop_info li img {height:120px; width:220px;}
*/
/* 배너 */
/*
#banner_box {width:100%; display:inline-block; border-top:2px solid #546e8f; padding:10px 0;}
#banner_box ul {float:left; background:url('/common/images/board/banner_line.gif') repeat left top; width:100%;}
#banner_box ul li {float:left; width:50%; height:41px; padding:25px 0 24px; position:relative;}
#banner_box ul li a {width:360px; height:41px;  display:inline-block;}
#banner_box ul li img {border:1px solid #ccc;}
#banner_box ul li span.img {position:absolute; top:24px; left:20px;}
#banner_box ul li span.title {position:absolute; top:26px; left:175px; font-size:14px; font-weight:bold; color:#525252;}
#banner_box ul li span.link {position:absolute; top:44px; left:175px; color:#525252; padding:0 23px 0 0; background:url('/common/images/board/banner_new_win.gif') no-repeat right 3px;}

#contents #sitemap {width:100%; position:relative;}
#contents #sitemap .site_map_col {float:left; width:100%; margin:0 0 20px 0;}
#contents #sitemap .site_map_col .sitemap_box {width:210px; float:left; margin:0 9px;}
#contents #sitemap .site_map_col .sitemap_box h2 {padding:18px 0 10px; font-size:16px; text-align:center; margin:0 0 20px 0; background:url('/common/images/board/sitemap_h2_bg.gif') no-repeat left 4PX; }
#contents #sitemap .site_map_col .sitemap_box h2 a {color:#0e5f89; font-family: 'Nanum Gothic';}
#contents #sitemap .site_map_col .sitemap_box ul {float:left; width:210px; border-top:1px solid #e7e7e7;}
#contents #sitemap .site_map_col .sitemap_box ul li { float:left; width:210px; border-bottom:1px solid #e7e7e7;}
#contents #sitemap .site_map_col .sitemap_box ul li a{ padding:8px 0 6px 20px; font-weight:600; float:left; color:#2d2d2d; width:190px; background:url('/common/images/board/sitemap_li_bg.gif') no-repeat 2px 11px; font-size:14px; }
#contents #sitemap .site_map_col .sitemap_box ul li ul{ padding:5px 0 10px 0;}
#contents #sitemap .site_map_col .sitemap_box ul li ul li{border:none; }
.wrap #contents #sitemap .site_map_col .sitemap_box ul li ul li a{ background:url('/common/images/board/sitemap_li_li_bg.gif') no-repeat 13px 12px; font-weight:400; font-size:12px; padding:4px 0 2px 25px}
*/

/* 행정규제 사무목록 */
.epform.regulation .table td{word-break:keep-all;}

/* 은평소식지 */
.epletter .epletter_view{position:relative; min-height:400px; padding:61px 0 0 414px;}
.epletter .epletter_view:before{display:block; position:absolute; z-index:-1; left:0; top:0; width: 100%; height:356px; border-radius:73px 0 73px 0;background: rgb(222,229,252);
    background: -moz-linear-gradient(-105deg,  rgba(222,229,252,1) 10%, rgba(250,234,255,1) 50%, rgba(255,255,255,1) 82%);
    background: -webkit-linear-gradient(-105deg,  rgba(222,229,252,1) 10%,rgba(250,234,255,1) 50%,rgba(255,255,255,1) 82%);
    background: linear-gradient(75deg, rgba(222,229,252,1) 10%,rgba(250,234,255,1) 50%,rgba(255,255,255,1) 82%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5fc', endColorstr='#ffffff',GradientType=1 );
}
.epletter .epletter_contents h3{margin-top:33px; color:#0f3977; font-weight:600;}
.epletter .epletter_contents h3 span:before{right:auto; left:0; top:100%; width:50px; height:2px; margin-top:15px; background-color:#0f3977;}
.epletter .epletter_contents .epletter_btn{margin-top:70px; margin-left:-7px;}
.epletter .epletter_contents .epletter_btn .btn{margin:0 7px;}
.epletter .epletter_contents .epletter_btn .btn.view{border-color:#0f3977; color:#0f3977;}
.epletter .epletter_contents .epletter_btn .btn.view:after{background-image:url('/site/www/images/program/epletter_view.png'); background-size:unset; background-position:center; background-repeat:no-repeat;}
.epletter .epletter_contents .btn.sound:after{display:inline-block; position:relative; vertical-align:top; top:2px; width:20px; height:17px; background-image:url('/site/www/images/program/btn_sound.png');}
.epletter .epletter_list{font-size:0; line-height:0; margin-left:-70px; margin-top:-30px;}
.epletter .epletter_item{display:inline-block; width:25%; padding-left:70px; padding-top:30px; text-align:center;}
.epletter .epletter_cover{border-radius:18px;box-shadow: 0 0 22px 0 rgba(0, 0, 0, 0.16);}
.epletter .epletter_title{padding:13px 0 17px;}
.epletter .epletter_title span{position:relative; padding:0 3px; font-weight:400; font-size:18px; line-height:22px; letter-spacing:-2px;}
.epletter .epletter_title span:before{display:inline-block; position:absolute; z-index:-1; left:0; bottom:0; margin-left:-3px; width:100%; height:1px; border:4px solid #ceeeff; background:#ceeeff; border-radius:4px;}
.epletter .epletter_item .p-form-checkbox{margin-top:3px;}
.epletter .epletter_item .p-form-checkbox__input{left:5px;}
.epletter .epletter_view .epletter_cover{position:absolute; left:77px; top:61px; width:278px; height:393px;}
@media all and (max-width: 1450px) {
    .epletter .epletter_contents .epletter_btn .btn{min-width:140px;}
    .epletter .epletter_list{margin-left:-30px;}
    .epletter .epletter_item{padding-left:30px;}
}
@media all and (max-width: 1300px) {
    .epletter .epletter_view{padding:40px; text-align:center;}
    .epletter .epletter_view:before{border-radius:40px;background: rgb(222,229,252);
        background: -moz-linear-gradient(180deg,  rgba(222,229,252,1) 10%, rgba(250,234,255,1) 50%, rgba(255,255,255,1) 82%);
        background: -webkit-linear-gradient(180deg,  rgba(222,229,252,1) 10%,rgba(250,234,255,1) 50%,rgba(255,255,255,1) 82%);
        background: linear-gradient(180deg, rgba(222,229,252,1) 10%,rgba(250,234,255,1) 50%,rgba(255,255,255,1) 82%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dee5fc', endColorstr='#ffffff',GradientType=1 );}
    .epletter .epletter_contents h3{margin-top:0;font-size:24px; text-align:center;}
    .epletter .epletter_contents h3 span:before{right:0; margin: 15px auto auto;}
    .epletter .epletter_view .epletter_cover{display:inline-block; position:relative; top:auto; left:0; right:0; width:213px; height:300px; margin-top:20px;}
    .epletter .epletter_contents .epletter_btn{margin-top:35px;}
    .epletter .epletter_item{width:33.33%;}
}
@media all and (max-width: 800px) {
    .epletter .epletter_item{width:50%;}
}
@media all and (max-width: 640px) {
    .epletter .epletter_view{padding:40px 20px;}
    .epletter .epletter_contents h3{font-size:20px; }
    .epletter .epletter_contents h3 span:before{display:none;}
    .epletter .epletter_contents .epletter_btn .btn{min-width:auto;}
    .epletter .epletter_contents .epletter_btn .btn:after{display:none;}
    .epletter .epletter_title span{font-size:16px;}
}
@media all and (max-width: 400px) {
    .epletter .epletter_item{width:100%;}
}

/* 폐업소상공인지원신청 */
.closeBiz.apply .olreason{display:none;}
.closeBiz.apply .olreason.active{display:block;}
.closeBiz .modal .modal__close{right:20px; top:15px; line-height:0;}
.closeBiz .modal .modal__close-button span{background:transparent}

/* 조상 땅 찾기 */
.p-wrap.ancestor_land .essential:before{top:5px;}

.p-wrap.ancestor_land.list .table .state_btn{margin-top:2px; margin-bottom:2px}
.p-wrap.ancestor_land .p-input.textarea{height:200px}
.p-wrap.ancestor_land .table .btn.delete{min-width:auto}
.p-wrap.ancestor_land .heir_info{display:none}
.p-wrap.ancestor_land .heir_info.on{display:block}

/* 안심주택 */
.program.sfhouse .box.icon:before{background-image:url(/site/www/images/contents/cts1078_icon.png);}
.program.sfhouse .sfhouse_map{height:450px;}

/* 안심주택 modal */
.program.sfhouse .sfhouse_modal{display:block;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;font-family:'NotoKr';opacity:0;}
.program.sfhouse .sfhouse_modal .modal_wrap{display:block;position:relative;top:50%;max-width:900px;height:80vh;margin-right:auto;margin-left:auto;padding:47px 50px 50px 50px;border-radius:20px;background-color:#fff;transform:translateY(-50%);}
.program.sfhouse .sfhouse_modal .scroll_wrap{display:block;overflow:auto;height:100%;}
.program.sfhouse .sfhouse_modal .scroll_wrap::-webkit-scrollbar{width:16px;}
.program.sfhouse .sfhouse_modal .scroll_wrap::-webkit-scrollbar-thumb{border:5px solid #fff;border-radius:8px;background-color:rgba(15, 57, 119, .5);}
.program.sfhouse .sfhouse_modal .modal_title{position:relative;color:#000;font-size:28px;font-weight:500;line-height:normal;letter-spacing:-.025em;}
.program.sfhouse .sfhouse_modal .modal_title:after{display:inline-block;width:8px;height:8px;margin-top:3px;margin-left:8px;border-radius:50%;background-color:#000;vertical-align:top;}
.program.sfhouse .sfhouse_modal .modal_top{display:block;margin-top:20px;padding:22px 30px 26px;border:10px solid #e4f3ff;text-align:center;border-bottom-left-radius:50px;border-top-right-radius:50px;}
.program.sfhouse .sfhouse_modal .modal_sub{color:#000;font-size:24px;font-weight:600;line-height:normal;letter-spacing:-.025em;}
.program.sfhouse .sfhouse_modal .modal_addr{display:flex;justify-content:center;margin-top:12px;}
.program.sfhouse .sfhouse_modal .modal_addr span{font-size:16px;font-weight:500;line-height:normal;letter-spacing:-.025em;}
.program.sfhouse .sfhouse_modal .modal_addr span:first-child{position:relative;padding-left:15px;color:#0f3977;white-space:nowrap;}
.program.sfhouse .sfhouse_modal .modal_addr span:first-child:before{display:block;position:absolute;top:11px;left:0;width:8px;height:2px;background-color:#0f3977;}
.program.sfhouse .sfhouse_modal .modal_addr .addr{color:#444;font-weight:300;}
.program.sfhouse .sfhouse_modal .table{margin-top:19px;}
.program.sfhouse .sfhouse_modal .stat{display:inline-block;width:80px;height:32px;padding-top:3px;border-radius:4px;color:#fff;font-family:'NotoKr';font-size:15px;font-weight:300;letter-spacing:-.025em;text-align:center;}
.program.sfhouse .sfhouse_modal .stat:before{display:inline-block;height:100%;vertical-align:middle;}
.program.sfhouse .sfhouse_modal .stat.vacancy{background-color:#1d98dd;}
.program.sfhouse .sfhouse_modal .stat.presence{background-color:#6a747c;}
.program.sfhouse .sfhouse_modal .stat.not{background-color:#cc68a8;}
.program.sfhouse .sfhouse_modal .modal_close{display:block;position:absolute;top:-15px;right:-15px;width:55px;height:55px;border-radius:50%;background-color:#0f3977;font-size:0;line-height:0;}
.program.sfhouse .sfhouse_modal .modal_close:before,.program.sfhouse .sfhouse_modal .modal_close:after{display:block;position:absolute;top:calc(50% - 1px);left:20%;width:60%;height:2px;border-radius:1px;background-color:#fff;}
.program.sfhouse .sfhouse_modal .modal_close:before{transform:rotate(45deg);}
.program.sfhouse .sfhouse_modal .modal_close:after{transform:rotate(135deg);}

/* 안심주택 modal active */
html.sfhouse_modal_open body{overflow:hidden;}
html.sfhouse_modal_open #header,html.sfhouse_modal_open #footer{z-index:4;}
html.sfhouse_modal_open #container{z-index:5;}
html.sfhouse_modal_open #header:before,html.sfhouse_modal_open #footer:before,html.sfhouse_modal_open #container:before{display:block;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.45);}
html.sfhouse_modal_open #footer .up{opacity:0;}
html.sfhouse_modal_open .program.sfhouse .sfhouse_modal{visibility:visible;z-index:100;opacity:1;}
@media all and (max-width:1000px){
.program.sfhouse .sfhouse_map{height:300px;}
.program.sfhouse .sfhouse_modal .modal_wrap{max-width:84%;}
}
@media all and (max-width:640px){
.program.sfhouse .sfhouse_map{height:240px;}
.program.sfhouse .sfhouse_modal .modal_wrap{padding:21px 28px 24px;}
.program.sfhouse .sfhouse_modal .modal_title{font-size:21px;}
.program.sfhouse .sfhouse_modal .modal_top{padding:12px 8px 16px;border-width:4px;border-bottom-left-radius:25px;border-top-right-radius:25px;}
.program.sfhouse .sfhouse_modal .modal_sub{font-size:19px;}
.program.sfhouse .sfhouse_modal .modal_addr span{font-size:15px;}
.program.sfhouse .sfhouse_modal .modal_addr span:first-child{padding-left:12px;}
.program.sfhouse .sfhouse_modal .modal_addr span:first-child:before{top:10px;width:6px;}
.program.sfhouse .sfhouse_modal .table.responsive tbody tr:nth-child(2n){background-color:rgba(15, 107, 219, .05);}
.program.sfhouse .sfhouse_modal .stat{width:64px;height:24px;padding-top:1px;font-size:13px;}
.program.sfhouse .sfhouse_modal .modal_close{width:40px;height:40px;}
}

/*홍보동영상*/
.movie.view .view_main .main_text{overflow-y: scroll; max-height: 500px}

/* 공유재산 목록 - 리스트 */
.joint_property_list .address .address_btn{margin-top: 5px;}
.joint_property_list .address .address_btn:hover{color: #202e70;}
.joint_property_list .address .kakaomap_btn{min-width: auto;font-size: 0;line-height: 0;margin-left: 5px;}
.joint_property_list .address .kakaomap_btn:after{margin-left: 0;}
@media all and (max-width:640px){
.joint_property_list .address .park_map_m{display: inline-block !important;}
}

/* 공유재산 목록 - 상세 */
.joint_property_view .p-photo{display: inline-block;width: 23%;margin: 0 4px;}
.joint_property_view .p-photo img{max-width: 100%;}
@media all and (max-width:640px){
.joint_property_view .p-photo{float: left;width: 44%;margin: 5px;}
}

/* 계약현황-공사 용역 물품 */
.epform .box.search{margin-bottom:40px;padding:20px 0;border-radius:9px; border:1px solid #1d98dd; color:#383838; box-shadow:0 11px 15px 0 rgba(29, 152, 221, 0.15); text-align: center;}
.epform .search_list{max-width: 670px;margin: 0 auto;}
.epform .box.search .search_item{font-size: 18px;line-height: 40px;vertical-align: top;margin: 2px 0;}
.epform .box.search .p-input{width:100%;height:40px;margin: 1px 0;padding:8px;border-radius:4px;border:none;background-color:#f2f4f8;color:#303030;font-size:16px;line-height:20px;}
.epform .box.search .p-date-group .p-input{border-radius: 4px 0 0 4px;}
.epform .box.search .p-date-group .p-date__icon{width:40px; height:40px; border-radius:0 4px 4px 0; background-color:#f2f4f8; border:none;}
.epform .box.search .p-date-group .p-date__icon:before{background-image:url('/site/www/images/program/search_date.png'); background-size:cover;}
.epform .box.search .btn.search{min-width:auto;width:95px;margin: 1px 0;}
.epform .box.search .btn.search:after{display:inline-block; position:relative; margin-left:8px; background-image:url(../images/sprite/template_sprite.png); vertical-align:top;width:18px; height:18px; background-size:627.77778% 7022.22222%; background-position:left 35.47352%}
@media only screen and (max-width: 765px) {
.epform .search_list{max-width: none;}
.epform .box.search .search_label{text-align: left;}
}