@charset "utf-8";

#container_sub {
    /* background: url(../../images/kr/common/bg_sub.jpg) repeat-x 50% 100%; */
}

#sub_default {
    line-height: 160%;
}

/* 서브공통 */
.txt_wrap {
    padding: 0 0 45px 0px;
    box-sizing: border-box;
}

@media all and (max-width:1024px) {
    #container_sub {
        background-size: auto 200px;
    }

    .txt_wrap {
        padding: 0 0 40px 20px;
    }
}

@media all and (max-width:768px) {
    #container_sub {
        background-size: auto 170px;
    }

    .txt_wrap {
        padding: 0 0 38px 13px;
    }
}

@media all and (max-width:380px) {
    #container_sub {
        background-size: auto 150px;
    }

    .txt_wrap {
        padding: 0 0 35px 11px;
    }
}

.dot>li>.dash {
    margin: 5px 0 0 0;
    font-size: 15px;
}

.dot>li+li {
    margin: 6px 0 0 0;
}

.box_info {
    z-index: 1;
    position: relative;
    width: 100%;
    min-height: 228px;
    margin: 0 0 45px;
    padding: 27px 25px 30px 50px;
    font-size: 15px;
    border: 1px solid #9dbfff;
    border-radius: 20px;
    word-break: keep-all;
    box-sizing: border-box;
}

.box_info:before,
.box_info:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: 340px;
    height: 62px;
    background: #fff;
}

.box_info:after {
    left: 45px;
    width: 135px;
    width: 244px;
    height: 7px;
    background: url(../../images/kr/common/bg_pattern.jpg) repeat-x;
}

.box_info:before {
    z-index: -2;
}

.box_info .tit {
    display: inline-block;
    padding: 0 0 14px;
    font-size: 23px;
    color: #000;
    font-weight: 600;
}

.box_info .inner {
    position: relative;
    width: 100%;
    padding: 0 230px 0 0;
}

.box_info .inner:before {
    content: '';
    display: block;
    position: absolute;
    right: 30px;
    top: 0;
    width: 177px;
    height: 177px;
    background: url(../../images/kr/open/bg_public.jpg) no-repeat;
}

.box_info .dot {
    line-height: 140%;
}

.box_info .dot li+li {
    margin: 9px 0 0 0;
}

.box_patt {
    position: relative;
    width: 100%;
    padding: 10px;
    border-radius: 10px;
    /*background: url(../../images/kr/main/bg_pattern.png) repeat;*/
    box-sizing: border-box;
    word-break: keep-all;
}

.box_patt .inner {
    position: relative;
    width: 100%;
    line-height: 190%;
    padding: 33px 10px 33px 43px;
    border-radius: 5px;
    background: #fff;
}

.btn_down,
.btn_go {
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0 23px 0 29px;
    line-height: 38px;
    border-radius: 19px;
    font-size: 15px;
    color: #fff;
    background: #33589c;
    text-decoration: none;
}

.btn_go {
    line-height: 33px;
    border-radius: 10px;
}

.btn_down:hover,
.btn_go:hover {
    color: #fff;
}

.btn_down:after,
.btn_go:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0 0 0 9px;
    background: url(../../images/kr/intro/ico_down.png) no-repeat;
}

.btn_go:after {
    content: '→';
    line-height: 20px;
    margin-top: -3px;
    background: none;
}

.ico_call:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 36px;
    height: 36px;
    margin: -5px 7px 0 7px;
    background: url(../../images/kr/intro/ico_call.jpg) no-repeat;
}

#sub_board .box_info .inner {
    padding-top: 10px;
}

#sub_hope .box_info .inner:before {
    top: 37px;
    background-image: url(../../images/kr/open/bg_hope.jpg);
}



/* 방청안내 */
#sub_tour .box_info .tit {
    padding-top: 23px;
}

#sub_tour .dot {
    padding: 10px 0 0 0;
}

#sub_tour .dot li+li {
    margin: 9px 0 0 0;
}

#sub_tour .box_info .inner:before {
    background-image: url(../../images/kr/open/bg_tour.jpg);
}

@media all and (max-width:1280px) {
    .box_info .inner {
        padding: 0;
    }

    .box_info .inner:before {
        position: static;
        float: right;
        margin: 0 0 10px 10px;
    }
}

@media all and (max-width:1024px) {
    .box_info {
        padding-left: 30px;
    }

    .box_info .dot {
        line-height: 160%;
    }

    .box_patt .inner {
        padding: 30px 15px 30px 35px;
    }
}

@media all and (max-width:768px) {
    .box_info {
        min-height: 0;
        padding-left: 26px;
    }

    .box_info .inner:before {
        width: 130px;
        height: 130px;
        background-size: contain;
    }

    .box_info .tit {
        font-size: 21px;
    }

    .box_patt .inner {
        padding: 27px 15px 27px 30px;
    }

    #sub_tour .box_info .tit,
    #sub_petition .box_info .tit {
        padding-top: 2px;
    }
}

@media all and (max-width:568px) {
    .box_info {
        padding: 24px 20px 27px 25px;
        font-size: 14px;
    }

    .box_info:before {
        width: 60%;
    }

    .box_info:after {
        width: 40%;
    }

    .box_info .inner:before {
        width: 105px;
        height: 105px;
        margin: 0 0 5px 5px;
    }

    .box_info .tit {
        font-size: 20px;
    }

    .box_patt {
        padding: 9px;
    }

    .box_patt .inner {
        padding: 20px 15px 20px 22px;
    }

    .btn_down,
    .btn_go {
        line-height: 35px;
        padding: 0 15px 0 23px;
        margin: 5px 0;
        font-size: 14px;
    }
}

@media all and (max-width:380px) {
    .box_info {
        padding: 22px 18px 25px 23px;
    }

    .box_info .inner:before {
        width: 95px;
        height: 95px;
    }

    .box_info .tit {
        font-size: 19px;
    }

    .box_patt .inner {
        padding: 18px 15px 18px 20px;
    }

    .btn_down,
    .btn_go {
        line-height: 33px;
        padding: 0 13px 0 20px;
        font-size: 13px;
    }
}


.tabmenu2 {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 32px;
}

.tabmenu2>li {
    float: left;
    width: 33.33%;
    padding: 0 5px 9px 4px;
    font-size: 18px;
    letter-spacing: -1px;
    box-sizing: border-box;
}

.tabmenu2>li>a {
    position: relative;
    display: block;
    height: 59px;
    line-height: 58px;
    padding: 0 0 0 18px;
    border: 1px solid #dedede;
    border-radius: 5px;
    transition: 0.2s ease-in;
    text-decoration: none;
}

.tabmenu2>li>a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 22px;
    width: 12px;
    margin: -3px 0 0 0;
    border-top: 5px solid #dcdcdc;
}

.tabmenu2>li>a.on,
.tabmenu2>li>a:hover {
    color: #292e44;
    border-color: #292e44;
    font-weight: 600;
    box-shadow: inset 0 0 0 2px #292e44;
}

.tabmenu2>li>a:hover:after,
.tabmenu2>li>a.on:after {
    border-top: 5px solid #292e44;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    transition: 0.2s ease-in;
}

.tab5>li {
    width: 20%;
}

@media all and (max-width:1280px) {
    .tabmenu2>li>a:after {
        right: 10px;
    }
}

@media all and (max-width:1160px) {
    .tab5>li {
        width: 50%;
    }

    .tab5>li:nth-child(-n + 3) {
        width: 33.33%;
    }
}

@media all and (max-width:1024px) {
    .tabmenu2>li {
        font-size: 17px;
    }

    .tabmenu2>li>a {
        height: 53px;
        line-height: 54px;
        font-size: 13px;
    }
}

@media all and (max-width:768px) {
    .tabmenu2 {
        margin: 0 0 25px;
    }

    .tabmenu2>li {
        font-size: 16px;
    }

    .tabmenu2>li>a {
        height: 49px;
        line-height: 51px;
        padding: 0;
        text-align: center;
    }

    .tabmenu2>li>a:after {
        display: none;
    }
}

@media all and (max-width:568px) {
    .tabmenu2 {
        margin: 0 0 20px;
    }

    .tabmenu2>li {
        width: 50%;
        font-size: 15px;
        padding: 0 3px 6px 3px;
    }

    .tabmenu2>li>a {
        height: 43px;
        line-height: 44px;
    }
}

@media all and (max-width:380px) {
    .tabmenu2 {
        margin: 0 0 17px;
    }

    .tabmenu2>li {
        font-size: 14px;
    }

    .tabmenu2>li>a {
        height: 40px;
        line-height: 41px;
        font-size: 12px;
    }
}

@media all and (max-width:360px) {
    .tab5>li {
        width: 50%;
    }

    .tab5>li:nth-child(-n + 3) {
        width: 50%;
    }
}

/* 의장 인사말, 약력 */
#sub_greeting .chairman_wrap {
    position: relative;
    margin: 0 0 80px;
    height: 350px;
    border-radius: 5px;
    background: url(../../images/kr/intro/bg_chairman.jpg)no-repeat;
    background-size: cover;
    box-shadow: 0 0 20px 0 rgba(187, 187, 187, .1);
}

#sub_greeting .chairman_wrap .pic {
    position: absolute;
    bottom: 0;
    left: 50px;
}

#sub_greeting .chairman_wrap .txt {
    padding: 83px 0 0 480px;
}

#sub_greeting .chairman_wrap .txt .en {
    font-family: 'gmarket';
    font-weight: 200;
    font-size: 14px;
    color: #7e7d7d;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#sub_greeting .chairman_wrap .txt strong {
    display: block;
    margin: 10px 0 18px;
    font-family: 'NanumSomice';
    font-size: 35px;
    color: #313b53;
    line-height: 1.1;
}

#sub_greeting .chairman_wrap .txt strong span {
    font-size: 50px;
    color: #3b6bc7;
}

#sub_greeting .chairman_wrap .txt p:last-child {
    font-size: 14px;
    color: #444;
}

#sub_greeting>p {
    font-size: 18px;
    line-height: 1.6;
}

#sub_greeting>p span {
    font-weight: 500;
    color: #4a74c7;
}

#sub_greeting .sign {
    margin: 65px 0 0;
    font-size: 18px;
    text-align: right;
}

#sub_greeting .sign span {
    margin: 0 0 0 20px;
    font-family: 'NanumSomice';
    font-size: 50px;
}

@media all and (max-width:1280px) {
    #sub_greeting .chairman_wrap .pic {
        left: 30px;
        width: 360px;
    }

    #sub_greeting .chairman_wrap .pic img {
        width: 100%;
        height: 100%;
    }

    #sub_greeting .chairman_wrap .txt {
        padding: 83px 20px 0 420px;
        word-break: keep-all;
    }
}

@media (max-width: 1024px) {
    #sub_greeting>p {
        font-size: 16px;
        line-height: 1.8;
    }
}

@media all and (max-width:768px) {
    #sub_greeting .chairman_wrap {
        margin: 0 0 35px;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    #sub_greeting .chairman_wrap .pic {
        position: static;
        margin: 0 auto;
        width: 300px;
    }

    #sub_greeting .chairman_wrap .txt {
        padding: 10px 10px 30px;
        text-align: center;
    }

    #sub_greeting .chairman_wrap .txt strong {
        font-size: 30px;
    }

    #sub_greeting .chairman_wrap .txt strong span {
        font-size: 40px;
    }
}

@media all and (max-width:568px) {
    #sub_greeting .chairman_wrap .pic{
        width: 250px;
    }
    #sub_greeting .chairman_wrap .txt .en {
        font-size: 12px;
    }

    #sub_greeting .chairman_wrap .txt strong {
        margin: 0 0 10px;
    }

    #sub_greeting>p,
    #sub_greeting .sign {
        font-size: 15px;
    }

    #sub_greeting>p br {
        display: none;
    }

    #sub_greeting>p br.mbB {
        display: block;
    }

    #sub_greeting .sign span {
        font-size: 38px;
    }
}

@media all and (max-width:380px) {
    #sub_greeting .chairman_wrap .txt strong {
        font-size: 26px;
    }

    #sub_greeting .chairman_wrap .txt strong span {
        font-size: 32px;
    }
}

/* 의원 프로필 */
#sub_profile {
    font-size: 18px;
    font-weight: 400;
}

#sub_profile .chairman_wrap {
    position: relative;
    margin: 0 0 80px;
    height: 350px;
    border-radius: 5px;
    background: url(../../images/kr/intro/bg_chairman.jpg)no-repeat;
    background-size: cover;
    box-shadow: 0 0 20px 0 rgba(187, 187, 187, .1);
}

#sub_profile .chairman_wrap .pic {
    position: absolute;
    bottom: 0px;
    left: 50px;
}

#sub_profile .chairman_wrap .txt {
    padding: 83px 0 0 480px;
}

#sub_profile .chairman_wrap .txt .en {
    font-family: 'gmarket';
    font-weight: 200;
    font-size: 14px;
    color: #7e7d7d;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#sub_profile .chairman_wrap .txt strong {
    display: block;
    margin: 10px 0 18px;
    font-family: 'NanumSomice';
    font-size: 35px;
    color: #313b53;
    line-height: 1.1;
}

#sub_profile .chairman_wrap .txt strong span {
    font-size: 50px;
    color: #3b6bc7;
}

#sub_profile .chairman_wrap .txt p:last-child {
    font-size: 14px;
    color: #444;
}

#sub_profile>p {
    font-size: 18px;
    line-height: 1.6;
}

#sub_profile>p span {
    font-weight: 500;
    color: #4a74c7;
}

#sub_profile .sign {
    margin: 65px 0 0;
    font-size: 18px;
    text-align: right;
}

#sub_profile .sign span {
    margin: 0 0 0 20px;
    font-family: 'NanumSomice';
    font-size: 50px;
}

#sub_profile .pic_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 0 55px;
    background: linear-gradient(to right, #f1f4f9 50%, #fff 100%);
}

#sub_profile .pic_wrap:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 188px;
    border-radius: 0 50px 0 0;
    border-top: 15px solid #f1f4f8;
    border-right: 15px solid #f1f4f8;
}

#sub_profile .pic {
    position: relative;
    float: left;
    width: 52.82%;
    height: 506px;
}

#sub_profile .pic img {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 90.5%;
    vertical-align: bottom;
}

#sub_profile .txt {
    float: left;
    width: 47%;
    padding: 99px 0 0 0
}

#sub_profile .txt p {
    height: 38px;
    font-size: 20px;
    font-weight: 200;
    font-family: "gmarket";
    color: #3e4e68;
}

#sub_profile .txt .name {
    display: block;
    height: 100px;
    line-height: 110%;
    font-size: 45px;
    font-weight: 900;
    font-family: "gmarket";
    color: #293f69;
}

#sub_profile .txt .name span {
    font-size: 23px;
    font-weight: 800;
}

#sub_profile .dot li {
    padding: 0 15% 25px 59px;
}

#sub_profile .dot li:before {
    top: 0;
    width: 45px;
    height: 45px;
    background: url(../../images/kr/chairman/ico_tit1.png) no-repeat;
}

#sub_profile .dot li.list2:before {
    background-image: url(../../images/kr/chairman/ico_tit2.png);
}

#sub_profile .dot li.list3:before {
    background-image: url(../../images/kr/chairman/ico_tit3.png);
}

#sub_profile .dot li *,
#sub_profile .career strong {
    display: inline-block;
    vertical-align: top;
    line-height: 45px;
}

#sub_profile .dot strong,
#sub_profile .career strong {
    width: 30%;
    max-width: 120px;
    font-size: 20px;
    font-weight: 500;
    color: #293f69;
}

