@charset "UTF-8";

/* footer CSS와 충돌이 생겨서 주석처리 했습니다.
* {margin:0;padding:0;}
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {border:0;outline:0;background:transparent;font-size:100%;}
table,caption,tbody,tfoot,thead,tr,th,td {outline:0;background:transparent;font-size:100%;}
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary {display:block;}
nav, ul, li {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after {content:"";content:none;}

a {margin:0;padding:0;border:0;font-size:100%; text-decoration: none; color: inherit;}
ins, a {color:#000;text-decoration:none;}
mark {color:#000;font-style:italic;font-weight:700;}
del,s {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {}
th,td {}

select{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}

body {font-size:15px;color:#333;line-height:150%; font-family:'NotokrR';}
select,input,button,textarea,button{font-family:'NotokrR','S-CoreDream-4Regular', 'Malgun Gothic', sans-serif;}
table{font-size:inherit;}
pre,code,kbd,samp,tt{font-family:monospace; line-height:100%;}

caption {text-indent:-20000px; height:0px; overflow:hidden;}*/

.sub-tit {color: #2865a7; font-family: 'GmarketSans'; font-size: 24px; font-weight: normal; margin-right: 20px; letter-spacing:-0.03em;}
.sub-line {display: block; width: 100%; height: 6px; background-color: #f3f5f9;}
.dot-line{background: url(/images/Potal/Content/01/img/dot-line.png) no-repeat center; width: 655px; height: 4px; display: block; position: absolute; bottom: 25px; right: 0;}
.compl_info .img_Wrap {max-height: 580px;}
.cont-list.step01 li.li_none:before {background: 0;}
.cont-list.step02 li.li_none:before {background: 0;}


/* 민원서식 */
.sub_form {position: relative; display: flex;}
.civil {width: 292px;}
.civil2 {width: 858px; padding: 10px 0; overflow: hidden;}
.civil2 .top {display: flex; align-items: center;}
.civil2 .top .sub-tit {white-space: nowrap;}
.civil2 .top .sub-line {width: 100%; margin-bottom: 10px;}

.civil_titWrap {display: flex;}
.sub_form p {font-family: 'NotoKrR'; font-size: 15px; letter-spacing: -0.02em; color: #555; margin-top: 25px;}
.sub_form .btn-wrap {margin-top: 80px;}

@media screen and (max-width:780px) {
    .sub_form {flex-direction: column; padding: 0 10px; text-align: center;}
    .civil {margin: 0 auto;}
    .civil2 {width: auto; margin-top: 25px;}
    .civil2 .top .sub-tit {width: 100%;}
    .sub-line {display: none;}
    .dot-line {bottom: 24px; right: 18px; width: 95%;}
    .sub_form .btn-wrap {margin-top: 50px;}
}

/* 폐업신고간편화 */
.closure {display: flex; align-items: center;}
.closure div {width: 100%; height: 390px; border-radius: 5px; text-align: center;}
.closure>div:nth-child(1) {border: 1px solid #b4d0ec; width: 45%;}
.closure div:nth-child(1) .closure_tit {background-color: #ebf5fd;}
.closure div:nth-child(2) {width: 10%;}
.closure>div:nth-child(3) {border: 1px solid #c4b7e2; width: 45%;}
.closure div:nth-child(3) .closure_tit {background-color: #f4f1fb;}
.closure>div:nth-child(1) img,.closure>div:nth-child(3) img {padding: 33px 0; box-sizing: border-box;}
.closure>div:nth-child(2) img {padding: 180px 0;}
.closure_tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 18px; text-align: center; line-height: 55px; height: 55px; display: block; border-radius: 5px 5px 0 0; letter-spacing: -0.05em;}
.closed_down .imgwrap {width: 100%;}
.closed_down .imgwrap img {height: auto; max-width: 95%;}
ul.sectors {border: 1px solid #e1e1e1; border-radius: 5px; padding: 5px 15px;}
ul.sectors li {position: relative; display: inline-block; width: calc(20% - 3px); border-bottom: 1px dashed #e1e1e1; padding: 10px 0 10px 26px; box-sizing: border-box; font-size: 15px; font-family: 'NotoKrL';}
ul.sectors li::before {content: ''; position: absolute; top: 14px; left: 0; background: url(/images/Potal/Content/01/img/check.png) no-repeat center; width: 15px; height: 15px;}
ul.sectors .col_1 {padding-left: 54px;}
ul.sectors .col_1::before {padding-left: 50px;}


@media screen and (max-width:1100px) {ul.sectors li {width: 24%; font-size: 14px;} ul.sectors .col_1::before {padding-left: 0px;} ul.sectors .col_1 {padding-left: 25px;}}
@media screen and (max-width:790px) {.closure {flex-direction: column;} .closure .arrow {display: none;} .closure>div:nth-child(1),.closure>div:nth-child(3) {width: 95%;} .closure>div:nth-child(3){margin-top: 30px;}}
@media screen and (max-width:718px) {ul.sectors li {width: 49%;}}
@media screen and (max-width:360px) {ul.sectors li {width: 100%;}}

/* 사전심사청구제도 */
.p1_01 .contentbox-tit .box-con:before {content: ""; width: 84px; height: 84px; background: url(/images/Potal/Content/01/img/box-con-icon02.png) no-repeat center #f7f7f7; position: absolute; top: 0; left: 0; border-radius: 50%;}

/* 수수료안내 */
.p1_02 .contentbox-tit .box-con:before {background: url(/images/Potal/Content/01/img/box-con-icon03.png) no-repeat center #f7f7f7;}

/* 지방세개요 */
.orgBox {padding: 50px; border: 1px dashed #ccc;}
.orgInner {text-align: center;}
.orgInner .tit {position: relative; display: inline-block; width: 115px; height: 115px; background-color: #468bd1; border-radius: 50%; font-size: 20px; color: #fff; line-height: 115px; margin-bottom: 95px; box-shadow: 1.5px 2px 6px 2px rgba(0,0,0,0.15);}
.orgInner .tit02 {margin-bottom: 20px; font-size: 18px; font-weight: normal; font-family: 'NotoKrM';}
.orgInner .tit03 {margin-bottom: 85px; font-size: 18px; font-weight: normal; font-family: 'NotoKrM'}
.org_group {display: flex; justify-content: center;}
.org_group .tit {width: 115px; height: 115px; background-color: #576178; color: #fff; border-radius: 50%; line-height: 115px;}
.org_group > .box01 {margin-right: 200px;}
.org_group .textBox, .textBox_none {background-color: #f3f5f9; border-radius: 5px; padding: 25px; width: 218px;}
.org_group .textBox li, .textBox_none li {position: relative; background-color: #fff; border-radius: 5px; box-sizing: border-box; transition: 0.3s ease;}
.org_group .textBox li::before {content: ''; display: block; position: absolute; top: 22px; right: 16px; background: url(/images/Potal/Content/01/img/link_scut.png); width: 14px; height: 14px;}
.org_group .textBox li:hover {text-decoration: underline;}
.org_group .textBox li, .textBox_none li {margin-bottom: 20px;}
.org_group .textBox li:last-child, .textBox_none li:last-child {margin-bottom: 0;}
.org_group .textBox li a, .textBox_none li {font-size: 15px; font-family: 'NotoKrM'; display: block; padding: 20px 25px; line-height: 1;}
.inner_wrap {position: relative; background-color: #5caacf; width: 268px; padding: 25px 0; margin-bottom: 16px; border-radius: 5px; box-sizing: border-box;}
.inner_wrap span.inner_tit {color: #fff; font-size: 16px; font-family: 'NotoKrM'; font-weight: normal; line-height: 1;}
.orgBox .inner_box {display: flex;}
.orgBox .inner_box .box01 {margin-right: 43px;}
.orgBox .inner_box .sub_tit {position: relative; background-color: #8596b9; border-radius: 5px; transition: 0.3s ease;}
.orgBox .inner_box .sub_tit:hover {background-color: #3e475b;}
.inner_box .sub_tit span {color: #fff; font-size: 15px; font-family: 'NotoKrM'; padding: 24px 0 24px 32px; display: block; line-height: 1; text-align: left;}
.orgBox .inner_box .sub_tit::before {content: ''; display: block; position: absolute; top: 22px; right: 16px; background: url(/images/Potal/Content/01/img/link_scut_w.png); width: 15px; height: 15px;}
.textBox_none {border-radius: 0 0 5px 5px; margin-bottom: 35px; margin-top: -5px;}
.textBox_none::before {background: 0;}
.mb12 {margin-bottom: 12px;}

.orgInner .tit_line::before {content: ''; display: block; position: absolute; top: 115px; left: 57px; width: 1px; height: 52px; background-color: #d3d3d3;}
.orgInner .tit_line::after {content: ''; display: block; position: absolute; top: 166px; left: -335px; width: 630px; height: 1px; background-color: #d3d3d3;}
.tit02_line {position: relative;}
.orgInner .tit02_line::before {content: ''; display: block; position: absolute;     top: -44px; left: 130px; width: 1px; height: 180px; background-color: #d3d3d3;}
.tit03_line {position: relative;}
.orgInner .tit03_line::before {content: ''; display: block; position: absolute;        top: -44px; left: 292px; width: 1px; height: 200px; background-color: #d3d3d3;}
.orgInner .tit03_line::after {content: ''; display: block; position: absolute;        top: 155px; left: 135px; width: 310px; height: 1px; background-color: #d3d3d3;}
.orgInner .inner_wrap::before {content: ''; display: block; position: absolute;        top: -45px; left: 134px; width: 1px; height: 45px; background-color: #d3d3d3;}
.orgInner .tit_line strong {position: relative; font-weight: normal; font-family: 'NotoKrM';}
.orgInner .tit_line strong::before {content: ''; display: block; position: absolute;  top: 118px; left: 22px; z-index: 1; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; border: 3px solid #468bd1;}
.orgInner .tit_line strong {position: relative;}
.orgInner .tit03::before {content: ''; display: block; position: absolute;  top: 149px; left: 55px; z-index: 1; width: 6px; height: 6px; background-color: #fff; border-radius: 50%; border: 3px solid #576178;}

@media screen and (max-width:1580px){
    .org_group .textBox, .textBox_none {width: 190px;}
    .org_group .textBox li a, .textBox_none li {padding: 17px 24px;}
    .org_group .textBox li::before {top: 17px;}
    .inner_wrap {width: 240px; padding: 20px 0;}

    .orgInner .tit02_line::before {left: 121px;}
    .orgInner .tit03_line::before {left: 264px;}
    .orgInner .tit_line::after {left: -303px; width: 584px;}
    .orgInner .inner_wrap::before {left: 120px;}
    .orgInner .tit03_line::after {left: 120px; width: 284px;}
}
@media screen and (max-width:1400px){
    .org_group .textBox, .textBox_none {width: 165px;}
    .org_group .textBox li a, .textBox_none li {padding: 15px 17px;}
    .inner_wrap {width: 215px; padding: 17px 0; margin-bottom: 10px;}
    .inner_box .sub_tit span {padding: 17px 0 17px 32px;}
    .textBox_none {margin-bottom: 25px;}
    .mb12 {margin-bottom: 8px;}
    .org_group .textBox li::before, .orgBox .inner_box .sub_tit::before {top: 15px;}

    .orgInner .tit02_line::before {left: 108px;}
    .orgInner .tit03_line::before {left: 239px;}
    .orgInner .tit_line::after {left: -279px; width: 547px;}
    .orgInner .inner_wrap::before {left: 108px;}
    .orgInner .tit03_line::after {left: 108px; width: 259px;}
}
@media screen and (max-width:1280px) {
    .org_group > .box01 {margin-right: 100px;}
    .inner_wrap {padding: 15px 0;}
    .orgInner .tit {width: 100px; height: 100px; line-height: 100px; font-size: 18px;}
    .org_group .textBox, .textBox_none {padding: 20px 25px;}
    .org_group .textBox li a, .textBox_none li {padding: 13px 17px;}

    .orgInner .tit_line::before {top: 100px; left: 52px;}
    .orgInner .tit_line strong::before {top: 113px; left: 21px;}
    .orgInner .tit_line::after {top: 155px; left: -236px; width: 447px;}
    .orgInner .tit02_line::before {top: -40px; height: 161px;}
    .orgInner .tit03_line::before {top: -39px; height: 194px;}
    .orgInner .tit03::before {left: 46px;}
    .orgInner .inner_wrap::before {top: -30px; height: 30px;}
}
@media screen and (max-width:1140px) {
    .org_group > .box01 {margin-right: 50px;}
    .org_group .textBox, .textBox_none {width: 150px;}
    .inner_wrap {width: 199px;}
    .inner_box .sub_tit span {padding-left: 28px;}
    
    .orgInner .tit02_line::before {left: 101px;}
    .orgInner .tit03_line::before {left: 222px;}
    .orgInner .tit_line::after {left: -195px; width: 372px;}
    .orgInner .inner_wrap::before {left: 98px;}
    .orgInner .tit03_line::after {left: 98px;}
    .orgInner .tit02_line::before {top: -39px; height: 160px;}
    .orgInner .tit03_line::before {top: -39px; height: 188px;}
    .orgInner .tit03_line::after {width: 244px;}
}
@media screen and (max-width:720px) {
    .textBox_none {margin-bottom: 18px;}
    .inner_wrap {width: 185px; padding: 13px 0;}
    .inner_wrap span.inner_tit {font-size: 15px;}
    .inner_box .sub_tit span {font-size: 14px; padding: 14px 0 14px 24px;}
    .orgInner .tit {width: 90px; height: 90px; line-height: 90px; font-size: 17px; margin-bottom: 60px;}
    .org_group .textBox, .textBox_none {width: 145px; padding: 15px 20px;}
    .org_group .textBox li, .textBox_none li {margin-bottom: 10px;}
    .org_group .textBox li a, .textBox_none li {font-size: 14px;}
    .org_group .textBox li a, .textBox_none li {padding: 12px 10px;}
    .orgInner .tit_line::before {top: 90px; left: 47px; height: 28px;}
    .orgInner .tit02_line::before {top: -33px; left: 93px; height: 181px;}
    .orgInner .tit03_line::before {top: -32px; left: 208px; height: 137px;}
    .orgInner .tit_line::after {width: 320px; top: 117px; left: -170px;}
    .orgInner .tit_line strong::before {top: 80px; left: 19px;}
    .box01 .tit, .box02 .tit {margin-bottom: 57px;}
    .org_group > .box01 {margin-right: 20px;}
    .orgInner .inner_wrap::before {left: 104px; top: -42px; height: 42px;}
    .orgInner .tit03_line::after {width: 229px; top: 104px; left: 104px;}
    .orgInner .tit03::before {left: 40px; top: 100px;}
    .org_group .textBox li::before, .orgBox .inner_box .sub_tit::before {
        top: 12px; right: 13px;}
}
@media screen and (max-width:660px) {
    .org_group {flex-direction: column; align-items: center;}
    .orgInner .tit_line::after {display: none;}
    .org_group > .box01 {margin-right: 0;}
    .orgInner .tit_line strong::before {left: 19px;}
    .box01 .tit, .box02 .tit {margin-bottom: 30px;}
    .box01 ul.textBox {margin-bottom: 32px;}
    .orgInner .tit02_line::before {height: 154px;}
    .orgInner .tit03_line::before {height: 157px;}
    .box02 .tit {margin-bottom: 60px;}
    .orgBox .inner_box {gap: 50px;}
    .orgInner .tit03_line::before {left: 234px; height: 150px}
    .orgInner .inner_wrap::before {left: 95px;}
    .orgInner .tit03_line::after {width: 279px; top: 117px; left: 95px;}
    .orgInner .inner_wrap::before {top: -32px; height: 32px;}
    .orgInner .tit03::before {left: 43px; top: 113px;}
}
@media screen and (max-width:510px) {
    .orgBox .inner_box {gap: 5px;}
    .orgInner .tit03_line::after {width: 234px;}
    .orgInner .tit03_line::before {left: 210px;}
    .orgInner .tit03::before {left: 40px;}
}
@media screen and (max-width:450px) {
    .orgBox .inner_box {gap: 0px; flex-direction: column;}
    .orgBox .inner_box .box01 {margin-right: 0;}
    .orgInner .tit03_line::before {left: 93px;}
    .orgInner .tit03_line::after, .orgInner .tit02_line::before, .orgInner .inner_wrap::before {display: none;}
    .orgInner .tit_line::before {height: 180px;}
    .orgInner .tit03_line::before {height: 182px;}
    .box01 ul.textBox {margin-bottom: 65px;}
    .orgInner .tit03_line::before {top: -65px;}
    .box02 .tit {margin-bottom: 27px;}
    .orgInner .tit03::before {top: -38px;}
    .box02>.inner_wrap {margin-top: 25px;}
    .orgInner .tit03::before {left: 39px;}
}

/* 지방세구제제도 */
.p1_03 .contentbox-tit .box-con:before {background: url(/images/Potal/Content/01/img/box-con-icon04.png) no-repeat center #f7f7f7;}

/* 마을세무사 */
.townAccontant .top {background-color: #ffdf4e; border-radius: 20px; height: 330px; padding: 46px 50px; box-sizing: border-box; display: flex; justify-content: space-between;}
.townAccontant .top p {font-family: 'GmarketSans'; font-size: 16px; color: #010101; letter-spacing: -0.01em; background-color: #fff; padding: 10px 15px 5px; line-height: 0.7; border-radius: 50px; display: inline-block;}
.townAccontant .top span.txt {font-family: 'GmarketSans'; font-size: 16px; color: #010101; padding-left: 17px;}
.townAccontant .top span b {display: block; font-family: 'jalnan'; font-size: 36px; margin-top: 30px; margin-bottom: 27px;}

.townAccontant .bottom {background-color: #fff; height: 665px; border-radius: 20px; transform: translateY(-55px); margin: 0 50px; padding: 50px 45px; box-sizing: border-box;}
.townAccontant .bottom .sub_img05 {display: flex; align-items: flex-start; width: 45%; margin-bottom: 33px; margin-right: 90px; box-sizing: border-box;}
.townAccontant .bottom .sub_img05:nth-child(2), .townAccontant .bottom .sub_img05:nth-child(4) {margin-right: 0;}
.townAccontant .bottom .sub_img05 .imgwrap {flex-shrink:0; border: 1px solid #ffdf4e; border-radius: 10px; padding: 5px; margin-right: 22px;}
.townAccontant .bottom .sub_img05 img {height: 100%;}
.townAccontant .bottom .sub_img05 div:nth-child(2) {}
.townAccontant .bottom .sub_img05 span.tit {font-family: 'jalnan'; color: #010101; font-size: 19px; margin-bottom: 25px; display: block;}
.townAccontant .bottom .sub_img05 p.txt {font-family: 'GmarketSans'; font-size: 15px; letter-spacing: -0.5px; color: #555;}
.townAccontant .bottom .sub_img05 p.txt .txt_02 {display: inline-block; margin-top: 10px; color: #1d6c9f;}

@media screen and (max-width:1600px) {
    .townAccontant .top p {line-height: 1.2;}
    .townAccontant .top span b {margin-top: 18px;}
    .townAccontant .bottom .sub_img05 {margin-right: 65px;}
    .townAccontant .bottom .sub_img05 .imgwrap {height: 145px;}
    .townAccontant .bottom .sub_img05 span.tit {margin-bottom: 17px;}
    .townAccontant .bottom .sub_img05 p.txt .txt_02 {margin-top: 3px;}
}
@media screen and (max-width:1300px) {
    .townAccontant .bottom .sub_img05 .imgwrap {height: 125px;}
    .townAccontant .bottom .sub_img05 p.txt {font-size: 14px;}
    .townAccontant .bottom .sub_img05 span.tit {margin-bottom: 12px;}
    .townAccontant .bottom .sub_img05 {margin-bottom: 28px;}
    .townAccontant .top p {font-size: 15px;}
}
@media screen and (max-width:1200px) {
    .townAccontant .bottom .sub_img05 .imgwrap {height: 110px;}
    .townAccontant .bottom .sub_img05 span.tit {font-size: 18px;}
    .townAccontant .bottom .sub_img05 p.txt {line-height: 1.5;}
    .townAccontant .bottom .sub_img05 p.txt .txt_02 {margin-top: 7px; line-height: 1.2;}
    .townAccontant .bottom .sub_img05 {margin-right: 53px;}
    .townAccontant .top span.txt {line-height: 0.5;}
}
@media screen and (max-width:1100px) {
    .townAccontant .top p {font-size: 13px;}
    .townAccontant .top span b {font-size: 33px;}
    .townAccontant .top span.txt {font-size: 15px;}
    .townAccontant .top .top_img {display: none;}
    .townAccontant .bottom .sub_img05 {width: 100%; margin-bottom: 50px;}
    .townAccontant .bottom .sub_img05 span.tit {margin-bottom: 18px;}
    .townAccontant .top span.txt {display: inline-block; line-height: 1.5;}
    .townAccontant .top span b {margin-top: 39px; margin-bottom: 18px;}
}
@media screen and (max-width:680px) {
    .townAccontant .top span b {margin-top: 30px;}
    .townAccontant .bottom {margin: 0px 35px; padding: 50px 35px;}
}
@media screen and (max-width:520px) {
    .townAccontant .bottom {margin: 0px 27px; padding: 50px 32px;}
}
@media screen and (max-width:470px) {
    .townAccontant .top {padding: 38px 28px; height: 340px;}
    .townAccontant .top span b {margin-bottom: 12px;}
    .townAccontant .bottom {transform: translateY(-79px);}
    .townAccontant .bottom .sub_img05 .imgwrap {height: 105px;}
}
@media screen and (max-width:420px) {
    .townAccontant .top p {padding: 13px 24px 8px; line-height: 1.4;}
    .townAccontant .top span b {font-size: 30px;}
    .townAccontant .bottom {transform: translateY(-43px);}
    .townAccontant .bottom {margin: 0px 10px; padding: 34px 15px;}
     .townAccontant .bottom .sub_img05 {align-items: center;}
    .townAccontant .bottom .sub_img05 .imgwrap {height: 93px;}
    .townAccontant .bottom .sub_img05 {flex-direction: column;}
    .townAccontant .bottom {text-align: center;}
    .townAccontant .bottom .sub_img05 span.tit {margin-top: 22px;}
}
@media screen and (max-width: 320px){.townAccontant .bottom {transform: translateY(-25px);}}

/* 납세자 보호관제도 */
.tax_guard {display: flex; gap: 65px; padding: 40px;  background: url(/images/Potal/Content/01/img/tax-bg.png) no-repeat; background-position: 897px 255px;}
.tax_guard img {min-width: 270px; box-shadow: 9px 9px 0px 0px rgba(0,0,0,0.1);}
.tax_guard .sub_tit {background-color: #5289c0; color: #fff;  font-family: 'NotoKrM';  font-size: 16px; padding: 7px 35px; border-radius: 50px;}
.tax_guard ul {margin-bottom: 30px;}
.tax_guard .bottom {border-top: 1px solid #010101; padding:40px 30px 0 10px; margin-top: 88px;}
.tax_guard .bottom ul, .tax_guard .bottom ul li {display: flex; align-items: center;}
.bottom_tit {background-color: #576178; color: #fff; font-size: 15px; padding: 7px 19px; border-radius: 50px; margin-right: 13px; flex-shrink: 0;}
.tax_guard .bottom p {font-size: 15px; font-family: 'NotoKrR'; letter-spacing: -0.03em;}

@media screen and (max-width:1600px){
    .tax_guard {background-position: 825px 281px; background-size: 220px; gap: 50px;}
    .tax_guard .bottom {padding: 40px 3px 0 10px;}
    .bottom_tit {margin-right: 9px; padding: 6px 10px;}
}
@media screen and (max-width:1575px) {
    .bottom_tit, .tax_guard .bottom p {font-size: 14px;}
}
@media screen and (max-width:1545px) {
    .tax_guard {background-position: 825px 273px;}
    .tax_guard .bottom {padding-top: 20px; margin-top: 80px; width: 500px;}
    .tax_guard .bottom ul {flex-direction: column; align-items: start;}
    .tax_guard .bottom ul li {margin-bottom: 5px;}
    .tax_guard .bottom ul li:nth-child(2) {margin-left: 0;}
    .bottom_tit {padding: 5px 15px;}
}
@media screen and (max-width:1400px) {.tax_guard {background: 0;}}
@media screen and (max-width:1300px) {
    .tax_guard {background-position: 676px 242px; background-size: 200px;}
    .tax_guard .bottom {margin-top: 32px;}
}
@media screen and (max-width:1200px) {
    .tax_guard {background: 0; flex-direction: column; align-items: center;}
    .tax_guard .mg20t {margin: 0;}
    .tax_guard .img_wrap {width: 80%;}
    .tax_guard .bottom {width: auto;}
    .tax_guard .bottom ul {flex-direction: row; justify-content: center; margin-bottom: 0;}
    .tax_guard .bottom ul li {margin-right: 50px; margin-bottom: 0;}
    .bottom_tit {margin-right: 20px;}
}
@media screen and (max-width:746px) {
    .tax_guard .bottom ul li {margin-right: 29px;}
    .bottom_tit {margin-right: 9px;}
}
@media screen and (max-width:680px) {
    .tax_guard .bottom ul li {margin-right: 20px;}
    .bottom_tit {padding: 5px 11px;}
    .tax_guard .bottom {padding: 40px 0 0 0px;}
}
@media screen and (max-width:630px) {
    .tax_guard {align-items: flex-start;}
    .tax_guard .bottom {padding: 30px 0 0 0px;}
    .tax_guard .bottom ul {flex-direction: column;}
    .tax_guard .bottom ul li {margin-bottom: 5px;}
    .bottom_tit {padding: 4px 11px;}
}
@media screen and (max-width:460px) {
    .tax_guard .img_wrap {width: 95%;}
    .tax_guard .sub_tit {padding: 5px 30px;}
}
@media screen and (max-width:405px) {
    .tax_guard {padding: 20px;}
}
@media screen and (max-width:362px) {
    .bottom_tit {padding: 3px 8px; margin-right: 4px; font-size: 13px; font-weight: 500;}
    .tax_guard .bottom {padding: 17px 0 11px 0px;}
    .tax_guard .bottom p {font-size: 13px;}
    .tax_guard {padding: 10px;}
}

/* 표준지방세 개인정보 처리방침 */
.em_txt {font-family: 'NotokrL'; font-size: 16px;}

/* 버스시간표 */
.bus_bg {background-color: #f4f9fd; border: 1px solid #86b1dc; border-radius: 20px;}
.bus_wrap {padding: 55px 80px; background: url(/images/Potal/Content/01/img/bus_bg.png) no-repeat right center; border-radius: 0 20px 20px 0;}
.bus_wrap span {font-size: 22px; color: #2865a7; font-family: 'GmarketSans';}
.bus_wrap .btn-wrap {position: absolute; top: -8px; left: 285px; width: 34px;
height: 34px; border-radius: 50%; background-color: #fff;}
.bus_wrap .btn-wrap ul li {position: relative;}

@media screen and (max-width: 1280px) {.bus_wrap {background:0;}}
@media screen and (max-width:680px) {
    .bus_wrap {background: 0;}
    .bus_wrap .btn-wrap {top: -2px; left: 267px; width: 23px; height: 23px;}
}
@media screen and (max-width:438px) {
    .bus_wrap {padding: 55px 35px;}
}
@media screen and (max-width:360px) {
    .bus_wrap {padding: 40px 20px;}
    .bus_wrap span {font-size: 20px;}
}

/* 농어촌버스 */
.farmBus_wrap {}
.farmBus_wrap div {display: flex; gap: 60px;}
.farmBus_wrap span {font-size: 22px; font-family: 'GmarketSans';}
.farm_bg {background-color: #f3fcfa; border: 1px solid #85b585; border-radius: 20px;}
.farmBus_wrap {padding: 55px 60px; background: url(/images/Potal/Content/01/img/farm_bg.png) no-repeat right bottom; border-radius: 0 20px 20px 0;}

@media screen and (max-width:1600px) {
    .farmBus_wrap {background: 0;}
}


/* 개별공시지가 ~ 조사개요 ~ 지가열람 ~ 결정공시 */
.p1_04 .contentbox-tit .box-con:before {
    background: url(/images/Potal/Content/01/img/box-con-icon05.png) no-repeat center #f7f7f7;
}

/* 부동산중개업소 현황 */
.min_txt {font-family: 'NotokrL'; font-size: 15px;}

/* 부동산 실거래신고 의무제도 */
.p1_05 .contentbox-tit .box-con:before {background: url(/images/Potal/Content/01/img/box-con-icon06.png) no-repeat center #f7f7f7;}
.sub_list01 {}
.sub_list01 ul {border-top: 2px solid #51708e; border-bottom: 2px solid #51708e; display: flex; flex-wrap: wrap;}
.sub_list01 ul li {position: relative; border-bottom: 1px solid #d2d2d2; padding: 8px 0; box-sizing: border-box; width: calc(50% - 10px); display: flex; justify-content: space-between; margin-right: 20px;}
.sub_list01 ul li:nth-child(2n) {margin-right: 0;}
.sub_list01 ul li:nth-child(13),.sub_list01 ul li:nth-child(14) {border-bottom: 0;}
.sub_list01 ul li::before {content: ''; display: block; position: absolute; top: 29px; left: 7px; width: 4px; height: 4px; background-color: #51708e;}
.sub_list01 ul li i {font-family: 'NotokrL'; font-size: 15px; display: inline-block; line-height: 46px; font-weight: bold; padding-left: 20px; width: 66%;}
.sub_list01 ul li .btn-wrap {vertical-align: middle;}
.sub_list01 ul li .btn-wrap a {margin-bottom: 0;}

@media screen and (max-width: 680px) {
.sub_list01 ul li {width:100%; margin-right: 0;}
.sub_list01 ul li:nth-child(13) {border-bottom: 1px solid #d2d2d2;}
}
@media screen and (max-width: 360px) {
.sub_list01 ul li {padding-left: 20px;}
.sub_list01 ul li::before {top:23px;}
.sub_list01 ul li i {display: initial; line-height: 35px; padding-left: 0; width: 66%;}
}


/* 건축민원처리절차 */
.construct_wrap {position: relative; padding: 45px; margin-bottom: 40px;}
.construct_wrap::before {content: ''; display: block; position: absolute; top: 84px;
left: 505px; width: 1px; height: 970px; background-color: #d3d3d3;}
.construct_wrap .sub_step01, .construct_wrap .sub_step03 {display: inline-block; vertical-align: top; margin-right: 95px;}
.construct_wrap .sub_step01 strong, .construct_wrap .sub_step03 strong {display:block; width: 268px; padding: 20px 0; background-color: #8378c7; border-radius: 7px; color: #fff; text-align: center; font-size: 18px; font-family: 'GmarketSans'; font-weight: bold; margin-bottom: 17px;}

.sub_step02 {display: inline-block; width: 188px;}
.sub_step02 ul {position: relative; display: block;}
.sub_step02 ul li {position: relative; margin-bottom: 20px;}
.sub_step02 ul.top::before {content: ''; display: block; position: absolute; top: 27px; left: -50px; width: 1px; height: 423px; background-color: #d3d3d3}
.sub_step02 ul.top>li::before {content: ''; display: block; position: absolute; top: 27px; left: -50px; width: 50px; height: 1px; background-color: #d3d3d3;}
.sub_step02 ul li.mg_top {margin-top: 160px;}
.sub_step02 ul li strong {display: block; text-align: center; background-color: #5289c0; border-radius: 50px; color: #fff; font-size: 16px; font-family: 'NotoKrM';
 font-weight: normal; padding: 15px 0; }

.sub_step02 ul li ul {position: relative; width: 435px; background-color: #f3f5f9; margin-left: 250px; margin-top: -47px;}
.sub_step02 ul li ul::before {content: ''; display: block; position: absolute;     top: 21px; left: -62px; width: 63px; height: 1px; background-color: #d3d3d3;}
.sub_step02 ul li ul li {position: relative; padding: 15px 20px; padding-left: 40px; margin-top: 0; border-radius: 5px; font-size: 15px; font-family: 'NotoKrL';     letter-spacing: -1.2px;}
.sub_step02 ul li ul li::before {content: ''; display: block; position: absolute; top: 25px; left: 25px; width: 8px; height: 2px; background-color: #27206e;}
.sub_step02 ul li ul.none_mg li {position: relative; margin-bottom: 0; padding-top: 0;}
.sub_step02 ul li ul.none_mg li:nth-child(1) {padding-top: 15px;}
.sub_step02 ul li ul.none_mg li::before {content: ''; display: block; position: absolute; top: 11px; left: 25px; width: 8px; height: 2px; background-color: #27206e;}
.sub_step02 ul li ul.none_mg li:nth-child(1)::before {top: 25px;}

.construct_wrap .sub_step03 strong {position: relative; padding: 15px 0; line-height: 1.5;}
.construct_wrap .sub_step03 strong::before {content: ''; display: block; position: absolute; top: 34px; right: -192px; width: 192px; height: 1px; background-color: #d3d3d3;}
.construct_wrap .sub_step03 strong i {display: block; font-size: 15px; font-family: 'GmarketSans'; font-weight: normal; line-height: 1;}

.go-link05 {background-color: #576178 !important; box-shadow: 6px 5px 11px -3px rgba(0,0,0,0.2);}

@media screen and (max-width:1580px) {
    .construct_wrap::before {left: 486px;}
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {margin-right: 75px;}
    .construct_wrap .sub_step01 strong, .construct_wrap .sub_step03 strong {width: 255px;}
    .sub_step02 ul li ul {margin-left: 235px;}
    .sub_step02 ul li ul::before {left: -47px; width: 47px;}
    .construct_wrap .sub_step03 strong::before {right: -205px; width: 205px;}
}
@media screen and (max-width:1525px) {
    .construct_wrap {padding: 35px;}
    .construct_wrap::before {left: 454px;}
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {margin-right: 55px;}
    .sub_step02 ul li ul {margin-left: 225px;}
    .sub_step02 ul.top::before {left: -35px;}
    .sub_step02 ul.top>li::before {left: -34px; width: 34px;}
    .sub_step02 ul li ul::before {left: -37px; width: 37px;}
    .construct_wrap .sub_step03 strong::before {right: -165px; width: 165px;}
}
@media screen and (max-width:1470px) {
    .construct_wrap::before {left: 422px;}
    .construct_wrap .sub_step01 strong, .construct_wrap .sub_step03 strong {width: 235px;}
    .sub_step02 ul.top::before {left: -27px;}
    .sub_step02 ul.top>li::before {left: -26px; width: 26px;}
    .construct_wrap .sub_step03 strong::before {right: -153px; width: 153px;}
}
@media screen and (max-width:1420px) {
    .construct_wrap {padding: 27px;}
    .construct_wrap::before {top: 75px; left: 412px;}
    .sub_step02 ul li ul {width: 420px;}
    .sub_step02 ul li ul li {padding: 15px; padding-left: 30px;}
    .sub_step02 ul li ul li::before, .sub_step02 ul li ul.none_mg li::before {left: 16px;}
    .construct_wrap .sub_step03 strong::before {right: -150px; width: 150px;}
}
@media screen and (max-width:1385px) {
    .construct_wrap::before {left: 378px;}
    .construct_wrap .sub_step01 strong, .construct_wrap .sub_step03 strong {width: 215px;}
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {margin-right: 40px;}
    .sub_step02 ul.top::before {left: -22px;}
    .sub_step02 ul.top>li::before {left: -21px; width: 21px;}
    .construct_wrap .sub_step03 strong::before {right: -137px; width: 137px;}
}
@media screen and (max-width:1340px) {
    .construct_wrap::before {left: 601px; height: 1365px;}
    .construct_wrap>div:first-child {margin-bottom: 50px;}
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {margin-right: 60px;}
    .sub_step02 ul {display: inline-block;}
    .sub_step02 ul.top::before {height: 611px; left: -32px;}
    .sub_step02 ul.top>li::before {left: -32px; width: 32px;}
    .sub_step02 ul li {width: 590px;}
    .sub_step02 ul li ul {margin-left: 0px; margin-top: 0; width: 590px;}
    .sub_step02 ul li ul::before {display: none;}
    .sub_step02 ul li strong {border-radius: 10px 10px 0px 0px;}
    .sub_step02 ul li ul li {border-radius: 0; padding-left: 37px; margin-bottom: 0;}
    .construct_wrap .sub_step03 strong::before {right: -359px; width: 359px;}
}
@media screen and (max-width:1290px) {
    .construct_wrap::before {left: 586px;}
    .sub_step02 ul li, .sub_step02 ul li ul {width: 560px;}
    .construct_wrap .sub_step03 strong::before {right: -345px; width: 345px;}
}
@media screen and (max-width:1240px){
    .construct_wrap {padding: 40px;}
    .construct_wrap::before {left: 553px;}
    .sub_step02 ul li, .sub_step02 ul li ul {width: 495px;}
}
@media screen and (max-width:1180px) {
    .construct_wrap::before {left: 538px;}
    .sub_step02 ul li, .sub_step02 ul li ul {width: 440px;}
    .construct_wrap .sub_step03 strong::before {right: -284px; width: 284px;}
}
@media screen and (max-width:1090px) {
    .construct_wrap {padding: 30px;}
    .construct_wrap::before {left: 500px;}
    .sub_step02 ul li, .sub_step02 ul li ul {width: 405px;}
    .sub_step02 ul li ul li {padding-left: 30px;}
    .construct_wrap .sub_step03 strong::before {right: -294px; width: 294px;}
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {margin-right: 48px;}
    .sub_step02 ul.top::before {left: -26px;}
    .sub_step02 ul.top>li::before {left: -25px; width: 25px;}
    .construct_wrap .sub_step03 strong::before {right: -256px; width: 256px;}
}
@media screen and (max-width:1024px) {
    .construct_wrap {padding: 40px;}
    .construct_wrap::before {left: 607px;}
    .construct_wrap .sub_step01 strong, .construct_wrap .sub_step03 strong {width: 265px;}
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {margin-right: 85px;}
    .sub_step02 ul.top::before {left: -45px;}
    .sub_step02 ul.top>li::before {left: -45px; width: 45px;}
    .sub_step02 ul li, .sub_step02 ul li ul {width: 430px;}
    .construct_wrap .sub_step03 strong::before {right: -303px; width: 303px;}
}
@media screen and (max-width:875px) {
    .construct_wrap::before {left: 558px;}
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {margin-right: 70px;}
    .construct_wrap .sub_step01 strong, .construct_wrap .sub_step03 strong {width: 230px;}
    .construct_wrap .sub_step03 strong::before {right: -289px; width: 289px;}
}
@media screen and (max-width:820px) {
    .construct_wrap .sub_step01, .construct_wrap .sub_step03 {display: block; margin-right: 0;}
    .construct_wrap .sub_step01 strong, .construct_wrap .sub_step03 strong {width: 100%;}
    .sub_step02, .sub_step02 ul, .sub_step02 ul li, .sub_step02 ul li ul {width: 100%;}
    .construct_wrap::before, .sub_step02 ul.top>li::before, .construct_wrap .sub_step03 strong::before, .sub_step02 ul.top::before{display: none;}
    .sub_step02 ul li.mg_top {margin-top: 0;}
    .sub_step_box:first-child {position: relative;}
    .sub_step_box:first-child::before {content: ''; display: block; position: absolute; top: 0; left: 50%; width: 1px; height: 1600px; background-color: #d3d3d3; z-index: -1;}
}
@media screen and (max-width:515px) {
    .construct_wrap {padding: 30px;}
    .sub_step02 ul li ul.none_mg li {display: inline-block; width: 82%;}
}
@media screen and (max-width:458px) {
    .construct_wrap {padding: 20px;}
    .sub_step_box:first-child::before {height: 1700px;}
}

/* 영조물배상책임보험 */
.claim_wrap ul {display: flex; flex-wrap: wrap; gap: 25px; width: 100%;}
.claim_wrap ul li {position: relative; width: calc(20% - 20px); height: 175px; border: 1px solid #5289c0; border-radius: 12px; background-color: #f0f9ff; padding: 30px 0; box-sizing: border-box; text-align: center; vertical-align: top; box-shadow: 4px 5px 8px -1px rgba(0,0,0,0.12); margin-bottom: 20px; display: flex; flex-direction: column; justify-content: space-between;}
.claim_wrap ul li:last-child {margin-right: 0;}
.claim_wrap ul li i {position: relative; display: inline-block; font-size: 17px; font-family: 'GmarketSansTTFLight'; font-weight: bold; letter-spacing: -1px; padding-top: 28px;}
.claim_wrap ul li i::before {content: ''; position: absolute; top: 0; left: 50%; margin-left: -9.5px; display: block; width: 19px; height: 19px; background: url(/images/Potal/Content/01/img/check_deep.png) no-repeat center;}

@media screen and (max-width:1600px) {.claim_wrap ul li {width: calc(25% - 20px);}}
@media screen and (max-width:1024px) {.claim_wrap ul li {width: calc(33.3333% - 20px);}}
@media screen and (max-width:680px) {.claim_wrap ul li {width: calc(50% - 20px);}}
@media screen and (max-width:425px) {
    .claim_wrap ul {gap: 0;}
    .claim_wrap ul li {width: 100%; height: 170px; padding: 25px 0;}
}

/* 적극행정이란 */
.administration .sub-title {border-top: 1px dashed #ccc; border-left: 1px dashed #ccc; border-right: 1px dashed #ccc; display: block; padding: 15px 35px; background-color: #f3f5f9; font-size: 18px; color: #182575; font-family: 'GmarketSans'; font-weight: bold;}
.administration .sub-title::before {content: ''; display: inline-block; background: url(/images/Potal/images/content/02/sub-icon01.png) no-repeat center; width: 22px; height: 22px; margin-right: 15px; transform: translateY(5px);}
.administration .box {border: 1px dashed #ccc; padding: 35px;}

/* 청탁금지신고방 */
.p1_06 .contentbox-tit .box-con:before {
    background: url(/images/Potal/images/content/02/box-con-icon07.png) no-repeat center #f7f7f7;
}


/* 청렴마당 - 신고제도란 */
.declare {position: relative; background-color: #f0f5f8; border-radius: 20px; padding: 60px; padding-bottom: 30px; z-index: -2;}
.declare::after {content: ''; display: block; position: absolute; top: 0; left: 0; background: url(/images/Potal/images/content/02/sub_img07_01.png) no-repeat left; width: 163px; height: 108px; border-radius: 20px 0 0 0;}
.declare::before {content: ''; display: block; position: absolute; bottom: 0; right: 0; background: url(/images/Potal/images/content/02/sub_img07_02.png) no-repeat right; width: 356px; height: 238px; border-radius: 0 0 20px 0; z-index: -1;}
.declare .top {background: url(/images/Potal/images/content/02/sub_img07.png) no-repeat right; padding: 21px 0; margin-right: -29px;}
.declare .top .tit {font-size: 36px; color: #003b89; font-family: 'jalnan'; background: url(/images/Potal/images/content/02/sub-icon02.png) no-repeat left; padding: 5px 0; padding-left: 53px;}
.declare .top span {font-size: 16px; font-family: 'GmarketSans'; margin-top: 25px; display: inline-block;}
.declare ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-right: -40px;}
.declare ul li {width: calc(50% - 40px); margin-right: 40px; background-color: #fff; border: 1px solid #aecee2; border-radius: 15px; padding: 25px 33px; box-sizing: border-box; font-size: 15px; font-family: 'NotoKrR'; vertical-align: top; height: auto; margin-bottom: 25px;}
.declare ul li:last-child {margin-bottom: 0; display: flex; align-items: flex-start;}
.declare ul li:last-child p {padding-left: 0;}
.declare ul li span {display: block; color: #1e80fc; font-size: 18px; font-family: 'GmarketSans'; background: url(/images/Potal/images/content/02/check_blue.png) no-repeat left center; padding-left: 30px;}
.declare ul li p {padding-left: 30px; letter-spacing: -0.9px; font-size: 15px; line-height: 1.5;}
.declare_btn {position: relative;}
.declare_btn .btn-wrap {position: absolute; bottom: 0; right: 0; z-index: 1;}
.declare_btn .btn-wrap a {margin-bottom: 30px; margin-right: 60px;}
.declare_btn .btn-wrap.type02 a.go-link03 {background-color: #003b89;}

@media screen and (max-width:880px){.declare .top {background: 0;}}
@media screen and (max-width:780px){
    .declare{padding: 35px;}
    .declare::after {z-index: -1;}
    .declare .top {background: 0;}
    .declare ul {margin-right: -20px;}
    .declare ul li {padding: 23px; width: calc(50% - 20px); margin-right: 20px;}
}
@media screen and (max-width:620px) {
    .declare {padding: 35px; padding-bottom: 115px;}
    .declare ul {margin-right: -10px;}
    .declare ul li {width: 100%; padding: 20px; margin-right: 10px;}
    .declare_btn .btn-wrap {bottom: 35px; right: 0; margin-right: 45px;}
    .declare_btn .btn-wrap a {margin: 0;}
}
@media screen and (max-width:480px) {
    .declare {padding: 25px; padding-bottom: 110px;}
    .declare ul li {padding: 17px; margin-bottom: 17px;}
    .declare_btn .btn-wrap {margin-right: 28px;}
}
@media screen and (max-width:380px) {
    .declare .top {margin-right: 0;}
    .declare .top span {letter-spacing: -1px;}
}
@media screen and (max-width:320px) {
    .declare {padding: 15px; padding-bottom: 110px;}
    .declare .top .tit {font-size: 32px; padding-left: 45px;}
    .declare .top span {font-size: 15px; margin-top: 19px;}
}

/* 국무조정실 규제개혁신문고 */
.ck-red {display: block; color: #c64264; font-size: 16px; font-family: 'GmarketSans'; background: url(/images/Potal/images/content/02/check_red.png) no-repeat left; padding-left: 30px; background-position-y: 2px; padding-top: 4px;}


/* 장수소셜뉴스 */
.social_news {background: url(/images/Potal/images/content/02/sub_img08.png) no-repeat center; height: 455px; width: 100%; text-align: center;}
.social_news p {padding-top: 65px; padding-bottom: 45px; font-size: 24px; font-family: 'GmarketSans'; font-weight: 500; line-height: 1.5; color: #000;}
.social_news p .blue {color: #2a569c; font-family: 'GmarketSans'; font-weight: bold;}
.social_news p .red {color: #c7456f; font-family: 'GmarketSans'; font-weight: bold;}
.social_news ul li {display: inline-block; vertical-align: top; background-color: #fff !important; border: 1px solid #6c6e6f; border-radius: 35px; width: 150px; height: 150px; font-size: 16px; font-family: 'GmarketSans'; box-shadow: 6px 5px 9px 0.5px rgba(0,0,0,0.1); margin-right: 20px;}
.social_news ul li a {display: block; padding: 99px 0 26px; color: #000;}
.social_news ul li:nth-child(1) {background: url(/images/Potal/images/content/02/facebook.png) no-repeat center 37px; box-sizing: border-box;}
.social_news ul li:nth-child(2) {background: url(/images/Potal/images/content/02/youtube.png) no-repeat center 37px; box-sizing: border-box;}
.social_news ul li:nth-child(3) {background: url(/images/Potal/images/content/02/insta.png) no-repeat center 37px; box-sizing: border-box; margin-right: 0;}

@media screen and (max-width:580px) {
    .social_news p {font-size: 21px;}
    .social_news ul li {width: 130px; height: 130px; margin-right: 15px; }
    .social_news ul li:nth-child(1), .social_news ul li:nth-child(2), .social_news ul li:nth-child(3) {background-position-y: 30px;}
    .social_news ul li a {padding: 89px 0 16px}
}
@media screen and (max-width:480px) {
    .social_news p {padding: 65px 45px 35px;}
    .social_news ul li {width: 110px; height: 110px; margin-right: 10px;}
    .social_news ul li:nth-child(1), .social_news ul li:nth-child(2), .social_news ul li:nth-child(3) {background-position-y: 19px;}
    .social_news ul li a {padding: 73px 0 15px;}
}
@media screen and (max-width:380px) {
    .social_news p {padding: 65px 19px 55px; letter-spacing: -0.8px; font-size: 18px; padding-bottom: 30px;}
    .social_news ul li {width: 90px; height: 90px; margin-right: 5px; font-size: 15px; margin-bottom: 10px; font-size: 14px; border-radius: 22px; background-size: 40px;}
    .social_news ul li:nth-child(1), .social_news ul li:nth-child(2), .social_news ul li:nth-child(3) {background-position-y: 15px;}
 .social_news ul li:last-child {margin-right: 0;}
    .social_news ul li:nth-child(2) {margin-right: 0;}
    .social_news ul li a {padding: 60px 0 10px;}
}


/* 행정조직 */
.admin_org_wrap {letter-spacing: -0.04em; text-align: center;}
.admin_org_wrap .txt-box {padding: 50px;}
.admin_org_wrap .org_tit {display: flex; flex-direction: column; align-items: center;}
.admin_org_wrap .tit {width: 115px; height: 115px; border-radius: 50%; line-height: 115px; box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2); display: inline-block;}
.admin_org_wrap h1 a {color: #fff; font-family: 'NotoKrB'; font-size: 20px; padding: 44px 0px;}
.admin_org_wrap h1:hover a {text-decoration: underline;}

.admin_org_wrap .tit01 {background-color: #468bd1; transition: 0.3s ease;}
.admin_org_wrap .tit02 {width: 177px; padding: 19px 0; background-color: #c0519d; border-radius: 10px; box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2); margin: 20px 0; margin-left: 400px; transition: 0.3s ease;}
.admin_org_wrap .tit02 a, .admin_org_wrap .tit03 a {color: #fff; font-size: 18px; font-family: 'NotoKrB'; white-space: nowrap;}
.admin_org_wrap .tit02 a {padding: 16px 55px;}
.admin_org_wrap .tit02:hover a {text-decoration: underline;}
.admin_org_wrap .tit03 a {padding: 43px 30px;}
.admin_org_wrap .tit03:hover a {text-decoration: underline;}
.admin_org_wrap .tit03 {background-color: #7664bb; margin-bottom: 105px; transition: 0.3s ease;}

.org_box .depth {position: relative; display: flex;}
.org_box .depth li {/* display: inline-block; vertical-align: top; */ /* width: 33%; */}
.org_box .depth li:nth-child(1) {width: 25%;}
.org_box .depth li:nth-child(2) {margin-right: 60px; width: 37.5%;}
.org_box .depth li:nth-child(3) {width: 37.5%;}
.org_box .depth li dl {background-color: #f3f5f9; width: 178px; padding-bottom: 20px;box-sizing: border-box; border-radius: 5px; width: calc(50% - 10px); margin-right: 20px;    margin-bottom: 20px;}
.org_box .depth li:nth-child(1) dl {width: 178px;}
.org_box .depth li dl:nth-child(2), .org_box .depth li dl:nth-child(4), .org_box .depth li dl:nth-child(6) {margin-right: 0;}
.org_box .depth li:first-child dl {margin-right: 0;}
.org_box .depth li dt {position: relative; background-color: #576178; text-align: left;  border-radius: 5px; transition: 0.3s ease;}
.org_box .depth li dt::before {content: ''; display: block; position: absolute; top: 17px; right: 14px; background: url(/images/Potal/images/content/03/link_scut_w.png) no-repeat center; width: 15px; height: 15px; cursor: pointer;}
.org_box .depth li dt a {color: #fff; font-size: 16px; padding: 15px 0; padding-left: 20px; display: block;}
.org_box .depth li dt:hover a {text-decoration: underline;}
.org_box .depth li dd {position: relative; text-align: left; padding: 7px 0; padding-left: 20px; margin: 0 20px; font-size: 15px; font-family: 'NotoKrL'; font-weight: 600; color: #000;}
.org_box .depth li dd:nth-child(2) {padding-top: 18px !important;}
.org_box .depth li dd::before {content: ''; display: block; position: absolute; top: 17px; left: 0; background-color: #27206e; width: 8px; height: 2px;}
.org_box .depth li dd:nth-child(2)::before {top: 28px;}
.org_box .depth .box01 {margin-top: 83px;}
.org_box .depth .box {margin-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.org_box .depth .box_tit strong {background-color: #3d9c6c; width: 268px; display: block; border-radius: 5px; display: inline-block; transition: 0.3s ease;}
.org_box .depth .box_tit strong a {color: #fff; font-size: 18px; padding: 20px 90px; display: inline-block; white-space: nowrap;}
.org_box .depth .box_tit:hover strong a {text-decoration: underline;}

.admin_org_wrap .t_line {position: relative;}
.admin_org_wrap .t_line::before {content: ''; display: block; position: absolute; background-color: #919191;}
.admin_org_wrap .t_line::after {content: ''; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; z-index: 1;}
.admin_org_wrap .tit01::before {top: 115px; left: 60px; width: 1px; height: 102px;}
.admin_org_wrap .tit01::after {top: 161px; left: 55px; background-color: #fff; border: 3px solid #4f90d3;}
.admin_org_wrap .tit02::before {top: 32px; left: -109px; width: 109px; height: 1px;}
.admin_org_wrap .tit03::before {top: 115px; left: 60px; width: 1px; height: 57px;}
.admin_org_wrap .tit03::after {top: 165px; left: 54px; background-color: #fff; border: 3px solid #576178;}
.org_box .depth::before {top: -49px; left: 89px; width: 815px; height: 1px;}
.org_box .depth .box01::before {top: -132px; left: 89px; width: 1px; height: 132px;}
.org_box .depth .box_tit strong::before {top: -49px; left: 134px; width: 1px; height: 49px;}

.org_wrap .txt-box {display: flex;}
.org_wrap .txt-box>ul {width: 100%;}
.depth02 {display: flex; flex-wrap: wrap; margin-right: 59px;}
.depth02>li {width: 47%; background-color: #f3f5f9; padding-bottom: 20px; box-sizing: border-box; border-radius: 5px; margin-bottom: 28px;}
.depth02>li:nth-child(1), .depth02 li:nth-child(3) {margin-right: 29px; box-sizing: border-box;}
.depth02 li:nth-child(3), .depth02 li:nth-child(4) {background: none; margin-bottom: 0;}
.depth02 li span {position: relative; background-color: #576178; text-align: left; border-radius: 5px; display: flex; box-sizing: border-box;}
.depth02 li span.tit_01 {background-color: #5c448d; transition: 0.3s ease;}
.depth02 li span.tit_02 {background-color: #2c6457; transition: 0.3s ease;}
.depth02 li span.tit_03 {background-color: #215a95; transition: 0.3s ease;}
.depth02 li span.tit_04 {background-color: #565656; transition: 0.3s ease;}
.depth02 li span::before {content: ''; display: block; position: absolute; top: 17px; right: 14px; background: url(/images/Potal/images/content/02/link_scut_w.png) no-repeat center; width: 15px; height: 15px; cursor: pointer;}
.depth02 li span a {font-family: 'NotoKrB'; color: #fff; font-size: 16px; padding: 15px 140px; padding-left: 20px; display: block; white-space: nowrap;}
.depth02 li span a:hover {text-decoration: underline;}
.depth02_in_depth {padding: 15px; padding-bottom: 0; width: auto;}
.depth02_in_depth li {background-color: #fff; border-radius: 5px; padding: 10px 0;}
.depth02_in_depth li:nth-child(1) {margin-bottom: 10px;}
.depth02_in_depth li a {font-size: 15px; font-family: 'NotoKrL'; font-weight: 500; color:#000; padding: 10px 60px; white-space: nowrap;}
.depth02_in_depth li:hover a {text-decoration: underline;}

.depth03 {display: block; background-color: #f7f7f7; border-radius: 5px; padding: 35px 60px; padding-right: 25px; padding-bottom: 0; box-sizing: border-box; text-align: left;}
.depth03 li {display: inline-block; background-color: #fff; width: 90px; height: 90px; border-radius: 50%; margin-right: 20px; margin-bottom: 20px; transition: 0.3s ease;}
.depth03 li:hover {box-shadow: 0 0 0 3px #e9d02b;}
.depth03 li a {display: inline-block; font-size: 15px; font-family: 'NotoKrL'; color:#000; padding: 34px 25px;}

@media screen and (max-width:1600px) {
    .org_box .depth::before {width: 750px;}
    .depth02>li {width: 46%;}
    .depth03 {padding: 36px;}
    .depth03 li {margin-right: 12px;}
}
@media screen and (max-width:1440px) {
    .org_box .depth::before {width: 672px; left: 76px;}
    .org_box .depth .box01::before {left: 75px;}
    .org_box .depth li:nth-child(1) dl {width: 157px;}
    .depth02_in_depth li a {padding: 10px 40px;}
    .depth03 li {margin-bottom: 15px; margin-right: 15px;}
    .org_wrap .txt-box>ul {text-align: center;}
}
@media screen and (max-width:1284px) {
    .org_box .depth li:nth-child(2) {margin-right: 23px;}
    .org_box .depth::before {width: 577px;}
    .depth02 {margin-right: 30px;}
    .depth02>li {width: 45%;}
    .depth02>li:nth-child(1), .depth02 li:nth-child(3) {margin-right: 22px;}
}
@media screen and (max-width:1170px) {
    .org_box .depth li:nth-child(1) dl {width: 129px;}
    .org_box .depth .box01::before {left: 65px;}
    .org_box .depth::before {width: 518px; left: 66px;}
    .org_box .depth li dd {white-space: nowrap;}
    .depth02 {margin-right: 12px;}
    .depth02 li span a {padding: 15px 55px; padding-left: 16px; letter-spacing: -1.5px;}
    .depth02_in_depth li a {padding: 10px 17px;}
    .depth03 {padding: 36px 0px; padding-left: 15px;}
}
@media screen and (max-width:1125px) {
    .depth02 {margin-right: 28px;}
    .org_box .depth .box_tit strong {width: 257px;}
    .depth02>li {width: 100%;}
    .org_box .depth li:nth-child(1) dl {width: 128px;}
    .depth02>li:nth-child(1), .depth02 li:nth-child(3) {margin-right: 0;}
    .depth02 li span a {letter-spacing: -0.5px;}
    .depth02_in_depth li a {padding: 10px 14px;}
    .org_box .depth li dt a {padding-left: 14px;}
    .org_box .depth li dd {white-space: nowrap; padding-left: 16px;}
    .org_box .depth .box01::before {left: 64px;}
    .org_box .depth::before {width: 499px; left: 64px;}
    .org_box .depth li dl {width: calc(50% - 5px); margin-right: 5px;}
    .depth03 {padding: 80px 30px;}
    .depth03 li:last-child {margin-bottom: 0;}
}
@media screen and (max-width:1080px) {
    .org_box .depth::before {width: 479px;}
}
@media screen and (max-width:1024px){
    .org_box .depth li:nth-child(1) dl {width: 150px;}
    .org_box .depth .box01::before {left: 76px;}
    .org_box .depth::before {width: 641px; left: 76px;}
}
@media screen and (max-width:1020px) {
    .org_box .depth {flex-wrap: wrap; justify-content: space-around;}
    .org_box .depth li:nth-child(1) {width: 100%; /* margin: 0 273px; */}
    .org_box .depth li:nth-child(1) dl {width: 322px;}
    .org_box .depth li:nth-child(2) {margin-right: 0;}
    .org_box .depth li:nth-child(2), .org_box .depth li:nth-child(3) {width: 50%;}
    .org_box .depth li dl {width: calc(50% - 10px); margin-right: 10px; margin-bottom: 20px;}
    .org_box .depth li:nth-child(1) dl {margin-bottom: 105px;}
    .org_box .depth::before {width: 434px; left: 222px; top: 322px;}
    .org_box .depth .box01 {display: flex; justify-content: center; margin-top: 0px;}
    .org_box .depth .box01::before {left: 438px; top: 265px; height: 58px;}
    .org_box .depth .box02 {margin-right: 20px;}
    .admin_org_wrap .tit03 {margin-bottom: 55px;}
    .admin_org_wrap .tit03::before {height: 378px;}
    .org_box .depth .box01::before {display: none;}
    .depth03 {padding: 133px 30px;}
    .org_box .depth .box_tit strong a {padding: 20px 45px;}

    
}
@media screen and (max-width:980px) {
    .org_box .depth {justify-content: inherit;}
    .org_box .depth li:nth-child(1) dl {width: 287px; margin-bottom: 106px;}
    .org_box .depth::before {width: 416px; left: 212px;}
}
@media screen and (max-width:920px) {
    .org_box .depth::before {width: 387px; left: 199px;}
}
@media screen and (max-width:828px) {
    .org_box .depth::before {width: 343px; left: 177px;}
    .depth03 {padding: 80px 18px;}
}
@media screen and (max-width:767px) {
    .org_box .depth li:nth-child(2), .org_box .depth li:nth-child(3) {width: 100%;}
    .org_box .depth li:nth-child(3) {margin-top: 30px;}
    .org_box .depth li:nth-child(1) dl {margin-bottom: 57px;}
    .org_box .depth::before, .org_box .depth .box_tit strong::before {display: none;}
    .org_box .depth .box02 {margin-right: 0;}
    .org_wrap .txt-box {flex-wrap: wrap; padding:35px;}
    .depth02 {margin-right: 0;}
    .depth03 {padding: 40px 40px;}
    .depth03 li {width: 110px; height: 110px;}
    .depth03 li a {padding: 44px 35px;}
}
@media screen and (max-width:640px) {
    .admin_org_wrap .tit02 {margin-left: 305px;}
    .admin_org_wrap .tit02::before {left: -62px; z-index: -1;}
}
@media screen and (max-width:591px) {
    .depth03 {padding: 35px;}
    .depth03 li {width: 80px; height: 80px;}
    .depth03 li a {padding: 29px 20px;}
}
@media screen and (max-width:520px) {
    .admin_org_wrap .tit02 {width: 150px; margin-left: 255px;}
    .admin_org_wrap .tit02::before {left: -53px;}
    .admin_org_wrap .tit02 a {padding: 16px 29px;}
}
@media screen and (max-width:420px) {
    .admin_org_wrap .tit02 {width: 125px; margin-left: 198px;}
    .admin_org_wrap .tit02::before {left: -33px;}
    .org_box .depth li:nth-child(1) dl {width: 260px;}
    .admin_org_wrap .txt-box {padding: 20px;}
    .depth03 {padding: 30px;}
    .depth03 li {margin-left: -3px; margin-bottom: 11px;}
}
@media screen and (max-width:360px) {
    .depth03 li {margin-left: -7px; width: 70px; height: 70px;}
    .depth03 li a {padding: 24px 15px;}
}
@media screen and (max-width:320px) {
    .admin_org_wrap .tit {width: 100px; height: 100px;}
    .admin_org_wrap h1 a, .admin_org_wrap .tit03 a {padding: 26px 0px; font-size: 18px;}
    .admin_org_wrap .tit01, .admin_org_wrap .tit03 {line-height: 100px;}
    .admin_org_wrap .tit02 {width: 98px; margin-left: 163px;}
    .admin_org_wrap .tit02 a {padding: 16px 15px;}
    .admin_org_wrap .tit01::before {top: 100px; left: 51px;}
    .admin_org_wrap .tit01::after {top: 147px; left: 46px;}
    .admin_org_wrap .tit03::before {top: 101px; left: 52px;}
    .admin_org_wrap .tit03 {margin-bottom: 40px;}
    .admin_org_wrap .tit03::after {top: 135px; left: 46px;}
    .org_box .depth li dl {width: calc(50% - 5px); margin-right: 5px;}
    .org_box .depth li:nth-child(1) dl {margin-bottom: 35px;}
    .depth03 {padding: 20px; padding-left: 35px;}
    .org_wrap .txt-box>ul {text-align: center;}
}

/* 군청안내 - 오시는길 */
.road-map {display: flex; gap: 38px;}
.road-map .txt-box {padding: 30px;}
.road-map .tit {font-size: 22px; font-family: 'GmarketSans';     padding: 22px 0;
padding-left: 75px; display: inline-block;}
.sub-icon03 {background: url(/images/Potal/images/content/03/sub-icon03.png) no-repeat top left;}
.sub-icon04 {background: url(/images/Potal/images/content/03/sub-icon04.png) no-repeat top left;}
.sub-icon05 {background: url(/images/Potal/images/content/03/sub-icon05.png) no-repeat top left;}
.sub-icon06 {background: url(/images/Potal/images/content/03/sub-icon06.png) no-repeat top left;}

@media screen and (max-width:767px) {
    .road-map {flex-wrap: wrap;}
    .road-map .txt-box {width: 100% !important;}
}

/* 장수안내 - 위치 */
.p1_07 .contentbox-tit .box-con:before {
    background: url(/images/Potal/images/content/03/box-con-icon08.png) no-repeat center #f7f7f7;
}

/* 장수의역사 */
.history .tap-box {margin-top: 70px;}

/* 고대장수 */
.history .tit_wrap {background: url(/images/Potal/images/content/03/sub_img09.png) no-repeat center; height: 248px; border-radius: 10px; box-shadow: 1px 4px 5px 0px rgba(0,0,0,0.1);}
.history .tit_wrap .tit {transform: translate(58px,170px); background-color: #fff; border-radius: 20px; padding: 40px 0; box-sizing: border-box; width: 90%; text-align: center;}
.history .tit_wrap .tit span {position: relative; font-size: 24px; color: #2865a7; font-family: 'GmarketSans'; font-weight: bold; margin-right: 48px; display: inline-block; vertical-align: bottom;}
.history .tit_wrap .tit span::before {content: ''; display: block; position: absolute; top: 0; right: -28px; width: 2px; height: 13px; background-color: #7e7e7e;}
.history .tit_wrap .tit p {font-size: 16px; color: #000; font-family: 'GmarketSans'; letter-spacing: -0.05em;}
.history .pic {position: absolute;}
.history .pic01 {bottom: 0; left: 6px;}
.history .pic02 {bottom: 0; right: 0;}

.history_contents .tit {color: #2f3b84; font-size: 22px; font-family: 'GmarketSans'; background: url(/images/Potal/images/content/03/sub-icon07.png) no-repeat left center; padding: 25px 0 22px 40px; display: inline-block;}
.history_contents .txt {font-size: 15px; font-family: 'NotoKrL'; letter-spacing: -0.03em; line-height: 1.6; display: block;}
.history_contents .img_wrap {background-color: #f7f7f7; border-radius: 10px; padding: 18px; margin-top: 40px; display: flex; gap: 20px; position: relative;}
.history_contents .img_wrap img {display: block;}

.history_contents>div:nth-child(2),.history_contents>div:nth-child(3) {margin-top: 95px;}
.history_contents>div:nth-child(3) .img_wrap {margin-top: 0;}
.third_wrapper {display: flex;}
.third_inner {margin-right: 35px; display: flex; gap: 20px;}
.history_contents>div:nth-child(3) .img_wrap {flex-wrap: wrap;}

@media screen and (max-width:1600px) {
    .history .pic01 {bottom: 16px; left: -4px; width: 100px;}
    .history .pic02 {bottom: -4px; right: 21px; width: 85px;}
}
@media screen and (max-width:1440px) {
    .history .tit_wrap .tit span {display: block; margin-bottom: 8px;}
    .history .tit_wrap .tit span::before {display: none;}
    .history .pic01 {bottom: 16px; left: 18px; width: 113px;}
}
@media screen and (max-width:1170px) {
    .history_contents {margin-top: 30px;}
    .history .pic01 {bottom: 28px; left: -37px; width: 100px;}
    .history .pic02 {bottom: 13px; right: -15px; width: 73px;}
}
@media screen and (max-width:767px) {
    .history .tit_wrap .tit {padding: 40px 99px;}
    .history .pic01 {left: -2px;}
    .history .pic02 {right: 7px; width: 79px;}
}
@media screen and (max-width:640px) {
    .third_wrapper {flex-wrap: wrap;}
    .third_inner {justify-content: center; margin-bottom: 45px;}
    .history .tit_wrap .tit span {margin-right: 0;}
}
@media screen and (max-width:591px) {
    .history .tit_wrap .tit {transform: translate(28px,150px); padding: 40px 87px;}
}
@media screen and (max-width:520px) {
    .history_contents {margin-top: 70px;}
    .history .tit_wrap .tit {padding: 40px 80px;}
    .history .pic01 {left: -9px; bottom: 56px; width: 88px;}
    .history .pic02 {right: 1px; bottom: 0; width: 68px;}
    .history .tit_wrap .tit {transform: translate(25px,150px);}
}
@media screen and (max-width:420px) {
    .history .pic01 ,.history .pic02 {display: none;}
    .history .tit_wrap .tit {padding: 40px 30px; transform: translate(20px,150px);}
    .history .tit_wrap .tit p {font-size: 15px;}
    .history_contents .tit{font-size: 18px;}
    .history_contents .img_wrap {gap: 10px;}
    .history_contents>div:nth-child(2), .history_contents>div:nth-child(3) {margin-top: 60px;}
    .third_inner {margin-right: 0; margin-bottom: 15px;}
}
@media screen and (max-width:360px) {
    .history_contents .tit {font-size: 16px;}
    .history .tit_wrap .tit {padding: 40px 30px; transform: translate(17px,150px);}
    .history_contents .img_wrap>div:last-child {margin-right: 0 !important;}
} 

/* 중세장수 */
.contet_wrap {display: flex;}
.p-txt {padding-left: 35px;}

@media screen and (max-width:520px){
    .contet_wrap {flex-wrap: wrap; justify-content: center;}
    .history_contents .txt {margin-top: 20px; padding: 0;}
}

/* 근현대장수 */
@media screen and (max-width:640px){
    .contet_wrap {flex-wrap: wrap; justify-content: center;}
    .history_contents .txt {margin-top: 20px; padding: 0;}
}
@media screen and (max-width:360px) {
    .contet_wrap img {width: 100%;}
}

/* 공통 탭 active */
.tap-box .taps.depth4 li.active a {background: #5289c0; color: #fff;}
.tap-box .taps.depth5 li.active a span {color: #4eacbd;}

/* 행정지도 - 관광안내도 */
.admini_map_tour {display: flex; align-items: center;}
.admini_map_tour .tit {font-size: 45px; color: #576178; font-family: 'GmarketSans'; font-weight: bold; line-height: 1.2; letter-spacing: -0.05em;}
.admini_map_tour p {font-size: 16px; font-family: 'NotoKrL'; padding-top: 15px; margin-bottom: 35px;}
.admini_map_tour .img {transform: translateX(50px);}
.admini_map_tour .txt {padding-top: 13px;}

@media screen and (max-width:640px) {
    .admini_map_tour {flex-wrap: wrap; justify-content: center;}
    .admini_map_tour .img {margin-bottom: 70px; transform: initial;}
    .admini_map_tour .txt {text-align: center;}
}
@media screen and (max-width:320px) {
    .admini_map_tour .tit {font-size: 33px;}
    .admini_map_tour .img {margin-bottom: 50px;}
}

/* 군민헌장 */
.hunjang .top_wrap {height: 410px; background-color: #eff3fb; border-radius: 10px; padding: 50px 40px; box-sizing: border-box;}
.hunjang .top {height: 210px; display: flex; flex-direction: column; justify-content: center; padding-left: 30px; background: url(/images/Potal/images/content/03/sub_img23.png) no-repeat right center; background-position-y:-20px}
.hunjang .top span {font-family: 'jalnan'; font-size: 40px; color: #6664b1; letter-spacing: -0.05em;}
.hunjang .top span i {color: #14afb7;}
.hunjang .top p {font-family: 'GmarketSans'; font-size: 16px; font-weight: 400; margin-top: 25px;}
.hunjang .contents {background-color: #fff; border-radius: 10px; padding: 55px 60px; margin-top: -18px; box-sizing: border-box; transform: translateY(-160px); width: 95%;
margin: 0 27px;}
.hunjang .contents ul {display: inline-block; text-align: center;}
.hunjang .contents ul li {width: 32%; display: inline-block; text-align: center; margin-bottom: 35px;}
.hunjang .contents ul li span {display: inline-block; width: 210px; border-radius: 50px; padding: 15px 25px; margin-bottom: 17px; box-sizing: border-box; font-size: 17px; font-family: 'jalnan'; color: #000; text-align: left;}
.hunjang .contents ul li span i {font-size: 15px; font-family: 'GmarketSans'; font-weight: bold; display: inline-block; background-color: #fff; width: 26px; height: 26px; border-radius: 50%; padding: 4px; box-sizing: border-box; text-align: center; margin-right: 15px;}
.hunjang .contents ul li p {font-size: 15px; font-family: 'NotoKrL'; letter-spacing: -0.05em;}

.hunjang .contents ul li:nth-child(1) span {background-color: #dadaf3;}
.hunjang .contents ul li:nth-child(2) span {background-color: #c4ead4;}
.hunjang .contents ul li:nth-child(3) span {background-color: #c3e6fe;}
.hunjang .contents ul li:nth-child(4) span {background-color: #f8d4f2;}
.hunjang .contents ul li:nth-child(5) span {background-color: #ffdeb8;}

@media screen and (max-width:1575px){
    .hunjang .contents {padding: 55px 50px;}
}
@media screen and (max-width:1540px){
    .hunjang .contents {padding: 55px 30px;}
}
@media screen and (max-width:1437px) {
    .hunjang .contents ul {display: flex; flex-wrap: wrap;}
    .hunjang .contents {margin: 0 25px;}
}
@media screen and (max-width:1331px) {
    .hunjang .contents ul li {margin-bottom: 24px;}
    .hunjang .contents {margin: 0 22px;}
}
@media screen and (max-width:980px) {
    .hunjang .top {background: none;}
}
@media screen and (max-width:780px) {
    .hunjang {padding-top: 15px;}
    .hunjang .contents ul li {width: 50%;}
    .hunjang .contents {margin: 0 19px;}
}
@media screen and (max-width:591px) {
    .hunjang .contents ul li {width: 100%; margin-bottom: 50px;}
    .hunjang .contents {margin: 0px 14px;}
    .hunjang .contents ul li span {width:100%;}
}
@media screen and (max-width:480px) {
    .hunjang .top {padding-left: 0;}
    .hunjang .top p {font-size: 14px;}
    .hunjang .contents {margin: 0px 11px;}
}
@media screen and (max-width:420px) {
    .hunjang .contents {padding: 55px 15px;}
    .hunjang .top span {font-size: 32px;}
}
@media screen and (max-width:360px) {
    .hunjang .top span {font-size: 28px;}
    .hunjang .contents {padding: 35px 15px; margin: 0px 8px;}
    .hunjang .contents ul li {margin-bottom: 35px;}
    .hunjang .contents ul li span {padding: 12px 25px;}
}

/* 상징 - 군목 군조 군화 */
.sang-jing {position: relative; display: flex; gap: 45px; height: 239px; width: 97%; margin-left: 30px;}
.sang-jing strong {color: #2865a7; font-size: 24px; font-family: 'GmarketSans';} 
.sang-jing ul li span {font-size: 15px; font-family: 'GmarketSans'; color: #000; font-weight: 600;}
.img_wrap {position: absolute; top: -30px; left: -30px;}
.sang-jing-wrap .txt {padding-left: 320px; padding-top: 40px;}
.sang-jing-wrap .desc {font-size: 15px; font-family: 'NotoKrL'; letter-spacing: -0.05em; margin-top: 25px;}

@media screen and (max-width:680px) {
    .sang-jing {width: 95%; height: auto; width: 94%;}
    .sang-jing-wrap .txt {padding-left: 15px; padding-top: 220px;}
    .sang-jing-wrap .desc {margin: 17px 0 25px;}
}
@media screen and (max-width:380px) {
    .sang-jing {width: 95%; margin-left: 27px;}
}
@media screen and (max-width:320px) {
    .sang-jing ul li span {font-size: 12px;}
    .sang-jing-wrap .txt {padding-left: 7px;}
}

/* 심벌마크 - 로고 */
.top-box {border: 1px solid #a8c4df; border-radius: 10px; box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.05); padding: 15px 30px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.top-box .txt {font-family: 'GmarketSans'; font-size: 16px; color: #000; letter-spacing: -0.02em; margin-top: 5px; background: url(/images/Potal/images/content/03/sub-icon08.png) no-repeat left top; padding-left: 40px;}
.top-box .txt span {color: #2865a7; font-family: 'GmarketSans'; font-weight: bold;}
.top-box .btn-wrap a {margin-bottom: 0;}
.box-wrap {padding: 0; border: 1px dashed #ccc;}
.line-box {border-top: 1px dashed #ccc; padding: 30px 28px;}
.box-wrap p {font-size: 15px; font-family: 'NotoKrL'; letter-spacing: -0.05em; line-height: 1.7;}
.box-wrap p span {color: #2865a7; font-family: 'NotoKrB';}

@media screen and (max-width:1350px) {
    .top-box {flex-direction: column; text-align: center;}
    .top-box .txt {margin-bottom: 13px;}
}
@media screen and (max-width:680px){
    .symbol .box-wrap img {width: 95%;}
}
@media screen and (max-width:480px){
    .box-wrap img {width: 95%;}
}

/* 캐릭터, 마스코트, 군기 */
.character .tit {display: flex; align-items: center; justify-content: space-between;}
.character .btn-wrap.type02 a {margin-bottom: 0;}

@media screen and (max-width:710px){
    .character .second .box-wrap img {width: 95%;}
}

/* 농산물브랜드 */
.farm_brand ul {display: flex; flex-wrap: wrap;}
.farm_brand ul li {width: 50%; display: flex; align-items: center;}
.farm_brand ul li p {display: inline-block; width: 80%; padding: 0 15px; margin-right: 30px; box-sizing: border-box; font-size: 15px; font-family: 'NotoKrL'; letter-spacing: -0.05em;}
.farm_brand ul li:nth-child(1), .farm_brand ul li:nth-child(2) {margin-bottom: 25px;}
.farm_brand .line-box {padding: 30px 40px;}

@media screen and (max-width:680px) {
    .farm_brand ul li {width: 100%; margin-bottom: 25px !important;}
    .farm_brand ul li p {margin-right: 0 !important;}
}
@media screen and (max-width:480px) {
    .farm_brand ul li img {width: initial;}
    .line-box {padding: 30px 20px !important;}
}
@media screen and (max-width:380px) {
    .farm_brand ul li {flex-direction: column; gap: 20px;}
    .farm_brand ul li p {padding: 0; text-align: center;}
    .farm_brand ul li {margin-bottom: 40px !important;}
}

/* 군기 */
@media screen and (max-width:620px) {
    .flag img {width: 95%;}
}

/* 도시브랜드 */
@media screen and (max-width:780px) {
    .graphic-motive img, .emblem img {width: 95%;}
}
@media screen and (max-width:720px) {
    .especially-color img {width: 95%;}
}
@media screen and (max-width:680px) {
    .brand-prohibition img {width: 95%;}
}
@media screen and (max-width:480px) {
    .brand img {width: initial;}
}

/* 장수의노래 */
.jansu-song {background: url(/images/Potal/images/content/03/sub_img42.png) no-repeat right bottom; gap: 65px; color: #000;}
.jansu-song > div {width: 50%;}
.jansu-song .img_wrapper {position: relative;}
.jansu-song .btn-wrap {position: absolute; bottom: 0px; left: 382px; width: 100%;}
.jansu-song p {position: relative; font-size: 16px; font-family: 'NotoKrL'; letter-spacing: -0.05em; line-height: 1.8;}
.jansu-song .txt p span {display: block; font-family: 'NotoKrB';     margin-bottom: 8px;}
.jansu-song .txt p span:before {content: ''; display: block; position: absolute; top: 45px; left: 0; height: 1px; background-color: #000;}
.jansu-song .txt p:nth-child(3) span:before {width: 25px;}
.jansu-song .txt p:nth-child(4) span:before {width: 29px;}
.jansu-song .img {transform: initial !important;}

@media screen and (max-width:1440px) {
    .jansu-song {gap: 103px;}
    .jansu-song .btn-wrap {bottom: 121px; left: 382px;}
}
@media screen and (max-width:1345px) {
    .jansu-song {flex-direction: column; gap: 55px;}
    .jansu-song > div {width: 100%;}
    .jansu-song .img {text-align: center; margin-right: 66px;}
    .jansu-song .btn-wrap {bottom: 80px; left: 150px;}
    .admini_map_tour .txt {text-align: center;}
    .jansu-song .txt p span:before {left: 50%; transform: translateX(-50%);}
}
@media screen and (max-width:680px) {
    .jansu-song img {width: 90%;}
    .jansu-song .btn-wrap {left: 136px; bottom: 68px;}
}
@media screen and (max-width:630px) {
    .jansu-song {background: 0; gap: 0;}
    .jansu-song .btn-wrap {left: 110px; bottom: 132px;}
    .admini_map_tour .txt {padding-top: 0;}
}
@media screen and (max-width:591px){
    .jansu-song .btn-wrap {left: 97px; bottom: 85px;}
    .admini_map_tour .img {margin-bottom: 32px;}
}
@media screen and (max-width:480px){
    .jansu-song .btn-wrap {left: 55px; bottom: 72px;}
}
@media screen and (max-width:420px) {
    .jansu-song .btn-wrap {left: 28px; bottom: 60px;}
}
@media screen and (max-width:360px) {
    .jansu-song .btn-wrap {left: 5px; bottom: 49px;}
    .admini_map_tour .tit {font-size: 40px;}
}
@media screen and (max-width:320px) {
    .jansu-song {gap: 5px;}
    .jansu-song .btn-wrap {left: -3px; bottom: 27px;}
}

/* 국내교류 */
.domestic {margin-top: 50px;}
.domestic span {color: #2865a7; font-size: 24px; font-family: 'GmarketSans'; font-weight: bold;    margin-bottom: 20px; display: inline-block;}
.domestic ul.inner {display: flex; flex-wrap: wrap; gap: 72px;}
.domestic ul.inner > li {position: relative; background-color: #f3f5f9; border-radius: 10px; width: 47%; padding: 40px; box-sizing: border-box; display: flex;  }
.domestic ul.inner > li:nth-child(2), .domestic ul.inner > li:nth-child(4) {margin-right: 0;}
.domestic ul.inner > li img {background-color: #fff; width: 165px; height: 175px; padding: 30px; box-sizing: border-box; border-radius: 10px; border: 1px solid #5289c0; object-fit: contain;}
.domestic .img_wrap {position: absolute; top: -15px; left: -15px;}
.domestic ul.inner > li div:nth-child(2) {margin-left: 155px;}

@media screen and (max-width:1600px) {.domestic ul.inner {gap: 66px;}}
@media screen and (max-width:1570px) {.domestic ul.inner {gap: 65px;}}
@media screen and (max-width:1547px) {
    .domestic ul.inner {gap: 65px;}
    .domestic ul.inner > li {width: 46%;}
}
@media screen and (max-width:1280px) {
    .domestic ul.inner > li div:nth-child(2) {margin-left: 140px;}
}
@media screen and (max-width:1100px) {
    .domestic ul.inner {gap: 43px;}
    .domestic ul.inner > li {width: 47%;}
    .domestic ul.inner > li div:nth-child(2) { margin-left: 135px;}
}
@media screen and (max-width:780px) {
    .domestic ul.inner > li {width: 100%;}
    .domestic ul.inner > li div:nth-child(2) {margin-left: 155px;}
    .domestic .img_wrap {position: absolute; top: -15px; left: -15px;}
}
@media screen and (max-width:480px) {
    .domestic ul.inner > li {padding: 30px;}
    .domestic ul.inner > li img {width: 130px; height: 140px;}
    .domestic .img_wrap {top: 15px; left: 15px;}
}
@media screen and (max-width:425px) {
    .domestic .img_wrap {position: static; margin-bottom: 25px;}
    .domestic ul.inner > li div:nth-child(2) {margin-left: 0;}
    .domestic ul.inner > li {flex-direction: column;}
}
@media screen and (max-width:320px) {
    .domestic {margin-top: 35px;}
    .domestic ul.inner > li {padding: 20px;}
}


/* 장수군애향교육진흥재단 */
/* 인사말 */
.aehyang .inner {display: flex;}
.aehyang .inner .img-wrap {flex-shrink: 0;}
.aehyang .greeting {position: relative; color: #000; font-size: 22px; font-family: 'GmarketSansTTFLight'; line-height: 1.5; letter-spacing: -0.05em; font-weight: bold; margin-bottom: 90px;}
.aehyang .greeting::before {content: ''; display: block; position: absolute; bottom: -43px;
left: -56px; height: 1px; width: 585px; background-color: #e9e9e9; z-index: -1;}
.greeting .corpor {color: #576178; font-family: 'GmarketSans'; font-weight: 600;}
.greeting .name {color: #3679d4; font-family: 'GmarketSans'; font-size: 28px; font-weight: 600;}
.aehyang .txt {padding: 30px 0 97px 55px; width: 100%; background: url(/images/Potal/images/content/03/sub_img44-bg.png) no-repeat right bottom; background-position-y: 52px;}
.aehyang .txt p {font-size: 15px; font-family: 'NotoKrR'; line-height: 1.8; letter-spacing: -0.02em; word-break: keep-all;}

@media screen and (max-width:1280px) {.aehyang .txt {background:0;}}
@media screen and (max-width:768px) {
    .aehyang .inner {flex-direction: column;}
    .aehyang .inner .img-wrap {text-align: center;}
    .aehyang .txt {padding: 30px 0px;}
    .aehyang .greeting::before {left:0;}
    .aehyang .greeting {text-align: center; font-size: 25px;}
    .aehyang .greeting::before {width: 100%;}
}
@media screen and (max-width:580px) {
    .aehyang .txt {padding-left: 0; padding-bottom: 0;}
}
@media screen and (max-width:360px) {
    .aehyang .greeting {font-size: 22px;}
    .aehyang .greeting::before {width: 390px;}
    .aehyang .txt {padding-top: 45px;}
}
@media screen and (max-width:320px) {
    .aehyang .greeting {font-size: 20px;}
    .aehyang .greeting::before {width: 353px;}
}

/* 소개 */
.p1_08 .contentbox-tit .box-con:before {background: url(/images/Potal/images/content/03/box-con-icon09.png) no-repeat center #f7f7f7;}

/* 부서 조직도 공통 */
.team-box {border: 1px dashed #dbdbdb; padding: 45px; box-sizing: border-box;}
.team .top_tit {position: relative; display: inline-block; background-color: #e25584; width: 268px; border-radius: 5px; text-align: center; margin-bottom: 25px;padding: 20px 35px; padding-left: 38px; display: inline-block; color: #fff; font-size: 18px; font-family: 'GmarketSans'; box-sizing: border-box;}
.team .top_tit::before {content: ''; display: block; position: absolute; top: 45px; left: 50%;
transform: translateX(-50%); background: url(/images/Potal/images/content/03/bottom-arrow.png) no-repeat center; width: 36px; height: 50px; z-index: -1;}
.team .tit {position: relative; display: inline-block; background-color: #8378c7; width: 230px; border-radius: 5px; text-align: center; vertical-align: top; margin-right: 65px; transition: 0.3s ease;}
.team .tit:hover {background-color: #7268af;}
.team .tit a {padding: 20px 35px; padding-left: 38px; display: inline-block; color: #fff; font-size: 18px; font-family: 'GmarketSans'; box-sizing: border-box; line-height: 1; background: url(/images/Potal/images/content/03/check_white.png) no-repeat left center; background-position-y: 18px;}
.team .sub-team {display: inline-block;}
.team .sub-team>ul {position: relative;}
.team .sub-team>ul::before {content: ''; display: block; position: absolute; top: 25px; left: -50px; background-color: #d3d3d3; width: 1px; height: 325px;}
.team .sub-team ul li {margin-bottom: 30px;}
.team .sub-team ul li a {position: relative; background-color: #5289c0; border-radius: 50px; display: inline-block; width: 188px; color: #fff; font-size: 16px; font-family: 'NotoKrM'; text-align: center; padding: 15px; box-sizing: border-box; transition: 0.3s ease;}
.team .sub-team ul li a:hover {background-color: #4472a0;}
.team .sub-team ul li a::before {content: ''; display: block; position: absolute; top: 25px; left: -50px; background-color: #d3d3d3; width: 50px; height: 1px;}
.team .sub-team ul.inner {margin-left: 210px; margin-top: -54px; z-index: -1;}
.team .sub-team ul.inner li {position: relative; font-size: 15px; font-family: 'NotoKrL'; letter-spacing: -0.02em; background-color: #f3f5f9; border-radius: 5px; padding: 15px 37px; box-sizing: border-box;}
.team .sub-team ul.inner li::before {content: ''; display: block; position: absolute; top: 25px; left: 20px; background-color: #27206e; width: 8px; height: 2px;}
.team .sub-team ul.inner li::after {content: ''; display: block; position: absolute; top: 25px; left: -55px; background-color: #d3d3d3; width: 55px; height: 1px; z-index: -1;}
.team .sub-team ul.d-inner li::after {display:none;}


@media screen and (max-width:1600px) {
    .team-box {padding: 45px 35px;}
    .team .tit {width: 240px; margin-right: 62px;}
    .team .top_tit {width: 240px;}
    .team .tit a {padding: 20px 20px; padding-left: 37px;}
    .team .sub-team>ul::before {left: -32px;}
    .team .sub-team ul li a::before {left: -31px; width: 31px;}
    .team .sub-team ul.inner {margin-left: 225px;}
    .team .sub-team ul.inner li::after {left: -37px; width: 37px; z-index: -1;}
}
@media screen and (max-width:1555px) {
    .team .tit {width: 220px; margin-right: 60px;}
    .team .top_tit {width: 220px;}
    .team .sub-team ul li a {width: 188px;}
    .team .sub-team>ul::before {left: -32px;}
    .team .sub-team ul.inner {margin-left: 205px;}
}
@media screen and (max-width:1495px) {
    .team .tit {width: 195px; margin-right: 42px;}
    .team .top_tit {width: 195px;}
    .team .sub-team>ul::before {left: -23px;}
    .team .sub-team ul li a::before {left: -23px; width: 23px;}
    .team .sub-team ul.inner {margin-left: 210px;}
    .team .sub-team ul.inner li::after {left: -22px; width: 22px;}
}
@media screen and (max-width:1439px) {
    .team .tit {margin-right: 35px;}
    .team .sub-team>ul::before {left: -18px;}
    .team .sub-team ul li a::before {left: -18px; width: 18px;}
    .team .sub-team ul.inner li {padding-right: 25px; letter-spacing: -0.05em;}
}
@media screen and (max-width:1388px) {
    .team-box {padding: 45px;}
    .team .tit {margin-right: 62px; width: 220px;}
    .team .top_tit {width: 220px;}
    .team .sub-team>ul::before {left: -34px; height: 564px;}
    .team .sub-team ul li a {border-radius: 5px 5px 0 0; width: 100%;}
    .team .sub-team ul li a::before {left: -33px; width: 33px;}
    .team .sub-team ul.inner {margin-left: 0; margin-top: 0;}
    .team .sub-team ul.inner li {width: 100%; border-radius: 0 0 5px 5px;}
    .team .sub-team ul.inner li::after {display: none;}
}
@media screen and (max-width:1192px) {
    .team .tit {width: 180px; margin-right: 50px;}
    .team .top_tit {width: 180px;}
    .team .sub-team ul li a, .team .sub-team ul.inner li {width: 80%;}
    .team .sub-team ul.inner {width: 390px;}
}
@media screen and (max-width:1024px) {
    .team .sub-team ul li a, .team .sub-team ul.inner li {width: 100%;}
}
@media screen and (max-width:768px) {
    .team-box {padding: 25px;}
    .team .tit {display: block; margin-right: 0; margin-bottom: 20px; width: 100%;}
    .team .top_tit {width: 100%;}
    .team .sub-team {display: block;}
    .team .sub-team ul li a::before {display: none;}
    .team .sub-team>ul::before {left: 50%; top: -20px; height: 565px;}
    .team .sub-team ul.inner {width: 100%;}
}
@media screen and (max-width:420px) {.team-box {padding: 10px;}}



/* ~국 조직도 공통 */
.team02 {text-align: center; border: 1px dashed #dbdbdb; padding: 65px;}
.team02 .tit {background-color: #e25584; width: 268px; border-radius: 5px; display: inline-block; text-align: center; margin-bottom: 45px;}
.team02 .tit span {color: #fff; font-size: 20px; font-family: 'GmarketSans'; font-weight: 600; line-height: 1; display: inline-block; padding: 20px 35px; box-sizing: border-box;}
.team02>ul {display: flex; flex-wrap: wrap; justify-content: center;}
.team02>ul>li {margin: 0 25px 35px;}
.team02 ul li span {position: relative; background-color: #8378c7; width: 268px; display: inline-block; border-radius: 5px; text-align: left; padding: 0 20px; box-sizing: border-box; transition:0.3s ease;}
.team02 ul li span:hover {background-color:#685ea7;}
.team02 ul li span::before {content: ''; display: block; position: absolute; top: 20px;
right: 20px; width: 18px; height: 18px; background: url(/images/Potal/images/content/03/scut_whtie03.png) no-repeat center right; cursor: pointer;}
.team02 ul li span a {color: #fff; font-size: 18px; font-family: 'GmarketSans'; font-weight: 600; line-height: 1; padding: 22px 0; padding-right: 100px; display: inline-block;}
.team02 ul.inner {background-color: #f3f5f9; border-radius: 0 0 5px 5px; padding: 20px 40px; box-sizing: border-box; width: 268px; height: 213px; margin-top: -3px;}
.team02 ul.inner li {position: relative; text-align: left; font-size: 15px; font-family: 'NotoKrL'; letter-spacing: -0.02em; line-height: 1.9; color: #000;}
.team02 ul.inner li::before {content: ''; display: block; position: absolute; top: 12px;
left: -18px; background-color: #27206e; width: 8px; height: 2px;}

@media screen and (max-width:1552px) {
    .team02 {padding: 65px 40px;}
    .team02>ul>li {margin: 0 15px 35px;}
}
@media screen and (max-width:714px) {
    .team02>ul>li, .team02 ul li span, .team02 ul.inner {width: 100%;}
    .team02 ul li span {background-position-x: 530px;}
    .team02>ul>li {margin-bottom: 25px;}
    .team02>ul>li:last-child {margin-bottom: 0;}
}
@media screen and (max-width:480px) {
    .team02 {padding: 20px;} 
    .team02 .tit {margin-bottom: 20px; width: 100%;}
    .team02>ul>li {margin: 0; margin-bottom: 20px;}
}
@media screen and (max-width:360px) {.team02 {padding: 10px;}}


/* 기획조정실 */
.p1_09 .contentbox-tit .box-con:before {background: url(/images/Potal/images/content/03/box-con-icon10.png) no-repeat center #f7f7f7; top: -12px;}

/* 행정지원과 */
.p1_10 .contentbox-tit .box-con:before {background: url(/images/Potal/images/content/03/box-con-icon11.png) no-repeat center #f7f7f7; top: -12px;}
.team-01 .sub-team>ul::before {height: 406px;}

/* 주민복지과 */
.p1_11 .contentbox-tit .box-con:before {background: url(/images/Potal/images/content/03/box-con-icon12.png) no-repeat center #f7f7f7; top: -12px;}
.team-01 .sub-team>ul::before {height: 406px;}
.team-01 .sub-team ul.inner {margin-left: 221px;}

@media screen and (max-width:1596px) {
    .team-01 .tit {width: 200px; margin-right: 45px;}
    .team-01 .sub-team>ul::before {left: -21px;}
    .team-01 .sub-team ul li a::before {left: -20px; width: 20px;}
    .team-01 .sub-team ul.inner li {padding-right: 20px;}
}
@media screen and (max-width:1491px) {
    .team-01 .sub-team ul.inner {margin-left: 211px;}
}
@media screen and (max-width:1476px) {
    .team-01 .tit {margin-right: 62px; width: 220px;}
    .team-01 .top_tit {width: 220px;}
    .team-01 .sub-team>ul::before {left: -34px; height: 676px;}
    .team-01 .sub-team ul li a {border-radius: 5px 5px 0 0; width: 100%;}
    .team-01 .sub-team ul li a::before {left: -33px; width: 33px;}
    .team-01 .sub-team ul.inner {margin-left: 0; margin-top: 0;}
    .team-01 .sub-team ul.inner li {width: 100%; border-radius: 0 0 5px 5px;}
    .team-01 .sub-team ul.inner li::after {display: none;}
}
@media screen and (max-width:1232px) {
    .team-01 .tit {width: 180px; margin-right: 50px;}
    .team-01 .top_tit {width: 180px;}
    .team-01 .sub-team ul li a, .team .sub-team ul.inner li {width: 100%;}
    .team-01 .sub-team>ul::before {height: 721px;}
    .team-01 .sub-team ul.inner {width: 390px;}
}
@media screen and (max-width:768px) {
    .team-01 .tit {display: block; margin-right: 0; margin-bottom: 20px; width: 100%;}
    .team-01 .top_tit {width: 100%;}
    .team-01 .sub-team {display: block;}
    .team-01 .sub-team ul li a::before {display: none;}
    .team-01 .sub-team>ul::before {left: 50%; top: -20px; /* height: 765px; */ height: 100%;}
    .team-01 .sub-team ul.inner {width: 100%;}
}
@media screen and (max-width:320px) {.team-01 .sub-team>ul::before {height: 865px;}}

/* 재무과 */
.p1_12 .contentbox-tit .box-con:before {background: url(/images/Potal/images/content/03/box-con-icon13.png) no-repeat center #f7f7f7; top:-12px;}
.team-02 .tit {width: 200px; margin-right: 30px;}
.team-02 .tit a {padding: 20px 25px; padding-left: 38px;}
.team-02 .sub-team ul li a {width: 177px; padding:15px 20px}
.team-02 .sub-team ul.inner li {padding-right: 20px;}
.team-02 .sub-team ul.inner {margin-left: 210px;}
.team-02 .sub-team>ul::before {left: -20px; height: 244px;} /*하위4개일떄 공통사용됨*/
.team-02 .sub-team ul li a::before {left: -20px; width: 20px;}

@media screen and (max-width:1600px) {
    .team-02 .tit {width: 180px; margin-right: 27px;}
    .team-02 .sub-team ul li a {width: 165px;}
    .team-02 .sub-team ul.inner {margin-left: 185px;}
}
@media screen and (max-width:1564px) {
    .team-02 .tit {margin-right: 62px; width: 200px;}
    .team-02 .tit a {padding: 20px 14px; padding-left: 35px;}
    .team-02 .sub-team>ul::before {left: -34px; height: 406px;}
    .team-02 .sub-team ul li a {border-radius: 5px 5px 0 0; width: 80%;}
    .team-02 .sub-team ul li a::before {left: -33px; width: 33px;}
    .team-02 .sub-team ul.inner {margin-left: 0; margin-top: 0;}
    .team-02 .sub-team ul.inner li {width: 80%; border-radius: 0 0 5px 5px;}
    .team-02 .sub-team ul.inner li::after {display: none;}
}
@media screen and (max-width:1372px) {
    .team-02 .tit {width: 180px; margin-right: 50px;}
    .team-02 .top_tit {width: 180px;}
    .team-02 .sub-team ul li a, .team .sub-team ul.inner li {width: 100%;}
    .team-02 .sub-team>ul::before {height: 451px;}
    .team-02 .sub-team ul.inner {width: 390px;}
}
@media screen and (max-width:768px) {
    .team-02 .tit {width: 100%; margin-right: 0;}
    .team-02 .sub-team ul.inner {width: 100%;}
    .team-02 .sub-team>ul::before {left: 50%; transform: translateX(-50%);}
    .team .sub-team ul li {margin-bottom: 20px;}
}

/* 민원과 */
.p1_13 .contentbox-tit .box-con:before {background: url(/images/Potal/images/content/03/box-con-icon14.png) no-repeat center #f7f7f7; top:-12px}
.team-03 .sub-team>ul::before {height: 406px;}

@media screen and (max-width:1388px) {
    .team-03 .sub-team>ul::before {height: 676px;}
    .team-03 .sub-team ul li a {border-radius: 5px 5px 0 0; width: 100%;}
    .team-03 .sub-team ul li a::before {left: -33px; width: 33px;}
    .team-03 .sub-team ul.inner {margin-left: 0; margin-top: 0;}
    .team-03 .sub-team ul.inner li {width: 100%; border-radius: 0 0 5px 5px;}
    .team-03 .sub-team ul.inner li::after {display: none;}
}

/* 문화관광과 */
.contentbox-tit .box-con.type15:before {background: url('/images/Potal/images/content/03/box-con-icon15.png') no-repeat center #f7f7f7; top:-12px;}
@media screen and (max-width:1280px) {
    .team-04 .sub-team ul li a, .team-04 .sub-team ul.inner li {width: 100%;}
    .team-04 .sub-team>ul::before {height: 541px;}
}

/* 환경위생과 */
.team-05 .tit {width: 200px; margin-right: 60px;}
.team-05 .tit a {padding: 20px 22px; padding-left: 38px;}
.team-05 .sub-team>ul::before {left: -30px;}
.team-05 .sub-team ul li a::before {left: -30px; z-index:-1;}
.team-05 .sub-team>ul::before {height: 406px;}
.team-05 .sub-team ul.inner {margin-left: 220px;}

@media screen and (max-width:1539px) {
    .team-05 .tit {width: 175px; margin-right: 40px;}
    .team-05 .tit a {padding: 20px 17px; padding-left: 31px;}
}
@media screen and (max-width:1475px) {
    .team-05 .sub-team>ul::before {left: -34px; height: 676px;}
    .team-05 .sub-team ul li a {border-radius: 5px 5px 0 0; width: 100%;}
    .team-05 .sub-team ul li a::before {left: -33px; width: 33px;}
    .team-05 .sub-team ul.inner {margin-left: 0; margin-top: 0;}
    .team-05 .sub-team ul.inner li {width: 100%; border-radius: 0 0 5px 5px;}
    .team-05 .sub-team ul.inner li::after {display: none;}
}
@media screen and (max-width:1280px) {.team-05 .sub-team>ul::before{height: 698px;}}
@media screen and (max-width:768px) {
    .team-05 .tit {width: 100%;}
    .team-05 .sub-team>ul::before {left: 50%; height: 100%;}
}

/* 농산업건설국 */
.team02.type02 .tit {background-color: #16ad88;}

/* 농산정책과 */
.team-06 .top_tit {background-color: #16ad88;}
.team-06 .top_tit::before {background: url(/images/Potal/images/content/03/bottom-arrow-green.png) no-repeat center;}
.team-06 .sub-team>ul::before {height: 244px;}

@media screen and (max-width:1388px) { .team-06 .sub-team>ul::before {height: 406px;}}
@media screen and (max-width:1192px) { .team .sub-team ul li a, .team .sub-team ul.inner li {width: 100%;}}
@media screen and (max-width:420px) { .team-06 .sub-team>ul::before {height: 100%;}}

/* 민생경제과 */
.contentbox-tit .box-con.type18:before {background: url('/images/Potal/images/content/03/box-con-icon18.png') no-repeat center #f7f7f7;}
.team-07 .sub-team>ul::before {height: 244px;}

@media screen and (max-width:1388px) {
    .team-07 .sub-team>ul::before {height: 406px;}
    .team-07 .sub-team ul li a, .team-07 .sub-team ul.inner li {width: 100%;}
}

/* 농산유통과 */
.team-08 .sub-team ul li a {padding: 15px 38px;}
.team-08 .sub-team>ul::before {height: 245px;}

@media screen and (max-width:1388px) {.team-08 .sub-team>ul::before {height: 406px;}}

/* 축산과 */
.team-09 .sub-team>ul::before {height: 244px;}
@media screen and (max-width:1388px) {
    .team-09 .sub-team>ul::before {height: 406px;}
}
@media screen and (max-width:1192px) {
    .team-09 .sub-team>ul::before {height: 429px;}
}
/* 산림공원과 */
.contentbox-tit .box-con.type21:before {background: url('/images/Potal/images/content/03/box-con-icon21.png') no-repeat center #f7f7f7;top:-12px;}
.team-10 .sub-team>ul::before {height: 325px;}

@media screen and (max-width:1388px) { .team-10 .sub-team>ul::before {height: 541px;}}
@media screen and (max-width:360px) { .team-10 .sub-team>ul::before {height: 100%;}}
/* 안전재난과 */
@media screen and (max-width:1192px) { .team-11 .sub-team>ul::before {height: 564px;}}
/* 건설교통과 */
@media screen and (max-width:1388px) {.team-12 .sub-team>ul::before {height: 541px;}}
/* 보건사업과 */
.team-13 .tit {width: 195px; margin-right: 30px;}
.team-13 .tit a {padding: 20px 15px; padding-left: 38px;}
.team-13 .sub-team ul li a {padding: 15px; width: 155px;}
.team-13 .sub-team ul.inner {margin-left: 170px;}
.team-13 .sub-team ul.inner li {padding-right: 20px;}
.team-13 .sub-team>ul::before {left: -18px;}
.team-13 .sub-team ul li a::before {left: -18px; z-index:-1;}
@media screen and (max-width:1600px) {
    .team-13 .sub-team ul.inner li {width: 500px;}
    .team-13 .sub-team>ul::before {height: 369px;}
}
@media screen and (max-width:1388px) {
    .team-13 .tit {margin-right: 60px;}
    .team-13 .sub-team ul li a {width: 100%;}
    .team-13 .sub-team ul.inner {margin-left: 0;}
    .team-13 .sub-team>ul::before {left: -35px; height: 609px;}
    .team-13 .sub-team ul li a::before {left: -34px;}
}
@media screen and (max-width:1192px) {.team-13 .sub-team ul.inner li {width: 100%;}}
@media screen and (max-width:768px) {
    .team-13 .tit{width: 100%;}
    .team-13 .sub-team>ul::before {left: 50%;}
}
/* 의료지원과 */
.team-14 .tit {width: 200px; margin-right: 60px;}
.team-14 .tit a {padding: 20px 21px; padding-left: 38px;}
.team-14 .sub-team>ul::before {left: -29px;}
.team-14 .sub-team ul li a::before {left: -28px; z-index:-1;}
.team-14 .sub-team ul li a {width: 160px; padding: 15px 25px;}
.team-14 .sub-team ul.inner {margin-left: 183px;}
@media screen and (max-width:1600px) {
    .team-14 .sub-team ul.inner li {width: 500px;}
    .team-14 .sub-team>ul::before {height: 348px;}
}
@media screen and (max-width:1457px) {
    .team-14 .sub-team ul.inner li {width: 400px;}
    .team-14 .sub-team>ul::before {height: 393px;}
    .team-14 .sub-team ul li a::before {width: 30px;}
}
@media screen and (max-width:1388px) {
    .team-14 .sub-team ul li a { width: 100%;}
    .team-14 .sub-team ul.inner {margin-left: 0;}
    .team-14 .sub-team ul.inner li {width: 100%;}
    .team-14 .sub-team>ul::before {height: 541px;}
}
@media screen and (max-width:768px) {
    .team-14 .tit{width: 100%;}
    .team-14 .sub-team>ul::before {left: 50%;}
}
/* 농촌지원과 */
.team-15 .tit {width: 195px;  margin-right: 60px;}
.team-15 .tit a {padding: 20px 23px; padding-left: 38px;}
.team-15 .sub-team>ul::before {left: -28px; height: 319px;} /*height:481px;*/
.team-15 .sub-team ul li a::before {left: -27px; z-index: -1;}
.team-15 .sub-team ul.inner {margin-left: 220px;}
@media screen and (max-width:1600px) {
    .team-15 .sub-team ul.inner li {width: 500px;}
    .team-15 .sub-team>ul::before {height: 445px; margin-right: 0;}
}
@media screen and (max-width:1457px) {
    .team-15 .sub-team ul.inner li {width: 400px;}
    .team-15 .sub-team>ul::before {height: 512px;}
    .team-15 .sub-team ul li a::before {width: 30px;}
}
@media screen and (max-width:1388px) {
    .team-15 .sub-team ul li a { width: 100%;}
    .team-15 .sub-team ul.inner {margin-left: 0;}
    .team-15 .sub-team ul.inner li {width: 100%;}
    .team-15 .sub-team>ul::before {height: 616px;}
}
@media screen and (max-width:1024px) {
    .team-15 .sub-team>ul::before {height: 728px; left: -34px;}
    .team-15 .sub-team ul li a::before {left: -33px;}
}
@media screen and (max-width:768px) {
    .team-15 .tit{width: 100%;}
    .team-15 .sub-team>ul::before {left: 50%; height: 100%;}
}
/* 기술보급과 */
.team-16 .tit {width: 195px;  margin-right: 60px;}
.team-16 .tit a {padding: 20px 23px; padding-left: 38px;}
.team-16 .sub-team ul.inner li {width: 600px;}
.team-16 .sub-team>ul::before {left: -31px; height: 245px;}
.team-16 .sub-team ul li a::before {left: -31px; width: 43px; z-index: -1;}
@media screen and (max-width:1600px) {
    .team-16 .sub-team ul.inner li {width: 450px;}
    .team-16 .sub-team>ul::before {height: 268px; margin-right: 0;}
    .team-16 .sub-team>ul::before {height: 312px;}
}
@media screen and (max-width:1418px) {
    .team-16 .sub-team ul.inner li {width: 400px;}
    .team-16 .sub-team>ul::before {height: 393px;}
    .team-16 .sub-team ul li a::before {width: 30px;}
    .team-16 .sub-team>ul::before {height: 312px;}
}
@media screen and (max-width:1388px) {
    .team-16 .sub-team>ul::before {height: 474px;}
    .team-16 .sub-team ul.inner li {width: 100%;}
}
@media screen and (max-width:768px) {
    .team-16 .tit{width: 100%;}
    .team-16 .sub-team>ul::before {left: 50%;}
}

/* 체육맑은물사업소 */
.team-17 .sub-team>ul::before {height: 244px;}
@media screen and (max-width:1495px) {.team-17 .tit { width: 220px; margin-right: 60px;}}
@media screen and (max-width:1388px) {.team-17 .sub-team>ul::before {height: 406px;}}
@media screen and (max-width:768px) {.team-17 .tit {width: 100%;}}

/* 공공데이터개방 - 공공저작물 이용안내 */
@media screen and (max-width:1120px) {.open-img td div {height: 40px !important;}}

/* 조직정보공개 */
.chart00 .img-wrap {width: 100%;}
.chart00 img {padding-left: 20px; box-sizing: border-box; height: auto; max-width: 100%;}
@media screen and (max-width:768px) {
    .chart00 .table-wrap {width: 100% !important;}
    .chart00 .img-wrap {width: 100% !important; margin-top: 30px;}
    .chart00 .step01>li {margin-top: 20px;}
}

/* 사이트도우미 - 개인정보처리방침 */
.info_toggle {position: relative; display: block; margin: 20px -3%; text-align: center; font-size: 0;}
.info_toggle .con {display: inline-block; box-sizing: border-box; width: 14%; margin: 1%;    padding: 0;}
.info_toggle p.tit {position: relative; display: block; box-sizing: border-box; height: 128px;
padding-top: 90px; text-align: center; word-break: keep-all; font-size: 15px; letter-spacing: -1px; font-family: 'NotoKrL'; border: 1px #ddd solid; border-radius: 10px;}
.info_toggle p.tit:before {content: ''; position: absolute; top: 15px; right: 0; left: 0;   width: 65px; height: 65px; margin: 0 auto; background: url(/images/Potal/images/content/000/img_icon_set.png) no-repeat center;}
.info_toggle p.txt {display: none; position: absolute; z-index: 10; padding: 14px 20px; font-size: 15px; font-family: 'NotoKrL'; background: #123466; color: #fff; box-shadow: 10px 10px 10px #dedede; text-align: left;}
.info_toggle .con:hover p.txt {display: block;}

.info_toggle .con:nth-of-type(1) :before {background-position: 4px 1px;}
.info_toggle .con:nth-of-type(2) :before {background-position: -128px 1px;}
.info_toggle .con:nth-of-type(3) :before {background-position: -268px 1px;}
.info_toggle .con:nth-of-type(4) :before {background-position: -128px -97px;}
.info_toggle .con:nth-of-type(5) :before {background-position: 2px -197px;}
.info_toggle .con:nth-of-type(6) :before {background-position: 4px -97px;}
.info_toggle .con:nth-of-type(7) :before {background-position: -409px 1px;}
.info_toggle .con:nth-of-type(8) :before {background-position: -562px 1px;}
.info_toggle .con:nth-of-type(9) :before {background-position: -410px -100px;}
.info_toggle .con:nth-of-type(10) :before {background-position: -270px -200px;}
.info_toggle .con:nth-of-type(11) :before {background-position: -410px -200px;}
.info_toggle .con:nth-of-type(12) :before {background-position: -560px -200px;}

.info_ul li{float: left;/* width: 49%; */width: 44%;margin:0 4px 10px;padding: 20px 8px 20px 54px;border: 1px #e3e3e3 solid;font-size: 14px;letter-spacing: -1px;/* background:url('/images/Potal/images/content/000/img_icon_set_row.png') no-repeat; */line-height: 1.25em;background: url('/upload_data/board_data/BBS_0000002/173025205610044.png') no-repeat;}

.info_ul li:nth-of-type(1) {background-position: 14px 11px;}
.info_ul li:nth-of-type(2) {background-position: 14px -114px;}
.info_ul li:nth-of-type(3){background-position: 14px -240px;}
.info_ul li:nth-of-type(4){background-position: 14px -364px;}
.info_ul li:nth-of-type(5){background-position: 14px -486px;}
.info_ul li:nth-of-type(6){background-position: 14px -611px;}
.info_ul li:nth-of-type(7){background-position: 14px -737px;}
.info_ul li:nth-of-type(8){background-position: 14px -862px;}
.info_ul li:nth-of-type(9){background-position: 14px -986px;}
.info_ul li:nth-of-type(10){background-position: 14px -1112px;}
.info_ul li:nth-of-type(11){background-position: 14px -1976px;}
.info_ul li:nth-of-type(12){background-position: 14px -1239px;}
.info_ul li:nth-of-type(13){background-position: 14px -1365px}
.info_ul li:nth-of-type(14){background-position: 14px -1365px}
.info_ul li:last-child{background-position: 14px -1738px;}
.info_ul li.i14{background-position: 14px -1488px;}
.info_ul li.i15{background-position: 14px -1613px;}
.info_ul li.i16{background-position: 14px -1738px;}

.site_chart {text-align: center;}
.site_chart > .tit {position: relative; width: 310px; background-color: #ccddff; border-radius: 50px; text-align: center; margin-bottom: 110px; display: inline-block;}
.site_chart > .tit::before {content: ''; display: block; position: absolute; top: 53px; left: 50%; background-color: #c7c7c7; width: 1px; height: 55px;}
.site_chart .tit strong {color: #3e65b2; font-size: 18px; font-family: 'GmarketSans'; line-height: 1; padding: 18px 0; display: inline-block;}
.siteBox {position: relative;}
.siteBox::before {content: ''; display: block; position: absolute; top: -57px; left: 260px; background-color: #c7c7c7; width: 517px; height: 1px;}
.siteBox > div {display: inline-block; vertical-align: top;}
.siteBox .tit {width: 310px; background-color: #ede5fa; border-radius: 50px; text-align: center; margin-bottom: 45px;}
.siteBox .tit span {color: #6c32cc; font-size: 15px; font-family: 'GmarketSans'; line-height: 1; padding: 18px 0; display: inline-block;}
.siteBox .siteBox01 {margin-right: 155px;}
.siteBox .siteBox01 .tit {position: relative;}
.siteBox .siteBox01 .tit::before {content: ''; display: block; position: absolute; top: -57px; left: 50%; transform: translateX(-50%); background-color: #c7c7c7; width: 1px; height: 57px;}
.siteBox .siteBox01 .tit::after {content: ''; display: block; position: absolute; top: -8px;
left: 47%; width: 0px; height: 0px; border: 8px solid transparent; border-top-width: 0; border-bottom-color: #444850; transform: rotateX(180deg);}
.siteBox .siteBox02 {position: relative;}
.siteBox .siteBox02 .tit {margin-left: 45px;}
.siteBox .siteBox02 .tit::before {content: ''; display: block; position: absolute; top: -57px; left: 48%; transform: translateX(-50%); background-color: #c7c7c7; width: 1px; height: 57px;}
.siteBox .siteBox02 .tit::after {content: ''; display: block; position: absolute; top: -8px;
left: 46%; width: 0px; height: 0px; border: 8px solid transparent; border-top-width: 0; border-bottom-color: #444850; transform: rotateX(180deg);}
.siteBox ul.txt {position: relative; text-align: center;}
.siteBox ul.txt::before {content: ''; display: block; position: absolute; top: -57px; left: 47%; background-color: #c7c7c7; width: 1px; height: 200px; z-index: -1;}
.siteBox ul.txt02 {}
.siteBox ul.txt02 > li {position: relative; display: inline-block; vertical-align: top;}
.siteBox ul.txt02 > li::before {content: ''; display: block; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); background-color: #c7c7c7; width: 1px; height: 45px;}
.siteBox ul.txt02 > li::after {content: ''; display: block; position: absolute; top: -8px;
left: 44.5%; width: 0px; height: 0px; border: 8px solid transparent; border-top-width: 0; border-bottom-color: #444850; transform: rotateX(180deg);}
.siteBox ul.txt02 > li:first-child {margin-right: 45px;}
.siteBox02 ul.txt02 > li:last-child::after {left: 46%;}
.siteBox ul.txt > li, .siteBox ul.txt02 > li {background-color: #eeeeee; border-radius: 50px; padding: 20px; font-size: 15px; font-family: 'NotoKrR'; letter-spacing: -0.02em; color: #000; margin-bottom: 45px;}
.siteBox ul.txt > li {position: relative;}
.siteBox ul.txt > li::after {content: ''; display: block; position: absolute; top: -8px;
left: 45%; width: 0px; height: 0px; border: 8px solid transparent; border-top-width: 0; border-bottom-color: #444850; transform: rotateX(180deg);}
.siteBox ul.txt > li ul {margin-top: 55px;}
.siteBox ul.txt > li ul li {display: inline-block;}
.siteBox ul.txt > li ul li:first-child {margin-right: 43px;}
.siteBox ul.txt03 {text-align: center;}
.siteBox ul.txt03 li {position: relative; padding: 20px 50px; background-color: #ffd46d; border-radius: 50px; font-size: 16px; color: #000; font-family: 'GmarketSans'; display: inline-block;margin-left: -190px;}
.siteBox ul.txt03 li::before {content: ''; display: block; position: absolute; top: -45px; left: 50%; transform: translateX(-50%); background-color: #c7c7c7; width: 1px; height: 45px;}
.siteBox ul.txt03 li::after {content: ''; display: block; position: absolute; top: -8px;
left: 44.5%; width: 0px; height: 0px; border: 8px solid transparent; border-top-width: 0; border-bottom-color: #444850; transform: rotateX(180deg);}

@media screen and (max-width:1600px) {
    .info_ul li {width: 43%;}
    .siteBox::before {left: 208px;}
}
@media screen and (max-width:1470px) {
    .info_ul li {width: 41%; padding: 16px 8px 16px 54px}
}
@media screen and (max-width:1448px) {
    .siteBox .siteBox01 {margin-right: 70px;}
    .siteBox::before {left: 198px; width: 455px;}
}
@media screen and (max-width:1280px) {
    .siteBox .siteBox01 {margin-right: 20px;}
    .siteBox::before {left: 163px; width: 405px;}
}
@media screen and (max-width:1143px) {
    .info_ul li {width: 34%;}
}
@media screen and (max-width:1024px) {
    .info_ul li {width: 42%;}
    .siteBox::before {left: 202px;}
}
@media screen and (max-width:925px) {
    .orgBox {padding: 50px 20px;}
    .siteBox .tit, .siteBox ul.txt {width: 290px;}
    .siteBox ul.txt02 > li:first-child {margin-right: 25px;}
    .siteBox .siteBox02 .tit {margin-left: 0;}
    .siteBox .siteBox01 {margin-right: 90px;}
    .siteBox ul.txt02 > li {width: 90px;}
    .siteBox ul.txt03 li {margin-left: -156px;}
    .siteBox::before {left: 225px; width: 380px;}
    .siteBox ul.txt > li::after {left: 44%;}
    .siteBox02 ul.txt02 > li:last-child::after {left: 45%;}
}
@media screen and (max-width:780px) {
    .info_toggle .con {width: 19%;}
    .info_ul li {margin: 0 0px 10px; width: 92%;}
    .site_chart > .tit {margin-bottom: 30px;}
    .siteBox {display: flex; flex-direction: column;}
    .siteBox .siteBox01 {margin-right: 0; margin-bottom: 50px;}
    .siteBox .tit, .siteBox ul.txt {width: 100%;}
    .siteBox ul.txt02 > li {width: 30%;}
    .siteBox ul.txt02 > li:first-child {margin-right: 10px;}
    .siteBox ul.txt03 li {margin-left: -261px; width: 20%;}
    .siteBox::before, .siteBox .siteBox01 .tit::after, .siteBox .siteBox01 .tit::before, .site_chart > .tit::before, .siteBox .siteBox02 .tit::before, .siteBox .siteBox02 .tit::after {display: none;}
    .siteBox ul.txt::before {left: 50%;}
    .siteBox ul.txt > li::after {left: 48.7%;}
    .siteBox ul.txt02 > li::after, .siteBox ul.txt03 li::after,.siteBox02 ul.txt02 > li:last-child::after {left: 47%;}
    .siteBox ul.txt02 > li::after {left: 47.5%;}

}
@media screen and (max-width:637px) {
    .info_toggle {margin: 20px -15%;}
    .info_toggle .con {width: 24%;}
    .info_ul li {width: 89%;}
}
@media screen and (max-width:480px) {
    .info_toggle {margin: 20px -25%;}
    .info_toggle .con {width: 32%;}
    .info_toggle p.txt {width: 177px;}
    .info_ul li {width: 86%;}
    .siteBox ul.txt > li::after {left: 48%;}
    .siteBox ul.txt02 > li::after {left: 45.5%;}
    .siteBox ul.txt03 li {margin-left: -178px; width: 14%;}
    .siteBox ul.txt03 li::after {left: 45%;}
}
@media screen and (max-width:360px) {
    .info_toggle p.txt {width: 122px;}
    .info_ul li {width: 81%;}
    .site_chart > .tit {width: 100%;}
    .siteBox ul.txt03 li {margin-left: -143px; width: 12%;}
    .siteBox ul.txt02 > li::after {left: 44.5%;}
    .siteBox02 ul.txt02 > li:last-child::after {left: 46%;}
}
@media screen and (max-width:320px) {
    .info_toggle p.txt {width: 103px;}
    .info_ul li {width: 78%;}
    .siteBox ul.txt > li::after {left: 47%;}
    .siteBox02 ul.txt02 > li:last-child::after {left: 44%;}
}

/* 개인정보처리방침(2023.1.20.) */
.sub02 .info_toggle {margin: 20px -11%;}
.sub02 .info_toggle .con {width: 19%;}

@media screen and (max-width:780px) {
    .sub02 .info_toggle .con {width: 40%;}
    .info_toggle .con:hover p.txt {width: 321px;}
}

/* 뷰어다운로드 */
.viewer {background-color: #f4f5f9; font-size: 15px; font-family: 'NotoKrR'; letter-spacing: -0.02em;}
.viewer p {background: url('/images/Potal/images/content/000/check_deep.png') no-repeat left center; padding-left: 30px;}
.viewer_wrap img {display: block;}
.viewer_wrap p {display: block; letter-spacing: -0.06em; font-size: 15px;}
.viewer_wrap ul {display: flex; flex-wrap: wrap; text-align: center;}
.viewer_wrap ul li {width: 31%; margin: 0px 18px 0; margin-bottom: 35px;}
.viewer_wrap ul li:nth-child(3n) {margin-right: 0;}
.viewer_wrap ul li:nth-child(1),.viewer_wrap ul li:nth-child(4) {margin-left: 0;}
.viewer_wrap .view_img {width: 100%; margin-bottom: 15px;}
.viewer_wrap .view_img img {height: auto; max-width: 100%; margin: 0 auto;}

@media screen and (max-width:1469px) {.viewer_wrap ul li {width: 30%;}}
@media screen and (max-width:780px) {
.viewer_wrap ul {gap: 30px;}
.viewer_wrap ul li {width: 46%; margin: 0;}
}
@media screen and (max-width:480px) {.viewer_wrap ul li {width: 100%;}}


/* 배너모음 */
.sub_banner li {width: 19%; margin: 5px auto; display: inline-block; text-align: center;}
.sub_banner img {width: 155px; height: 45px;}
@media screen and (max-width:1024px) {.sub_banner li {width: 24%;}}
@media screen and (max-width:780px) {.sub_banner li {width: 32%;}}
@media screen and (max-width:480px) {.sub_banner li {width: 49%;}}
@media screen and (max-width:360px) {.sub_banner li {width: 100%;}}




/* ------------------------------------------------------------------ */

/* 세목별지방세 납부안내 */
.box_tit01 {background: #f7f7f7; text-align: center; font-size: 22px; font-weight: bold;}
.point_bg {background-color: #ebf5ff;}
.t_blue {color: #2865a7 !important;}

/* 장수안내 - 직원검색창 */
.jab_search { text-align: center;  background: #f4f4f8;  padding: 35px 0 15px 0; margin: 20px 0; box-shadow: 1px 1px 0 #D0D0D0;}
.jab_search .form_txt {width: 40%;   height: 45px; border: 1px solid #cdcdcd; vertical-align: middle;}
.jab_search .form_sm {cursor: pointer; width: 20%; height: 45px; background: #323a47; color: #fff; vertical-align: middle;}
.jab_search .jab_txt { line-height: 45px; font-weight: 600; display: block;}

/* 장수소개-상징-농산물브랜드 */
.agricultural_products ul {width: 23%; height: 280px; padding: 20px; box-sizing: border-box; display: inline-block; border: 1px solid #f8f8f8; vertical-align: top;
}
.inline li {border: 1px solid #ccc; padding: 10px 30px; text-align: center;}

/* 민방위개요 */
.civilWrap {width: 100%; border: 1px dashed #c7c7c7; box-sizing: border-box; position: relative;}
.civilWrap::before {content: ''; position: absolute; top: 0; right: 0; background: url('/images/Potal/images/content/06/civilBg1.png') no-repeat; background-size: 100%; width: 370px; height: 181px;}
.civilWrap .civilBox {padding: 45px 60px 45px 45px; box-sizing: border-box; display: flex; align-items: flex-end;}
.civilWrap .civilBox .txtBox {margin-right: 100px; font-family: 'NotoKrL'; color: #555555; font-size: 15px;}
.civilWrap .civilBox .txtBox strong {font-family: 'NotoKrB'; color: #000000;}
.civilWrap .civilBox .btn-wrap.type02 {flex-shrink: 0; position: relative; padding-top: 300px;}
.civilWrap .civilBox .btn-wrap.type02::before {content: ''; position: absolute; top: 0; left: -55px; background: url('/images/Potal/images/content/06/civilBg2.png') no-repeat; background-size: 100%; width: 257px; height: 288px;}

@media screen and (max-width: 780px) {
    .civilWrap::before {display: none;}
    .civilWrap .civilBox {flex-wrap: wrap; justify-content: center; padding: 30px;}
    .civilWrap .civilBox .txtBox {margin-right: 0; margin-bottom: 30px;}
}

@media screen and (max-width: 480px) {
    .civilWrap .civilBox {padding: 20px;}
    .civilWrap .civilBox .btn-wrap.type02 {padding-top: 0;}
    .civilWrap .civilBox .btn-wrap.type02::before {display: none;}
}

/* 급수대피시설 */
.water_iconWrap {display: flex; justify-content: flex-end; margin-bottom: 20px;}
.water_iconWrap li {padding: 10px 20px; border: 1px dashed #cecece; box-sizing: border-box; border-radius: 20px;}
.water_iconWrap li:first-child {margin-right: 20px;}
.water_iconWrap li span {font-family: 'NotoKrM'; color: #000000; font-size: 15px; padding-left: 30px;}
.water_iconWrap li.type01 span {background: url('/images/Potal/images/content/06/water_icon1.png') left center no-repeat;}
.water_iconWrap li.type02 span {background: url('/images/Potal/images/content/06/water_icon2.png') left center no-repeat;}

/* 풍수해보험 */
.stormWrap {width: 100%; border: 1px dashed #c7c7c7; padding: 45px 0 30px 50px; box-sizing: border-box; border-radius: 5px; background: url('/images/Potal/images/content/06/stormBg1.png') bottom -55px right -50px no-repeat; position: relative;}
.stormWrap::before {content: ''; position: absolute; top: 0; right: 30px; background: url('/images/Potal/images/content/06/stormBg2.png') no-repeat; width: 394px; height: 410px; background-size: 100%;}
.stormWrap .tit {font-family: 'GmarketSansM'; font-size: 22px; color: #2865a7; margin-bottom: 30px; line-height: normal;}
.stormWrap .txt {font-family: 'NotoKrL'; font-size: 15px; color: #555555; margin-bottom: 30px; line-height: normal;}

@media screen and (max-width: 1600px) {
    .stormWrap::before {display: none;}
}

@media screen and (max-width: 780px) {
    .stormWrap {padding: 30px;}
    .stormWrap .tit {font-size: 20px; margin-bottom: 15px;}
    .stormWrap .txt {font-size: 14px; margin-bottom: 15px;}
}

@media screen and (max-width: 480px) {
    .stormWrap .tit {font-size: 18px;}
}

/* 센터소개 */
.centerintro_wrap {width: 100%; border: 1px dashed #c7c7c7; padding: 50px 70px; box-sizing: border-box;}
.centerintro_wrap .centerintro_box {width: 100%; display: flex; gap: 70px;}
.centerintro_wrap .centerintro_box li {width: 25%; position: relative;}
.centerintro_wrap .centerintro_box li::before {content: ''; background: url('/images/Potal/images/content/06/centerArrow.png') no-repeat; position: absolute; top: 50%; right: -45px; width: 20px; height: 16px;}
.centerintro_wrap .centerintro_box li:last-child::before {display: none;}
.centerintro_wrap .centerintro_box li>div {box-shadow: 5px 5px 10px rgba(0,0,0,0.1); overflow: hidden; border-radius: 15px; border: 1px solid #000000;}

.centerintro_wrap .centerintro_box li .img {background: url('/images/Potal/images/content/06/center_icon1.png') center center no-repeat; min-height: 100px;}
.centerintro_wrap .centerintro_box li.type02 .img {background: url('/images/Potal/images/content/06/center_icon2.png') center center no-repeat;}
.centerintro_wrap .centerintro_box li.type03 .img {background: url('/images/Potal/images/content/06/center_icon3.png') center center no-repeat;}
.centerintro_wrap .centerintro_box li.type04 .img {background: url('/images/Potal/images/content/06/center_icon4.png') center center no-repeat;}

.centerintro_wrap .centerintro_box li .tit {text-align: center; padding: 15px 0; box-sizing: border-box; font-family: 'GmarketSans'; font-weight: bold; font-size: 17px; color: #fff; background-color: #5289c0;}
.centerintro_wrap .centerintro_box li .txt {text-align: center; padding: 18px 0; box-sizing: border-box; font-family: 'NotoKrM'; font-size: 15px; color: #fff; background-color: #576178;}

@media screen and (max-width: 1400px) {
    .centerintro_wrap {padding: 40px 35px;}
    .centerintro_wrap .centerintro_box {gap: 50px;}
    .centerintro_wrap .centerintro_box li::before {right: -35px;}
}

@media screen and (max-width: 780px) {
    .centerintro_wrap .centerintro_box {flex-wrap: wrap; gap: 38px;}
    .centerintro_wrap .centerintro_box li {width: 45%;}
    .centerintro_wrap .centerintro_box li:nth-child(2)::before {display: none;}
    .centerintro_wrap .centerintro_box li::before {right: -30px;}
    .centerintro_wrap .centerintro_box li .img {min-height: 75px;}
    .centerintro_wrap .centerintro_box li .tit {padding: 10px 0; font-size: 15px;}
    .centerintro_wrap .centerintro_box li .txt {padding: 10px 0; font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .centerintro_wrap {padding: 25px 20px;}
    .centerintro_wrap .centerintro_box {gap: 26px;}
    .centerintro_wrap .centerintro_box li::before {width: 15px; background-size: 100%; right: -22px;}
}

/* 농촌활성화 지원정책 */
.ruralWrap {width: 100%; border: 1px dashed #d9d9d9; padding: 40px; box-sizing: border-box; position: relative; margin-bottom: 70px; border-radius: 5px;}
.ruralWrap:last-child {margin-bottom: 0;}
.ruralWrap.type02 {background-color: #f4f9f6;}

.ruralWrap .img {position: absolute; top: -20px; left: -20px;}
.ruralWrap .img img {border-radius: 15px; box-shadow: 5px 5px 10px rgba(0,0,0,0.1);}
.ruralWrap .text {padding-left: 300px; box-sizing: border-box;}
.ruralWrap .text .tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 22px; color: #298946; margin-bottom: 15px;}
.ruralWrap .text a.nuriLink {display: inline-block; background-color: #298946; color: #fff; font-family: 'NotoKrM'; font-size: 15px; border-radius: 5px; padding: 10px 15px; box-sizing: border-box;}
.ruralWrap .text a.nuriLink span {padding-right: 25px; box-sizing: border-box; position: relative;}
.ruralWrap .text a.nuriLink span::before {content: ''; position: absolute; top: 5px; right: 0; background: url('/images/Potal/images/content/06/nuri_arrow.png') no-repeat; width: 14px; height: 12px;}

@media screen and (max-width: 1025px) {
    .ruralWrap {padding: 25px;}
    .ruralWrap .img {left: -5px;}
    .ruralWrap .img img {width: 300px;}
    .ruralWrap .img03 img {width: 300px !important;}
    .ruralWrap .text {padding-left: 285px;}
    .ruralWrap .text .tit {font-size: 20px;}
}

@media screen and (max-width: 680px) {
    .ruralWrap {display: flex; flex-wrap: wrap; justify-content: center;}
    .ruralWrap .img {position: static; margin-bottom: 20px;}
    .ruralWrap .text {padding-left: 0;}
}

@media screen and (max-width: 480px) {
    .ruralWrap {padding: 0; border-top-right-radius: 15px; border-top-left-radius: 15px;}
    .ruralWrap .img {width: 100%;}
    .ruralWrap .img img {width: 100%;}
    .ruralWrap .img03 img {width: 100%  !important;}
    .ruralWrap .text {padding: 0 15px 15px 15px;}
}

/* 귀농귀촌지원 */
.refarmWrap {width: 100%; border-radius: 5px; background: url('/images/Potal/images/content/06/farmBg1.png') no-repeat #cef0fa; background-size: cover; position: relative; display: flex; justify-content: space-between; padding-top: 30px; box-sizing: border-box; overflow: hidden;}
.refarmWrap::before {content: ''; position: absolute; bottom: 0; left: 47px; background: url('/images/Potal/images/content/06/farmBg2.png') no-repeat; background-size: 100%; width: 432px; height: 175px;}

.refarmWrap.marry {background: #f2e4f4;}
.refarmWrap.marry::before {background: url('/images/Potal/images/content/06/marryBg.png') no-repeat; width: 352px; height: 271px; left: 65px; background-size: 100%;} 

.refarmWrap.edu {background: url('/images/Potal/images/content/06/eduBg.jpg') no-repeat; background-size: cover;}
.refarmWrap.edu::before {background: url('/images/Potal/images/content/06/eduBg2.png') no-repeat; width: 230px; height: 230px; bottom: 45%; left: 70px;}

.refarmWrap.job {background: #dcefe9;}
.refarmWrap.job::before {background: url('/images/Potal/images/content/06/jobBg.png') no-repeat; width: 523px; height: 370px; left: -15px;}

.refarmWrap.old {background: #d6e0f5;}
.refarmWrap.old::before {background: url('/upload_data/board_data/BBS_0000002/174424471007577.png') no-repeat; width: 524px; height: 376px; left: -22px; background-size: 100%;}

.refarmWrap.etc {background: #d3dbea;}
.refarmWrap.etc::before {background: url('/images/Potal/images/content/06/etcBg.png') no-repeat; width: 520px; height: 300px; left: -15px; background-size: 100%;}

.refarmWrap.food {background: #deeaff;}
.refarmWrap.food::before {background: url('/images/Potal/images/content/06/foodBg.png') no-repeat; width: 895px; height: 455px; left: -60px; background-size: 100%;}

.refarmWrap .tit {width: 40%; padding-top: 45px; box-sizing: border-box; font-family: 'jalnan'; font-size: 30px; color: #49423b; text-align: center; text-shadow: 2px 2px #fff;}
.refarmWrap.marry .tit {color: #ba60c1;}
.refarmWrap.edu .tit {padding-top: 195px; color: #4971a1;}
.refarmWrap.job .tit {color: #494949;}
.refarmWrap.job .tit .green {color: #23878c;}
.refarmWrap.job .tit .blue {color: #335587;}
.refarmWrap.old .tit {color: #6861b1;}
.refarmWrap.etc .tit {color: #4b6189;}
.refarmWrap.food .tit {color: #4e589f;}

.refarmWrap .refarmList {width: 60%; background-color: #fff; border-top-left-radius: 5px; padding: 40px 30px; box-sizing: border-box; z-index: 1;}
.refarmWrap.edu .refarmList{width: 90%;}

.refarmWrap .refarmList p {font-family: 'GmarketSans'; font-size: 15px; color: #000000; padding-left: 25px; box-sizing: border-box; position: relative; margin-bottom: 15px;}
.refarmWrap .refarmList p::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/Potal/images/content/06/farmList_icon.png') no-repeat; width: 21px; height: 21px;}

.refarmWrap .refarmList .list {display: flex; flex-wrap: wrap; gap: 2%; row-gap: 10px;}
.refarmWrap.edu .refarmList .list {gap: 1%; row-gap: 10px;}

.refarmWrap .refarmList .list li {width: 48%; border: 1px solid #cfc6be; border-radius: 5px; overflow: hidden;}
.refarmWrap.marry .refarmList .list li {border: 1px solid #e6cfe9;}
.refarmWrap.edu .refarmList .list li {width: 32.4%; border: 1px solid #91bfd2;}
.refarmWrap.job .refarmList .list li {border: 1px solid #a7ccce;}
.refarmWrap.old .refarmList .list li {border: 1px solid #cecbec;}
.refarmWrap.etc .refarmList .list li,
.refarmWrap.food .refarmList .list li {border: 1px solid #cadbec;}

.refarmWrap .refarmList .list li a {display: block; width: 100%; height: 100%; position: relative; font-family: 'NotoKrM'; font-size: 15px; color: #000000; padding: 10px 35px 10px 20px; box-sizing: border-box; transition-duration: 0.2s;}
.refarmWrap .refarmList .list li a::before {content: ''; position: absolute; top: 15px; right: 20px; background: url('/images/Potal/images/content/06/refram_arrow.png') no-repeat; width: 14px; height: 12px; background-size: 100%;}
.refarmWrap.marry .refarmList .list li a::before {background: url('/images/Potal/images/content/06/marry_arrow.png') no-repeat; background-size: 100%;}
.refarmWrap.edu .refarmList .list li a::before {background: url('/images/Potal/images/content/06/edu_arrow.png') no-repeat; background-size: 100%;}
.refarmWrap.old .refarmList .list li a::before {background: url('/images/Potal/images/content/06/old_arrow.png') no-repeat; background-size: 100%;}
.refarmWrap.etc .refarmList .list li a::before {background: url('/images/Potal/images/content/06/etc_arrow.png') no-repeat; background-size: 100%;}
.refarmWrap.food .refarmList .list li a::before {background: url('/images/Potal/images/content/06/food_arrow.png') no-repeat; background-size: 100%;}

.refarmWrap .refarmList .list li a:hover {background-color: #49423b; font-family: 'NotoKrB'; color: #fff;}
.refarmWrap.marry .refarmList .list li a:hover {background-color: #ba60c1;}
.refarmWrap.edu .refarmList .list li a:hover {background-color: #4971a1;}
.refarmWrap.job .refarmList .list li a:hover {background-color: #23878c;}
.refarmWrap.old .refarmList .list li a:hover {background-color: #6861b1;}
.refarmWrap.etc .refarmList .list li a:hover {background-color: #4b6189;}
.refarmWrap.food .refarmList .list li a:hover {background-color: #4e589f;}

.refarmWrap .refarmList .list li a:hover::before {background: url('/images/Potal/images/content/06/nuri_arrow.png') no-repeat;}

@media screen and (max-width: 1600px) {
    .refarmWrap.marry::before {width: 258px; height: 199px; left: 40px;}
    .refarmWrap.edu .refarmList .list li {width: 32.3%;}
}

@media screen and (max-width: 1250px) {
    .refarmWrap.edu {flex-wrap: wrap; justify-content: center; background: #c9e8f4;}
    .refarmWrap.edu .tit {width: 100%; padding-top: 0; margin-bottom: 30px;}
}

@media screen and (max-width: 1025px) {
    .refarmWrap::before {display: none;}
}

@media screen and (max-width: 780px) {
    .refarmWrap {flex-wrap: wrap; justify-content: center;}
    .refarmWrap .tit {width: 100%; padding-top: 0; font-size: 25px; margin-bottom: 30px;}
    .refarmWrap .refarmList {width: 95%; padding: 30px 25px; border-top-right-radius: 5px;}
    .refarmWrap .refarmList .list li a {padding: 5px 30px 5px 15px; font-size: 14px;}
    .refarmWrap .refarmList .list li a::before {width: 12px; right: 15px; top: 10px;}
    .refarmWrap.edu .refarmList .list li {width: 49%;}
}

@media screen and (max-width: 480px) {
    .refarmWrap .tit {font-size: 22px; margin-bottom: 20px;}
    .refarmWrap .refarmList {padding: 20px;}
    .refarmWrap .refarmList p::before {background-size: 100%; width: 18px; top: 2px;}
    .refarmWrap .refarmList .list li, .refarmWrap.edu .refarmList .list li {width: 100%;}
}
/* 인구정책 가이드 */
.advanceList .advanceCon.type13 a span {background: url('/images/Potal/images/content/06/advance_icon13.png') top 10px center no-repeat;} 
.advanceList.type02 .advanceCon:hover {background-color: #fff; /*border: 3px solid #5289c0;*/box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);}

@media screen and (max-width: 1000px) {
    .advanceList.type02 {justify-content: flex-start; gap: 2%;} 
}

/* 결혼임신출산지원 */
.marryNotice {width: 100%; border: 1px dashed #c7c7c7; padding: 20px; box-sizing: border-box; background-color: #fff8f9;}
.marryNotice .tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 16px; color: #c64264; position: relative; padding-left: 30px; box-sizing: border-box; margin-bottom: 15px;}
.marryNotice .tit::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/Potal/images/content/06/marry_notice.png') no-repeat; background-size: 100%; width: 22px; height: 22px;}
.marryNotice .list li {font-family: 'NotoKrL'; font-size: 15px; color: #000000;}

/* 알아두면 쓸모 있는 장수군 복지 안내 */
.bookWrap {width: 100%; display: flex;}
.bookWrap .img img {width: 100%;}
.bookWrap .text {margin-left: -20px; padding-top: 10px;}
.bookWrap .text .tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 45px; color: #576178; margin-bottom: 30px; line-height: normal; letter-spacing: -0.03em;}
.bookWrap .text .tit span {color: #5289c0;}
.bookWrap .text .txt {font-family: 'NotoKrL'; font-size: 16px; color: #666666; margin-bottom: 35px;}

@media screen and (max-width: 1025px) {
    .bookWrap .text .tit {font-size: 40px; margin-bottom: 20px;}
    .bookWrap .text .txt {font-size: 15px; margin-bottom: 25px;}
}

@media screen and (max-width: 780px) {
    .bookWrap {flex-wrap: wrap; justify-content: center;}
    .bookWrap .text {width: 100%; padding: 10px 20px; box-sizing: border-box;}
    .bookWrap .text .tit {font-size: 35px; margin-bottom: 15px;}
    .bookWrap .text .txt {font-size: 14px; margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
    .bookWrap .text .tit {font-size: 30px;}
}

/* 여성인재 */
.movieWrap {width: 100%; border-radius: 15px; background: url('/images/Potal/images/content/06/videoBg.jpg') center no-repeat; text-align: center; position: relative; min-height: 315px; padding-top: 65px; box-sizing: border-box; margin-bottom: 200px;}
.movieWrap.type02 {background: url('/images/Potal/images/content/06/videoBg2.jpg') center no-repeat;}
.movieWrap .tit {font-family: 'jalnan'; font-size: 34px; color: #fff; margin-bottom: 35px;}
.movieWrap .movieBox {width: 95%; position: absolute; top: 125px; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between;}

.movieWrap .movieBox .videoBox {width: 55%; position: relative;}
.movieWrap .movieBox .videoBox::before {content: ''; background: url('/images/Potal/images/content/06/video_icon.png') no-repeat; background-size: 100%; width: 134px; height: 66px; position: absolute; top: -40px; left: 25px;}
.movieWrap .movieBox .videoBox video {width: 100%; height: 100%; border-radius: 15px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}

.movieWrap .movieBox .textBox {width: 40%;}
.movieWrap .movieBox .textBox p {width: 100%; height: 100%; max-height: 350px; border: none; padding: 30px 30px 15px 30px; box-sizing: border-box; font-family: 'NotoKrR'; font-size: 15px; color: #000000; border-radius: 15px; overflow-y: scroll; background-color: #fff; text-align: left;}
.movieWrap .movieBox .textBox p::-webkit-scrollbar {width: 60px;}
.movieWrap .movieBox .textBox p::-webkit-scrollbar::focus {2px solid red !important}
.movieWrap .movieBox .textBox p::-webkit-scrollbar-track {border-radius: 30px; background-color: #d1d6e0; background-clip: padding-box;
	border: 25px solid transparent;}
.movieWrap .movieBox .textBox p::-webkit-scrollbar-thumb {border-radius: 30px; background-color: #716dbe; background-clip: padding-box; width: 40px; height: 80px;
	border: 25px solid transparent;}
.movieWrap .movieBox .textBox p::-webkit-resizer {display: none;}

@media screen and (max-width: 780px) {
    .movieWrap {padding: 50px 10px 10px 10px; background: #72a0de; margin-bottom: 40px;}
    .movieWrap.type02 {background: #19b39b;}
    .movieWrap .movieBox {width: 100%; flex-wrap: wrap; margin: 0 auto; position: static; transform: translateX(0);}
    .movieWrap .tit {font-size: 30px;}
    .movieWrap .movieBox .videoBox, .movieWrap .movieBox .textBox {width: 100%;}
    .movieWrap .movieBox .videoBox::before {width: 100px; top: -15px;}
    .movieWrap .movieBox .textBox p {max-height: 170px; margin-top: 10px; padding: 10px;}
    .movieWrap .movieBox .textBox p::-webkit-scrollbar {width: 40px;}
    .movieWrap .movieBox .textBox p::-webkit-scrollbar-track {
        border: 15px solid transparent;}
    .movieWrap .movieBox .textBox p::-webkit-scrollbar-thumb {border: 15px solid transparent;}
}

@media screen and (max-width: 480px) {
    .movieWrap {padding-top: 20px; margin-bottom: 20px;}
    .movieWrap .tit {font-size: 20px;}
    .movieWrap .movieBox .videoBox::before {width: 70px; left: 15px;}
    .movieWrap .movieBox .textBox p {font-size: 14px;}
}

/* 도로명주소안내지도 */
.roadMapWrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.roadMapWrap li {width: 48%; border: 1px dashed #c7c7c7; padding: 20px 25px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.roadMapWrap li p {font-family: 'NotoKrM'; font-size: 15px; color: #555555; position: relative; padding-left: 30px; box-sizing: border-box;}
.roadMapWrap li p::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/Potal/images/content/06/roadMap_icon.png') no-repeat; width: 22px; height: 22px; background-size: 100%;}

@media screen and (max-width: 780px) {
    .roadMapWrap li {width: 49%; padding: 15px 20px;}
}

@media screen and (max-width: 480px) {
    .roadMapWrap li {width: 100%; margin-bottom: 5px;}
    .roadMapWrap li p {font-size: 14px; padding-left: 23px;}
    .roadMapWrap li p::before {width: 15px; top: 4px;}
}

/* 도로명이야기 */
.toonWrap {width: 100%; position: relative;}
.toonWrap.active::before {content: ''; width: 100%; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 1;}
.toonWrap .shadowBox.active {display: block;}
.toonList {width: 100%; display: flex; flex-wrap: wrap;}
.toonList li {width: 16.66666%; border: 1px solid #d6d6d6; box-sizing: border-box;}
.toonList li a {display: block; font-family: 'NotoKrL'; font-size: 15px; color: #555555; text-align: center; padding: 20px 0; box-sizing: border-box;}
.toonList li a.active {background-color: #454545; font-family: 'NotoKrB'; color: #fff; border-top: 3px solid #19b39b;}

.toonPopup {width: 680px; height: 600px; border-radius: 5px; padding: 30px 35px; box-sizing: border-box; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; display: none;}
.toonPopup.active {display: block;}
.toonPopup .toonImg {width: 100%; height: 100%; overflow-y: scroll;}
.toonPopup .toonImg::-webkit-scrollbar {display: none;}
.toonPopup .toonImg img {overflow-y: scroll;}
.toonPopup .close {display: block; position: absolute; top: -22px; right: -84px;}

@media screen and (max-width: 1200px) {
    .toonList li {width: 33.3333%;}
    .toonPopup {width: 70%;}
    .toonPopup .close {width: 50px; right: -60px;}
    .toonPopup .close img {width: 100%;}
}

@media screen and (max-width: 780px) {
    .toonList li {width: 50%;}
    .toonList li a {padding: 10px 0;}
}

@media screen and (max-width: 480px) {
    .toonPopup {width: 95%; height: 380px;}
    .toonPopup .close {width: 30px; right: 0; top: -40px;}
    .toonList li {width: 100%;}
}

/* 한누리전당 */
.hanNuriWrap {width: 100%; border: 1px dashed #c7c7c7; border-top: none; box-sizing: border-box;}

.hanNuriWrap .info_titBox {border-left: none; border-right: none; text-align: left; padding: 20px 30px;}
.hanNuriWrap .info_titBox p {color: #000000;}
.hanNuriWrap .info_titBox p span.blue {color: #182575;}
.hanNuriWrap .info_titBox p span.orange {color: #ee643a;}

.hanNuriWrap .hanNuriBox {width: 100%; padding: 20px 30px; box-sizing: border-box; display: flex; align-items: center;}
.hanNuriWrap .hanNuriBox .img {margin-right: 40px;}
.hanNuriWrap .hanNuriBox .img img{border-radius: 10px; width: 100%;}

.hanNuriWrap .hanNuriBox .text li {display: flex; margin-bottom: 20px;}
.hanNuriWrap .hanNuriBox .text li:last-child {margin-bottom: 0;}
.hanNuriWrap .hanNuriBox .text li span {position: relative; flex-shrink: 0; width: max-content; margin-right: 20px; margin-top: 3px; padding-right: 20px; padding-left: 30px; box-sizing: border-box; font-family: 'GmarketSans'; font-weight: bold; font-size: 16px; color: #010101;}
.hanNuriWrap .hanNuriBox .text li span::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/Potal/images/content/06/hanNuri_icon.png') no-repeat; width: 19px; height: 19px;}
.hanNuriWrap .hanNuriBox .text li span::after {content: ''; position: absolute; top: 3px; right: 0; width: 1px; height: 11px; background-color: #a5a5a5;}
.hanNuriWrap .hanNuriBox .text li p {font-family: 'NotoKrM'; font-size: 15px; color: #010101;}
 
@media screen and (max-width: 680px) {
    .hanNuriWrap .hanNuriBox {flex-wrap: wrap; justify-content: center;}
    .hanNuriWrap .hanNuriBox .img {margin-right: 0; margin-bottom: 20px;}
}

@media screen and (max-width: 480px) {
    .hanNuriWrap .info_titBox, .hanNuriWrap .hanNuriBox {padding: 20px;}
    .hanNuriWrap .hanNuriBox .text li span {font-size: 15px; margin-right: 15px; padding-right: 15px; padding-left: 20px;}
    .hanNuriWrap .hanNuriBox .text li span::before {background-size: 100%; width: 15px; height: 15px; top: 2px;}
    .hanNuriWrap .hanNuriBox .text li p {font-size: 14px;}
}

/* 한누리전당 시설물 */
.hallWrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.hallWrap>li {width: 47%; position: relative; padding: 30px 30px 30px 0; box-sizing: border-box; border-radius: 10px; margin-bottom: 55px; border: 1px dashed #d9d9d9;}
.hallWrap li .img {position: absolute; top: -20px; left: -30px;}
.hallWrap li .img img {width: 100%; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}

.hallWrap li .text {padding-left: 270px; box-sizing: border-box;}
.hallWrap li .text .tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 22px; color: #2865a7; margin-bottom: 20px;}

@media screen and (max-width: 1200px) {
    .hallWrap>li {width: 49%; display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 20px;}
    .hallWrap li .img {position: static; width: 100%; margin: 0 auto ;}
    .hallWrap li .text {padding: 30px;}
}

@media screen and (max-width: 680px) {
    .hallWrap li .text {padding: 20px;}
    .hallWrap li .text .tit {font-size: 20px; margin-bottom: 15px;}
}

@media screen and (max-width: 480px) {
    .hallWrap>li {width: 100%;}
}

/* 다목적체육관 */
.nuriGymWrap {width: 100%; border: 1px dashed #d9d9d9; box-sizing: border-box; padding: 35px 35px 35px 0; position: relative;}
.nuriGymWrap .img {position: absolute; top: -20px; left: 0;}
.nuriGymWrap .img img {border-radius: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}

.nuriGymWrap .text {padding-left: 300px; box-sizing: border-box;}
.nuriGymWrap .text .tit {font-family: 'GmarketSans'; font-weight: bold; font-size: 22px; color: #2865a7; margin-bottom: 30px;}
.nuriGymWrap .text .listWrap {width: 100%; display: flex;}
.nuriGymWrap .text .listWrap .list {width: 50%; font-family: 'NotoKrL'; font-size: 15px; color: #000000;}
.nuriGymWrap .text .listWrap .list li {padding-left: 15px; box-sizing: border-box; position: relative;}
.nuriGymWrap .text .listWrap .list li:first-child {margin-right: 30px;}
.nuriGymWrap .text .listWrap .list li::before {content: ''; position: absolute; top: 10px; left: 0; width: 8px; height: 2px; background-color: #27206e;}

@media screen and (max-width: 1200px) {
    .nuriGymWrap {display: flex; align-items: center; padding: 0;}
    .nuriGymWrap .img {position: static; margin-right: 20px;}
    .nuriGymWrap .img img {border-radius: 0;}
    .nuriGymWrap .text {padding: 0;}
    .nuriGymWrap .text .tit {margin-bottom: 15px;}
    .nuriGymWrap .text .listWrap {flex-wrap: wrap;}
    .nuriGymWrap .text .listWrap .list {width: 100%;}
}

@media screen and (max-width: 680px) {
    .nuriGymWrap {flex-wrap: wrap; justify-content: center;}
    .nuriGymWrap .img {margin: 0 auto;}
    .nuriGymWrap .text {padding: 20px;}
}

@media screen and (max-width: 480px) {
    .nuriGymWrap .img {width: 100%;}
    .nuriGymWrap .img img {width: 100%;}
    .nuriGymWrap .text .tit {font-size: 20px; margin-bottom: 10px;}
    .nuriGymWrap .text .listWrap .list {font-size: 14px;}
}

/* 공공체육시설 - 수영장 */
.nuriImgWrap {width: 100%; border: 1px dashed #c7c7c7; padding: 30px; box-sizing: border-box; display: flex; justify-content: space-between;}
.nuriImgWrap.type02 {justify-content: center; gap: 15px;}
.nuriImgWrap .img {display: block; width: 49%;}
.nuriImgWrap .img img {width: 100%;}

@media screen and (max-width: 1025px) {
    .nuriImgWrap {padding: 20px;}
}

@media screen and (max-width: 780px) {
    .nuriImgWrap {flex-wrap: wrap; row-gap: 15px;}
    .nuriImgWrap img {width: 100%;}
}

@media screen and (max-width: 480px) {
    .nuriImgWrap {padding: 15px;}
}

/* 사용허가조건 */
.termsWrap {width: 100%; position: relative; border: 1px dashed #c7c7c7; padding: 35px 35px 70px 35px; box-sizing: border-box;}
.termsWrap::before {content: ''; position: absolute; bottom: 20px; right: 35px; background: url('/images/Potal/images/content/06/termsBg.png') no-repeat; width: 322px; height: 199px; background-size: 100%; z-index: -1;}
.termsWrap li {width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
.termsWrap li:last-child {margin-bottom: 0;}
.termsWrap li .num {width: 24px; height: 24px; flex-shrink: 0; border-radius: 5px; background-color: #5289c0; font-family: 'NotoKrB'; font-size: 15px; text-align: center; color: #fff; margin-right: 15px;}
.termsWrap li p {font-family: 'NotoKrM'; font-size: 15px; color: #000000;}

@media screen and (max-width: 1600px) {
    .termsWrap::before {width: 300px; height: 186px;}
}

@media screen and (max-width: 780px) {
    .termsWrap {padding: 30px;}
    .termsWrap::before {display: none;}
}

@media screen and (max-width: 680px) {
    .termsWrap li {margin-bottom: 15px;}
    .termsWrap li .num {width: 20px; height: 20px; line-height: 20px; font-size: 14px;}
    .termsWrap li p {font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .termsWrap {padding: 15px;}
}

 /* 신청서양식 */
.nuriFromWrap {width: 100%; display: flex; flex-wrap: wrap; gap: 25px;}
.nuriFromWrap li {width: calc(20% - 20px); padding: 10px 0; border-radius: 15px; border: 1px solid #5289c0; box-sizing: border-box; background-color: #f0f9ff; text-align: center;}
.nuriFromWrap li .tit {position: relative; font-family: 'GmarketSans'; font-weight: 400; font-size: 17px; letter-spacing: -0.02em; color: #000000; padding-top: 30px; margin-bottom: 15px; box-sizing: border-box;}
.nuriFromWrap li .tit::before {content: ''; position: absolute; top: 0; left: 50%; margin-left: -9.5px; background: url('/images/Potal/images/content/06/nuriFrom_icon.png') no-repeat; width: 19px; height: 19px; background-size: 100%;}

@media screen and (max-width: 1600px) {
    .nuriFromWrap li {width: calc(25% - 20px);}
}

@media screen and (max-width: 1025px) {
    .nuriFromWrap li {width: calc(33.333% - 20px);}
}

@media screen and (max-width: 680px) {
    .nuriFromWrap {gap: 15px;}
    .nuriFromWrap li {width: calc(50% - 8px);}
}

@media screen and (max-width: 480px) {
    .nuriFromWrap li {width: 100%;}
    .nuriFromWrap li .tit {font-size: 16px; margin-bottom: 10px;}
}   

/* 주민참여예산제도 */
.residentWrap {position: relative; width: 100%; border-radius: 10px; padding-top: 65px; box-sizing: border-box; display: flex; justify-content: space-between; background: url('/images/Potal/images/content/05/residentBg.png') no-repeat; background-size: cover;}
.residentWrap::before {content: ''; position: absolute; bottom: 0; left: 10px; background: url('/images/Potal/images/content/05/residentBg2.png') no-repeat; width: 409px; height: 243px; background-size: 100%;}

.residentWrap .tit {width: 35%; padding-top: 30px; box-sizing: border-box; text-align: center; font-family: 'jalnan'; font-size: 38px; color: #484848; letter-spacing: -0.02em; line-height: normal;}
.residentWrap .tit span {color: #4874ce;}

.residentWrap .txt {width: 65%; padding: 30px 10px 0 30px; border-top-left-radius: 10px; box-sizing: border-box; background-color: #fff; z-index: 1;}
.residentWrap .txt .list {margin-bottom: 30px; word-break: keep-all;}
.residentWrap .txt .list dt {position: relative; padding-left: 30px; box-sizing: border-box; font-family: 'GmarketSans'; font-size: 18px; color: #000000; margin-bottom: 10px; letter-spacing: -0.02em;}
.residentWrap .txt .list dt::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/Potal/images/content/06/roadMap_icon.png') no-repeat; background-size: 100%; width: 22px; height: 22px;}
.residentWrap .txt .list dd {font-family: 'NotoKrM'; font-size: 15px; color: #555555;}

@media screen and (max-width: 1025px) {
    .residentWrap {padding-top: 40px;}
    .residentWrap::before {display: none;}
    .residentWrap .tit {font-size: 30px;}
    .residentWrap .txt {width: 70%;}
    .residentWrap .txt .list dt {font-size: 16px; padding-left: 25px; margin-bottom: 5px;}
    .residentWrap .txt .list dt::before {width: 18px; height: 18px;}
    .residentWrap .txt .list dd {font-size: 14px;}
}

@media screen and (max-width: 780px) {
    .residentWrap {flex-wrap: wrap; justify-content: center; padding-top: 30px;}
    .residentWrap .tit {width: 100%; font-size: 26px; padding-top: 0; margin-bottom: 20px;}
    .residentWrap .txt {width: 95%; border-top-right-radius: 10px; padding: 20px 20px 0 20px;}
}

/* 공고 */
.publicWrap {width: 100%; display: flex; flex-wrap: wrap; row-gap: 15px; align-items: center; justify-content: space-between; padding: 20px; border-radius: 10px; box-sizing: border-box; /* border: 1px solid #5289c0; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); background-color: #edf5fc; */}
.publicWrap .txt {position: relative; padding-left: 35px; box-sizing: border-box; font-family: 'GmarketSans'; font-size: 17px; color: #000000; letter-spacing: -0.02em;}
.publicWrap .txt::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/Potal/images/content/05/public_icon.png') no-repeat; width: 23px; height: 22px; background-size: 100%;}
.publicWrap .txt span {font-family: 'GmarketSans'; font-weight: bold; color: #2865a7;}
.publicWrap .search a {display: block; width: 140px; padding: 10px 25px; border: 1px solid #d6d6d6; border-radius: 25px; box-sizing: border-box; font-family: 'NotoKrL'; font-size: 15px; color: #555555; background: url('/images/Potal/images/content/05/public_arrow.png') center right 20px no-repeat #fff;}

@media screen and (max-width: 780px) {
    .publicWrap {row-gap: 10px;}
    .publicWrap .txt {font-size: 15px; padding-left: 25px;}
    .publicWrap .txt::before  {width: 19px;}
    .publicWrap .search a {width: 120px; padding: 5px 15px; font-size: 14px; background-size: 10px;}
}

/* 관련사이트 */
.publicSite {width: 100%; display: flex; flex-wrap: wrap; gap: 36px;}
.publicSite li {width: calc(25% - 27px); border: 1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
.publicSite li:hover{border:1px solid #5289c0;}
.publicSite li a {display: block;}
.publicSite li a img {width: 100%;}

@media screen and (max-width: 1200px) {
    .publicSite {gap: 20px;}   
    .publicSite li {width: calc(25% - 15px);}
}

@media screen and (max-width: 780px) {
    .publicSite li {width: calc(33.333% - 15px);}
}

@media screen and (max-width: 680px) {
    .publicSite {gap: 10px;}
    .publicSite li {width: calc(50% - 5px);}
}

/* 규제신고고객보호 */
.governmentWrap {width: 100%;}

.governmentWrap .topBox {text-align: center; padding-top: 50px; box-sizing: border-box;}
.governmentWrap.type03 .topBox, .governmentWrap.type06 .topBox {text-align: left; padding-left: 50px;}

.governmentWrap .topBox .tit {display: inline-block; position: relative; z-index: 1; padding-right: 70px; box-sizing: border-box; margin-bottom: 35px; font-family: 'GmarketSans'; font-size: 22px; text-align: left; color: #000000; line-height: 150%;}
.governmentWrap.type05 .topBox .tit {padding-right: 200px;}

.governmentWrap .topBox .tit::before {content: ''; position: absolute; top: -35px; left: 0; background: url('/images/Potal/images/content/05/gov_text1.png') no-repeat; width: 27px; height: 19px; background-size: 100%;}

.governmentWrap .topBox .tit span.blue {color: #2554bf;}
.governmentWrap .topBox .tit span.blue2 {color: #378bf4;}
.governmentWrap .topBox .tit span.pink {color: #d752b9;}
.governmentWrap .topBox .tit span.violet {color: #4e29be;}
.governmentWrap .topBox .tit span.green {color: #249f7a;}
.governmentWrap .topBox .tit span.green2 {color: #138932;}
.governmentWrap .topBox .tit span.orange {color: #e45858;}

.governmentWrap .list {position: relative; width: 100%; padding: 60px; box-sizing: border-box; border-radius: 5px; background-color: #f3f5f9;}
.governmentWrap.type03 .list {background-color: #f0faf9;}
.governmentWrap.type04 .list {background-color: #fbf9f0;}
.governmentWrap.type05 .list {background-color: #f4faff;}
.governmentWrap.type06 .list {background-color: #eefaf2;}

.governmentWrap .list::before {content: ''; position: absolute; top: -170px; left: 20px; background: url('/images/Potal/images/content/05/gov_img1.png') no-repeat; width: 230px; height: 171px; background-size: 100%;}
.governmentWrap .list::after {content: ''; position: absolute; top: -228px; right: 15px; background: url('/images/Potal/images/content/05/gov_img1-2.png') no-repeat; width: 457px; height: 269px; background-size: 100%;}

.governmentWrap.type02 .list {padding-top: 90px;}
.governmentWrap.type02 .list::before {content: ''; position: absolute; top: -260px; left: 20px; background: url('/images/Potal/images/content/05/gov_img2.png') no-repeat; width: 228px; height: 342px; background-size: 100%;}
.governmentWrap.type02 .list::after {content: ''; position: absolute; top: -194px; right: 0; background: url('/images/Potal/images/content/05/gov_img2-2.png') no-repeat; width: 347px; height: 315px; background-size: 100%;}
.governmentWrap.type03 .list::before, .governmentWrap.type06 .list::before {display: none;}
.governmentWrap.type03 .list::after {top: -275px; right: 30px; background: url('/images/Potal/images/content/05/gov_img3.png') no-repeat; width: 487px; height: 357px; background-size: 100%;}
.governmentWrap.type04 .list::before {top: -210px; left: 30px; background: url('/images/Potal/images/content/05/gov_img4.png') no-repeat; width: 150px; height: 240px; background-size: 100%;}
.governmentWrap.type04 .list::after {top: -175px; right: 15px; background: url('/images/Potal/images/content/05/gov_img4-2.png') no-repeat; width: 417px; height: 249px; background-size: 100%;}
.governmentWrap.type05 .list::before {top: -200px; left: 50px; background: url('/images/Potal/images/content/05/gov_img5.png') no-repeat; width: 117px; height: 229px; background-size: 100%;}
.governmentWrap.type05 .list::after {top: -215px; right: 15px; background: url('/images/Potal/images/content/05/gov_img5-2.png') no-repeat; width: 431px; height: 342px; background-size: 100%;}
.governmentWrap.type06 .list::after {top: -240px; right: 55px; background: url('/images/Potal/images/content/05/gov_img6.png') no-repeat; width: 484px; height: 271px; background-size: 100%;}


.governmentWrap .list li {position: relative; width: 100%; padding-left: 30px; box-sizing: border-box; font-family: 'NotoKrM'; font-size: 15px; color: #333333; margin-bottom: 20px;}
.governmentWrap .list li:last-child {margin-bottom: 0;}

.governmentWrap .list li::before {content: ''; position: absolute; top: 0; left: 0; background: url('/images/Potal/images/content/05/gov_icon1.png') no-repeat; width: 19px; height: 19px; background-size: 100%;}
.governmentWrap.type02 .list li::before {background: url('/images/Potal/images/content/05/gov_icon2.png') no-repeat; background-size: 100%;}
.governmentWrap.type03 .list li::before {background: url('/images/Potal/images/content/05/gov_icon3.png') no-repeat; background-size: 100%;}
.governmentWrap.type04 .list li::before {background: url('/images/Potal/images/content/05/gov_icon4.png') no-repeat; background-size: 100%;}
.governmentWrap.type05 .list li::before {background: url('/images/Potal/images/content/05/gov_icon5.png') no-repeat; background-size: 100%;}
.governmentWrap.type06 .list li::before {background: url('/images/Potal/images/content/05/gov_icon6.png') no-repeat; background-size: 100%;}

@media screen and (max-width: 1600px) {
    .governmentWrap.type03 .list::after, .governmentWrap.type04 .list::before, .governmentWrap.type04 .list::after {display: none;} 
}

@media screen and (max-width: 1200px) {
    .governmentWrap .list::before, .governmentWrap .list::after {display: none;}
    .governmentWrap.type02 .list {padding-top: 60px;}
    .governmentWrap.type05 .topBox .tit  {padding-right: 0;}
}

@media screen and (max-width: 1025px) {
    .governmentWrap .topBox {text-align: left; padding: 50px 20px 0 20px !important;}
    .governmentWrap .topBox .tit {font-size: 20px; margin-bottom: 20px; padding-right: 0;}
    .governmentWrap .topBox .tit::before {width: 20px; top: -25px;}
    .governmentWrap .list {padding: 20px !important;}
    .governmentWrap .list li {padding-left: 25px; margin-bottom: 15px;}
    .governmentWrap .list li::before {width: 15px; height: 15px; top: 4px;}
}

@media screen and (max-width: 680px) {
    .governmentWrap .topBox .tit {font-size: 18px;}
}

@media screen and (max-width: 480px) {
    .governmentWrap .topBox .tit {font-size: 16px; margin-bottom: 10px;}
    .governmentWrap .list li {font-size: 14px; padding-left: 20px; margin-bottom: 10px;}
    .governmentWrap .list li::before {width: 13px; height: 13px;}
}

/* 예산서 */
.yearList {width: 100%; display: flex; flex-wrap: wrap; border: 1px solid #d6d6d6; border-bottom: none; border-right: none; box-sizing: border-box;}
.yearList li {width: 14.28571%; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; box-sizing: border-box; text-align: center;}
.yearList.type02 li {width: 20%;}

.yearList li a {display: block; width: 100%; padding: 15px 0; box-sizing: border-box; font-family: 'NotoKrM'; font-size: 15px; color: #555555; border-top: 3px solid transparent;}
.yearList li.active a {border-top: 3px solid #2a5e94; background-color: #5289c0; font-family: 'NotoKrB'; color: #fff;}

.dataList {width: 100%; display: flex; border: 1px solid #e1e1e1; box-sizing: border-box; border-right: none; position: relative;}
.dataList li {width: 33.3333%; border-right: 1px solid #e1e1e1; box-sizing: border-box; text-align: center;}
.dataList li a {display: block; background-color: #f7f7f7; padding: 15px 0; box-sizing: border-box; font-family: 'NotoKrL'; font-size: 15px; color: #555555; border: 2px solid transparent;}
.dataList li.active a {font-family: 'NotoKrB'; color: #5289c0; border: 2px solid #5289c0; background-color: #fff;}

.dataBg {background: url('/images/Potal/images/content/05/dataBg.png') no-repeat; width: 100%; height: 4px;}

@media screen and (max-width: 680px) {
    .yearList li {width: 20%;}
    .yearList.type02 li {width: 50%;}
    .yearList li a, .dataList li a {padding: 10px 0; font-size: 14px;}
}

@media screen and (max-width: 480px) {
    .yearList.type02 li {width: 100%;}
    .yearList li a, .dataList li a {padding: 5px 0;}
    .dataList {flex-wrap: wrap;}
}

/* 기금운용계획 */
.dataDownList {width: 100%; display: flex; gap: 30px; flex-wrap: wrap;}
.dataDownList li {width: 240px; height: 50px;display: flex; justify-content: space-between; align-items: center; border-radius: 25px; background-color: #f3f5f9;}

.dataDownList li:last-child {margin-right: 0;}
.dataDownList li a {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; height: 100%; padding: 0 25px; box-sizing: border-box; font-family: 'NotoKrL'; font-size: 15px; color: #000000;}
.dataDownList li a span {display: block; width: 34px; height: 34px; background: url('/images/Potal/images/content/05/data_down.png') no-repeat; background-size: 100%;}

@media screen and (max-width: 1025px) {
    .dataDownList {gap: 20px;}
    .dataDownList li {width: 31%;}
}

@media screen and (max-width: 780px) {
    .dataDownList {gap: 10px;}
    .dataDownList li {width: 48%;}
}

@media screen and (max-width: 480px) {
    .dataDownList li {width: 100%; height: 45px;}
    .dataDownList li a {padding: 0 15px; font-size: 14px;}
    .dataDownList li a span {width: 30px; height: 30px;}
}

/* 통계연보 */
.statsEx {display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between;}
.statsEx p {font-family: 'GmarketSans'; font-size: 15px; color: #000000; line-height: 180%; margin-right: 20px; word-break: keep-all;}
.yearStatsList {width: 100%; display: flex; flex-wrap: wrap; border: 1px dashed #c7c7c7; border-right: none; border-top: none;}
.yearStatsList>li {width: 33.333%; border-right: 1px dashed #c7c7c7; box-sizing: border-box;}

.yearStatsList li .titBox {width: 100%; min-height: 65px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px; padding: 15px; box-sizing: border-box; background-color: #f3f5f9; border-bottom: 1px dashed #c7c7c7; border-top: 1px dashed #c7c7c7;}
.yearStatsList li .titBox .tit {position: relative; margin-top: 3px; line-height: normal; font-family: 'GmarketSans'; font-weight: bold; font-size: 18px; color: #182575; box-sizing: border-box;}
.yearStatsList li .titBox .tit img {display: inline-block; margin-right: 5px;}
.yearStatsList li .titBox .downBtn a {display: block;}
.yearStatsList li .num-list {padding: 15px;}

@media screen and (max-width: 1025px) {
    .yearStatsList li {width: 50%;}
}

@media screen and (max-width: 780px) {
    .statsEx p {font-size: 14px; line-height: 150%;}
    .yearStatsList li .titBox {padding: 10px; min-height: 60px;}
    .yearStatsList li .titBox .tit {font-size: 16px;}
}

@media screen and (max-width: 480px) {
    .yearStatsList li {width: 100%;}
    .yearStatsList li:last-child {display: none;}
}


/* 정보공개처리절차 */
.info-prgressWrap {background-color: #f3f5f9; padding: 70px 63px;}
.info-prgressWrap .cnt {display: flex; flex-wrap: wrap; gap: 28px; margin-bottom: 57px;}
.info-prgressWrap .cnt:last-child {margin-bottom: 0;}
.info-prgressWrap .tit {position: relative; height: 143px; width: 25%; text-align: center; border-radius: 5px; padding: 25px 0; box-sizing: border-box; }
.info-prgressWrap .tit::before {content: ''; position: absolute; bottom: -38px; left: 50%; transform: translateX(-50%); background: url(/images/Potal/images/content/04/box-arrow.png) no-repeat center; width: 17px; height: 19px;}
.info-prgressWrap .cnt:first-child .tit {background: url(/images/Potal/images/content/04/box-icon01.png) no-repeat center #576178; background-position-y: 25px;}
.info-prgressWrap .cnt:nth-child(2) .tit {background: url(/images/Potal/images/content/04/box-icon02.png) no-repeat center #5289c0; background-position-y: 18px;}
.info-prgressWrap .cnt:nth-child(3) .tit {background: url(/images/Potal/images/content/04/box-icon03.png) no-repeat center #576178; background-position-y: 20px;}
.info-prgressWrap .cnt:nth-child(4) .tit {background: url(/images/Potal/images/content/04/box-icon04.png) no-repeat center #5289c0; background-position-y: 25px;}
.info-prgressWrap .cnt:last-child .tit {background: url(/images/Potal/images/content/04/box-icon05.png) no-repeat center #576178; background-position-y: 23px;}
.info-prgressWrap .cnt:last-child .tit::before {display: none;}
.info-prgressWrap .tit.tit01 {border: 1px solid #000;}
.info-prgressWrap .tit.tit02 {border: 1px solid #0e4174;}
.info-prgressWrap .tit em {font-style: normal; color: #fffc00; font-size: 18px; font-family: 'GmarketSans'; font-weight: bold; letter-spacing: -0.03em; padding-top: 52px; display: inline-block;}
.info-prgressWrap .tit span {display: block; color: #fff; font-family: 'GmarketSans'; font-size: 15px; letter-spacing: -0.03em; font-weight: bold;}
.info-prgressWrap .txt-box {padding: 25px 30px; width: calc(75% - 36px); height: 143px; background-color: #fff;}
.info-prgressWrap .cnt:nth-child(3) .txt-box, .info-prgressWrap .cnt:nth-child(4) .txt-box, .info-prgressWrap .cnt:last-child .txt-box{height: fit-content;}
.info-prgressWrap .txt-box ul li span {padding-top: 10px; display: inline-block;}

@media screen and (max-width:1024px) {.info-prgressWrap {padding: 50px 40px;}}
@media screen and (max-width:780px) {
    .info-prgressWrap {padding: 25px;}
    .info-prgressWrap .cnt {gap: 20px;}
    .info-prgressWrap .tit {width: 35%;}
    .info-prgressWrap .tit em {font-size: 17px;}
    .info-prgressWrap .tit span {font-size: 14px; line-height: 1;}
    .info-prgressWrap .txt-box {width: calc(65% - 20px); height: fit-content; padding: 18px;}
}
@media screen and (max-width:480px) {
    .info-prgressWrap .cnt {justify-content: center; gap: 25px; margin-bottom: 80px;}
    .info-prgressWrap .tit, .info-prgressWrap .txt-box {width: 100%;}
    .info-prgressWrap .tit::before {display: none;}
    .info-prgressWrap .txt-box {position: relative;}
    .info-prgressWrap .txt-box::before {content: ''; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); background: url(/images/Potal/images/content/04/box-arrow.png) no-repeat center; width: 17px; height: 19px;}
    .info-prgressWrap .cnt:last-child .txt-box::before {display: none;}
}
@media screen and (max-width:360px) {.info-prgressWrap{padding: 15px;}}




/* 사이트맵 */
.sitemap span {position: relative; font-family: 'GmarketSans'; font-size: 26px; color: #000; font-weight: bold; letter-spacing: -0.02em; line-height: 1; display: block; overflow: hidden; padding: 5px 0;}
.sitemap>span::before {content: ''; display: block; position: absolute; bottom: 10px; left: 116px; width: 46px; height: 3px; background-color: #5289c0; z-index: 1;}
.sitemap:last-child>span::before {left:142px;}
.sitemap>span::after {content: ''; display: block; position: absolute; bottom: 10px; left: 142px; background: url('/images/board/dashed.png') no-repeat right center; width: 1118px; height: 1px;}


.sitemap {margin-bottom: 45px;}
.siteMapList {display: flex; flex-wrap: wrap; margin-top: 30px;}
.siteMapList li.sml_1depth {width: calc(20% - 14px); vertical-align: top; letter-spacing: -0.02em; margin-right: 17px;}
.siteMapList li.sml_1depth:nth-child(5n) {margin-right: 0;}
.siteMapList li.sml_1depth > a {position: relative; display: block; background-color: #f3f5f9; border-radius: 5px; border: 1px solid #e1e1e1; padding: 15px 20px; box-sizing: border-box; transition: 0.3s ease;}
.siteMapList li.sml_1depth > a::before {content: ''; display: block; position: absolute; top: 22px; right: 18px; background: url('/images/board/bottom-arrow.png') no-repeat right center; width: 14px; height: 8px; transition: 0.3s ease;}
.siteMapList li.sml_1depth a span {color: #333; font-size: 16px; font-family: 'GmarketSans'; line-height: 1; letter-spacing: -0.05em; transition: 0.3s ease;}

.siteMapList li.sml_1depth > a.active, .siteMapList li.sml_1depth > a:hover {background-color: #5289c0; border-color: #5289c0; box-shadow: 0.5px 1.5px 3px 2px rgba(0,0,0,0.1);}
.siteMapList li.sml_1depth > a.active::before, .siteMapList li.sml_1depth > a:hover::before {background: url('/images/board/bottom-arrow-white.png') no-repeat right center;}
.siteMapList li.sml_1depth > a.active span, .siteMapList li.sml_1depth > a:hover span {color: #fff;}

.siteMapList ul.sml_2depthList {padding: 15px 30px 25px; box-sizing: border-box;}
.siteMapList li.sml_2depth {position: relative; margin-bottom: 5px;}
.siteMapList li.sml_2depth::before {content: ''; display: block; position: absolute; top: 10px;
left: -12px; width: 4px; height: 4px; background-color: #a4a4a4; border-radius: 50%;}
.siteMapList li.sml_2depth a {}
.siteMapList li.sml_2depth a span {color: #555; font-size: 15px; font-family: 'NotoKrL'; line-height: 1; transition: 0.2s;}

.siteMapList li.sml_2depth a.active span, .siteMapList li.sml_2depth a:hover span {color: #5289c0; font-family: 'NotoKrB';}

@media screen and (max-width: 1280px) {
    .siteMapList li.sml_1depth {width: calc(33% - 13px); margin-right: 23px;}
    .siteMapList li:nth-child(3n).sml_1depth {margin-right: 0px;}
    .siteMapList li:nth-child(5n).sml_1depth {margin-right: 23px;}
}
@media screen and (max-width: 780px) {
    .siteMapList li.sml_1depth {width: calc(50% - 8px); margin-right: 15px;}
    .siteMapList li:nth-child(2n).sml_1depth {margin-right: 0px;}
    .siteMapList li:nth-child(10).sml_1depth {margin-right: 0px !important;}
    .siteMapList li:nth-child(3).sml_1depth {margin-right: 15px;}
    .siteMapList li:nth-child(9).sml_1depth {margin-right: 15px;}
    .siteMapList li:nth-child(5n).sml_1depth {margin-right: 15px;}
}
@media screen and (max-width: 430px) {.siteMapList li.sml_1depth {width: 100%; margin-right: 0;}}

.giver_tit{text-align:center;font-size:15px;margin-bottom: 25px;border-radius: 10px;overflow: hidden;}
.giver_tit img{width:100%}
.gibu_award {text-align:center;}
.giver_list{text-align:center;margin: 30px 0;}
.giver_list ul:after{display:block;content:'';clear:both;}
.giver_list li{padding: 10px 0;box-sizing:border-box;position:relative;box-shadow: 0 0 10px rgba(0, 0, 0, .1);border-radius: 10px;position: relative;overflow: hidden;width: 47%;margin-bottom: 20px;float: left;}
.giver_list img{/* border: 5px solid #fff; */border-radius: 10%;display: none;}
.giver_list strong{display:block;background: url("/upload_data/board_data/BBS_0000002/170979951010202.png") no-repeat center 42%;padding: 30px 0;}
.giver_list span{font-size:15px;color:#898989;margin-top: 5px;display: block;display: none;}


@media all and (min-width:768px) {
.gibu_award h4{font-size: 28px;margin: 30px 0;}
.giver_tit{position:relative}
.giver_tit span{position:absolute;bottom:20px;left:0;right:0}
.giver_list li{padding: 35px 0 55px;width: 30.333%;margin: 0 1.5% 30px 1.5%;}
.giver_list li:before{content:"";display:block;position:absolute;right: -5px;top: -26px;border-left: 35px solid #d8a25d;border-top: 35px solid transparent;border-bottom: 35px solid transparent;rotate: -45deg;}
.giver_list.ty2 li:before{border-left: 35px solid #dfcab6;}
.giver_list strong{font-size:20px;}
.giver_list li:after{content:"";display:block;width: 68px;height: 23px;background:url("/upload_data/board_data/BBS_0000002/172526334738726.gif") no-repeat;position:absolute;bottom: 16px;left: calc(50% - 34px);}

}
@media all and (min-width:1023px) {
.giver_tit span{bottom:40px;font-size:16px}
.giver_list li{width: 17%;}
}                    
.contentbox-tit .box-con.no_icon {text-align:center;padding: 0;}
.contentbox-tit .box-con.no_icon:before{display:none;}
.contentbox-tit .box-con.no_icon a{margin-bottom:0;margin-top: 5px;font-size: 16px;}                      
.state_con1{padding: 20px 0;}
.state_con1 h5{text-align:center;color:#000;font-size: 25px;word-break:keep-all;font-family: 'GmarketSansB';}
.state_con1 h5 em{color:#8fc31f;font-style: normal;}
.state_con1 h5 strong{color:#014594;box-shadow:none;}
.state_con1_1 p{background: url("/upload_data/board_data/BBS_0000002/171679555087224.png") no-repeat center 0;background-size:280px;color:#fff;font-size:24px;font-weight:500;text-align:center;padding:65px 0;margin:20px 0}
.state_con1_1 p strong{color:#014594}
.state_con1_1 ul{text-align:center;margin:20px auto}
.state_con1_1 li{display:inline-block;width:50%;border-radius:50px;color:#fff;font-size:20px;font-weight:500;text-align:center;padding:30px;margin:0 -15px;box-sizing:border-box;font-family: 'GmarketSans';}
.state_con1_1 li:nth-child(1){background:rgba(130, 184, 15, .9)}
.state_con1_1 li:nth-child(2){background: rgb(12 88 156 / 85%);}
.state_con1_2:before{content:"+";display:block;width:50px;height:50px;background:#014594;color:#fff;font-size:36px;text-align:center;margin:0 auto 20px auto;border-radius:100%;line-height: 45px;}
.state_con1_2 h6{color:#014594;text-align:center;font-size: 26px;line-height: 40px;}
.state_con1_2 ul{position:relative}
.state_con1_2 ul:before{content:"";display:none;width:calc(100% - 25%);height:1px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%, 0);opacity:.3}
.state_con1_2 ul:after{content:"";display:block;clear:both}
.state_con1_2 li{float:left;width:50%;padding:30px 0 0 0;position:relative}
.state_con1_2 li:before{content:"";display:none;width:1px;height:100px;background:#000;position:absolute;top:0;left:50%;transform:translate(-50%, 0);opacity:.3;z-index:-1}
.state_con1_2 li:after{content:"";display:none;width:10px;height:10px;background: #014594;border-radius:100%;position:absolute;top:25px;left:50%;transform:translate(-50%, 0)}
.state_con1_2 li span{display:block;background: #f1f1f1;border-radius: 10px;width:130px;height:130px;padding:10px 0 0 0;margin:0 auto;font-weight:700;font-size:18px;text-align:center;box-sizing:border-box}
.state_con1_2 li span:before{content:"";display:block;width:70px;height:70px;background: url("/upload_data/board_data/BBS_0000002/171679555087210.png")no-repeat;margin: 0 auto;}
.state_con1_2 li:nth-child(1) span:before{background-position:center 0}
.state_con1_2 li:nth-child(2) span:before{background-position:center -70px}
.state_con1_2 li:nth-child(3) span:before{background-position:center -140px}
.state_con1_2 li:nth-child(4) span:before{background-position:center -210px}
@media all and (min-width:768px) {
.state_con1_1 p{background-size:auto}
.state_con1_1 ul{width:80%}
.state_con1_1 li{font-size: 26px;padding:30px 0}
.state_con1_2 ul:before{display:block}
.state_con1_2 li{width:25%}
.state_con1_2 li:before{display:block}
.state_con1_2 li:after{display:block}
.state_con1_2 li span{width:160px;height: 140px;padding:20px 0 0 0;}

}
@media all and (min-width:1023px) {
.state_intro .top{overflow:hidden;}
.state_intro .top:before{margin:0;float:left;background-size: cover;width:380px;height:340px;}
.state_intro .defin{float:right;width: 60%;border: none;}
.state_intro .defin div{word-break:keep-all;}
.state_intro .defin p{padding-left:20px;border-left:1px solid #034694;}
.state_intro.qna .basic_box{font-size:18px;}
.state_con1{border:1px solid #ddd;margin:20px 0;}
.state_con1 h5{font-size:40px;line-height: 50px;}
.state_con1_2 ul{width:80%;margin:0 auto;}
.state_con1_2{margin-bottom:40px;}
}                 

.basic_box{padding:30px;background: #f8f8f8;word-break:keep-all}
.basic_box .tit{font-family: 'GmarketSansB';font-size:22px;color: #000000;padding-bottom: 15px;}
                                                                                                                                                
/*관광산업,농산업정책 추가*/
.team-30 .sub-team,
.team-31 .sub-team{max-width: calc(100% - 350px);width: 100%;}
.team-30  .tit,
.team-31  .tit{margin-right: 60px;}
.team-30 .sub-team>ul::before{height: 266px;}
.team-30 .sub-team ul.inner{margin-left: 210px;word-break: auto-phrase;}

.team-31 .sub-team>ul::before{height: 370px;}

@media screen and (max-width: 768px) {

.team-30 .sub-team,
.team-31 .sub-team{max-width:100%}
}

@media screen and (max-width:1192px) {
.team-30  .tit{margin-right: 40px;}
.team-30 .sub-team {max-width: fit-content;}
.team-30 .sub-team>ul::before{height:450px;}

}

@media screen and (max-width:1400px) {
.team-30 .sub-team ul.inner{margin-left:0}
}                     


/*상징2024*/
.new_sb .txt_b { font-size: 16px;text-align: center;margin: 10px 0;background: #f1f1f1;padding: 20px;}     
.img_ly{display: flex;flex-wrap: wrap;justify-content: space-between;}
.img_ly>div{width: 100%;}
.img_ly>div p{border:1px dashed #ccc;margin: 10px 0;display: flex;justify-content: center;align-items: center;}
.img_ly>div img{ max-height: 185px;}

@media all and (min-width:768px){
.img_ly>div{width:49%;margin-bottom: 50px;}
.img_ly.col3>div{width: 32.333%;}
.img_ly>div p{padding: 20px;min-height: 211px;}

}

.cont-list .basic_step {padding: 0 20px;}
.cont-list .basic_step li{padding: 10px;background: #dfecfb;position: relative;max-width: 410px;margin: 0 auto 28px auto;border-radius: 30px;}
.cont-list .basic_step li:nth-last-child(2n){background: #ececec;}
.basic_step li:before{display:none;}
.basic_step li:after{content: '';position: absolute;bottom: -27px;margin-top: -15px;z-index: 1;background: url('/images/common/level_arrow.png') no-repeat;width: 25px;height: 25px;background-size: 25px;transform: rotate(90deg);left: 50%;}
.basic_step li:last-child{margin-bottom:0}
.basic_step li:last-child:after{display:none;margin-bottom:0}



/*행정조직_접근성수정*/
.n_org{font-family: 'NotoKrR'; font-size:15px; color: #555555; width: 100%; padding: 20px 20px; box-sizing: border-box; border:dashed 1px #cccccc; border-radius: 5px;}
.n_org ul{position:relative;}
.n_org>ul:before {content: '';display: block;position: absolute;background-color: #919191;width: 1px;height: 100%;left: calc(50% - 1px);z-index: -1;}
.n_org li{text-align: center;}
.n_org li a:hover{text-decoration:underline;}
.n_org li a:focus{outline: 3px solid red !important; box-shadow: 0 0 0 0px red inset;}
.n_org .depth2 .tit1_1 a:focus{outline: 3px solid #000000 !important; box-shadow: 0 0 0 0px #000000 inset;}
.n_org li a{display:block;color: #fff;}
.n_org .tit1 a{background-color: #468bd1;transition: 0.3s ease;width: 115px;height: 115px;border-radius: 50%;line-height: 115px;box-shadow: 2px 2px 3px 1px rgba(0,0,0,0.2);margin: 0 auto;font-size: 18px;box-sizing: border-box;}
.n_org .depth2 li{margin: 60px 0;}
.n_org .depth2 .tit1_1{position: relative;}
.n_org .depth2 .tit1_1:before {content: '';display: block;position: absolute;background-color: #919191;width: 50%;height: 1px;left: calc(50% - 1px);z-index: -1;top: calc(50% - 1px);}
.n_org .depth2 .tit1_1:after{display:block;content: '';position: absolute;width: 5px;height: 5px;border-radius: 100%;background-color: #fff;border: 3px solid #4f90d3;left: calc(50% - 5px);top: calc(50% - 5px);}
.n_org .depth2 .tit1_1 a{background-color: #c0519d;margin: 0 0 0 auto;width: 44%;height: 60px;border-radius: 10px;line-height: 60px;max-width: 160px;}
.n_org .depth2 .tit2{margin: 0;}
.n_org .depth2 .tit2>a{background: #7664bb;position: relative;}
.n_org .depth2 .tit2>a:after{display:block;content:'';position: absolute;width: 5px;height: 5px;border-radius: 100%;background-color: #fff;border: 3px solid #4f4f4f;left: calc(50% - 5px);bottom: -66px;z-index: 1;}
.n_org .depth3 dl{text-align:left;background: #f3f5f9;padding-bottom: 15px;border-radius: 5px; min-height: 260px;}
.n_org .depth3 dt{position: relative;margin-bottom: 10px;}
.n_org .depth3 dt:before {content: ''; display: block; position: absolute; top: 17px; right: 14px; background: url(/images/Potal/images/content/03/link_scut_w.png) no-repeat center; width: 15px; height: 15px; cursor: pointer;}
.n_org .tit2 .depth3 a{width: 100%;height: auto;line-height: normal;border-radius: 5px;padding: 15px;background:#576178;}
.n_org .depth3 dt a{font-size:16px;}
.n_org .depth3 dd{padding: 5px 15px;position: relative;margin: 0 15px;color: #2a2a2a;}
.n_org .depth3  dd::before {content: '';display: block;position: absolute;top: 15px;left: 0;background-color: #27206e;width: 8px;height: 2px;}
.n_org .depth3 .box2{background: #fff;}
 .n_org .depth3 .box2 .tit a{background: #3d9c6c;margin-bottom: 20px;max-width: 280px;}
.n_org .depth3 .box2 dl{width: 47%;float: left;margin: 0 1.5% 20px 1.5%;}
.n_org .depth3 .box2 dd{letter-spacing:-.7px;padding: 5px 0 5px 10px;}
.n_org .depth3 .box2:after{display:block;content:''; clear:both;}

@media all and (min-width:768px){
.n_org{padding:50px}
.n_org ul:before{height: 745px;}
.n_org .depth3 dl{max-width: 200px;margin: 0 auto;}
.n_org .depth3 .box1{position:relative;}
.n_org .depth3 .box1:after{content: '';display: block;position: absolute;background-color: #919191;width: 50%;height: 1px;left: 0;z-index: -1;bottom: -35px;left: 25%;}
.n_org .depth3 .box2{width: 47%;float: left;margin: 10px 1.5% 0 1.5%;position: relative;}
.n_org .depth3 .box2:before{content: '';display: block;position: absolute;background-color: #919191;width: 1px;height: 35px;left: 0;z-index: -1;top: -35px;left: 50%;}
.n_org .depth3:after{display:block; content:''; clear:both;}
    
}

@media all and (min-width:1400px){
.n_org ul:before{height: 420px;}
.n_org .depth2 .tit1_1{padding-right: 25%;margin: 35px 0;}
.n_org .depth2 .tit1_1:before{width: 150px;}
.n_org .depth3{margin: 0 auto;display: flex;justify-content: center;position: relative;}
.n_org .depth3 .box1:after{display:none;}
.n_org .depth3 li{float: left;}
.n_org .depth3 .box1{margin: 169px 1.5% 0 .5%;width: 200px;}
.n_org .depth3 .box2{width: 38%;margin: 96px 1% 0 1%;}
.n_org .depth3 .box1:before{content: '';display: block;position: absolute;background-color: #919191;width: 1px;height: 110px;left: 0;z-index: -1;top: -109px;left: 50%;}
.n_org .depth3:before{content: '';display: block;position: absolute;background-color: #919191;height: 1px;max-width: 775px;left: calc(100px + .5%);bottom: auto;top: 60px;width: 71%;}  
}

/*인구정책가이드 정주 정착*/
.refarmWrap.home {background: #d6e0f5;}
.refarmWrap.home .tit {color: #6861b1;}
.refarmWrap.home::before {background: url('/upload_data/board_data/BBS_0000002/174416379045084.png') no-repeat; width: 524px; height: 376px; left: -22px; background-size: 100%;}