﻿
table .btns{margin:0;}

/* 주민참여예산_재정용어사전 */
.termWrap > ul{display:flex; overflow:hidden; margin-bottom:2.5rem; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.termWrap > ul > li{display:inline-block; width:5.65%; border:1px solid #ddd; border-top:0; border-left:0; box-sizing:border-box;}
.termWrap ul li:last-child {flex:1;}
.termWrap ul li a{display:flex; align-items:center;  justify-content:center; width:100%; height:2.5rem; padding:0 0.5rem; line-height:1.1; word-break:keep-all; box-sizing:border-box; text-align:center;}
.termWrap ul li.on a{background:#233659; color:#fff; font-weight:600;}
.sec_faq_blk .accordion-item {border-bottom:none;}
.sec_faq_blk .faq_blk {margin-bottom:10px;}
.sec_faq_blk .faq_blk >.ques_blk {display:block; position:relative; padding:0.5rem 2rem 0.5rem 0.75rem; border:solid 1px #ddd; font-size:0.95rem; color:#333; line-height:140%;}
.sec_faq_blk .faq_blk >.ques_blk::after {position:absolute; top:0.6rem; right:0.5rem; width:1.2rem; height:1.2rem; background:url(/images/web/goeic/sub/ico_arr_accordion.svg) no-repeat center; background-size:1rem; transform:rotate(0deg); transition:0.4s ease-in-out; content:'';}
.sec_faq_blk .faq_blk >.ques_blk.on::after {transform:rotate(180deg);}
.sec_faq_blk .faq_blk >.answer_blk {display:none; padding:15px; background:#f8f8f8; color:#666; line-height:160%;}
.sec_faq_blk .faq_blk.on >.answer_blk {display:none; border:solid 1px #ddd; border-top:none }
.sec_faq_blk .sec_qna_blk {border-top:solid 1px #ccc;}
.sec_faq_blk2 .faq_blk {margin-bottom:0;}
.sec_faq_blk2 {border-top:2px solid #433f94;}
.sec_faq_blk2 .faq_blk a {border-right:0 !important;  border-left:0 !important; background:none !important}
.sec_faq_blk2 .faq_blk:nth-child(n+2) a {border-top:0;}
.sec_faq_blk2 .faq_blk.on .answer_blk {border-right:0 !important; border-left:0 !important;}

/* 연혁 탭컨텐츠 */
.year_con > div{display:none;}
.year_con > div.on{display:block;}

/* 심볼마크 아이콘 박스 */
.box_mark.box_ico .ico{width:5.5rem; height:5.5rem; background:#fff;}

/* 조직안내 */
.emp-search {max-width:100%; margin:2rem auto; border:1px solid #ddd; background:#f7f7f7; border-radius:0.25rem;}
.emp-search .search-form {display:flex; flex-direction:column; padding:1rem 2rem; gap: 0.25rem 0;}
.emp-search .search-form .form-label {flex:0 0 auto; width:8rem; line-height:1; color: #00589d; font-size: 0.95rem; margin-right:0; font-weight:700;}
.emp-search .form-field {display:flex; align-items:center; gap:0.25rem; flex:1 1 auto;}
.emp-search .form-field .select {min-width:5rem; position:relative; height:2rem; background:#fff;}
.emp-search .form-field .select select {height:100%; width:100%; font-weight:400; padding:0 0.75rem; appearance:none;  border:1px solid #ccc; border-radius:0.25rem; font-size:0.8rem;}
.emp-search .form-field .select:after {content:''; position:absolute; right:0.5rem; top:50%; transform:translateY(-50%); border-left:0.2rem solid transparent; border-right:0.2rem solid transparent; border-top:0.3rem solid #333;}
.emp-search .form-field .input {height:2rem; padding:0 0.75rem; border:1px solid #ccc; border-radius:0.25rem; font-size:0.8rem; flex:1 1 auto; min-width:18rem;}
.emp-search .field-group {display:flex; gap:0.25rem; flex:1 1 auto;}
.emp-search .form-row {display:flex; align-items:center; gap:1rem; flex-wrap:wrap;}
.emp-search .select-full {min-width:20rem;}
.emp-search .btn {height:2rem; padding:0 1.6rem; border:0; border-radius:0.25rem; font-size:0.8rem; cursor:pointer; font-weight:700; margin:0;}
.emp-search .btn.primary {background:#007cd6; color:#fff;}

/* 조직안내 : 차트 */
.chartBox .step02{display:flex; flex-wrap:wrap; width:100%; gap:20%;}
.chartBox .step02 li{float:none; width:auto;}
.chartBox.type01 .step02 > li.half{width:40%;}
.chartBox .step02 > li > a{margin-bottom:0;}
.chartBox.type01 .step02 > li{padding-top:2.5rem;}
.chartBox.type01 .step02:before{display:block; position: absolute; top: 0; left:20%; width:60%; height: 1px; background: #d9d9d9; content: ""; transform:none;}
.chartBox .step04 li:first-child{padding-top:1rem;}
.chartBox .step04 li:first-child:before{height:1rem;}

/* 학교위치찾기 */
.sch_list{display:flex; flex-wrap:wrap; width:100%; gap:1.5rem 1.75rem;}
.sch_list .sch_item{display:flex; overflow:hidden; position:relative; width:calc((100% - 3.5rem) / 3); height:8.05rem; padding:1.75rem 1.25rem 1.5rem 1.25rem; gap:1.9rem; border-radius:1.6rem; font-size:0.9rem; letter-spacing:-0.05em; font-weight:700;}
.sch_list .sch_item:nth-child(1){background-color:#feeef3 ;}
.sch_list .sch_item:nth-child(2){background-color:#ffe8a2;}
.sch_list .sch_item:nth-child(3){background-color:#d7f5d1;}
.sch_list .sch_item:nth-child(4){background-color:#d7f1ff;}
.sch_list .sch_item:nth-child(5){background-color:#ffd2aa;}
.sch_list .sch_item:nth-child(6){background-color:#f1e0ff ;}
.sch_list .sch_item > img{}
.sch_list .sch_item .con{display:flex; flex-direction:column; justify-content:space-between; position:relative; padding-top:0.2rem;}
.sch_list .sch_item .con .tit{margin-bottom:0; font-size:1rem; color:#222; font-weight:700;}
.sch_list .sch_item .con .schBtns{position:relative;}
.sch_list .sch_item .con .schBtns .sch_btn{display:flex; justify-content:space-between; align-items:center; position:relative; width:8.4rem; height:2.35rem; padding:0 1rem; border-radius:1.2rem;}
.sch_list .sch_item .con .schBtns .sch_btn:hover{box-shadow:3px 3px 10px rgba(0, 0, 0, 0.15);}
.sch_list .sch_item:nth-child(1) .con .schBtns .sch_btn{background-color:#fdc0d3;}
.sch_list .sch_item:nth-child(2) .con .schBtns .sch_btn{background-color:#ffcf3e ;}
.sch_list .sch_item:nth-child(3) .con .schBtns .sch_btn{background-color:#99d68d;}
.sch_list .sch_item:nth-child(4) .con .schBtns .sch_btn{background-color:#84d4ff;}
.sch_list .sch_item:nth-child(5) .con .schBtns .sch_btn{background-color:#ffa04c;}
.sch_list .sch_item:nth-child(6) .con .schBtns .sch_btn{background-color:#d5a6fb;}
.sch_list .sch_item .con .schBtns .sch_btn > i{font-weight:600;}

/* 개인정보 처리방침 */
.policy_cont h4.tit2 span img {height: 2rem;margin: -1rem 0 -.5rem;padding-left: 0rem;}
.policy_cont .tbl_st span img {height: 2rem;margin: -.2rem 0 -.5rem;padding-left: 0rem;}
.policy_cont .policy_box p img {height:5rem;}
.policy_cont .policy_box .detail {min-height:2.5rem; display:flex; align-items:center; justify-content:center; }

/* 공공누리 이미지 */
.rsp_img.nuri{margin-bottom:0.5rem;}
.rsp_img.nuri > img{height:3.8rem;}


.year_con > div {display:none;}
.year_con > div.on {display:block;}


@media screen and (min-width:801px) {
    .chartBox .step02{max-width:80%; margin:0 auto;}
}

@media screen and (max-width:1600px) {
    /* 학교위치찾기 */
    .sch_list{gap:1.4vw;}
    .sch_list .sch_item{width:calc((100% - 2.8vw) / 3); padding-left:1.4vw; padding-right:1vw; gap:1.4vw;}
    .sch_list .sch_item > img{display:flex; align-self:center; height:4.5rem; width:4.5rem;}
    .sch_list .sch_item .con .schBtns .sch_btn{width:10vw;}
}

@media screen and (max-width:1240px) {
    /* 학교위치찾기 */
    .sch_list .sch_item{gap:2vw; padding-left:2vw;}
    .sch_list .sch_item .con .schBtns .sch_btn{width:14vw;}
}

@media screen and (max-width:860px) {
    /* 학교위치찾기 */
    .sch_list{gap:1rem;}
    .sch_list .sch_item{width:calc((100% - 1rem) / 2); padding:1.5rem 1.25rem; height:auto; gap:1.25rem;}
    .sch_list .sch_item .con .schBtns .sch_btn{width:7.5rem;}
}

@media screen and (max-width:840px){
    /* 조직안내 */
    .emp-search .form-field {width:100%; flex-wrap:wrap;}
    .emp-search .search-form {gap:1rem 0; padding:1rem 1.5rem;}
    .emp-search .form-row {flex-direction:column; align-items:flex-start; gap:0.5rem;}
    .emp-search .form-field .input {min-width:auto;}
    .chartBox.type01 .step02 > li.half{margin-top:0 !important;}
}

@media (max-width:768px){
    /* 주민참여예산_재정용어사전 */
    .termWrap > ul {flex-wrap:wrap; margin-bottom:1.5rem;}
    .termWrap > ul > li {width:25%;}
    .termWrap ul li a {font-size:0.8rem;}
    .sec_faq_blk .faq_blk >.ques_blk {font-size:0.9rem;}
}

@media screen and (max-width:640px) {
    .chartBox .step02{gap:10%;}
    .chartBox.type01 .step02 > li.half{width:45%;}
    
    /* 학교위치찾기 */
    .sch_list{flex-wrap:nowrap; flex-direction:column;}
    .sch_list .sch_item{width:100%;}
    .sch_list .sch_item .con .schBtns{margin-top:0.5rem;}
    .sch_list .sch_item .con .schBtns .sch_btn{height:2.2rem;}
}

@media screen and (max-width:520px){
    /* 조직안내 */
    .emp-search .search-form {padding:1rem;}
    .emp-search .form-field,
    .emp-search .field-group {flex-direction:column;}
    .emp-search .field-group,
    .emp-search .btn.primary,
    .emp-search .form-field .select,
    .emp-search .form-field .select select {width:100%;}
    .emp-search .select-full {min-width:auto;}
}

@media screen and (max-width:360px) {
    /* 학교위치찾기 */
    .sch_list .sch_item{padding:1.3rem 1.1rem; gap:1rem;}
    .sch_list .sch_item > img{width:4rem; height:4rem;}
    .sch_list .sch_item .con .schBtns .sch_btn{width:7rem;}
}