#sub_profile .dot span {
    width: 70%;
}

#sub_profile .dot .list2 strong {
    letter-spacing: 8px;
}

#sub_profile .dot .list3 strong {
    letter-spacing: 33px;
}

#sub_profile .dot .list3 span {
    line-height: 155%;
}

#sub_profile .career ul {
    display: flex;
    align-items: center;
    gap: 50px;
}

#sub_profile .career li {
    display: flex;
    align-items: center;
    gap: 60px;
    width: 50%;
    border-bottom: 1px solid #eeeeee;
    padding-block: 0.5rem;
}

#sub_profile .career strong {
    position: relative;
    padding-left: 1.5rem;
    color: #333;
    font-family: 'score';
    font-weight: 300;
}

#sub_profile .career strong:before {
    width: 20px;
    height: 18px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../../images/kr/common/ico_check.png) center no-repeat;
    background-size: cover;
}

#sub_profile .career ul:nth-of-type(3) li {
    width: 100%;
}

#sub_profile .career ul:nth-of-type(4) li {
    width: 100%;
    flex-direction: column;
    align-items: start;
    gap: 0.5rem;
    border-bottom: none;
}

#sub_profile .career ul:nth-of-type(4) strong {
    width: 100%;
    max-width: 100%;
}

#sub_profile .career ul .sqDot {
    display: flex;
    gap: 0;
    flex-direction: column;
    width: calc(100% - 90px);
    padding-inline: 45px;
    padding-block: 26px 50px;
    border: 1px solid #eeeeee;
    background: url(../../images/kr/chairman/career_bg.png) right no-repeat;
    background-size: cover;
}

#sub_profile .career ul .sqDot li {
    border-bottom: none;
    position: relative;
    color: #333;
    font-weight: 300;
}

/* 사각형 dot list 공통 요소 */
.sqDot li {
    padding-left: 4px;
}

.sqDot li:before {
    width: 4px;
    height: 4px;
    background-color: #3b6bc7;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
}

/* 사각형 dot list 공통 요소 end*/

/* 의원 프로필 반응형 시작*/

@media all and (max-width:1280px) {
    #sub_profile .chairman_wrap .pic {
        left: 30px;
        width: 360px;
        height: inherit;
    }

    #sub_profile .chairman_wrap .pic img {
        width: 100%;
        height: 100%;
    }

    #sub_profile .chairman_wrap .txt {
        padding: 83px 20px 0 420px;
        word-break: keep-all;
    }
}

@media (max-width: 1024px) {
    #sub_profile>p {
        font-size: 16px;
        line-height: 1.8;
    }
}

@media all and (max-width:768px) {
    #sub_profile .chairman_wrap {
        margin: 0 0 35px;
        height: 600px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2rem;
    }

    #sub_profile .chairman_wrap .pic {
        position: initial;
        width: 300px;
        float: initial;
        left: 0;
    }

    #sub_profile .chairman_wrap .pic img {
        position: relative;
        max-width: 100%;
        object-fit: contain;
    }

    #sub_profile .chairman_wrap .txt {
        padding: 10px 10px 30px;
        text-align: center;
        width: calc(100% - 20px);
    }

    #sub_profile .chairman_wrap .txt strong {
        font-size: 30px;
    }

    #sub_profile .chairman_wrap .txt strong span {
        font-size: 40px;
    }

    #sub_profile .career ul {
        flex-direction: column;
        gap: 0;
        align-items: start;
    }

    #sub_profile .career li {
        width: 100%;
        font-size: 15px;
    }

    #sub_profile .career strong {
        font-size: 18px;
    }

    #sub_profile .career ul .sqDot {
        width: calc(100% - 70px);
        padding-inline: 35px;
        padding-block: 20px 50px;
    }

    #sub_profile .career ul .sqDot li {
        padding-block: 0.125rem;
    }


}

@media all and (max-width:568px) {
    #sub_profile .chairman_wrap {
        height: 550px;
        overflow: hidden;
    }

    #sub_profile .chairman_wrap .pic {
        width: 250px;
        height: fit-content;
        bottom: 0;
        top: 2rem;
    }

    #sub_profile .chairman_wrap .txt .en {
        font-size: 12px;
    }

    #sub_profile .chairman_wrap .txt strong {
        margin: 0 0 10px;
    }

    #sub_profile>p,
    #sub_profile .sign {
        font-size: 15px;
    }

    #sub_profile .sign span {
        font-size: 38px;
    }

    #sub_profile .career li {
        flex-direction: column;
        align-items: start;
        gap: 0;
    }

    #sub_profile .career li p {
        padding-left: 1.5rem;
    }
}

@media all and (max-width:380px) {
    #sub_profile .chairman_wrap .pic {
        width: 230px;
        bottom: initial;
        height: fit-content;
    }

    #sub_profile .chairman_wrap .txt strong {
        font-size: 26px;
    }

    #sub_profile .chairman_wrap .txt strong span {
        font-size: 32px;
    }
}

/* 의원 프로필 반응형 끝*/

/* 의원 프로필 end*/



/* 의회연혁 */
#sub_history .box_info {
    display: table;
    min-height: 0;
    padding: 0px;
    font-size: 32px;
    font-weight: 600;
    height: 214px;
    width: 1055px;
    margin: 0 auto;
    border: none;
    position: relative;
    box-shadow: 0 0 20px 0 rgba(93, 93, 93, 0.15);
    background-color: transparent;
    border-radius: 6px;
}

#sub_history .box_info:before {
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0.75rem;
    top: 0.75rem;
    background: url(../../images/kr/intro/his_bg_outline.png) center no-repeat;
    background-size: cover;
}

#sub_history .box_info .inner {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    padding: 0;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    background: url(../../images/kr/intro/bg_history.jpg) no-repeat 50% 0;
}

#sub_history .box_info .inner:before {
    display: none;
}

#sub_history .box_info .en {
    padding: 19px 0 7px 0;
    color: #a0f8ee;
    font-size: 20px;
    font-family: "gmarket";
    font-weight: 900;
    letter-spacing: 5px;
    text-shadow: 0 0 10px rgba(51, 51, 51, 0.5);
}

#sub_history .box_info span {
    display: block;
    width: 26px;
    height: 1px;
    background-color: #e0faf7;
    margin: 0 auto;
    margin-bottom: 19px;
}

#sub_history .box_info p {
    font-size: 17px;
    font-family: 'score';
    font-weight: 300;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#sub_history .hisContWrap {
    width: 100%;
    max-width: 1060px;
    padding-inline: 20px;
    margin: 0 auto;
}

#sub_history .hisCont {
    margin-top: 50px;
}

#sub_history .hisCont:first-child {
    margin-top: 82px;
}

#sub_history .hisCont h5 {
    font-size: 28px;
    font-family: 'score';
    font-weight: 500;
    color: #333;
    letter-spacing: -0.4px;
    line-height: 1.5;
    padding-left: 72px;
    padding-bottom: 25px;
}

#sub_history .hisCont ul {
    padding-inline: 60px;
    padding-block: 40px;
    border-radius: 12px;
    max-width: 1060px;
}

#sub_history .hisCont:nth-child(odd) ul {
    background-color: #f5f5f5;
}

#sub_history .hisCont:nth-child(even) ul {
    background-color: #f0f6f5;
}

#sub_history .hisCont ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#sub_history .hisCont ul .hisYear {
    font-size: 18px;
    font-family: 'scrore';
    font-weight: 500;
    color: #333;
    letter-spacing: -0.4px;
    margin-top: -3px;
}

#sub_history .hisCont ul li {
    font-weight: 300;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.4px;
    display: flex;
    align-items: center;
    gap: 32px;
}

/* his common element start */

.icoQut {
    padding-left: 72px;
    position: relative;
}

.icoQut:before {
    width: 60px;
    height: 60px;
    background: url(../../images/kr/intro/ico_qut.png) center no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -0.75rem;
}

.icoG li {
    position: relative;
    padding-left: 24px;
}

.icoG li:before {
    width: 14px;
    height: 14px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../../images/kr/common/ico_bulletG.png) center no-repeat;
    background-size: cover;
}

/* his common element end */

@media screen and (max-width: 1440px) {
    #sub_history .box_info {
        width: 100%;
        max-width: 1060px;
    }

    #sub_history .hisContWrap {
        padding-inline: 0;
    }

    #sub_history .hisCont h5 {
        font-size: 25px;
    }

    #sub_history .hisCont ul {
        width: calc(100% - 60px);
        padding-inline: 40px 20px;
        max-width: initial;
    }

    #sub_history .icoQut:before {
        width: 55px;
        height: 55px;
    }
}

@media screen and (max-width: 768px) {
    #sub_history .hisCont h5 {
        font-size: 22px;
        padding-left: 58px;
    }

    #sub_history .icoQut:before {
        width: 45px;
        height: 45px;
    }
}


@media screen and (max-width: 568px) {
    #sub_history .hisCont ul {
        width: calc(100% - 40px);
        padding-inline: 20px;
        padding-block: 2rem;
    }

    #sub_history .hisCont ul li {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    #sub_history .hisCont .icoG li:before {
        top: 20%;
    }
}

@media screen and (max-width: 380px) {
    #sub_history .box_info p {
        font-size: 14px;
    }

    #sub_history .hisCont:first-child {
        margin-top: 65px;
    }

    #sub_history .hisCont h5 {
        font-size: 20px;
        padding-left: 47px;
    }

    #sub_history .icoQut:before {
        width: 38px;
        height: 38px;
    }
}

/* history end */


/* 의회역사 */
#sub_history2 .box_info {
    display: table;
    min-height: 0;
    padding: 13px;
    margin: 0 0 38px;
    font-size: 35px;
    font-weight: 600;
}

#sub_history2 .box_info .inner {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    padding: 0 0 0 46px;
    color: #000;
    border-radius: 20px;
    background: url(../../images/kr/intro/bg_history2.jpg) no-repeat 100% 0;
    background-size: cover;
}

#sub_history2 .box_info .inner:before {
    display: none;
}

#sub_history2 .box_info .en {
    padding: 21px 0 0 0;
    color: #d4d4d4;
    font-size: 21px;
    font-family: "gmarket";
    font-weight: 900;
    letter-spacing: 0;
}

#sub_history2 dl {
    margin: 0 0 20px;
    padding: 40px 5% 34px 49px;
    font-size: 15px;
    background: #f7f7f7;
    word-break: keep-all;
}

#sub_history2 dl:hover {
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
    background: #f5f9ff;
}

#sub_history2 dt {
    padding: 0 0 12px;
    font-size: 23px;
    color: #33589c;
    font-weight: 600;
}

@media all and (max-width:1024px) {
    #sub_history2 .box_info {
        font-size: 30px;
    }

    #sub_history2 .box_info .inner {
        height: 160px;
        padding: 0;
        text-align: center;
        background-size: cover;
        border-radius: 15px;
    }

    #sub_history2 .box_info .en {
        line-height: 110%;
        padding: 15px 0 0 0;
        font-size: 18px;
    }

    #sub_history2 dt {
        font-size: 22px;
    }
}

@media all and (max-width:768px) {
    #sub_history2 .box_info {
        font-size: 26px;
    }

    #sub_history2 .box_info .inner {
        height: 140px;
    }

    #sub_history2 .box_info .en {
        font-size: 16px;
    }

    #sub_history2 dl {
        padding: 35px 3% 30px 5%;
    }

    #sub_history2 dt {
        font-size: 20px;
    }
}

@media all and (max-width:568px) {
    #sub_history2 .box_info {
        margin: 0 0 13px;
        font-size: 20px;
    }

    #sub_history2 .box_info .inner {
        height: 100px;
    }

    #sub_history2 .box_info .en {
        padding: 10px 0 0 0;
        font-size: 12px;
    }

    #sub_history2 dl {
        padding: 30px 3% 25px 5%;
    }

    #sub_history2 dt {
        font-size: 18px;
    }
}

@media all and (max-width:380px) {
    #sub_history2 .box_info {
        font-size: 19px;
    }

    #sub_history2 .box_info .inner {
        height: 95px;
    }

    #sub_history2 .box_info .en {
        font-size: 11px;
    }

    #sub_history2 dt {
        font-size: 17px;
    }
}

@media all and (max-width:360px) {
    #sub_history2 .box_info {
        font-size: 17px;
        letter-spacing: -2px;
    }

    #sub_history2 .box_info .en {
        font-size: 10px;
    }
}

/* 의회휘장 */
#sub_symbol .box_info {
    padding: 73px 3% 76px 37.73%;
}

#sub_symbol .img {
    position: absolute;
    top: 45px;
    left: 0;
    width: 37.73%;
    text-align: center;
}

#sub_symbol .btn_down {
    margin: 22px 0 0 0;
}

@media all and (max-width:1200px) {
    #sub_symbol .box_info br {
        display: none;
    }

    #sub_symbol .img img {
        max-width: 90%;
    }
}

@media all and (max-width:768px) {
    #sub_symbol .box_info {
        padding: 55px 3% 60px 37.73%;
    }
}

@media all and (max-width:568px) {
    #sub_symbol .box_info {
        padding: 20px 3% 40px 30px;
    }

    #sub_symbol .img {
        position: static;
        width: 100%;
        margin: 0 0 10px;
    }

    #sub_symbol .img img {
        max-width: 100%;
    }
}

/* 의회기능 */

/* 의회조직*/
.line_box {
    position: relative;
    padding-block: 70px;
    margin-bottom: 50px;
}

.line_box:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../../images/kr/sub/bg_boxline.jpg);
    border-radius: 10px;
}

.line_box::after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: #fff;
    border-radius: 10px;
}

.org {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.org:before {
    width: 1px;
    height: 195px;
    background-color: #cccccc;
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 0;
}

.org span {
    width: 221px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #1a2261;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    position: relative;
    z-index: 2;
}

.org>ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.org>ul>ul {
    display: flex;
    gap: 90px;
    position: relative;
    z-index: 3;
}

.org>ul>ul:before {
    width: 74%;
    height: 1px;
    background-color: #ccc;
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translateX(-50%);
}

.org .org3_3 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    justify-content: center;
    position: relative;
}

.org .org3_3:before {
    width: 1px;
    height: 100%;
    background-color: #ccc;
    display: inline-block;
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.org .org4 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.org2 span {
    background-color: #4d8dd5;
}

.org3>span {
    background-color: #33a79a;
    position: relative;
    z-index: 2;
}

.org3>span:nth-child(1):before {
    width: 1px;
    height: 20px;
    background-color: #ccc;
    display: inline-block;
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}

.org3>span:nth-child(3):before {
    width: 1px;
    height: 20px;
    background-color: #ccc;
    display: inline-block;
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}


.org3_3 span {
    background-color: #45a462;
}

.org4 span {
    background-color: #45a462;
}

.org4 ul {
    background-color: #fff;
    border: 1px solid #dddddd;
    width: 219px;
    height: 144px;
    padding-block: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.org4 ul span {
    color: #333333;
    background-color: transparent;
    height: auto;
    width: 100px;
}

.org4 ul span i {
    width: 100%;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.org4 .org4_abs {
    border: none;
    background-color: initial;
    position: absolute;
    right: 220px;
    bottom: 130px;
    height: fit-content;
    padding-block: 0;
}

.org4 .org4_abs:before {
    width: 50px;
    height: 1px;
    background-color: #ccc;
    display: inline-block;
    content: '';
    position: absolute;
    right: -10px;
    top: 50%;
    z-index: -1;
}

.org4 .org4_abs span {
    color: #fff;
    width: 154px;
    height: 52px;
    background-color: #45a462;
}

@media screen and (max-width: 1200px) {
    .org>ul>ul{
        gap: 32px;
    }

    .org>ul>ul:before{
        width: 70%;
    }
}

@media screen and (max-width: 910px) {
    .org:before {
        height: 100%;
    }

    .org>ul>ul {
        flex-wrap: wrap;
        gap: 32px;
    }

    .org>ul>ul:before {
        width: 52%;
    }

    .org3 {
        flex: 40%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .org .org3_3 {
        flex: 100%;
    }

    .org4 .org4_abs {
        right: 62%;
    }
}

@media screen and (max-width: 768px) {
    .line_box {
        padding-block: 70px 140px;
    }

    .org .org3_3 span:before {
        content: none;
    }

    .org .org3_3:before {
        content: none;
    }

    .org4 .org4_abs:before {
        content: none;
    }

    .org4 .org4_abs {
        position: initial;
    }

    .org4 .org4_abs span {
        width: 221px;
    }

    .org4 .org4_abs:before {
        width: 1px;
        height: 50px;
        right: 50%;
        top: -20px;
    }
}

@media screen and (max-width:600px) {
    .org>ul>ul:before{
        display: none;
    }
}

@media screen and (max-width: 490px) {
    .line_box {
        padding-block: 45px;
    }

    .org span {
        font-size: 16px;
        font-weight: 400;
        height: 40px;
    }

    .org4 ul {
        height: 125px;
        padding-block: 16px;
    }

    .org4 ul span {
        width: 80px;
    }

    .org>ul {
        gap: 20px;
    }

    .org>ul>ul {
        gap: 20px;
        flex-direction: column;
    }

    .org>ul>ul:before {
        content: none;
    }

    .org4 .org4_abs span {
        height: 40px;
    }
}

#sub_org .sq li:not(:last-child) {
    margin-bottom: 30px;
}

#sub_org .sq p:not(.tit) {
    font-size: 15px;
    color: #333;
}

#sub_org .tit {
    color: #333333;
    font-size: 16px;
    font-weight: 500;
}

@media screen and (max-width: 568px) {
    #sub_org .sq p:not(.tit) {
        font-size: 14px;
    }
}

/* 의회 조직 e */

/* 의회 권한  */
#sub_function .sq li {
    padding-left: 1rem;
}

/* 의회 권한 e */

/* 의회 역할  */
#sub_function {
    /* 필요한 경우 공통 설정 추가 */
}

#sub_function .line_box {
    padding: 55px;
    margin-bottom: 90px;
}

#sub_function h5 {
    color: #3b6bc7;
    line-height: 1.75;
}

#sub_function .line_box ul li:not(:last-child) {
    margin-bottom: 0;
}

#sub_function .descWrap ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sub_function .descWrap li {
    width: 157px;
    height: 157px;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2rem;
}

#sub_function .descWrap li>span {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 21px;
    font-weight: 600;
    color: #fff;
}

#sub_function .arrowWrap em {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    line-height: 1.35;
}

#sub_function .jumin {
    background-image: url(../../images/kr/sub/jumin_sqBg.png);
    outline: 22px solid #e0e7f4;
}

#sub_function .facility {
    background-image: url(../../images/kr/sub/fac_sqBg.png);
    outline: 22px solid #ddf1e3;
}

#sub_function li.council {
    width: 223px !important;
    height: 223px !important;
    background-image: url(../../images/kr/sub/council_sqBg.png);
    outline: 22px solid #dcf1ef;
    gap: 0;
}

#sub_function li.council>span {
    height: fit-content;
    padding-block: 0.5rem 1rem;
}

#sub_function li.council ul {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#sub_function .council ul li {
    width: 183px;
    height: 30px;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #5ba199;
    background-color: rgba(0, 84, 75, 0.5);
}

@media screen and (max-width: 1280px) {
    #sub_function .descWrap{
        margin-bottom: 4rem;
    }

    #sub_function .descWrap ul {
        display: grid;
        grid-template-columns: 157px 157px 223px;
        gap: 3rem 2.5rem;
        justify-content: center;
    }

    #sub_function li.council {
        grid-column: 3 / 4;
        grid-row: 1 / 3;
        height: 100% !important;
        outline-width: 16px;
    }
    
    #sub_function .jumin{
        outline-width: 16px;
    }

    #sub_function .facility {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        outline-width: 16px;
    }

    #sub_function .descWrap li{
        gap: 1rem;
    }
}

@media screen and (max-width: 768px) {
    #sub_fusub_functionnction6 .descWrap ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 2열 */
        gap: 2rem;
        justify-items: center;
    }

    #sub_function .jumin {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    #subsub_function_function6 .facility {
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    #sub_function .arrowWrap:nth-of-type(1) {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }

    #sub_function .arrowWrap:nth-of-type(2) {
        grid-column: 2/ 3;
        grid-row: 1 / 2;
    }

    #sub_function li.council {
        grid-column: 3 / 4;
        grid-row: 1 / 4;
        /* width: calc(100% - 44px) !important; */
        padding-block: 0.5rem;
    }

    #sub_function li.council ul {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
    }
}

@media screen and (max-width:568px) {
    #sub_function .line_box {
        padding: 30px 22px;
    }

    #sub_function h5 {
        max-width: 90%;
        word-break: keep-all;
    }

    #sub_function .descWrap ul {
        display: flex;
        flex-direction: column;
    }

    #sub_function .descWrap li {
        width: 130px;
        height: 130px;
        border-radius: 12px;
        gap: 3rem;
    }

    #sub_function li.council {
        gap: 0;
        padding-block: 1.5rem;
    }

    #sub_function .arrowWrap {
        transform: rotate(90deg);
    }

    #sub_function .arrowWrap em {
        transform: rotate(-90deg);
        background: #f6f6f6;
        padding: 10px;
        border-radius: 3px;
        width: 100px;
        font-size: 13px;
        outline: 2px solid #ddd;
    }
}


/* 의회 역할 e  */

/* 의회사무국 */
#sub_office .borderL {
    border-left: 1px solid #ddd;
}

/* 의회사무국 */

/* 청사 안내 */
#sub_building .line_box {
    width: calc(100% - 140px);
    padding-inline: 70px;
    padding-block: 70px;
}

#sub_building .line_box img {
    display: block;
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    #sub_building .line_box {
        width: calc(100% - 80px);
        padding-inline: 40px;
        padding-block: 40px;
    }
}

@media screen and (max-width: 568px) {
    #sub_building .line_box {
        width: calc(100% - 40px);
        padding-inline: 20px;
        padding-block: 40px;
    }
}

/* 청사 안내 e*/

/* 본회의 */
#bluetab {
    display: flex;
    border-bottom: 2px solid #00245e;
    margin-bottom: 50px;
}

#bluetab li {
    width: 211px;
    height: 49px;
    background: #eee;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 300;
    color: #333;
    transition: 0.3s;
    cursor: pointer;
}

#bluetab .on {
    background: #00245e;
    color: #fff;
    font-weight: 500;
}

#tabContWrap .tabItem {
    display: none;
}

#tabContWrap .tabItem.active {
    display: block;
}

#sub_function3 .tabItem>h5 {
    color: #00245e;
    font-size: 26px;
    font-weight: 600;
}

#sub_function3 .line_box {
    padding: 55px;
    margin-top: 25px;
}

#sub_function3 .blue54 {
    color: #547ece;
    font-size: 21px;
    font-weight: 600;
}

#sub_function3 .sq li {
    margin-bottom: 18px;
}

#sub_function3 .sq li:last-child {
    margin-bottom: 50px;
}

#sub_function3 .sq span {
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

#sub_function3 .process {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 110px;
}

#sub_function3 .process li {
    flex: 0 0 calc((100% - 233px) / 3);
    /* 정확한 3등분 */
    height: 61px;
    background: #fff;
    border: 1px solid #ccc;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

#sub_function3 .process li.flx30 {
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#sub_function3 .process li:before {
    content: '';
    display: inline-block;
    background: url(../../images/kr/sub/ico_rightArrow.png) center no-repeat;
    width: 25px;
    height: 21px;
    position: absolute;
    right: -65px;
    top: 50%;
    transform: translateY(-50%);
}

#sub_function3 .process li:nth-child(3n)::before {
    content: none;
}

#sub_function3 .process li:nth-child(4)::before {
    content: none;
}

#sub_function3 .process li:nth-child(5)::before {
    content: none;
}

/* 아래 화살표 before 공통 처리 */
#sub_function3 .process li:nth-of-type(3)::after,
#sub_function3 .process li:nth-of-type(4)::after {
    content: '';
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 21px;
    height: 25px;
    background: url(../../images/kr/sub/ico_downArrow.png) center no-repeat;
    background-size: cover;
}


#sub_function3 .process li.bluebg {
    background: #f2f5fa;
    border-color: #547ece;
    color: #547ece;
}

#sub_function3 .process li.redbg {
    background: #f7eeee;
    border-color: #c33838;
    color: #c33939;
}

#sub_function3 .rot180 img {
    transform: rotate(180deg);
}

#sub_function3 .table_wrap {
    margin-bottom: 18px;
}

#sub_function3 .normal_list th {
    font-weight: 300;
    background: #f1f8f7;
}

#sub_function3 .normal_list td {
    vertical-align: middle;
}

#sub_function3 .normal_list td i {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    filter: drop-shadow(0px 0px 6px rgba(51, 51, 51, 0.1));
}

#sub_function3 .normal_list .dash {
    text-align: left;
    padding-left: 18px;
}

#sub_function3 h6 {
    position: relative;
    padding-left: 12px;
    margin: 30px 0 10px;
    box-sizing: border-box;
    word-break: keep-all;
}

#sub_function3 h6::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 7px;
    height: 7px;
    background: #93d06c;
}

@media screen and (max-width : 1024px) {
    #sub_function3 .process{
        margin-bottom: 4rem;
    }
}

@media screen and (max-width: 768px) {
    #sub_function3 .line_box {
        padding: 50px 33px;
    }

    #sub_function3 .process {
        gap: 60px;
    }

    #sub_function3 .process li {
        flex: 0 0 calc((100% - 64px) / 2);
        font-size: 16px;
    }

    /* 공통 화살표 위치 조정 */
    #sub_function3 .process li::before {
        right: -45px;
    }

    /* 화살표 비노출 대상 */
    #sub_function3 .process li:nth-child(2n):before,
    #sub_function3 .process li:nth-child(3n):before,
    #sub_function3 .process li:nth-child(7):before,
    #sub_function3 .process li:nth-of-type(3)::after,
    #sub_function3 .process li:nth-of-type(4)::after {
        content: none;
    }

    /* 오른쪽 화살표 아이콘 */
    #sub_function3 .process li:nth-child(3)::before,
    #sub_function3 .process li:nth-child(4):before,
    #sub_function3 .process li:nth-child(6):before,
    #sub_function3 .process li:nth-child(9):before {
        content: '';
        display: inline-block;
        background: url(../../images/kr/sub/ico_rightArrow.png) center no-repeat;
        width: 25px;
        height: 21px;
        position: absolute;
        right: -45px;
        top: 50%;
        transform: translateY(-50%);
    }

    /* 오른쪽 화살표 회전 */
    #sub_function3 .process li:nth-child(4):before,
    #sub_function3 .process li:nth-child(6):before,
    #sub_function3 .process li:nth-child(9):before {
        transform: translateY(-50%) rotate(180deg);
    }

    /* 아래 화살표 아이콘 */
    #sub_function3 .process li:nth-child(4):after,
    #sub_function3 .process li:nth-child(2)::after,
    #sub_function3 .process li:nth-child(7)::after {
        content: '';
        position: absolute;
        bottom: -45px;
        left: 50%;
        transform: translateX(-50%);
        width: 21px;
        height: 25px;
        background: url(../../images/kr/sub/ico_downArrow.png) center no-repeat;
        background-size: cover;
    }

    /* 숨김 처리 */
    #sub_function3 .process li.flx30 {
        display: none;
    }

    /* 순서 재정렬 (충돌 제거 및 순서 정리) */
    #sub_function3 .process li:nth-child(3) {
        order: 5;
    }

    #sub_function3 .process li:nth-child(4) {
        order: 3;
    }

    #sub_function3 .process li:nth-child(6) {
        order: 4;
    }

    #sub_function3 .process li:nth-child(7) {
        order: 6;
    }

    #sub_function3 .process li:nth-child(8) {
        order: 8;
    }

    #sub_function3 .process li:nth-child(9) {
        order: 7;
    }
}

@media screen and (max-width: 568px) {
    #bluetab li {
        width: 160px;
        height: 40px;
    }

    #tabContWrap .tabItem>h5 {
        font-size: 22px;
    }

    #sub_function3 .line_box {
        padding: 46px 20px;
        margin-top: 10px;
    }

    #sub_function3 .blue54 {
        font-size: 18px;
        line-height: 1.35;
    }

    #sub_function3 .process li {
        height: 40px;
        font-size: 14px;
    }
}

/* 본회의 e */

/* 조례의 제정 및 개폐 */

#sub_proc .line_box {
    padding: 55px;
    margin-top: 25px;
}

#sub_proc .blue54 {
    color: #547ece;
    font-size: 21px;
    font-weight: 600;
}

#sub_proc .box_patt {
    border: 10px solid #f5f5f5;
    border-radius: 0;
}

#sub_proc .proc em {
    background: url(../../images/kr/sub/proc_bgG.png) center no-repeat;
    border-radius: 0 0 20px 0;
    background-size: cover;
}

#sub_proc .proc em:before {
    width: 33px;
    height: 20px;
    background: url(../../images/kr/sub/ico_arrowGreen.png) center no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -80%;
    transform: translateX(-50%);
}

#sub_proc .proc li:nth-child(2) em::before,
#sub_proc .proc li:nth-child(4) em::before {
    bottom: -115%;
}

#sub_proc .proc li:nth-child(3) em::before,
#sub_proc .proc li:nth-child(6) em::before {
    bottom: -55%;
}

#sub_proc .proc li:nth-child(5) em::before {
    bottom: -100%;
}

#sub_proc .proc div {
    margin: 0 0 21px 15%;
}

#sub_proc .medi {
    font-weight: 500;
    position: initial;
    display: block;
    color: #333;
}

#sub_proc .proc em.bgOrange {
    background: url(../../images/kr/sub/proc_bgO.png) center no-repeat;
    background-size: cover;
}

#sub_proc .proc em.bgOrange:before {
    content: none;
}

@media screen and (max-width : 568px) {
    #sub_proc .line_box {
        padding: 45px 30px;
    }

    #sub_proc .blue54 {
        font-size: 18px;
    }

    #sub_proc .line_box p br:nth-of-type(3),
    #sub_proc .line_box p br:nth-of-type(4) {
        display: none;
    }

    .proc>ul>li {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #sub_proc .proc div {
        margin: 10px 0 0 0;
    }

    #sub_proc .proc em:before {
        content: none;
    }

    #sub_proc .proc>ul:not(.red)>li::after {
        background: url(../../images/kr/sub/ico_arrowGreen.png) center no-repeat;
        width: 33px;
        height: 20px;
    }
}

/* 조례의 제정 및 개폐 e*/


/* 의회기능 proc common*/
.box_patt .proc {
    padding: 40px 8% 40px 8.5%;
}

.proc {
    position: relative;
    font-weight: 400;
    font-size: 14px;
}

.proc>ul>li {
    z-index: 1;
    position: relative;
    width: 100%;
}

.proc>ul>li * {
    display: inline-block;
    vertical-align: top;
    word-break: keep-all;
}

.proc em {
    z-index: 2;
    position: relative;
    width: 37%;
    height: 55px;
    line-height: 55px;
    margin: 0 0 40px;
    font-size: 17px;
    text-align: center;
    border-radius: 10px 10px 30px 10px;
    box-sizing: border-box;
    color: #fff;
    background: #33589c url(../../images/kr/intro/bg_proc.png) no-repeat 0 100%;
    background-size: cover;
}

.proc p {
    position: absolute;
    left: 24%;
    top: 63px;
    color: #33589c;
}

.proc em:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    bottom: -33px;
    left: 50%;
    width: 33px;
    height: 20px;
    transform: translateX(-50%);
    background: url(../../images/kr/intro/ico_arrow1.jpg) no-repeat 0 100%;
}

.proc div {
    width: 47%;
    margin: 0 0 9px 15%;
    padding: 17px 10px 19px 20px;
    line-height: 130%;
    border-radius: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #f8f8f8;
}

.proc li:last-child em:after {
    display: none;
}

.proc li:last-child em,
.proc li:last-child div {
    margin-bottom: 0;
}

.proc div:before {
    content: '';
    z-index: -1;
    display: block;
    position: absolute;
    top: 24px;
    left: 37%;
    width: 16%;
    height: 1px;
    background: #ddd;
}

.proc .dash1 {
    padding: 0 30px 0 0;
}

.proc .dash li {
    display: block;
    margin-top: 4px;
}

.proc .dash li:before {
    top: 6px;
}

.proc2 em {
    background-color: #35929d;
}

.proc3 em {
    background-color: #359d83;
}

.proc2 p {
    color: #35929d;
}

.proc3 p {
    color: #30917f;
}

.proc .bg_red {
    padding: 0 14px;
    color: #fff;
    font-size: 13px;
    border-radius: 15px;
    background: #dd8888;
}

.proc .red {
    clear: both;
    width: 100%;
    padding: 35px 0 0 0;
}

.proc .info {
    line-height: 160%;
}

.proc .info li+li,
.proc .info dd {
    margin: 5px 0 0 0;
}

.proc .arr em:after {
    bottom: -110px;
    height: 78px;
    background: url(../../images/kr/intro/ico_arrow_db.jpg) no-repeat 0 100%;
}

.proc .center em {
    width: 30%;
    margin: 0 0 40px 33%;
}

.proc .center em:after {
    bottom: 10px;
    left: -20%;
    width: 43px;
    height: 34px;
    background: url(../../images/kr/intro/ico_arrow_db2.jpg) no-repeat 0 100%;
}

.proc .center .dash {
    width: 34%;
    padding: 7px 0 0 10px;
    line-height: 140%;
}

@media all and (max-width:768px) {
    .box_patt .proc {
        padding: 30px 5%;
    }

    .proc em {
        font-size: 16px;
    }
}

@media all and (max-width:568px) {
    .proc>ul:not(.red)>li:after {
        z-index: -1;
        content: '';
        display: block;
        width: 33px;
        height: 20px;
        margin: 10px auto;
        background: url(../../images/kr/intro/ico_arrow1.jpg) no-repeat 0 100%;
    }

    .proc>ul>li:last-child:after {
        display: none;
    }

    .proc div {
        width: 100%;
        margin: 5px 0 0 0;
        padding: 13px 10px 13px 20px;
    }

    .proc em {
        width: 100%;
        margin: 0;
        height: 50px;
        line-height: 50px;
    }

    .proc em:after {
        display: none;
    }

    .proc p {
        top: auto;
        bottom: -5px;
        left: calc(50% + 20px);
    }

    .proc .bg_red {
        padding: 5px 12px 3px;
        line-height: 120%;
    }

    .proc .center em {
        width: 100%;
        margin: 0;
    }

    .proc .center .dash {
        width: 100%;
        margin: 5px 0 0 0;
        padding: 13px 10px 13px 20px;
        border-radius: 10px;
        background: #f8f8f8;
        border: 1px solid #ddd;
        box-sizing: border-box;
    }
}

@media all and (max-width:380px) {
    .proc em {
        height: 46px;
        line-height: 46px;
        font-size: 15px;
    }
}

#sub_function5 .line_box {
    padding: 55px;
    margin-top: 25px;
    line-height: 170%;
}

#sub_function5 .yellow {
    color: #ef8a39;
}

#sub_function5 .blue54 {
    color: #547ece;
    font-size: 21px;
    font-weight: 600;
}

#sub_function5 .box_patt {
    border: 10px solid #f5f5f5;
    border-radius: 0;
}

#sub_function5 .proc em {
    background: url(../../images/kr/sub/proc_bgG.png) center no-repeat;
    border-radius: 0 0 20px 0;
    background-size: cover;
}

#sub_function5 .proc em.bgOrange {
    background: url(../../images/kr/sub/proc_bgO.png) center no-repeat;
    background-size: cover;
}

#sub_function5 .proc em.bgDarkG {
    background: url(../../images/kr/sub/proc_bgDarkG.png) center no-repeat;
    background-size: cover;
}

#sub_function5 .proc em.bgOlive {
    background: url(../../images/kr/sub/proc_bgOlive.png) center no-repeat;
    background-size: cover;
}

#sub_function5 .proc em:before {
    width: 33px;
    height: 20px;
    background: url(../../images/kr/sub/ico_arrowGreen.png) center no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -50%;
    transform: translateX(-50%);
}

#sub_function5 .proc li:last-child em:before {
    display: none;
}

#sub_function5 .proc div {
    background: none;
    border: none;
}

#sub_function5 .proc div:before {
    width: 40px;
    height: 34px;
    background: url(../../images/kr/sub/ico_arrowBold.png) center no-repeat;
    background-size: cover;
    left: 45%;
    top: 10px;
}

#sub_function5 .proc div li {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

@media screen and (max-width: 568px) {
    #sub_function5 .line_box {
        padding: 46px 20px;
    }

    #sub_function5 .line_box p:nth-of-type(1) {
        margin-bottom: 10px;
    }

    #sub_function5 .proc em:before {
        display: none;
    }

    #sub_function5 .proc div {
        text-align: center;
        border: 1px solid #ddd;
    }

    #sub_function5 .proc>ul:not(.red)>li::after {
        background: url(../../images/kr/sub/ico_arrowGreen.png) center no-repeat;
        width: 33px;
        height: 20px;
    }
}

/* 의회기능 proc common e*/


/* 행정사무감사 조사 */
#sub_function6 .blue00 {
    font-size: 26px;
    font-weight: 600;
}

#sub_function6 .line_box {
    padding: 56px;
}

#sub_function6 .line_box p {
    color: #333;
}

#sub_function6 .line_box .blue54 {
    color: #547ece;
    font-size: 21px;
    font-weight: 600;
}

#sub_function6 .sq li:not(:last-child) {
    margin-bottom: 32px;
}

#sub_function6 .sq li:last-child {
    margin-bottom: 50px;
}

#sub_function6 .box_patt .proc {
    padding: 0;
}

#sub_function6 .proc em {
    height: fit-content;
    color: #333;
    background-color: #fff;
    border: 3px solid #33a79a;
    border-radius: 0;
    width: 41%;
    text-align: left;
    padding-left: 22px;
    line-height: 20px;
    padding-block: 20px;
    background: none;
}

#sub_function6 .proc em .fs14 {
    font-size: 14px;
    padding-left: 30px;
    padding-top: 10px;
    display: block;
}

#sub_function6 .dash {
    display: block;
    line-height: 1.35;
    padding-left: 30px;
    padding-top: 4px;
}

#sub_function6 .dash li {
    font-size: 14px;
}

#sub_function6 .proc div {
    background-color: #fff;
    border: 3px solid #ddd;
    border-radius: 0;
    margin: 0 0 9px 9%;
}

#sub_function6 .proc div:before {
    width: 40px;
    height: 34px;
    background: url(../../images/kr/sub/ico_arrowOrange.png) center no-repeat;
    background-size: cover;
    left: 44%;
    top: 13px;
}

#sub_function6 .proc li:nth-child(2) div:before,
#sub_function6 .proc li:nth-child(5) div:before,
#sub_function6 .proc li:nth-child(7) div:before,
#sub_function6 .proc li:nth-child(10) div:before,
#sub_function6 .proc li:nth-child(11) div:before {
    background: url(../../images/kr/sub/ico_arrowCyan.png) center no-repeat;
    background-size: cover;
    left: 44%;
    top: 13px;
}

#sub_function6 .num {
    font-size: 20px;
    font-weight: 500;
}

#sub_function6 .borderO em {
    border: 3px solid #e4812f;
}

#sub_function6 .borderO div {
    height: 232px;
}

#sub_function6 .borderO div li {
    display: block;
    margin-bottom: 11px;
}

#sub_function6 .proc li:nth-child(8) {
    margin-top: -60px;
}

#sub_function6 .proc>ul:not(.red)>li:after {
    display: none;
}

@media screen and (max-width: 1280px) {
    #sub_function6 .borderO div {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    #sub_function6 .line_box {
        padding: 20px;
    }

    #sub_function6 .num {
        font-size: 18px;
    }

    #sub_function6 .proc em {
        font-size: 14px;
        padding-inline: 20px;
    }

    #sub_function6 .proc em .medi {
        display: inline;
    }

    #sub_function6 .proc em .fs14 {
        padding-left: 0px;
    }

    #sub_function6 .proc div {
        margin: 0 0 9px 11%;
    }
}

@media screen and (max-width: 568px) {
    #sub_function6 #bluetab li {
        width: 180px;
        font-size: 15px;
    }

    #sub_function6 .blue00 {
        font-size: 24px;
    }

    #sub_function6 .line_box {
        padding: 40px 32px;
        margin-bottom: 32px;
        margin-top: 10px !important;
    }

    #sub_function6 .line_box .blue54 {
        font-size: 18px;
    }

    #sub_function6 .proc>ul>li {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center;
        margin-bottom: 30px;
        position: relative;
    }

    #sub_function6 .proc em {
        width: 100%;
        font-size: 16px;
        position: relative;
    }

    #sub_function6 .proc em .medi {
        display: inline;
    }

    #sub_function6 .proc em .fs14 {
        padding-left: 8px;
    }

    #sub_function6 .proc div {
        margin: 0;
    }

    #sub_function6 .proc li:nth-child(8) {
        margin-top: 0;
    }

    #sub_function6 .proc>ul>li:before {
        content: '';
        display: inline-block;
        width: 40px;
        height: 34px;
        background: url(../../images/kr/sub/ico_arrowOrange.png) no-repeat;
        transform: rotate(90deg) translateX(-50%);
        margin-top: 1rem;
    }

    #sub_function6 .proc>ul>li:first-child:before {
        display: none;
    }

    #sub_function6 .proc div:before {
        display: none;
    }

    #sub_function6 .proc li:nth-child(8) {
        margin-top: 0;
    }
}

@media screen and (max-width: 360px) {
    #sub_function6 #bluetab li {
        font-size: 14px;
    }

    #sub_function6 .num {
        font-size: 16px;
    }

    #sub_function6 .proc em {
        font-size: 14px;
    }

    #sub_function6 .proc em .medi {
        display: block;
    }
}

/* 행정사무감사 조사 */

/*집회및회기*/
.proc dl {
    float: left;
    width: 50%;
}

.proc dl.proc2 {
    float: right;
    text-align: right;
}

.proc dl.proc1 dd>div {
    position: static;
    width: 73%;
    margin: 25px 0 0 0;
    font-size: 15px;
    border: none;
    background: #e9f1ff;
    border-radius: 10px 10px 30px 10px;
}

.proc dl li {
    position: relative;
}

.proc dl .tit {
    display: inline-block;
    width: 73%;
    margin: 0 0 18px;
    font-size: 23px;
    font-weight: 600;
    text-align: center;
}

.proc dl em {
    display: inline-block;
    width: 73%;
}

.proc dl p {
    left: 74%;
    top: 13px;
}

.proc dl.proc2 p {
    left: 0;
}

.proc dl p.red {
    top: 63px;
    left: calc(37% + 20px);
    width: auto;
    padding: 0;
    color: #dd8888;
}

@media all and (max-width:1430px) {
    .proc dl p {
        left: calc(37% + 20px);
        top: 63px;
    }

    .proc dl.proc2 p {
        left: auto;
        right: calc(37% + 20px);
    }

    .proc dl p.red {
        top: 60px;
        line-height: 120%;
    }
}

@media all and (max-width:768px) {
    .proc dl .tit {
        margin: 0 0 13px;
        font-size: 21px;
    }

    .proc dl .tit,
    .proc dl em,
    .proc dl.proc1 dd>div {
        width: 90%;
    }

    .proc dl p,
    .proc dl p.red {
        left: calc(45% + 20px);
    }

    .proc dl.proc2 p {
        left: auto;
        right: calc(45% + 20px);
    }
}

@media all and (max-width:568px) {
    .proc dl .tit {
        font-size: 20px;
    }

    .proc dl,
    .proc dl .tit,
    .proc dl em,
    .proc dl.proc1 dd>div {
        width: 100%;
    }

    .proc dl ul>li:after {
        z-index: -1;
        content: '';
        display: block;
        width: 33px;
        height: 20px;
        margin: 10px auto;
        background: url(../../images/kr/intro/ico_arrow1.jpg) no-repeat 0 100%;
    }

    .proc dl ul>li:last-child:after {
        display: none;
    }

    .proc dl p,
    .proc dl p.red,
    .proc dl.proc2 p {
        right: auto;
        top: 55px;
        left: calc(50% + 20px);
        line-height: 120%;
        font-size: 13px;
    }

    .proc dl.proc2 {
        margin: 35px 0 0 0;
    }
}

/* ing ing  */

/* ing ing */

/* 청원안내 */
#sub_petition .proc {
    overflow: hidden;
    width: 100%;
    padding-bottom: 0;
    line-height: 140%;
    font-size: 15px;
}

#sub_petition .proc>li {
    position: relative;
    float: left;
    width: 27.43%;
    margin: 0 0 60px 8.85%;
}

#sub_petition .proc>li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: -20%;
    width: 20px;
    height: 33px;
    transform: translateY(-50%);
    background: url(../../images/kr/intro/ico_arrow3.jpg) no-repeat;
}

#sub_petition .proc>li:nth-child(-n + 2):before {
    background-image: url(../../images/kr/intro/ico_arrow2.jpg);
}

#sub_petition .proc>li:nth-child(3):before {
    top: auto;
    bottom: -40px;
    right: 50%;
    width: 33px;
    height: 20px;
    transform: translate(50%, 0);
    background-image: url(../../images/kr/intro/ico_arrow1.jpg);
}

#sub_petition .proc>li:nth-child(3n + 1) {
    margin-left: 0;
}

#sub_petition .proc>li:last-child:before {
    display: none;
}

#sub_petition .proc strong {
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    background: #33589c url(../../images/kr/intro/bg_proc.png) no-repeat;
    background-size: cover;
}

#sub_petition .proc .dot {
    width: 100%;
    min-height: 220px;
    padding: 17px 15px 15px 20px;
    box-sizing: border-box;
    background: #f3f6fb;
}

#sub_petition .proc .dot>li+li {
    margin: 9px 0 0 0;
}

@media all and (max-width:1024px) {
    #sub_petition .proc {
        line-height: 160%;
        font-weight: 400;
    }
}

@media all and (max-width:768px) {
    #sub_petition .proc {
        padding: 0 0 10px 13px;
    }

    #sub_petition .proc>li {
        float: right;
        width: 45%;
        margin: 0 0 35px 0;
    }

    #sub_petition .proc>li:nth-child(odd) {
        float: left;
        margin-left: 0;
    }

    #sub_petition .proc>li:before {
        left: -15%;
        background-image: url(../../images/kr/intro/ico_arrow2.jpg);
    }

    #sub_petition .proc>li:nth-child(odd):before {
        display: none;
    }

    #sub_petition .proc>li:nth-child(3):before {
        bottom: auto;
        top: 50%;
        right: -20%;
        width: 20px;
        height: 33px;
        transform: translate(0, -50%);
        background-image: url(../../images/kr/intro/ico_arrow2.jpg);
    }

    #sub_petition .proc>li:last-child:before {
        display: block;
    }

    #sub_petition .proc .dot {
        min-height: 150px;
    }

    #sub_petition .proc li:nth-child(3) .dot,
    #sub_petition .proc li:nth-child(4) .dot {
        min-height: 260px;
    }
}

@media all and (max-width:568px) {
    #sub_petition .proc>li {
        width: 100%;
    }

    #sub_petition .proc>li:before,
    #sub_petition .proc>li:nth-child(-n + 2):before,
    #sub_petition .proc>li:nth-child(3):before {
        left: 50%;
        top: calc(100% + 7px);
        width: 33px;
        height: 20px;
        transform: translateX(-50%);
        background-image: url(../../images/kr/intro/ico_arrow1.jpg);
    }

    #sub_petition .proc>li:nth-child(odd):before {
        display: block;
    }

    #sub_petition .proc>li:last-child:before,
    #sub_petition .proc ul>li:after {
        display: none;
    }

    #sub_petition .proc strong {
        height: 50px;
        line-height: 50px;
        font-weight: 16px;
    }

    #sub_petition .proc .dot {
        min-height: 0;
        padding: 20px 15px 25px 20px;
    }

    #sub_petition .proc li:nth-child(3) .dot,
    #sub_petition .proc li:nth-child(4) .dot {
        min-height: 0;
    }
}

@media all and (max-width:380px) {
    #sub_petition .proc strong {
        height: 46px;
        line-height: 46px;
        font-weight: 15px;
    }
}


/* 찾아오시는길 */
#sub_location .root_daum_roughmap {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    margin-bottom: 70px;
    height: 436px;
    background-color: #ddd;
}

#sub_location .root_daum_roughmap p {
    width: 0px;
    height: 0px;
    font-size: 0;
    overflow: hidden;
    display: none;
}

#sub_location .section_address {
    display: none;
}

#sub_location .roughmap_maker_label {
    border-radius: 30px;
}

#sub_location .roughmap_maker_label .roughmap_lebel_text {
    padding: 8px 15px 8px;
    font-size: 0;
    letter-spacing: -1px;
    border-radius: 30px;
    background-color: #fff;
}

#sub_location .roughmap_maker_label .roughmap_lebel_text:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
    vertical-align: top;
    background-image: url(../../images/common/ico_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#sub_location .roughmap_maker_label .roughmap_lebel_text:after {
    content: "금천구의회";
    display: inline-block;
    line-height: 30px;
    font-size: 20px;
    font-weight: 900;
    font-family: "Noto Sans KR";
}

#sub_location .addr {
    position: absolute;
    right: 0;
    top: 615px;
    z-index: 99;
    overflow: hidden;
    width: 603px;
    padding: 20px 0 13px 40px;
    border-radius: 30px 0 0 0;
    color: #fff;
    background-image: -moz-linear-gradient(0deg, rgb(39, 156, 139) 0%, rgb(93, 182, 124) 66%, rgb(147, 208, 108) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(39, 156, 139) 0%, rgb(93, 182, 124) 66%, rgb(147, 208, 108) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(39, 156, 139) 0%, rgb(93, 182, 124) 66%, rgb(147, 208, 108) 100%);
    box-sizing: border-box;
}

#sub_location .addr {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

#sub_location .addr li {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
}

#sub_location .txt_wrap {
    padding: 0 0 38px 0px;
}

#sub_location .table_wrap {
    margin: 0;
}

#sub_location .line_box {
    padding: 55px;
}

#sub_location .pc_none {
    display: none;
}

@media screen and (max-width : 1024px) {
    #sub_location .addr {
        top: 430px;
    }
}

@media all and (max-width:768px) {
    #sub_location .root_daum_roughmap {
        margin: 0;
    }

    #sub_location .root_daum_roughmap {
        height: 350px !important;
    }

    #sub_location .addr {
        padding: 22px 2% 25px 3%;
        position: initial;
        margin-left: auto;
        width: 100%;
        border-radius: 0 0 10px 10px;
        margin-bottom: 50px;
    }

    #sub_location .line_box {
        padding: 32px;
    }

    #sub_location .pc_none {
        display: block;
    }

}

@media all and (max-width:568px) {
    #sub_location .root_daum_roughmap {
        height: 270px !important;
    }

    #sub_location .roughmap_maker_label .roughmap_lebel_text:after {
        font-size: 19px;
    }

    #sub_location .addr li i {
        width: 30px;
        height: 30px;
    }

    #sub_location .chec>li {
        line-height: 1.35;
        margin-bottom: 10px;
    }

}

@media all and (max-width:380px) {
    #sub_location .root_daum_roughmap {
        height: 250px !important;
    }

    #sub_location .roughmap_maker_label .roughmap_lebel_text:after {
        font-size: 18px;
    }
}

/* 의원윤리강령 */

#seatingchart {
    position: relative;
    background-color: #f4f9f1;
    padding-block: 95px;
    padding-inline: 50px;
}

#seatingchart .mark {
    position: absolute;
    left: 50%;
    top: -56px;
    transform: translateX(-50%);
    box-shadow: 0 0 10px rgba(46, 159, 136, 0.3);
    background-color: transparent;
    padding: 0;
    border-radius: 10px;
}

#seatingchart .nanumsomi {
    font-family: 'NanumSomice';
}

#seatingchart .txtBox {
    text-align: center;
    margin-bottom: 45px;
}

#seatingchart .txtBox .nanumsomi {
    font-size: 40px;
    color: #333;
}

#seatingchart .txtBox h5 {
    font-size: 23px;
    color: #333;
    font-weight: 300;
}

#seatingchart .txtBox p {
    color: #333;
}

#seatingchart li {
    padding-block: 28px;
    background-color: #fff;
    width: 100%;
    margin-bottom: 22px;
    box-shadow: 0 0 10px rgba(46, 159, 136, 0.1);
    padding-inline: 53px 10px;
}

#seatingchart .checOrange>li:before {
    top: 40px;
    left: 23px;
    transform: translateY(-50%);
}

#seatingchart .sign {
    margin-top: 38px;
    text-align: center;
    font-size: 35px;
    color: #333;
}

@media screen and (max-width: 1024px) {
    #seatingchart {
        padding-block: 140px 95px;
    }

    #seatingchart .mark {
        top: 0;
        margin-top: 1rem;
    }
}

@media screen and (max-width: 568px) {
    #seatingchart {
        padding-inline: 20px;
    }

    #seatingchart .mark {
        margin-top: 2rem;
        width: 85px;
    }

    #seatingchart .txtBox .nanumsomi {
        line-height: .8;
        font-size: 31px
    }

    #seatingchart .txtBox h5 {
        font-size: 17px;
        word-break: keep-all;
    }

    #seatingchart li {
        padding-inline: 50px 20px;
        word-break: keep-all;
    }

    #seatingchart .checOrange>li:before {
        left: 20px;
    }

}

/* 의원윤리강령  e*/


/* 의원소개 */
#sub_active {
    width: 100%;
}

#profile_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

#profile_wrap .normal_list img,
#sub_memberlist .normal_list img {
    max-width: 119px;
}

.profile_wrap {
    float: left;
    width: 47.8%;
}

.profile_wrap+.profile_wrap {
    float: right;
}

.profile_wrap .profile {
    width: 100%;
}

.profile {
    float: none;
    width: 49%;
    margin: 0 0 34px 0;
    padding: 25px 0 0 0;
    color: #333;
    border-radius: 10px;
    border: 1px solid rgba(41, 46, 68, 0.15);
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.profile:hover {
    border-color: rgba(41, 46, 68, 0.5);
}

.profile.none {
    float: right;
}

.profile dl {
    position: relative;
    float: left;
    width: 100%;
    min-height: 265px;
    padding: 0px 10px 16px 36.9%;
    box-sizing: border-box;
}

.profile dt {
    position: absolute;
    top: 0;
    left: 5.7%;
    width: 130px;
}

.profile dt img {
    width: 100%;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
}

.profile dd {
    float: left;
    width: 100%;
}

.profile .name {
    overflow: hidden;
    width: 100%;
    padding: 3px 0 20px 0;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 10px;
}

.profile .name strong {
    float: left;
    display: block;
    line-height: 30px;
    font-size: 27px;
    font-weight: 700;
    color: #111;
    letter-spacing: -2px;
}

.profile dd ul {
    clear: both;
    width: 100%;
}

.profile dd li {
    position: relative;
    padding: 0 0 3px 15px;
    box-sizing: border-box;
    display: flex;
    line-height: 1;
    flex-wrap: wrap;
}

.profile dd li * {
    display: inline-block;
    vertical-align: top;
}

.profile dd li:before {
    left: 3px;
    top: 7px;
    width: 5px;
    height: 5px;
    background: #41578a;
}

.profile dd li em {
    position: initial;
    top: 0;
    left: 14px;
    flex: 28%;
    letter-spacing: 1.5px;
}

.profile dd li:first-child em {
    flex: 28%;
    letter-spacing: 14px;
    position: initial;
}

.profile dd li .lt14 {
    letter-spacing: 14px;
}

.profile dd li .lt2{
    letter-spacing: 2px;
}

.profile dd li:nth-child(3) .lt2{
    letter-spacing: 0.5px;
}

.profile dd li span {
    width: 100%;
    word-break: break-all;
    flex: 65%;
    line-height: 1.3;
}

.profile dd li .colon {
    width: auto;
    flex: 1%;
}

.profile dd li span:nth-of-type(n+3) {
    width: auto;
    flex: initial;
    margin-left: 32.8%;
}

/* position:absolute; top:0; left:79px; width:auto; */
.profile .btns {
    clear: both;
    overflow: hidden;
    width: 100%;
    min-height: 0;
    padding: 0;
}

.profile .btns a {
    position: relative;
    float: left;
    width: 50%;
    height: 60px;
    line-height: 60px;
    font-weight: 500;
    border-top: 1px solid rgba(41, 46, 68, 0.1);
    border-right: 1px solid rgba(41, 46, 68, 0.15);
    color: #292e45;
    border-radius: 0 0 0 10px;
    background: #f7f7f7;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
}

.profile .btns a.end {
    width: 50%;
    margin: 0 0 0 -1px;
    border-right: none;
    border-left: 1px solid rgba(41, 46, 68, 0.15);
    border-radius: 0 0 10px 0;
}

/* calc(50% + 1px) */
.profile .btns a.end:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: -3px 0 0 6px;
    background: url(../../images/kr/member/ico_open.png) no-repeat 0 100%;
}

.profile .btns a:hover {
    z-index: 1;
    background-color: #fff;
    border-color: rgba(41, 46, 68, 0.5);
}


.profile .sns {
    float: left;
    padding: 0 !important;
}

.profile .sns a {
    float: left;
    width: 28px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    background: #2b91cd url(../../images/common/ico_sns.png) no-repeat -26px 7px;
}

.profile .sns .fb {
    background-color: #395599;
    background-position: 9px 6px;
}

.profile .sns .bl {
    background-color: #03c157;
    background-position: -66px 6px;
}

.profile .sns .kko {
    background-color: #f4c500;
    background-position: -141px 6px;
}

.profile .sns .insta {
    background-color: #c536a4;
    background-position: -105px 6px;
}

.profile .sns .yt{
    background-color: #ec1d1d;
    background-position: -185px 7px;
}

.profile .sns .off {
    background-color: #b5b5b5;
    background-position: 100px;
}

.profile .sns .off:nth-child(even) {
    background-color: #c9c9c9;
}

#sub_memberlist .profile .btns a:first-child {
    width: 100%;
    border-right: none;
    border-radius: 0 0 10px 10px;
}

@media all and (max-width:1340px) {
    .profile dd li span:nth-of-type(n+3){
        margin-left: 31.8%;
    }

    .profile dd li .lt14 {
        letter-spacing: 12px;
    }
}

@media all and (max-width:1260px) {
    .profile_wrap {
        width: 100%;
    }

    .profile {
        width: 100%;
    }

    .profile dl {
        min-height: 240px;
        padding: 0 0 27px 200px;
    }

    .profile dt {
        left: 4.5%;
        width: 35%;
        max-width: 140px;
    }

    .profile .name strong {
        line-height: 32px;
        font-size: 23px;
    }

    .profile .sns {
        padding: 0 0 0 10px;
    }
}

@media all and (max-width:1090px) {
    .profile dl {
        min-height: 240px;
        padding: 0 0 27px 170px;
    }

    .profile dt {
        left: 4.5%;
        width: 35%;
        max-width: 155px;
    }

    .profile dt img {
        width: 87%;
        max-width: 119px;
        height: auto;
    }

    .profile .name {
        padding: 0 0 15px;
    }

    .profile .name strong {
        font-size: 25px;
    }

    .profile dd li {
        padding-bottom: 7px;
    }
}

@media all and (max-width:830px) {
    .profile_wrap {
        overflow: hidden;
        width: 100%;
    }

    .profile {
        overflow: hidden;
        width: 100%;
        height: auto;
        padding: 20px 0 0 0;
    }

    .profile dl {
        min-height: 170px;
        padding: 0 0 27px 170px;
    }

    .profile dt {
        left: 3.5%;
    }

    .profile .btns {
        margin: 1em 0 0 0;
    }
}

@media all and (max-width:568px) {
    #profile_wrap {
        width: 100%;
        flex-direction: column;
        align-items: start;
    }

    .profile dl {
        display: flex;
        flex-direction: column;
        padding: 0 20px 20px 20px !important;
    }

    .profile dt {
        position: relative !important;
        left: 0;
    }
    
    .profile dt img {
        width: 100%;
    }

    .profile .name {
        padding: 10px 0 12px;
        flex-direction: row;
        align-items: center;
    }

    .profile .name strong {
        font-size: 21px;
    }

    .profile dd li {
        padding: 0 0 5px 29px;
    }

    .profile dd li .colon {
        left: 77px;
    }

    .profile dd li:first-child em {
        flex: 30%;
    }

    .profile dd li em {
        flex: 30%;
    }

    .profile dd li span:nth-of-type(n+3){
        margin-left: 33.8%;
    }

    .profile .btns a {
        height: 47px;
        line-height: 47px;
    }
}

@media all and (max-width:380px) {

    /* .profile dd li:first-child em{letter-spacing:12px;} */
    .profile dd li:before {
        top: 5px;
    }

    .profile dd li .colon {
        left: 75px;
    }

    #sub_district h4~h4,
    #sub_memberlist h4~h4,
    #sub_board h4~h4 {
        float: left;
        margin-top: 20px;
    }
}

@media all and (max-width:357px) {
    .profile dl {
        min-height: 0;
    }

    .profile .name strong {
        font-size: 20px;
    }

    .profile .sns {
        padding: 0 0 0 5px;
    }

    .profile dd li {
        flex-direction: column;
    }

    .profile dd li:first-child em {
        flex: initial;
        width: 100%;
    }

    .profile dd li .colon {
        display: none;
    }

    .profile dd li span {
        flex: initial;
        width: 100%;
    }

    .profile dd li span:nth-of-type(n+3){
        margin-left: 0;
    }

}

@media screen and (max-width : 368px) {
    #sub_memberlist .tabmenu2>li {
        width: 100%;
    }

    #sub_memberlist .tabmenu2>li a {
        font-size: 15px;
    }
}

/* 선거구 */
#sub_district .district {
    position: relative;
    width: 100%;
    margin: 0 0 40px 0;
    padding: 10px;
    border-radius: 10px;
    background: url(../../images/kr/main/bg_pattern.png) repeat;
    box-sizing: border-box;
}

#sub_district .district .inner {
    position: relative;
    width: 100%;
    min-height: 490px;
    padding: 48px 20px 40px 66.95%;
    border-radius: 5px;
    background: #fff;
}

#sub_district .map {
    position: absolute;
    left: 71px;
    top: 43px;
    width: 54%;
}

#sub_district .map img {
    max-width: 100%;
}

#sub_district .map img:not(:first-child) {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

#sub_district .map_info {
    position: absolute;
    bottom: 65px;
    left: 90px;
    line-height: 160%;
    font-size: 14px;
    color: #333;
}

#sub_district .info li {
    position: relative;
    line-height: 130%;
    margin: 0;
    padding: 0 0 10px 76px;
    font-size: 14px;
    color: #868585;
    word-break: keep-all;
}

#sub_district .info li:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
}

#sub_district .info li.on {
    color: #416bb2;
}

#sub_district .info li.on:before {
    background-color: #416bb2;
}

#sub_district .info li.on a {
    color: #416bb2;
}

#sub_district .info li strong {
    position: absolute;
    left: 13px;
    top: 0;
    font-weight: 300;
}

@media all and (max-width:1430px) {
    #sub_district .district .inner {
        padding: 48px 15px 40px 64%;
    }

    #sub_district .map {
        left: 45px;
    }
}

@media all and (max-width:768px) {
    #sub_district .district .inner {
        min-height: 0;
        padding: 30px 4%;
    }

    #sub_district .map {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0 0 25px;
        text-align: center;
    }

    #sub_district .map_info {
        position: static;
        padding: 0 0 15px 5%;
    }

    #sub_district .map_info br {
        display: none;
    }

    #sub_district .info {
        padding: 0 0 0 5%;
    }
}

@media all and (max-width:568px) {
    #sub_district .district .inner {
        padding: 25px 5px 30px;
    }
}

/* 역대의원 의안검색 */
.form_sc {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 30px 0 30px 50px;
    background: #eef2f6;
    box-sizing: border-box;
}

.form_sc+.taR {
    padding: 8px 0 35px 0;
    font-size: 95%;
}

.form_sc div {
    position: relative;
    float: left;
    width: 59%;
    padding: 0 0 0 130px;
    box-sizing: border-box;
}

.form_sc label {
    position: absolute;
    left: 55px;
    top: 0;
    display: block;
    width: 60px;
    line-height: 42px;
    font-weight: 700;
    color: #003964;
    text-align: right;
}

.form_sc .sel {
    width: 30%;
}

.form_sc select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance: none;
    background: #fff url(../../images/common/ico_assem.png) no-repeat right 14px top 50%;
}

.form_sc select::-ms-expand {
    display: none;
}

.form_sc select,
.form_sc input[type="text"] {
    width: 100%;
    height: 42px;
    line-height: 42px;
    padding: 0 0 0 12px;
    border: none;
}

.form_sc input[type="text"] {
    padding-right: 42px;
    background: #fff;
}

.form_sc .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 42px;
    width: 44px;
    line-height: 42px;
    min-width: 0;
    padding: 0;
    font-size: 0;
    text-indent: -999px;
    border: none;
    border-radius: 0;
    background: #33589c;
}

.form_sc .btn:before,
.form_sc .btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 14px;
    width: 15px;
    height: 15px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.form_sc .btn:after {
    left: 24px;
    top: 25px;
    width: 8px;
    height: 2px;
    border: none;
    border-radius: 2px;
    transform: rotate(45deg);
    background: #fff;
}

.form_sc .btn:hover {
    background-color: #004e96;
}

.form_sc .intxt {
    padding-right: 50px;
}

@media all and (max-width:1024px) {
    .form_sc {
        padding-left: 35px;
    }

    .form_sc+.taR {
        font-size: 15px;
    }
}

@media all and (max-width:768px) {
    .form_sc div {
        padding: 0 0 0 100px;
    }

    .form_sc .sel {
        width: 34%;
        padding: 0 0 0 90px;
    }

    .form_sc label {
        left: 25px;
    }

    .form_sc .sel label {
        left: 20px;
    }
}

@media all and (max-width:568px) {
    .form_sc {
        padding: 25px 0 27px 10px;
    }

    .form_sc div {
        padding: 0 0 0 65px;
    }

    .form_sc label {
        left: 10px;
        width: 50px;
        font-size: 17px;
    }

    .form_sc .sel {
        width: 35%;
        padding: 0 0 0 55px;
    }

    .form_sc .sel label {
        left: 0;
    }

    .form_sc select,
    .form_sc input[type="text"] {
        padding: 0 0 0 10px;
    }

    .form_sc input[type="text"] {
        padding-right: 45px;
    }

    .form_sc+.taR {
        font-size: 14px;
    }
}

@media all and (max-width:380px) {
    .form_sc {
        padding: 22px 0 24px 10px;
    }

    .form_sc div {
        padding: 0 0 0 55px;
    }

    .form_sc label {
        left: 0;
        width: 50px;
        font-size: 16px;
        line-height: 40px;
    }

    .form_sc .sel {
        padding: 0 0 0 45px;
    }

    .form_sc .sel label {
        left: -10px;
    }

    .form_sc .sel:after {
        right: 12px;
    }

    .form_sc+.taR {
        font-size: 13px;
    }
}

/* 의원윤리강령 */
#sub_ethics .box {
    position: relative;
    padding: 62px 0 0 0;
    word-break: keep-all;
}

#sub_ethics .box:before {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 107px;
    height: 107px;
    transform: translateX(-50%);
    background: url(../../images/kr/member/bg_ethics1.jpg) no-repeat;
}

#sub_ethics .inner {
    width: 100%;
    padding: 107px 73px 79px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff url(../../images/kr/member/bg_ethics2.jpg) no-repeat 50% 91px;
}

#sub_ethics .tit {
    display: block;
    line-height: 110%;
    font-size: 35px;
    font-weight: 600;
    color: #0c2c50;
    text-align: center;
}

#sub_ethics .info {
    padding: 60px 0 51px;
    line-height: 175%;
    color: #555;
}

#sub_ethics .box_gray {
    padding: 55px 10% 54px 63px;
    border-radius: 10px;
    background: #f5f5f5;
}

#sub_ethics .box_gray li {
    display: table;
    position: relative;
    padding: 0 0 0 61px;
}

#sub_ethics .box_gray li+li {
    margin-top: 25px;
}

#sub_ethics .box_gray strong {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    background: #35929d;
    text-align: center;
}

#sub_ethics .box_gray li:nth-child(even) strong {
    background: #437bb9;
}

#sub_ethics .box_gray span {
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

@media all and (max-width:1024px) {
    #sub_ethics .box {
        padding: 45px 0 0 0;
    }

    #sub_ethics .box:before {
        width: 90px;
        height: 90px;
        background-size: contain;
    }

    #sub_ethics .inner {
        padding: 90px 67px 70px;
    }

    #sub_ethics .tit {
        font-size: 30px;
        letter-spacing: -2px;
    }

    #sub_ethics .info {
        padding: 45px 1% 45px 3%;
    }

    #sub_ethics .box_gray {
        padding: 45px 5% 45px 45px;
    }
}

@media all and (max-width:768px) {
    #sub_ethics .box {
        padding: 40px 0 0 0;
    }

    #sub_ethics .box:before {
        width: 80px;
        height: 80px;
    }

    #sub_ethics .inner {
        padding: 80px 5% 40px;
        background-size: 340px;
        background-position: 50% 100px;
    }

    #sub_ethics .tit {
        font-size: 28px;
    }

    #sub_ethics .info {
        padding: 40px 1% 40px 3%;
    }

    #sub_ethics .box_gray {
        padding: 40px 5% 40px 40px;
    }
}

@media all and (max-width:568px) {
    #sub_ethics .box {
        padding: 30px 0 0 0;
    }

    #sub_ethics .box:before {
        width: 60px;
        height: 60px;
    }

    #sub_ethics .inner {
        padding: 61px 5% 27px;
        background-size: 250px;
    }

    #sub_ethics .tit {
        font-size: 23px;
    }

    #sub_ethics .info {
        padding: 30px 1% 30px 3%;
    }

    #sub_ethics .box_gray {
        padding: 30px 4% 30px 20px;
    }

    #sub_ethics .box_gray li {
        padding: 0 0 0 51px;
    }

    #sub_ethics .box_gray strong {
        width: 41px;
        height: 41px;
        line-height: 41px;
        font-size: 14px;
    }

    #sub_ethics .box_gray span {
        height: 41px;
    }
}

@media all and (max-width:380px) {
    #sub_ethics .tit {
        font-size: 22px;
    }

    #sub_ethics .info {
        padding: 28px 1% 28px 3%;
    }

    #sub_ethics .inner {
        background-size: 220px;
    }
}

/* 의회용어사전 */
#sub_voca a {
    color: #222;
}

#sub_voca .indexArea {
    float: left;
    width: 100%;
    padding: 40px 60px 35px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 7px;
    margin-bottom: 3rem;
}

#sub_voca .index_word,
#sub_voca .indexArea form {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0 0 1em 110px;
    border-bottom: 1px dashed #ccc;
    box-sizing: border-box;
}

#sub_voca .search_result {
    padding-left: 0 !important;
}

#sub_voca .indexArea form * {
    float: left;
}

#sub_voca .indexArea fieldset {
    width: 100%;
}

#sub_voca .indexArea #word {
    width: 100%;
    padding: 0 150px 0 20px;
    font-weight: 800;
    color: #111;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    background: #fff;
}

#sub_voca .indexArea button[type="submit"] {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 42px;
    padding: 0 0 0 20px;
    font-weight: 400;
    color: #fff;
    border-radius: 0 3px 3px 0;
    box-sizing: border-box;
    background: #33589c;
}

#sub_voca .indexArea button:before,
#sub_voca .indexArea button:after {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 25px;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

#sub_voca .indexArea button:after {
    left: 37px;
    top: 26px;
    width: 8px;
    height: 2px;
    border: none;
    border-radius: 2px;
    transform: rotate(45deg);
    background: #fff;
}

#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt {
    position: absolute;
    top: 12px;
    left: 0;
    font-weight: 600;
    color: #222;
    font-size: 19px;
}

#sub_voca .index_word ul {
    width: 100%;
}

#sub_voca .index_word li {
    display: inline-block;
    vertical-align: top;
    margin: 0 1px 5px 0;
    text-align: center;
}

#sub_voca .index_word li a {
    display: block;
    width: 42px;
    height: 42px;
    line-height: 40px;
    font-size: 24px;
    font-weight: 800;
    text-decoration: none;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #fff;
}

#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover {
    color: #fff;
    border-color: #f05952;
    background: #f05952;
}

#sub_voca .search_result ul {
    overflow: hidden;
    width: 100%;
}

#sub_voca .search_result li {
    float: left;
    width: 20%;
    margin: 0;
    padding: 0 0 10px 10px;
    letter-spacing: -1px;
    box-sizing: border-box;
    word-break: break-all;
}

#sub_voca .none,
#sub_voca .word_defined {
    width: 100%;
}

#sub_voca #pagingNav {
    margin: 40px 0 0 0;
}

@media all and (max-width:1000px) {
    #sub_voca .indexArea {
        padding: 35px 50px 30px;
        margin: 0 0 30px;
    }

    #sub_voca .index_word li a {
        width: 45px;
        height: 45px;
        line-height: 43px;
    }

    #sub_voca .search_result ul {
        padding: 0 0 0 2%;
        box-sizing: border-box;
    }
}

@media all and (max-width:768px) {
    #sub_voca .indexArea {
        padding: 30px;
        margin: 0 0 25px;
    }

    #sub_voca .indexArea #word {
        padding-right: 110px;
    }

    #sub_voca .indexArea form label,
    #sub_voca .index_word .titTxt {
        font-size: 18px;
    }

    #sub_voca .indexArea button[type="submit"] {
        height: 42px;
        width: 100px;
    }

    #sub_voca .indexArea button:before {
        left: 20px;
    }

    #sub_voca .indexArea button:after {
        left: 32px;
    }

    #sub_voca .index_word,
    #sub_voca .indexArea form {
        padding: 0 0 12px 100px;
        margin-bottom: 12px;
    }

    #sub_voca .index_word li {
        margin: 0 1px 3px 0;
    }

    #sub_voca .index_word li a {
        height: 40px;
        width: 40px;
        line-height: 38px;
        font-size: 21px;
    }
}

@media all and (max-width:660px) {
    #sub_voca .search_result li {
        width: 25%;
    }
}

@media all and (max-width:568px) {
    #sub_voca .indexArea {
        padding: 23px;
        margin: 0 0 20px;
    }

    #sub_voca .index_word,
    #sub_voca .indexArea form {
        padding-left: 0;
    }

    #sub_voca .indexArea form label,
    #sub_voca .index_word .titTxt {
        position: static;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }

    #sub_voca .indexArea button[type="submit"] {
        top: auto;
        bottom: 12px;
        height: 38px;
        width: 85px;
    }

    #sub_voca .indexArea button:before {
        left: 15px;
        width: 15px;
        height: 15px;
    }

    #sub_voca .indexArea button:after {
        left: 26px;
        top: 24px;
    }

    #sub_voca .index_word li a {
        height: 35px;
        width: 35px;
        line-height: 33px;
        font-size: 20px;
    }

    #sub_voca .search_result li {
        width: 33.33%;
    }

    #sub_voca .indexArea #word {
        height: 37px;
        line-height: 37px;
        padding-right: 95px;
    }

    #sub_voca #pagingNav {
        margin: 25px 0 0 0;
    }
}

@media all and (max-width:380px) {
    #sub_voca .indexArea {
        padding: 20px;
        margin: 0 0 17px;
    }

    #sub_voca .indexArea form label,
    #sub_voca .index_word .titTxt {
        font-size: 17px;
    }

    #sub_voca .index_word li a {
        height: 32px;
        width: 32px;
        line-height: 30px;
        font-size: 19px;
    }

    #sub_voca .search_result li {
        width: 50%;
    }

    #sub_voca #pagingNav {
        margin: 20px 0 0 0;
    }
}

/* 통합검색*/
#sub_search .search {
    width: 100%;
    min-height: 0;
    padding: 60px 0;
}

#sub_search .search * {
    display: inline-block;
    vertical-align: top;
}

#sub_search .search form,
#sub_search .search fieldset {
    width: 100%;
    text-align: center;
}

#sub_search .search label {
    margin: 0 1em 0 0;
    line-height: 39px;
    font-size: 115%;
    font-weight: 700;
}

#sub_search .search #word {
    width: 30%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
}

#sub_search .search button {
    width: 60px;
    height: 40px;
    background: #33589c;
    color: #fff;
    font-weight: 400;
}

#sub_search .result h4 {
    margin: 0 0 15px 0;
    font-size: 120%;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    background-position: 0 4px;
}

#sub_search .result>.dot {
    margin: 0 0 0 10px;
}

#sub_search .result>.dot>li {
    padding: 0 0 0 12px;
    margin: 0 0 7px;
    font-weight: 600;
}

#sub_search .result>.dot>li ul {
    font-weight: 400;
}

#sub_search .result>.dot>li:before {
    top: 8px;
    width: 5px;
    height: 5px;
    background: #33589c;
}

@media all and (max-width:768px) {
    #sub_search .search {
        padding: 50px 0;
        margin: 0 0 25px;
    }

    #sub_search .search fieldset {
        text-align: center;
    }

    #sub_search .search #word {
        width: 30%;
    }

    #sub_search .search button {
        width: 65px;
        font-size: 16px;
    }

    #sub_search .result>.dot>li:before {
        top: 7px;
    }
}

@media all and (max-width:568px) {
    #sub_search .search {
        padding: 45px 0;
    }
}

@media all and (max-width:380px) {
    #sub_search .search {
        padding: 40px 0;
    }
}

/* 배너모음 */
#sub_banner ul {
    overflow: hidden;
    width: 100%;
}

#sub_banner ul li {
    float: left;
    width: 25%;
    padding: 3px 5px 4px;
    box-sizing: border-box;
}

#sub_banner ul li a {
    display: block;
    height: 70px;
    padding: 10px 0 0 0;
    vertical-align: middle;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
}

#sub_banner ul li img {
    max-width: 100%;
}

#sub_banner ul li.none {
    font-weight: bold;
    width: 100%;
}

@media all and (max-width:768px) {
    #sub_banner ul li {
        width: 33.33%;
    }
}

@media all and (max-width:568px) {
    #sub_banner ul li {
        width: 50%;
    }
}

/* 대관문의 */

.quick {
    display: inline-flex;
    background-color: #2e9f88;
    border-radius: 25px;
    padding-inline: 60px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.3s;
}

.quick:hover {
    background-color: #93d06c;
    transition: 0.3s;
}

.contact {
    display: flex;
    gap: 10px;
    width: calc(100% - 10px);
    align-items: center;
    justify-content: center;
    padding-block: 37px;
    border: 5px solid #f1f1f1;
    color: #333;
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
    #sub_rental .line_box {
        padding-block: 32px;
    }
}

@media screen and (max-width: 568px) {
    .quick {
        padding-inline: 30px;
        height: 45px;
    }

    .contact {
        width: calc(100% - 50px);
        padding-inline: 20px;
    }
}

/* 대관문의 e */

/* 방청참관 안내 */
#sub_tour .tourProc {
    width: calc(100% - 50px);
    padding-inline: 20px;
    padding-block: 40px;
    border: 5px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

#sub_tour .tourProc li {
    background: linear-gradient(43deg, rgb(48, 162, 149) 0%, rgb(98, 185, 129) 57%, rgb(147, 208, 108) 100%);
    color: #fff;
    font-weight: 500;
    width: 198px;
    height: 59px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    position: relative;
}

#sub_tour .tourProc li:before {
    width: 16px;
    height: 26px;
    background: url(../../images/kr/sub/ico_tourArrow.png) center no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
}

#sub_tour .tourProc li:last-child:before {
    display: none;
}

@media screen and (max-width : 768px) {
    #sub_tour .line_box {
        padding: 32px;
    }

    #sub_tour .tourProc {
        flex-wrap: wrap;
    }

    #sub_tour .tourProc li {
        flex: 100%;
    }

    #sub_tour .tourProc li:before {
        transform: rotate(90deg);
        right: initial;
        left: 50%;
        top: 73px;
    }
}

/* 방청참관 안내 e*/

/* 의회에바란다 */
#sub_hope .orangef {
    font-size: 17px;
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
    #sub_hope p br {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #sub_hope .line_box {
        padding: 32px;
    }
}

@media screen and (max-width: 568px) {
    #sub_hope .line_box h5 br {
        display: none;
    }
}

/* 의회에 바란다 e*/

/* 주민 조례 청구 */
#sub_jumin .claimProcess {
    padding-block: 58px 76px;
    padding-inline: 30px;
    width: calc(100% - 60px);
    background-color: #f1f6ed;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 53px 34px;
}

#sub_jumin .claimProcess>li {
    background-color: #fff;
    height: 190px;
    padding-block: 0 30px;
    padding-inline: 20px;
    position: relative;
    border-radius: 10px;
}

#sub_jumin .claimProcess>li::before {
    width: 15px;
    height: 26px;
    background: url(../../images/kr/sub/ico_juminArrow.png) center / cover no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
}

#sub_jumin .claimProcess>li:last-child {
    filter: drop-shadow(0px 0px 6px rgba(59, 82, 177, 0.1));
}

#sub_jumin .claimProcess>li:last-child::before {
    display: none;
}

#sub_jumin .claimProcess em {
    width: 40px;
    height: 40px;
    background: url(../../images/kr/sub/num_darkG.png) center / cover no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: -20px;
    left: 20px;
}

#sub_jumin .claimProcess li:last-child em {
    background: url(../../images/kr/sub/num_cyan.png) center / cover no-repeat;
}

#sub_jumin .claimProcess .tit {
    color: #144f46;
    width: 100%;
    min-height: 57px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding-top: 18px;
}

#sub_jumin .claimProcess .dash {
    font-size: 15px;
    color: #333;
}

#sub_jumin .downWrap {
    width: 494px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#sub_jumin .downWrap a {
    display: block;
    width: calc(100% - 60px);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 30px;
    background-color: #2e9f88;
    border-radius: 5px;
    transition: 0.3s;
    border: 1px solid transparent;
    color: #fff;
}

#sub_jumin .downWrap a img {
    transition: 0.3s;
}

#sub_jumin .downWrap a:hover {
    background-color: #f1f6edd2;
    color: #2e9f88;
    font-weight: 500;
    border: 1px solid #2e9f88;
}

#sub_jumin .downWrap a:hover img {
    transition: 0.3s;
    filter: invert(0.5) brightness(0.5);
}

#sub_jumin .linkWrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#sub_jumin .linkWrap a {
    width: 297px;
    height: 50px;
    padding-inline: 30px;
    background-color: #3a72b1;
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    border-radius: 10px;
    transition: 0.3s;
    border: 1px solid transparent;
}

#sub_jumin .linkWrap a:hover {
    color: #3a72b1;
    border: 1px solid #3a72b1;
    background-color: #e2eefcc5;
    font-weight: 500;
}

@media screen and (max-width : 768px) {
    #sub_jumin .line_box {
        padding: 32px;
    }
}

@media screen and (max-width : 568px) {
    #sub_jumin .line_box {
        padding: 32px;
    }

    #sub_jumin .claimProcess {
        column-gap: 50px;
    }

    #sub_jumin .claimProcess>li {
        height: 150px;
    }

    #sub_jumin .claimProcess>li::before {
        right: 43%;
        top: inherit;
        transform: translateX(-50%) rotate(90deg);
        bottom: -37px;
    }

    #sub_jumin .downWrap {
        width: calc(100% - 20px);
    }

    #sub_jumin .downWrap a {
        height: 60px;
        font-size: 16px;
    }

    #sub_jumin .downWrap a p {
        width: 80%;
    }

    #sub_jumin .linkWrap a {
        width: calc(100% - 80px);
        height: 60px;
    }
}

/* 주민 조례 청구 e */

/* 청원안내 */
@media screen and (max-width:768px) {
    #sub_petition .line_box {
        padding: 32px;
    }
}

@media screen and (max-width : 768px) {
    .line_box2 {
        padding: 32px;
    }
}

/* 청원안내 e */

/* 청원안내 */

/* 청원처리절차 */
#sub_complain .proc em {
    height: fit-content;
    color: #333;
    background-color: #fff;
    border: 3px solid #33a79a;
    border-radius: 0;
    width: 41%;
    text-align: left;
    padding-left: 22px;
    line-height: 20px;
    padding-block: 20px;
    margin-bottom: 50px;
    position: relative;
    background-image: none;
}

#sub_complain .proc em:before {
    width: 33px;
    height: 20px;
    background: url(../../images/kr/sub/ico_arrowGreen.png) center no-repeat;
    background-size: cover;
    display: inline-block;
    content: '';
    position: absolute;
    left: 45%;
    bottom: -37px;
}

#sub_complain .proc li:last-child em:before {
    display: none;
}

#sub_complain .dash {
    display: block;
    line-height: 1.35;
    padding-left: 30px;
    padding-top: 4px;
}

#sub_complain .dash li {
    font-size: 14px;
}

#sub_complain .proc div {
    background-color: #fff;
    border: 3px solid #ddd;
    border-radius: 0;
    margin: 0 0 9px 9%;
    text-align: center;
}

#sub_complain .proc div:before {
    width: 40px;
    height: 34px;
    background: url(../../images/kr/sub/ico_arrowOrange.png) center no-repeat;
    background-size: cover;
    left: 44%;
    top: 13px;
}

#sub_complain .proc li:nth-child(3) div:before,
#sub_complain .proc li:nth-child(4) div:before,
#sub_complain .proc li:nth-child(5) div:before {
    display: none;
}

#sub_complain .proc div:after {
    width: 41px;
    height: 33px;
    content: '';
    display: inline-block;
    background: url(../../images/kr/sub/ico_arrowCyan.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 70%;
    bottom: 10px;
    transform: rotate(-90deg);
}

#sub_complain .proc li:nth-child(4) div:after,
#sub_complain .proc li:nth-child(6) div:after {
    display: none;
}

#sub_complain .num {
    font-size: 20px;
    font-weight: 500;
}

#sub_complain .proc li:nth-child(8) {
    margin-top: -60px;
}

#sub_complain .proc>ul:not(.red)>li:after {
    display: none;
}

@media screen and (max-width: 1024px) {
    #sub_complain .line_box {
        padding: 50px 32px;
    }

    #sub_complain .box_patt .proc {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    #sub_complain .proc div:before {
        width: 32px;
        height: 25px;
        left: 43%;
        top: 18px;
    }

    #sub_complain .proc .medi {
        font-size: 14px;
    }

    #sub_complain .proc .medi br {
        display: none;
    }
}

@media screen and (max-width: 568px) {
    #sub_complain .proc em {
        width: 100%;
        text-align: center;
        padding-inline: 20px;
    }

    #sub_complain .proc div {
        margin: 0;
        margin-bottom: 32px;
    }

    #sub_complain .proc div:after {
        display: none;
    }
}

/* 청원처리절차 e*/

/*사이트맵*/
#sub_sitemap .site {
    overflow: hidden;
    width: 100%;
    padding: 52px 0 14px 0;
}

#sub_sitemap .site:nth-child(odd) {
    background: #f7f7f7;
}

#sub_sitemap .site h4 {
    float: left;
    width: 22%;
    padding: 0 0 0 48px;
    font-size: 30px;
    box-sizing: border-box;
    background: none;
}

#sub_sitemap .site h4 a {
    display: inline-block;
    padding: 15px 0;
    color: #33589c;
    border-top: 2px solid #33589c;
    text-decoration: none
}

#sub_sitemap .site>ul {
    float: left;
    width: 78%;
    padding: 0 1.5% 0 0;
    box-sizing: border-box;
}

#sub_sitemap .site>ul>li {
    float: left;
    width: 33.33%;
    padding: 0 3.3% 38px;
    box-sizing: border-box;
}

#sub_sitemap .site>ul>li>a {
    display: block;
    height: 46px;
    line-height: 45px;
    padding: 0 0 0 16px;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    border: 1px solid #555;
    text-align: left;
    transition: 0.25s ease-in-out;
}

#sub_sitemap .site>ul>li>a:hover {
    color: #fff;
    box-shadow: inset 250px 0 #6285c6;
    border-color: #6285c6;
}

#sub_sitemap .site>ul>li>ul {
    padding: 12px 0 0 13px;
    font-weight: 400;
}

#sub_sitemap .site>ul>li>ul li+li {
    margin: 5px 0 0 0;
}

#sub_sitemap .site>ul>li>ul li:before {
    top: 10px;
}

#sub_sitemap .site ul ul a {
    display: block;
}

#sub_sitemap .site ul ul a[target="_blank"]:after {
    content: '';
    display: block;
    position: absolute;
    right: 9px;
    top: 50%;
    width: 10px;
    height: 10px;
    margin: -4px 0 0 0;
    background: url(../../images/kr/main/ico_ctrl.png) no-repeat -83px -38px;
}

@media all and (max-width:1230px) {
    #sub_sitemap .site h4 {
        padding: 0 0 0 4%;
    }
}

@media all and (max-width:1024px) {
    #sub_sitemap .site h4 {
        font-size: 28px;
    }
}

@media all and (max-width:768px) {
    #sub_sitemap .site h4 {
        width: 30%;
        font-size: 26px;
    }

    #sub_sitemap .site>ul {
        width: 70%;
    }

    #sub_sitemap .site>ul>li {
        width: 50%;
    }
}

@media all and (max-width:568px) {
    #sub_sitemap .site {
        padding: 33px 0 14px;
    }

    #sub_sitemap .site h4 {
        width: 100%;
        margin: 0 0 12px;
        font-size: 22px;
    }

    #sub_sitemap .site h4 a {
        padding: 8px 0;
    }

    #sub_sitemap .site>ul {
        width: 100%;
        padding: 0 1.5%;
    }

    #sub_sitemap .site>ul>li {
        width: 50%;
        padding: 0 2% 20px;
    }

    #sub_sitemap .site>ul>li>a {
        height: 43px;
        line-height: 43px;
        padding: 0 0 0 13px;
        font-size: 16px;
    }

    #sub_sitemap .site>ul>li>u {
        padding: 10px 0 0 5px;
    }

    #sub_sitemap .site>ul>li>ul li+li {
        margin: 3px 0 0 0;
    }

    #sub_sitemap .site>ul>li>ul li:before {
        top: 9px;
    }
}

@media all and (max-width:380px) {
    #sub_sitemap .site {
        padding: 30px 0 14px;
    }

    #sub_sitemap .site h4 {
        margin: 0 0 10px;
        font-size: 21px;
    }

    #sub_sitemap .site h4 a {
        padding: 7px 0;
    }

    #sub_sitemap .site>ul>li {
        padding: 0 2% 17px;
    }

    #sub_sitemap .site>ul>li>a {
        height: 39px;
        line-height: 39px;
        font-size: 15px;
    }

    #sub_sitemap .site>ul>li>ul li+li {
        margin: 2px 0 0 0;
    }
}

/* 위원회별 tab */
.tabmenu {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.tabmenu:after {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 49px;
    left: 0;
    height: 2px;
    width: 100%;
    background: #3d4ca2;
}

.tabmenu>li>a {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 51px;
    line-height: 50px;
    color: #333;
    border: 2px solid #eee;
    border-left-color: #fff;
    border-bottom: none;
    background: #eee;
    text-align: center;
    box-sizing: border-box;
    text-decoration: none;
}

.tabmenu>li:nth-child(2)>a {
    left: 20%;
}

.tabmenu>li:nth-child(3)>a {
    left: 40%;
}

.tabmenu>li:nth-child(4)>a {
    left: 60%;
}

.tabmenu>li:nth-child(5)>a {
    left: 80%;
}

.tabmenu>li.on>a {
    z-index: 2;
    color: #3d4ca2;
    font-weight: 500;
    border-color: #3d4ca2;
    background: #fff;
    transition: font-size 0.2s ease-in-out;
}

.tabmenu>li>.con {
    display: none;
    padding: 76px 0 0 0;
}

.tabmenu>li.on>.con {
    display: block;
}


@media all and (max-width:768px) {
    .tabmenu:after {
        top: 53px;
    }

    .tabmenu>li>a {
        height: 55px;
        line-height: 54px;
        font-size: 15px;
    }

}

@media all and (max-width:568px) {
    .tabmenu:after {
        display: none;
    }

    .tabmenu>li>a {
        width: 33.33%;
        height: 47px;
        line-height: 46px;
        font-size: 14px;
        border-bottom: 2px solid #fff;
    }

    .tabmenu>li.on>a {
        font-size: 15px;
    }

    .tabmenu>li:nth-child(2)>a {
        left: 33.33%;
    }

    .tabmenu>li:nth-child(3)>a {
        left: 66.66%;
    }

    .tabmenu>li:nth-child(4)>a {
        top: 47px;
        left: 0;
    }

    .tabmenu>li:nth-child(5)>a {
        top: 47px;
        left: 33.33%;
    }

}

/* 위원회 별 tab 패딩 */
#sub_active .tabmenu>li>.con {
    padding-top: 110px;
}

/* 의장단 */
#sub_chairmanlist {
    position: relative;
}

#sub_chairmanlist h3 {
    line-height: 110%;
    font-family: "gmarket";
    font-size: 32px;
    font-weight: 900;
    color: #3e59ad;
    text-align: center;
}

#sub_chairmanlist .info {
    line-height: 130%;
    padding: 7px 0 35px;
}

#sub_chairmanlist .list_wrap {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    text-align: center;
}

#sub_chairmanlist .list {
    width: 25%;
    box-sizing: border-box;
}

#sub_chairmanlist .list a {
    text-decoration: none;
}

#sub_chairmanlist .list * {
    display: block;
}

#sub_chairmanlist .pic {
    position: relative;
    display: block;
    width: 130px;
    height: 140px;
    padding: 0 5px;
    box-sizing: border-box;
    margin: 0 auto;
}

#sub_chairmanlist .pic img {
    width: 100%;
    height: 100%;
    border: 2px solid #ddd;
}

#sub_chairmanlist .txt {
    display: block;
    word-break: keep-all;
}

#sub_chairmanlist .txt .name {
    display: block;
    line-height: 120%;
    padding: 17px 0 5px;
    font-weight: 500;
}

@media all and (max-width:1024px) {
    #sub_chairmanlist .info {
        padding: 5px 0 25px 0;
    }
}

@media all and (max-width:768px) {
    #sub_chairmanlist h3 {
        font-size: 27px;
    }
}

@media all and (max-width:568px) {
    #sub_chairmanlist h3 {
        font-size: 23px;
    }

    #sub_chairmanlist .info {
        width: 51%;
    }

    #sub_chairmanlist .list {
        width: 50%;
    }

    #sub_chairmanlist .list:nth-child(-n + 2) {
        margin: 0 0 20px;
    }

    #sub_chairmanlist .pic {
        max-width: 110px;
        height: auto;
    }

    #sub_chairmanlist .txt {
        font-size: 13px;
    }
}

@media screen and (max-width: 368px) {
    #sub_active .tabmenu2>li {
        width: 100%;
    }

    #sub_chairmanlist .info {
        width: 85%;
    }
}

/* 선거구 */
#sub_district .box_info {
    position: relative;
    width: 100%;
    height: 520px;
    padding: 85px 8.6% 0 63%;
    box-sizing: border-box;
    word-break: keep-all;
}

#sub_district .map {
    position: absolute;
    left: 5.5%;
    top: 30px;
}

#sub_district .info {
    font-size: 15px;
    text-align: left;
}

#sub_district .info p {
    position: relative;
    padding: 0 0 20px 23px;
}

#sub_district .info p:before {
    content: '※';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
}

#sub_district .info ul {
    position: relative;
    padding: 38px 0 38px 38px;
    border-radius: 5px;
    background: #eff2fa;
}

#sub_district .info li * {
    display: inline-block;
    vertical-align: top;
    line-height: 31px;
}

#sub_district .info li+li {
    margin-top: 19px;
}

#sub_district .info li a {
    display: block;
    width: 100%;
}

#sub_district .info strong {
    width: 31px;
    height: 31px;
    margin: 0 10px 0 0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    background: #3e59ad;
    text-align: center;
}

#sub_district .info .na strong {
    background: #3271b5;
}

#sub_district .info .da strong {
    background: #2c8e54;
}

#sub_district .info .ra strong {
    background: #d09922;
}

#sub_district .info .bi strong {
    background: #3a3e4a;
}

@media all and (max-width:1430px) {
    #sub_district .map {
        left: 2%;
    }
}

@media all and (max-width:1230px) {
    #sub_district .box_info {
        height: auto;
        padding: 20px 10px;
        margin: 0 0 40px 0;
    }

    #sub_district .map {
        position: static;
        text-align: center;
    }

    #sub_district .info {
        padding: 30px 9% 0;
    }

    #sub_district .info li {
        display: inline-block;
        vertical-align: top;
        width: 49.5%;
        box-sizing: border-box;
    }

    #sub_district .info .na {
        margin-top: 0;
    }
}

@media all and (max-width:768px) {
    #sub_district .map {
        width: 100%;
        box-sizing: border-box;
    }

    #sub_district .info {
        padding: 25px 4% 0;
    }
}

@media all and (max-width:568px) {
    #sub_district .district {
        padding: 20px 10px 15px;
    }

    #sub_district .district .info {
        padding: 20px 3% 0;
    }

    #sub_district .info li {
        display: block;
        width: 100%;
    }

    #sub_district .info li+li,
    #sub_district .info .na {
        margin-top: 10px;
    }
}

@media all and (max-width:380px) {
    #sub_district .district {
        margin: 0 0 35px;
    }
}

#sub_privacy .box_info {
    min-height: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
}

@media screen and (max-width: 568px) {
    #sub_privacy .box_info {
        font-size: 15px;
    }

    #sub_privacy .box_info br {
        display: none;
    }
}



/* 좌석배치도 */
#sub_seat .box_icon {
    padding: 57px 100px;
    text-align: center;
}

#sub_seat .box_icon:before {
    display: none;
}

#sub_seat .box_icon img {
    width: 100%;
}

@media all and (max-width:768px) {
    #sub_seat .box_icon {
        padding: 30px 20px;
    }
}

/* =========================
   의안 처리 절차 (state_proc)
   ========================= */

/* 공통 박스 */
#state_proc .box_patt {
    border: 10px solid #f5f5f5;
}

#state_proc .proc .dash li {
    line-height: 1.5;
}

#state_proc .proc .dash li:before {
    top: 10px;
}

/* 기본 li 간격 */
#state_proc .proc>ul>li {
    margin-bottom: 20px;
}

/* em 기본 스타일 */
#state_proc .proc em {
    position: relative;
    border-radius: 10px;
    background: url(../../images/kr/sub/proc_bgG.png) center / cover no-repeat;
}

/* 공통 화살표 */
#state_proc .proc em::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -40px;
    width: 33px;
    height: 20px;
    background: url(/council/images/kr/sub/ico_arrowGray.png) center / cover no-repeat;
    transform: translateX(-50%);
}

#state_proc .proc>ul>li:first-child em:before,
#state_proc .proc>ul>li:nth-child(5) em:before {
    bottom: -53px;
}

/* 예외 화살표 위치 조정 */
#state_proc .proc>ul>li:nth-child(8) em::before,
#state_proc .proc>ul>li:nth-child(10) em::before {
    bottom: -70px;
}

#state_proc .flx_dash {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 125px;
}

/* =========================
   GreenL 단계
   ========================= */
#state_proc .proc .GreenL {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
}

#state_proc .proc em.bgGreenL {
    width: 428px;
    background-image: url(../../images/kr/sub/proc_bgGeenL.png);
}

#state_proc .proc em.bgGreenL::before {
    left: 78%;
}

#state_proc .GreenL div {
    margin-left: 2%;
    width: 290px;
}

#state_proc .GreenL div::before {
    width: 31%;
}

/* =========================
   proc_flx 단계
   ========================= */
#state_proc .proc .proc_flx {
    display: flex;
    gap: 30px;
    margin-bottom: 62px;
}

#state_proc .proc_flx .left {
    width: 230px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#state_proc .proc_flx .right {
    width: calc(100% - 230px);
    display: grid;
    grid-template-rows: repeat(3, 1fr);
}

#state_proc .proc_flx .right>li {
    margin-bottom: 15px;
}

#state_proc .proc_flx em.bgDarkOlive {
    width: 169px;
    margin-bottom: 30px;
    background-image: url(../../images/kr/sub/proc_bgDarkOlive.png);
}

#state_proc .proc_flx em.bgDarkOlive::after {
    display: none;
}

#state_proc .proc_flx .right div {
    width: 290px;
    margin-left: auto;
}

#state_proc .proc_flx .right .mtminus {
    margin-top: -8.5rem;
    height: fit-content;
}

#state_proc .proc_flx .right div::before {
    left: 47%;
    width: 41%;
}

#state_proc .proc_flx .right .mtminus::before {
    top: 62%;
}

/* =========================
   Brown 단계
   ========================= */
#state_proc .proc em.bgBrown {
    width: 462px;
    background-image: url(../../images/kr/sub/proc_bgBrown.png);
}

#state_proc .proc em.bgBrown::before {
    left: 19%;
}

#state_proc .proc em.bgBrown:after {
    content: '';
    display: block;
    background: url(/council/images/kr/sub/ico_arrowGray.png) center / cover no-repeat;
    position: absolute;
    left: 88.5%;
    bottom: -40px;
}

/* =========================
   bottom 단계
   ========================= */
#state_proc .bottom {
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

#state_proc .bottom>li {
    width: 58%;
}

#state_proc .bottom>li>ul {
    display: grid;
    gap: 53px 23px;
    grid-template-columns: 1fr 1fr;
}

#state_proc .bottom .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 236px;
}

#state_proc .bottom ul .item:last-child {
    grid-column: 1 / -1;
    width: 100%;
}

#state_proc .bottom>.item:last-child {
    margin-top: 2rem;
}

#state_proc .bottom .item em {
    width: 100%;
}

#state_proc .bottom .item em::before {
    bottom: -175px;
}

#state_proc .bottom .item:last-child em::before {
    display: none;
}

#state_proc .bottom .item div {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
}

/* =========================
   Red 단계
   ========================= */

#state_proc .proc em.bgRed {
    background-image: url(../../images/kr/sub/proc_bgRed.png);
}

#state_proc .proc .item em.bgRed:before {
    display: block;
    bottom: 72px;
    left: 54%;
}

/* =========================
   색상별 bg 이미지
   ========================= */
#state_proc .proc em.bgBlue {
    background-image: url(../../images/kr/sub/proc_bgBlue.png);
}

#state_proc .proc em.bgBlueS {
    background-image: url(../../images/kr/sub/proc_bgBlueS.png);
}


#state_proc .proc em.bgNavy {
    background-image: url(../../images/kr/sub/proc_bgNavy.png);
}

#state_proc .flx {
    display: flex;
}

@media screen and (max-width:1220px) {
    #state_proc .proc .GreenL {
        margin-bottom: 20px;
    }

    #state_proc .proc em.bgGreenL {
        width: 37%;
    }

    #state_proc .proc em.bgGreenL::before {
        left: 87%;
        display: none;
    }

    #state_proc .GreenL div {
        width: 47%;
    }

    #state_proc .proc_flx {
        justify-content: space-between;
    }

    #state_proc .proc_flx .left {
        width: 50%;
    }

    #state_proc .proc_flx .right {
        width: 50%;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }

    #state_proc .proc_flx .right>li {
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }

    #state_proc .proc_flx em.bgDarkOlive {
        margin-bottom: 0;
        width: 100%;
    }

    #state_proc .proc_flx em.bgDarkOlive:before {
        display: none;
    }

    #state_proc .proc_flx .right>li:nth-child(2) em:before {
        display: block;
    }

    #state_proc .proc_flx .right div,
    #state_proc .proc_flx .right .mtminus {
        margin: 10px 0 0 0;
        position: relative;
        width: 100%;
    }

    #state_proc .proc_flx .right div:before {
        position: absolute;
        left: 50%;
        top: 118%;
        width: 33px;
        height: 20px;
        background: url(/council/images/kr/sub/ico_arrowGray.png) center / cover no-repeat;
        transform: translateX(-50%);
    }

    #state_proc .proc_flx .right .mtminus::before {
        top: 109%;
    }

    #state_proc .proc em.bgBrown {
        width: 100%;
    }

    #state_proc .bottom {
        gap: 20px;
        display: flex;
    }

    #state_proc .bottom>li {
        width: 67%;
    }

    #state_proc .bottom .item {
        flex: 1;
        width: auto;
    }

    #state_proc .bottom>.item:last-child {
        margin-top: 0;
    }

    #state_proc .proc .item em.bgRed:before {
        display: none;
    }
}

@media screen and (max-width:768px) {
    #state_proc .flx_dash {
        height: auto;
    }

    #state_proc .proc_flx .left {
        width: 100px;
    }

    #state_proc .proc_flx .right {
        width: calc(100% - 100px);
    }

    #state_proc .proc em.bgBrown:after {
        display: none;
    }

    #state_proc .proc em.bgBrown::before {
        left: 50%;
    }

    #state_proc .bottom {
        flex-direction: column-reverse;
    }

    #state_proc .bottom>li {
        width: 100%;
    }

    #state_proc .bottom>.item:last-child {
        width: 50%;
        margin-left: auto;
        margin-bottom: 40px;
    }

    #state_proc .bottom .item div:before {
        display: none;
    }

    #state_proc .bottom>.item:last-child div:before {
        width: 9px;
        height: 47%;
        top: 0;
        left: 75%;
        display: block;
        border-right: 1px dashed #555;
        background: none;
    }
}

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

    #state_proc .proc>ul>li {
        margin-bottom: 40px;
    }

    #state_proc .proc div:before {
        background: url(/council/images/kr/sub/ico_arrowGray.png) center / cover no-repeat;
        width: 33px;
        height: 20px;
        top: 106%;
        left: 50%;
        transform: translateX(-50%);
    }

    #state_proc .proc em::before {
        display: none;
    }

    #state_proc .proc em.bgGreenL {
        width: 100%;
    }

    #state_proc .GreenL div {
        width: 100%;
        margin-left: 0;
    }

    #state_proc .flx_dash {
        height: 125px;
    }

    #state_proc .proc .proc_flx {
        margin-bottom: 40px;
        flex-direction: row;
    }

    #state_proc .proc .GreenL {
        margin-bottom: 40px;
    }

    #state_proc .proc_flx .left {
        width: 70px;
        height: 600px;
    }

    #state_proc .proc_flx .right {
        width: calc(100% - 50px);
    }

    #state_proc .proc>ul:not(.red)>li:after {
        display: none;
    }

    #state_proc .proc em.bgBrown:before {
        display: block;
    }

    #state_proc .bottom {
        position: relative;
    }

    #state_proc .bottom .item:first-child {
        position: absolute;
        top: 0;
        width: 48%;
    }

    #state_proc .bottom .item:nth-last-child(2) {
        grid-column: 2 / 3;
    }

    #state_proc .bottom>li>ul {
        row-gap: 20px;
    }

    #state_proc .bottom>.item {
        margin-bottom: 40px;
    }

    #state_proc .bottom>.item:last-child {
        width: 48%;
        margin-bottom: 0px;
    }

    #state_proc .proc em.bgBlueS,
    #state_proc .proc em.bgRed {
        height: 68px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        line-height: 1.5;
    }

    #state_proc .bottom>.item:last-child div:before {
        display: block;
    }

    #state_proc .proc em.bgNavy{
        margin-top: 40px;
        position: relative;
    }

    #state_proc .proc em.bgNavy:before{
        top: -32px;
        display: block !important;
    }

}

/*연구단체현황  pdf*/
.normal_list .btn.bts{min-width:60px;}