@charset "utf-8";

* {
    font-family: 'Noto Sans KR', Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', Arial, sans-serif !important
}

.dot>li:before {
    top: 11px;
    width: 4px;
    height: 4px;
    background: #1f6c85;
}

.dash>li {
    padding-left: 18px;
    font-family: 'score_300';
}

.dash>li:before {
    top: 12px;
    width: 10px;
    height: 3px;
    background: #9eacd6;
}

.circle {
    padding-left: 15px;
}

.circle>li {
    position: relative;
    padding: 0 0 0 21px;
    box-sizing: border-box;
    word-break: keep-all;
}

.circle>li:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    height: 14px;
    width: 14px;
    border: 4px solid #748ad1;
    border-radius: 50%;

}

.box_icon {
    z-index: 1;
    position: relative;
    width: calc(100% - 3px);
    padding: 41px 20px 45px 41px;
    margin: 0 0 47px;
    font-size: 15px;
    word-break: keep-all;
    border: 1px solid #ddd;
    border-top: none;
    box-sizing: border-box;
}

.box_icon:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-image: -moz-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
}


/* .box_icon:before {
    content: '';
    display: block;
    position: absolute;
    left: 5.3%;
    top: 50%;
    width: 11.5%;
    height: 107px;
    background: url(/images/kr/open/ico_hope.png) no-repeat;
    background-size: contain;
    transform: translateY(-50%);
} */

.box_icon .tit {
    display: block;
    padding: 0 0 10px;
    font-size: 25px;
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
    font-family: 'gmarketB';
}

.box_icon .tit .blie {
    color: #4e4fb1;
}

.box_icon p {
    font-family: 'score_300';
}

.box_info {
    z-index: 1;
    position: relative;
    margin: 0 0 50px;
    padding: 60px 4.5%;
    border: 1px solid #ddd;
    border-top: none;
    box-sizing: border-box;
}

.box_info:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 2px);
    height: 5px;
    background: #3A3388;
    background: linear-gradient(145deg, #4e4fb1 0%, #a2602b 100%);
}

.btn_go {
    display: inline-block;
    height: 54px;
    line-height: 53px;
    padding: 0 25px;
    border-radius: 5px;
    font-weight: 400;
    color: #fff !important;
    border-color: #3e59ad;
    background: #3e59ad;
}

.btn_go:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 7px;
    height: 7px;
    margin: -3px 0 0 35px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(-45deg);
}

.line_box {
    z-index: 1;
    position: relative;
    padding: 40px 50px;
    background: #fff;
    box-sizing: border-box;
}

.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;
}

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

.line_box strong {
    display: block;
    margin: 0 0 3px;
    font-family: 'NanumSquare';
    font-size: 18px;
    color: #4e4fb1;
}

@media all and (max-width:1024px) {
    .box_info {
        padding: 40px 20px;
        margin: 0 0 40px;
    }

    .box_icon {
        margin: 0 0 40px;
        padding-top: 33px;
        padding-bottom: 30px;
    }

    .box_icon:before {
        left: 4.5%;
    }

    .box_icon .tit {
        font-size: 23px;
    }
}

@media all and (max-width:768px) {
    .box_info {
        padding: 35px 3.5% 28px;
        margin: 0 0 45px;
    }

    /* .box_icon:after {
        height: 55px;
    } */

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

@media all and (max-width:568px) {
    .box_info {
        margin: 0 0 30px;
        padding: 30px 15px;
    }

    .box_icon {
        margin: 0 0 35px;
        padding-top: 28px;
        padding-bottom: 25px;
    }

    .box_icon:before {
        top: 20px;
        left: 4%;
        transform: translateY(0);
    }

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

    .line_box {
        padding: 25px;
    }

    .line_box strong {
        font-size: 16px;
    }
}

.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: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 51px;
    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: #00245e;
    font-weight: 500;
    border-color: #00245e;
    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;
}

.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;
}

.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;
}

.tab2>li>a {
    width: 50%;
}

.tab2>li:nth-child(2)>a {
    left: 50%;
}

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

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

@media all and (max-width:768px) {
    .tabmenu:after {
        top: 53px;
    }

    .tabmenu>li>a {
        height: 55px;
        font-size: 15px;
    }

    .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) {
    .tabmenu:after {
        display: none;
    }

    .tabmenu>li>a {
        width: 33.33%;
        height: 47px;
        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%;
    }

    .tab2>li>a {
        width: 50%;
    }

    .tab2>li:nth-child(2)>a {
        left: 50%;
    }

    .tab5>li>.con,
    .tab6>li>.con {
        padding: 120px 0 0 0;
    }

    .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;
    }
}


/* 의장실 */
#sub_greeting .chairman_box {
    position: relative;
    margin: 0 auto;
    padding: 50px 68px;
    width: calc(100% - 20px);
    height: 380px;
    background: url(/images/kr/chairman/bg_chairman.jpg)no-repeat;
    box-sizing: border-box;
}

#sub_greeting .chairman_box::after {
    z-index: -1;
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: 100%;
    background: url(/images/kr/chairman/bg_line.jpg);
    border-radius: 10px;
}

#sub_greeting .txt {
    line-height: 210%;
}

#sub_greeting .txt strong {
    display: inline-block;
    font-family: 'NanumSquare';
    font-size: 30px;
    font-weight: 800;
}

#sub_greeting .txt strong span {
    position: relative;
}

#sub_greeting .txt strong .green {
    padding: 0 0 0 50px;
    color: #35aca0 !important;
}

#sub_greeting .txt strong .green::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    width: 36px;
    height: 27px;
    background: url(/images/kr/chairman/ico_rest.png)no-repeat;
    background-size: contain;
}

#sub_greeting .txt strong .yellow {
    color: #a2872f;
}

#sub_greeting .txt strong:nth-of-type(2) {
    position: relative;
    /* margin: 20px 0 0; */
    font-size: 28px;
}

#sub_greeting .txt strong:nth-of-type(2)::after {
    content: '';
    position: absolute;
    top: 4px;
    right: -56px;
    width: 36px;
    height: 27px;
    background: url(/images/kr/chairman/ico_rest.png)no-repeat;
    background-size: contain;
    transform: rotate(180deg);
}

#sub_greeting .txt strong em {
    font-size: 38px;
}

#sub_greeting .txt p {
    margin: 30px 0 0;
    color: #555;
}

#sub_greeting .pic {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right: 99px;
}

#sub_greeting .name {
    position: absolute;
    bottom: 0;
    left: -10px;
    display: flex;
    align-items: center;
    padding: 0 70px;
    width: calc(100% + 20px);
    height: 88px;
    font-family: 'NanumSquare';
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    !i;
    !;
    line-height: 110%;
    background: linear-gradient(90deg, #6e536c 0%, #b57945 90%);
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
}

#sub_greeting .name em {
    margin: 0 0 0 20px;
    font-size: 18px;
    font-weight: 800;
}

#sub_greeting .name a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 30px;
    width: 172px;
    height: 44px;
    text-align: center;
    font-family: 'score';
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: rgba(0, 0, 0, .2);
    border: 1px dashed rgba(255, 253, 191, .2);
    border-radius: 22px;
    transition: all .2s ease-in-out;
}

#sub_greeting .name a:hover {
    border-color: rgba(255, 253, 191, .7);
}

#sub_greeting .name a::before {
    content: '';
    display: inline-block;
    margin: -1px 9px 0 0;
    width: 18px;
    height: 16px;
    background: url(/images/kr/chairman/ico_home.png)no-repeat;
}

#sub_greeting>p {
    margin: 60px 0 0;
}

#sub_greeting .sign {
    margin: 45px 0 0;
    text-align: right;
}

#sub_greeting .sign img {
    margin: -13px 0 0 17px;
}



@media all and (max-width:1280px) {
    #sub_greeting .chairman_box {
        padding: 70px 50px;
    }

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

    #sub_greeting .txt strong:nth-of-type(2) {
        font-size: 26px;
    }

    #sub_greeting .txt strong em {
        font-size: 34px;
    }

    #sub_greeting .pic {
        right: 0;
    }

    #sub_greeting .pic img {
        width: 300px;
    }

    #sub_greeting .name {
        padding: 0 50px;
    }
}

@media all and (max-width:840px) {
    #sub_greeting .chairman_box {
        padding: 50px 50px 88px;
        height: auto;
        background-size: cover;
    }

    #sub_greeting .txt {
        text-align: center;
    }

    #sub_greeting .pic {
        position: static;
        padding: 0 0 0 50px;
        text-align: center;
        box-sizing: border-box;
    }
}

@media all and (max-width:568px) {
    #sub_greeting .chairman_box {
        padding: 40px 20px 120px
    }

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

    #sub_greeting .txt strong:nth-of-type(2) {
        margin: 14px 0 0;
        font-size: 22px;
    }

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

    #sub_greeting .txt strong .green {
        padding: 0 0 0 25px;
    }

    #sub_greeting .txt strong .green::before {
        top: -5px;
        width: 20px;
    }

    #sub_greeting .txt strong .yellow::after {
        display: none;
    }

    #sub_greeting .txt strong:nth-of-type(2)::after {
        right: -25px;
        width: 20px;
        top: 0;
    }

    #sub_greeting .txt p {
        margin: 20px 0;
    }

    #sub_greeting .name {
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        font-size: 16px;
        padding: 0 20px;
        height: 120px;
    }

    #sub_greeting .name em {
        font-size: 24px;
    }

    #sub_greeting .name a {
        width: 100%;
        margin: 10px 0 0;
    }
}

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

    #sub_greeting .txt strong:nth-of-type(2) {
        margin: 5px 0 0;
        font-size: 18px;
    }

    #sub_greeting .txt strong em {
        font-size: 24px;
    }

    #sub_greeting .txt p {
        font-size: 14px;
        line-height: 1.5;
        word-break: keep-all;
    }
}

@media all and (max-width:380px) {
    #sub_greeting .chairman_box {
        padding-left: 10px;
        padding-right: 10px;
    }

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

    #sub_greeting .txt strong:nth-of-type(2) {
        margin: 5px 0 0;
        font-size: 16px;
    }

    #sub_greeting .txt strong em {
        font-size: 22px;
    }
}

/* 의장약력 */
#sub_greeting .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 60px 0 0;
}

#sub_greeting .list>li {
    position: relative;
    display: flex;
    padding: 17px 0 17px 35px;
    width: 48%;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
}

#sub_greeting .list>li::before {
    content: '';
    position: absolute;
    top: 23px;
    left: 0;
    width: 18px;
    height: 16px;
    background: url(/images/kr/chairman/ico_check.png)no-repeat;
}

#sub_greeting .list>li em {
    width: 110px;
}

#sub_greeting .list>li p {
    width: calc(100% - 110px);
}

#sub_greeting .list>li.career {
    padding: 17px 0;
    width: 100%;
    border-bottom: 0;
}

#sub_greeting .list>li.career em {
    position: absolute;
    left: 35px;
}

#sub_greeting .list>li.career div {
    width: 100%;
    margin: 40px 0 0;
    padding: 30px 40px;
    border: 1px solid #eee;
    box-sizing: border-box;
}

#sub_greeting .list>li.career div>ul>li {
    margin: 0 0 30px;
}

#sub_greeting .list>li.career div>ul>li:last-child {
    margin: 0;
}

#sub_greeting .list>li.career li {
    word-break: break-all;
}

@media all and (max-width:768px) {
    #sub_greeting .list>li {
        width: 100%;
    }
}

@media all and (max-width:568px) {
    #sub_greeting .list>li em {
        width: 90px;
    }

    #sub_greeting .list>li p {
        width: calc(100% - 90px);
    }

    #sub_greeting .list>li.career div {
        padding: 20px;
    }
}


/* 의회연혁 */
#sub_history .history_box {
    position: relative;
    padding: 50px 57px;
    height: 255px;
    color: #fff;
    border-radius: 0 0 0 50px;
    background: url(/images/kr/intro/bg_history.jpg)no-repeat;
    background-size: cover;
    box-sizing: border-box;
}

#sub_history .history_box::before,
#sub_history .history_box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #36307f 0%, #aa672c 100%);
}

#sub_history .history_box::after {
    z-index: -1;
    left: 11px;
    top: auto;
    bottom: -10px;
    width: calc(100% - 11px);
    height: 70px;
    border-radius: 0 0 0 50px;
    background: url(/images/kr/intro/bg_line.jpg);
}

#sub_history .history_box strong {
    font-family: 'gmarket';
    font-weight: 900;
    font-size: 23px;
}

#sub_history .history_box strong span {
    color: #fcfec3;
}

#sub_history .history_box p {
    margin: 8px 0 30px;
}

#sub_history .history_box ul {
    display: flex;
    flex-wrap: wrap;
}

#sub_history .history_box ul li {
    margin: 0 10px 0 0;
    width: 230px;
}

#sub_history .history_box ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    background: rgba(42, 38, 87, .5);
    border: 1px solid rgba(203, 204, 238, .5);
    border-radius: 5px;
}

#sub_history .history_box ul li.on a {
    color: #333;
    background: #fff;
}

#sub_history .con {
    overflow: hidden;
    position: relative;
}

#sub_history .history:nth-child(2) {
    display: none;
}

#sub_history .history {
    position: relative;
    padding: 59px 0 0 0;
    line-height: 140%;
    word-break: keep-all;
}

#sub_history .history:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 5px;
    height: 100%;
    background: #eee;
}

#sub_history .history>li {
    position: relative;
    padding: 0 0 50px 50%;
}

#sub_history .history>li:before {
    z-index: 2;
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    box-sizing: content-box;
    border: 6px solid #b4735c;
    background-clip: content-box;
}

#sub_history .history div {
    padding: 0 0 0 45px;
}

#sub_history .history p {
    position: absolute;
    left: 50%;
    top: 0;
    padding: 0 0 0 45px;
    font-family: 'Noto Sans KR';
    font-size: 40px;
    font-weight: 800;
    font-style: italic;
    color: #323544;
}

#sub_history .history ul li {
    padding: 0 0 12px;
}

#sub_history .history ul strong {
    display: block;
    padding: 0 0 2px;
    font-family: 'Noto Sans KR';
    font-style: italic;
    font-size: 20px;
    font-weight: 800;
    color: #323544;
}

#sub_history .history ul span {
    font-size: 15px;
}

#sub_history .history>li:nth-child(even) {
    padding: 0 50% 32px 0;
    text-align: right;
}

#sub_history .history li:nth-child(odd) p {
    left: auto;
    right: 50%;
    padding: 0 45px 0 0;
}

#sub_history .history li:nth-child(even) div {
    padding: 0 45px 0 0;
}

#sub_history .bar_active {
    position: absolute;
    top: 0;
    left: 50%;
    width: 5px;
    transform: translateX(-50%);
    background: #b4735c;
}

@media all and (max-width: 768px) {
    #sub_history .history_box {
        padding: 35px;
        height: auto;
    }

    #sub_history .history_box strong {
        font-size: 20px;
    }

    #sub_history .history_box ul {
        justify-content: space-between;
    }

    #sub_history .history_box ul li {
        margin: 0;
        width: 49%;
    }

    #sub_history .history {
        padding: 30px 0 0 0;
    }

    #sub_history .history:before {
        left: 10px;
    }

    #sub_history .history>li,
    #sub_history .history>li:nth-child(even) {
        padding: 0 0 20px;
        text-align: left;
    }

    #sub_history .history>li:last-child {
        padding: 0;
    }

    #sub_history .history>li:before {
        top: 5px;
        left: 10px;
        border-width: 4px;
    }

    #sub_history .history div,
    #sub_history .history li:nth-child(even) div {
        padding: 0 0 0 30px;
    }

    #sub_history .history p {
        position: static;
        line-height: 130%;
        font-size: 27px;
        font-style: normal;
    }

    #sub_history .history p,
    #sub_history .history li:nth-child(odd) p {
        padding: 0 0 5px;
    }

    #sub_history .history ul {
        padding: 0 0 0 10px;
    }

    #sub_history .history ul li {
        padding: 0 0 5px;
    }

    #sub_history .history ul li * {
        display: inline-block;
        vertical-align: top;
    }

    #sub_history .history ul br {
        display: none;
    }

    #sub_history .history ul strong {
        width: 55px;
        font-size: 17px;
        font-style: normal;
    }

    #sub_history .history ul span {
        width: calc(100% - 55px);
    }

    #sub_history .bar_active {
        left: 7px;
        transform: translateX(0);
    }
}

@media all and (max-width: 568px) {
    #sub_history .history_box {
        padding: 25px 25px 40px;
        border-radius: 0 0 0 20px;
    }

    #sub_history .history_box::after {
        border-radius: 0 0 0 20px;
    }

    #sub_history .history_box p {
        margin: 5px 0 20px;
    }

    #sub_history .history_box ul li a {
        height: 40px;
        font-size: 14px;
    }

    #sub_history .history {
        padding: 25px 0 0 0;
    }

    #sub_history .history>li:before {
        top: 2px;
    }

    #sub_history .history p {
        font-size: 22px;
    }

    #sub_history .history ul {
        padding: 0 0 0 7px;
    }

    #sub_history .history ul strong {
        width: 50px;
        padding: 0;
        font-size: 15px;
    }
}

@media all and (max-width: 380px) {
    #sub_history .history {
        padding: 20px 0 0 0;
    }

    #sub_history .history>li:before {
        top: 1px;
    }

    #sub_history .history p {
        font-size: 20px;
    }

    #sub_history .history ul {
        padding: 0 0 0 5px;
    }

    #sub_history .history ul strong {
        width: 46px;
    }

    #sub_history .history ul span {
        width: calc(100% - 49px);
    }

    #sub_history .history div,
    #sub_history .history li:nth-child(even) div {
        padding: 0 0 0 25px;
    }
}

#sub_function1 .box_icon:before {
    background-image: url(/images/kr/intro/ico_period.png);
}

#sub_function3 .box_icon:before {
    background-image: url(/images/kr/intro/ico_audit.png);
}

#sub_power1 .box_icon:before {
    background-image: url(/images/kr/intro/ico_duty.png);
}

#sub_power2 .box_icon:before {
    background-image: url(/images/kr/intro/ico_power.png);
}

#sub_petition .box_icon:before {
    background-image: url(/images/kr/open/ico_petition.png);
}

#sub_appeal .box_icon:before {
    background-image: url(/images/kr/open/ico_appeal.png);
}

/* 의회구성 */
#sub_function1 .line_box {
    padding: 60px 10.4%;
}

#sub_function1 .org li {
    z-index: 1;
    position: relative;
    padding: 0 0 5px;
    line-height: 1.4;
}

#sub_function1 .org li {
    text-decoration: none;
    word-break: keep-all;
}

#sub_function1 .org1>em::after {
    position: absolute;
    top: 75px;
    right: 25px;
}

#sub_function1 .org em {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 53px;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #a97a41 0%, #895936 100%);
}

#sub_function1 .org em::before {
    content: '';
    position: absolute;
    bottom: 17px;
    right: -8px;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 5px solid #d99f74;
    border-radius: 50%;
}

#sub_function1 .org2_2 em::before,
#sub_function1 .org3_2 em::before {
    right: auto;
    left: -8px;
}

#sub_function1 .org1>em {
    margin: 0 auto 26px;
    width: 140px;
    height: 140px;
    text-align: center;
    background: linear-gradient(to top, #a97a41 0%, #895936 100%);
    border-radius: 50%;
}

#sub_function1 .org1>em::before {
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
}

#sub_function1 .org>li>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sub_function1 .org>li>ul>li {
    margin: 0 0 36px;
    width: 100%;
}

#sub_function1 .org>li>ul>li:nth-child(3) {
    width: 100%;
}

#sub_function1 .org>li>ul>li:nth-child(3)>ul,
#sub_function1 .org4>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#sub_function1 .org>li>ul>.org2 {
    width: 38.21%;
}

#sub_function1 .org3 {
    width: 38.21%;
}

#sub_function1 .org3 .dash_box {
    margin: 11px 0 0;
    padding: 20px;
    text-align: center;
    border: 1px dashed #c6946f;
    background: #fbf6f2;
    box-sizing: border-box;
}

#sub_function1 .org4 {
    width: 100%;
}

#sub_function1 .org4 em {
    width: 100%;
    background: linear-gradient(to right, #5467cd 0%, #4e479e 100%);
}

#sub_function1 .org4 em::before {
    bottom: auto;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    border-color: #8999f0;
}

#sub_function1 .org4>em {
    margin: 49px auto 77px;
    width: 26.96%;
}

#sub_function1 .org4_1 {
    width: 22.86%;
}

#sub_function1 .org4 .dash_box {
    margin: 11px 0 0;
    padding: 20px 5px;
    min-height: 125px;
    text-align: center;
    border: 1px dashed #a6b2f5;
    background: #f5f6fd;
    box-sizing: border-box;
}


#sub_function1 .org li::after {
    z-index: -1;
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    width: 1px;
    height: 435px;
    background: #ddd;
}

#sub_function1 .org .org2::after,
#sub_function1 .org .org3::after {
    width: 100%;
    height: 1px;
    top: 50%;
    left: auto;
    right: -100%;
}

#sub_function1 .org .org3::after {
    top: 26px;
}

#sub_function1 .org>li>ul>li:last-child::after {
    top: 138px;
    width: 77.3%;
    height: 1px;
    transform: translateX(-50%);
}

#sub_function1 .org .org4_1::after {
    top: -40px;
    width: 1px;
    height: 40px;
}

#sub_function1 .org .org2_2::after,
#sub_function1 .org .org3_2::after,
#sub_function1 .org3 .dash_box li::after,
#sub_function1 .org4::after,
#sub_function1 .org4 .dash_box li::after {
    display: none;
}

@media all and (max-width:1340px) {
    #sub_function1 .line_box {
        padding: 60px 5%;
    }
}

@media all and (max-width:900px) {
    #sub_function1 .org4_1 {
        width: 40%;
    }

    #sub_function1 .org4_1:nth-child(n + 3) {
        margin: 35px 0 0;
    }

    #sub_function1 .org4 .dash_box {
        height: auto;
    }

    #sub_function1 .org>li>ul>li:last-child::after {
        width: 60.2%;
    }
}

@media all and (max-width:640px) {
    #sub_function1 .org em {
        font-size: 15px;
    }

    #sub_function1 .org1>a em {
        width: 120px;
        height: 120px;
    }

    #sub_function1 .org>li>ul>.org2,
    #sub_function1 .org3,
    #sub_function1 .org4>em,
    #sub_function1 .org4_1 {
        width: 46%;
    }

    #sub_function1 .org li a em::after {
        top: 63px;
        right: 20px;
    }

    #sub_function1 .org>li>ul>li:last-child::after {
        width: 54%;
    }
}

@media screen and (max-width: 535px) {
    #sub_function1 .org li::after {
        height: 427px;
    }
}

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

    #sub_function1 .org>li>ul>.org2,
    #sub_function1 .org3,
    #sub_function1 .org4>em,
    #sub_function1 .org4_1 {
        width: 100%;
    }

    #sub_function1 .org4>em {
        margin: 0 0 20px;
    }

    #sub_function1 .org4_1:nth-child(n + 3) {
        margin: 0;
    }

    #sub_function1 .org em::before,
    #sub_function1 .org .org2::after,
    #sub_function1 .org .org3::after,
    #sub_function1 .org .org4_1::after {
        display: none;
    }

    #sub_function1 .org li::after {
        height: 90%;
    }
}

/* 의회권한 */
#sub_function2 .box_info {
    padding: 40px 50px;
}

#sub_function2 .box_info>strong {
    font-family: 'gmarket';
    font-weight: 900;
    font-size: 23px;
    color: #4e4fb1;
}

#sub_function2 .box_info .color {
    font-weight: 300;
    color: #c24848;
}

#sub_function2 .line_box {
    padding: 70px 8.34%;
}

.proc>li {
    z-index: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 0 45px;
}

.proc>li::after {
    content: '';
    position: absolute;
    bottom: -25%;
    left: 16%;
    width: 33px;
    height: 20px;
    background: url(/images/kr/intro/ico_arrow.png)no-repeat;
}

.proc>li:nth-child(4)::after,
.proc>li:nth-child(6)::after {
    bottom: -30px;
}

.proc>li:nth-child(5)::after {
    bottom: 30px;
}

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

.proc>li em {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35.37%;
    height: 62px;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    background: url(/images/kr/intro/bg_proc1.jpg)no-repeat;
    border-radius: 10px 10px 30px 10px;
    font-family: 'score_400';
}

.proc>li:last-child em {
    background-image: url(/images/kr/intro/bg_proc4.jpg);
}

.proc>li .ins {
    position: absolute;
    /* top: 37px; */
    top: 65px;
    left: 45%;
    transform: translateX(-50%);
    font-size: 13px;
    text-align: center;
    line-height: 1.4;
}

.proc>li .ins+strong {
    position: absolute;
    top: 80px;
    left: 45%;
    transform: translateX(-50%);
    margin: 0;
    font-family: 'score';
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2;
}

.proc>li .ins+strong::before {
    content: '';
    position: absolute;
    top: -18px;
    left: -21px;
    width: 11px;
    height: 27px;
    border: 1px solid #c9d0e5;
    border-top: 0;
    border-right: 0;
}

.proc>li ul {
    position: relative;
    padding: 15px 20px;
    width: 45.49%;
    background: #f8f8f8;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 10px;
}

.proc>li ul::before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 30px;
    left: -50%;
    width: 50%;
    height: 1px;
    background: #ddd;
}

.proc>li ul li {
    padding: 0 0 0 10px;
    font-size: 14px;
    line-height: 1.6;
}

.proc>li ul>li:before {
    top: 10px;
    width: 6px;
    height: 1px;
    background: #333;
}

.proc.color2>li:not(:last-child) em {
    background-image: url(/images/kr/intro/bg_proc2.jpg);
}

.proc.color2>li::after {
    bottom: -30px;
}

.proc.color2>li:nth-child(11)::after {
    bottom: -15px;
}

.proc.color3>li:not(:last-child) em {
    background-image: url(/images/kr/intro/bg_proc3.jpg);
}

.proc.color3>li::after {
    bottom: -30px;
}

.proc.color3>li:nth-child(6)::after {
    bottom: 30px;
}

@media all and (max-width:1220px) {
    #sub_function2 .line_box {
        padding: 50px 30px;
    }

    .proc>li .ins+strong {
        left: 50%;
    }
}

@media all and (max-width:768px) {
    .proc>li em {
        width: 100%;
        background-size: cover;
    }

    .proc>li .ins {
        position: static;
        transform: translateX(0);
        margin: 10px 0 0;
        text-align: center;
        width: 100%;
    }

    .proc>li .ins+strong {
        position: static;
        width: 100%;
        text-align: center;
        transform: translateX(0);
    }

    .proc>li ul {
        margin: 10px 0 0;
        width: 100%;
    }

    .proc>li .ins+strong::before,
    .proc>li ul::before {
        display: none;
    }

    .proc>li::after {
        bottom: -30px !important;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media all and (max-width:568px) {
    #sub_function2 .box_info {
        padding: 30px;
    }

    #sub_function2 .box_info>strong {
        font-size: 20px;
    }
}

/* 의회기 */
#sub_flag .box_info {
    display: flex;
    align-items: center;
}

#sub_flag .box_info .txt {
    padding: 0 0 0 50px;
    box-sizing: border-box;
}

#sub_flag .box_info .txt strong {
    font-family: 'gmarketB';
    font-weight: 900;
    font-size: 23px;
    color: #4e4fb1;
}

#sub_flag .box_info .txt p {
    font-family: 'score_300';
}

#sub_flag .flag_wrap {
    display: flex;
}

#sub_flag .flag_wrap .img {
    margin: 0 50px 0 0;
}

@media all and (max-width:1160px) {
    #sub_flag .flag_wrap .img {
        width: 400px;
    }

    #sub_flag .flag_wrap .img img {
        width: 100%;
    }

    #sub_flag .flag_wrap .normal_list {
        width: calc(100% - 450px);
    }
}

@media all and (max-width:768px) {
    #sub_flag .box_info .txt strong {
        font-size: 20px;
    }

    #sub_flag .flag_wrap {
        flex-wrap: wrap;
    }

    #sub_flag .flag_wrap .img {
        margin: 0 auto 30px;
    }

    #sub_flag .flag_wrap .normal_list {
        width: 100%;
    }
}

@media all and (max-width:568px) {
    #sub_flag .box_info {
        flex-wrap: wrap;
    }

    #sub_flag .box_info .img {
        margin: 0 auto;
        width: 240px;
    }

    #sub_flag .box_info .txt {
        padding: 30px 0 0;
        width: 100%;
    }

    #sub_flag .box_info .txt strong {
        font-size: 16px;
    }
}

/* 의원배지 */
#sub_badge .box_info {
    padding: 40px;
}

#sub_badge .box_info strong {
    font-family: 'gmarket';
    font-weight: 900;
    font-size: 23px;
    color: #4e4fb1;
}

#sub_badge .flag_wrap {
    display: flex;
}

#sub_badge .flag_wrap .img {
    margin: 0 50px 0 0;
}

@media all and (max-width:1160px) {
    #sub_badge .flag_wrap .img {
        width: 400px;
    }

    #sub_badge .flag_wrap .img img {
        width: 100%;
    }

    #sub_badge .flag_wrap .normal_list {
        width: calc(100% - 450px);
    }
}

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

    #sub_badge .flag_wrap {
        flex-wrap: wrap;
    }

    #sub_badge .flag_wrap .img {
        margin: 0 auto 30px;
    }

    #sub_badge .flag_wrap .normal_list {
        width: 100%;
    }
}

@media all and (max-width:568px) {
    #sub_badge .box_info {
        padding: 30px;
    }
}

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

/* 진정안내 */
.box_gray {
    padding: 60px 50px;
    box-sizing: border-box;
    background: #f4f5f8;
}

.proc_horiz {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    font-size: 17px;
}

.proc_horiz>li {
    position: relative;
    flex: 1;
}

.proc_horiz>li+li {
    margin: 0 0 0 5%;
}

.proc_horiz>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 15px;
    height: 25px;
    margin: -13px 0 0 12px;
    background: url(/images/kr/intro/ico_arrow2.png) no-repeat;
}

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

.proc_horiz div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    padding: 3px;
    line-height: 130%;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
    word-break: keep-all;
}

.proc_horiz>li:last-child div {
    color: #fff;
    background: #3e59ad url(/images/kr/intro/bg_proc.png) no-repeat 100% 100%;
}

@media all and (max-width:1024px) {
    .box_gray {
        padding: 25px 20px;
    }

    .proc_horiz {
        font-size: 16px;
    }
}

@media all and (max-width:768px) {
    .proc_horiz>li:after {
        margin-left: 5px;
    }

    .proc_horiz {
        font-size: 15px;
    }
}

@media all and (max-width:568px) {
    .box_gray {
        padding: 15px 10px;
    }

    .proc_horiz {
        font-size: 14px;
    }

    .proc_horiz>li:after {
        margin-left: 0;
    }
}

/* 청원처리 */
.proc.type2 strong {
    width: 24%;
    padding: 18px 2px;
    border-radius: 10px;
    background: #fff;
}

.proc.type2 div {
    width: 75%;
}

.proc.type2 div ul {
    width: 100%;
}

.proc.type2 div li {
    position: relative;
    z-index: 1;
    width: 26.5%;
    padding: 19px 2px;
    margin: 0 0 0 6%;
    line-height: 120%;
    font-weight: 400;
    font-size: 17px;
    box-sizing: border-box;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    background: #3d9c89;
}

.proc.type2 div li:before,
.proc.type2 div li:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    left: -25%;
    top: 50%;
    width: 25%;
    height: 1px;
    background: #c8c8c8;
}

.proc.type2 div li:after {
    left: -8px;
    width: auto;
    height: auto;
    margin: -4px 0 0 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 8px solid #c8c8c8;
    background: none;
}

.proc.type2 div li:nth-child(1) {
    background: #314262;
}

.proc.type2 div li:nth-child(3) {
    border: 1px solid #888;
    color: #333;
    background: #fff;
}

.proc.type2 .center {
    margin: -240px 0 0 0;
}

.proc.type2 .center ul {
    position: relative;
    margin: 120px 0 0 0;
}

.proc.type2 .center ul:before,
.proc.type2 .center ul:after {
    content: '';
    display: block;
    position: absolute;
    top: -90px;
    left: -5px;
    width: 20%;
    height: 240px;
    border: 1px solid #c8c8c8;
    border-left: none;
}

.proc.type2 .center ul:after {
    left: -3px;
    width: auto;
    height: auto;
    margin: -4px 0 0 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid #c8c8c8;
    background: none
}

.proc.type2 .center li:before,
.proc.type2 .center li:after {
    display: none;
}

@media all and (max-width:768px) {
    .proc.type2 div li {
        font-size: 15px;
    }
}

@media all and (max-width:568px) {
    .proc.type2 div {
        width: 73%;
    }

    .proc.type2 div li {
        width: 29%;
        margin: 0 0 0 3%;
        font-size: 14px;
        word-break: break-all;
    }

    .proc.type2 strong {
        width: 25%;
        word-break: break-all;
    }

    .proc.type2 div li:before {
        display: none;
    }
}

@media all and (max-width:380px) {
    .proc.type2 div li {
        font-size: 13px;
    }
}

/* 주민조례청구 */
.jumin.box_gray {
    margin: 0 0 55px;
    padding: 77px 35px 27px;
}

.jumin .proc_horiz {
    flex-wrap: wrap;
}

.jumin .proc_horiz li {
    flex: auto;
    width: 21%;
    margin-bottom: 50px;
}

.jumin .proc_horiz li+li {
    margin-left: 4%;
}

.jumin .proc_horiz li:nth-child(4n + 1) {
    margin-left: 0;
}

.jumin .proc_horiz div {
    display: block;
    height: 212px;
    padding: 0 10px;
}

.jumin .proc_horiz li:last-child div {
    background: #fff;
    color: #333;
    border: 1px solid #96a7df;
    box-shadow: 0 0 10px rgba(59, 82, 177, 0.2);
}

.jumin .proc_horiz li strong {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-bottom: 1px dashed #ddd;
    font-weight: 500;
    color: #1f3075;
}

.jumin .proc_horiz li p {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    font-size: 15px;
}

.jumin .proc_horiz li .num {
    position: absolute;
    top: -20px;
    left: 22px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    letter-spacing: 0;
    border-radius: 10px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background: #333d5e url(/images/kr/intro/bg_proc.png) no-repeat 100% 70%;
}

.jumin .proc_horiz li:last-child .num {
    background-color: #3e59ad;
}

@media all and (max-width:768px) {
    .jumin.box_gray {
        margin: 0 0 35px;
        padding: 50px 20px 0;
    }

    .jumin .proc_horiz li {
        flex: auto;
        width: 29.33%;
    }

    .jumin .proc_horiz li:nth-child(4n + 1) {
        margin-left: 4%;
    }

    .jumin .proc_horiz li:nth-child(3n + 1) {
        margin-left: 0;
    }

    .jumin .proc_horiz li .num {
        left: 10px;
        top: -25px;
        font-size: 14px;
    }
}

@media all and (max-width:568px) {
    .jumin .proc_horiz li {
        flex: auto;
        width: 46%;
    }

    .jumin .proc_horiz li:nth-child(3n + 1) {
        margin-left: 4%;
    }

    .jumin .proc_horiz li:nth-child(2n + 1) {
        margin-left: 0;
    }
}

/* 찾아오시는길 */
#sub_location .map_wrap {
    position: relative;
}

#sub_location .map_wrap .map_loc {
    position: relative;
}

#sub_location .root_daum_roughmap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

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

#sub_location .roughmap_maker_label .roughmap_lebel_text {
    padding: 8px 15px 8px;
    /* line-height: 32px; */
    font-size: 0px;
    font-weight: 600;
    font-family: "score";
    letter-spacing: -1px;
    border-radius: 30px;
    background-color: #fff;
}

#sub_location .section_address,
#sub_location .section_busstop,
#sub_location .section_busline {
    display: none;
}

#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_council2.png);
    background-repeat: no-repeat;
    background-size: contain;
}

#sub_location .roughmap_maker_label span:after {
    height: auto;
    border-top: none;
    border-left: none;
    border-right: none;
    background: none;
    content: "忠清北道议会";
    font-size: 20px;
    font-weight: 700;
    z-index: 10;
    margin: 0;
    left: 3rem;
    top: 0.85rem;
    position: absolute;
}

#sub_location .map_info {
    box-sizing: border-box;
    padding: 20px 28px 20px 50px;
    width: 80%;
    height: 75px;
    background-image: -moz-linear-gradient(0deg, rgb(58, 51, 136) 0%, rgb(180, 115, 92) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(58, 51, 136) 0%, rgb(180, 115, 92) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(58, 51, 136) 0%, rgb(180, 115, 92) 100%);
    border-radius: 50px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
}


#sub_location .map_info ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

#sub_location .map_info li {
    position: relative;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0 0 48px;
    height: 100%;
    word-break: keep-all;
    color: #fff;
    font-family: 'score_500';
}

#sub_location .map_info li+li {
    margin: 0 0 0 40px;
}

#sub_location .map_info li:nth-child(2),
#sub_location .map_info li:nth-child(3) {
    flex: 1 0 auto;
}

#sub_location .map_info li a {
    color: #fff;
}

#sub_location .map_info li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 37px;
    height: 37px;
    background: url("/images/kr/intro/ico_loc1.png") no-repeat 50% 50% / cover;
    transform: translateY(-50%);
}

#sub_location .map_info li:nth-child(2):before {
    background-image: url("/images/kr/intro/ico_loc2.png");
}

#sub_location .map_info li:nth-child(3):before {
    background-image: url("/images/kr/intro/ico_loc3.png");
}

#sub_location .map_info li:last-child {
    padding: 0;
    margin: 0 0 0 20px;
}

#sub_location .map_info li:last-child a {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    color: #fff;
    border: 1px dashed #9fa7d2;
    background: rgba(157, 171, 217, 0.5);
    text-decoration: none;
    font-size: 14px;
}

#sub_location .map_info li:last-child:before {
    display: none;
}

#sub_location .map_info li:last-child a:before {
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    margin: 0 auto 3px;
    background: url(/images/kr/intro/ico_new.png) no-repeat;
}

#sub_location .map_info li:last-child a:hover {
    background-color: rgba(157, 171, 217, 0.2);
    border-style: solid;
}

#sub_location h4 {
    padding-left: 0;
}

.nobefore::before {
    content: none;
}

.map_inner_wrap {position:relative;overflow:hidden;width:100%;height:450px; margin-bottom: 40px;}
.radius_border{border:1px solid #919191;border-radius:5px; margin-bottom: 35px;}     

.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}   
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:30px;height:92px;overflow:hidden;z-index:1;background-color:#f5f5f5;} 
.custom_zoomcontrol span {display:block;width:30px;height:30px;text-align:center;cursor:pointer;}     
.custom_zoomcontrol span img {width:15px;height:15px;padding:8px 0;border:none;}             
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}  
.custom_zoomcontrol span:nth-child(2){border-bottom:1px solid #bfbfbf;} 
.custom_zoomcontrol span:last-child img{display:none;}
.custom_zoomcontrol span:last-child{background: url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/detail/img_zoom.png) no-repeat; background-position: -80px -71px;}

.customoverlay {position:relative;bottom:50px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left; width: 200px;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;overflow:hidden;background: #d95050;background: rgb(58, 51, 136) url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center;}
.customoverlay .title {display:block;text-align:center;background:#fff;margin-right:35px;padding:10px 7px 10px 50px;font-size:18px;font-weight:bold;}
.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
.customoverlay:before{content: ''; position: absolute; left: 10px; top: 4px; width: 35px; height: 35px; background: url(/images/common/ico_council.png) center no-repeat; background-size:cover;}

@media all and (max-width:1230px) {
    #sub_location .map_info {
        position: relative;
        height: auto;
        width: 100%;
        border-radius: 0;
    }

    #sub_location .map_info ul {
        flex-wrap: wrap;
    }

    #sub_location .map_info li {
        width: 100%;
        height: 37px;
        padding: 0 0 0 40px;
    }

    #sub_location .map_info li:before {
        width: 32px;
        height: 32px;
    }

    #sub_location .map_info li+li {
        margin: 5px 0 0 0;
    }

    #sub_location .map_info li:last-child {
        display: block;
        position: absolute;
        right: 20px;
        top: 20px;
        width: auto;
        margin: 0;
    }
    
    .map_inner_wrap{
        margin-bottom: 0;
    }
}

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

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

@media all and (max-width:568px) {
    #sub_location .map_info {
        padding: 20px 5px 20px 15px;
    }

    #sub_location .map_info li:last-child {
        top: 55px;
        right: 15px;
    }

    #sub_location .map_info li:last-child a {
        width: 55px;
        height: 55px;
    }

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

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

    #sub_location .roughmap_maker_label .roughmap_lebel_text:before {
        height: 25px;
        margin: 0 2px 0 0;
    }
}

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

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

    #sub_location .map_info li:last-child {
        position: relative;
        top: 0;
        right: 1rem;
        margin-block: 1rem;
    }

    #sub_location .map_info li:last-child a {
        margin-left: auto;
    }
}

/* 의장단 */
#sub_chairmanlist .list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 34px 10px 40px 30px;
    width: 500px;
    border: 1px solid #dbd6f5;
    box-sizing: border-box;
}

#sub_chairmanlist .list::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: 10px;
    background: linear-gradient(145deg, rgba(58, 51, 136, 1) 0%, rgba(127, 93, 98, 1) 100%);
}

#sub_chairmanlist .list .tag {
    position: absolute;
    top: -11px;
    right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 62px;
    height: 62px;
    font-family: 'gmarket';
    font-weight: 800;
    color: #fff;
    background: linear-gradient(145deg, rgba(58, 51, 136, 1) 0%, rgba(127, 93, 98, 1) 100%);
}

#sub_chairmanlist .list .tag::after {
    content: '';
    overflow: hidden;
    position: absolute;
    top: 0;
    right: -10px;
    width: 7px;
    height: 10px;
    border-left: 5px solid #31294c;
    border-bottom: 5px solid #31294c;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
}

#sub_chairmanlist .list .pic {
    display: inline-block;
    overflow: hidden;
    width: 143px;
    border-radius: 5px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

#sub_chairmanlist .list .txt {
    padding: 7px 0 0 30px;
    width: calc(100% - 143px);
    box-sizing: border-box;
}

#sub_chairmanlist .list .txt em {
    font-family: 'gmarket';
    font-weight: 900;
    font-size: 25px;
}

#sub_chairmanlist .dot {
    margin: 10px 0 15px;
}

#sub_chairmanlist .dot>li {
    padding: 0 0 0 10px;
    font-size: 17px;
}

#sub_chairmanlist .dot>li::before {
    top: 10px;
    width: 5px;
    height: 5px;
    background: #4e4fb1;
}

#sub_chairmanlist .btn_wrap {
    display: flex;
}

#sub_chairmanlist .btn_wrap li:last-child {
    margin: 0 0 0 10px;
}

#sub_chairmanlist .btn_wrap li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 22px 0;
    height: 42px;
    font-family: 'gmarket';
    font-weight: 800;
    text-decoration: none;
    border: 1px solid #dbd6f5;
    box-sizing: border-box;
}

#sub_chairmanlist .vice {
    display: flex;
    justify-content: space-between;
    margin: 57px 0 0;
}

#sub_chairmanlist .vice .list {
    margin: 0;
}

#sub_chairmanlist .vice .list:last-child {
    margin: 0 0 0 10px;
}

#sub_chairmanlist .list_wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px;
}

#sub_chairmanlist .list_wrap .list {
    margin: 0;
}

#sub_chairmanlist .list_wrap .list:last-child {
    margin: 0 0 0 10px;
}

@media all and (max-width: 1300px) {
    #sub_chairmanlist .list .pic {
        width: 120px;
        height: 130px;
    }

    #sub_chairmanlist .list .pic img {
        width: 100%;
        height: 100%;
    }

    #sub_chairmanlist .list .txt {
        width: calc(100% - 130px);
    }

    #sub_chairmanlist .btn_wrap li a {
        padding: 4px 10px;
    }
}

@media all and (max-width: 800px) {
    #sub_chairmanlist .list {
        width: 100%;
    }

    #sub_chairmanlist .vice,
    #sub_chairmanlist .list_wrap {
        flex-wrap: wrap;
    }

    #sub_chairmanlist .vice .list:last-child {
        margin: 60px 0 0;
    }

    #sub_chairmanlist .list_wrap .list:last-child {
        margin: 35px 0 0;
    }
}

@media all and (max-width: 568px) {
    #sub_chairmanlist .list {
        padding: 30px 10px 40px 25px;
    }

    #sub_chairmanlist .list .pic {
        width: 100px;
        height: 110px;
    }

    #sub_chairmanlist .list .txt {
        padding: 3px 0 0 20px;
        width: calc(100% - 100px);
    }

    #sub_chairmanlist .list .txt em {
        font-size: 22px;
    }

    #sub_chairmanlist .dot>li {
        font-size: 15px;
    }
}

@media all and (max-width: 380px) {
    #sub_chairmanlist .list .pic {
        width: 80px;
        height: 90px;
    }

    #sub_chairmanlist .list .txt {
        width: calc(100% - 80px);
    }

    #sub_chairmanlist .list .txt em {
        font-size: 20px;
    }

    #sub_chairmanlist .dot {
        margin: 5px 0 10px;
    }
}

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

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

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

.profile_wrap+.profile_wrap {
    float: right;
}

.profile_wrap .profile {
    width: 100%;
}

.profile {
    float: left;
    width: 47.8%;
    height: 360px;
    /* width: 100%; */
    margin: 0 0 34px 0;
    padding: 30px 0 0 0;
    color: #333;
    border-radius: 10px;
    border: 1px solid rgba(41, 46, 68, 0.15);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.profile.none {
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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

.profile dt {
    position: absolute;
    top: 0;
    left: 7.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;
}

.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 8px 110px;
    line-height: 135%;
    box-sizing: border-box;
}

.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: absolute;
    top: 0;
    left: 14px;
    width: 85px;
    letter-spacing: 2px;
}

.profile dd li:first-child em {
    letter-spacing: -1px;
}

.profile dd li:nth-child(3) em,
.profile dd li:nth-child(4) em {
    letter-spacing: 0;
}

.profile dd li span {
    width: 100%;
    word-break: break-all;
}

.profile dd li .colon {
    position: absolute;
    top: 0;
    left: 100px;
    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: calc(100% + 1px);
    margin: 0 0 0 -1px;
    border-right: none;
    border-left: 1px solid rgba(41, 46, 68, 0.15);
    border-radius: 0 0 10px 0;
}

.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 0 0 24px;
}

.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: -103px 6px;
}

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

.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:1230px) {
    .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:1024px) {
    .profile_wrap {
        width: 49%;
    }

    .profile {
        width: 49%;
    }

    .profile dl {
        min-height: 240px;
        padding: 0 0 20px 38%;
    }

    .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:768px) {
    .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 dl {
        padding: 0 0 23px 38%;
    }

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

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

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

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

    .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;
    }
}

/* 역대의원 */
.form_sc {
    z-index: 1;
    position: relative;
    float: left;
    width: calc(100% - 3px);
    padding: 40px 0;
    text-align: center;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 0 50px;
    box-sizing: border-box;
}

.form_sc:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 2px);
    height: 95px;
    border-top: 5px solid #3e59ad;
    border-right: 5px solid #3e59ad;
}

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

.form_sc label {
    position: absolute;
    left: 65px;
    top: 0;
    line-height: 54px;
    font-size: 18px;
    color: #222;
    font-weight: 600;
}

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

.form_sc .sel {
    width: 30.24%;
    padding: 0 0 0 127px;
}

.form_sc .sel:after {
    content: '';
    display: block;
    position: absolute;
    top: 22px;
    right: 18px;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    border-bottom: 3px solid #3b4969;
    border-right: 3px solid #3b4969;
}

.form_sc select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -moz-appearance: none;
}

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

.form_sc select,
.form_sc input[type="text"] {
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding: 0 0 0 20px;
    font-weight: 600;
    font-size: 120%;
    border: 1px solid #ddd;
    background: #fff;
}

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

.form_sc .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 54px;
    width: 54px;
    line-height: 45px;
    min-width: 0;
    padding: 0;
    font-size: 0;
    text-indent: -999px;
    border: none;
    border-radius: 0;
    background: #292e44;
}

.form_sc .btn:before,
.form_sc .btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    left: 17px;
    width: 18px;
    height: 18px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
}

.form_sc .btn:after {
    left: 30px;
    top: 32px;
    width: 9px;
    height: 3px;
    border: none;
    border-radius: 2px;
    transform: rotate(45deg);
    background: #fff;
}

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

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

@media all and (max-width:768px) {
    .form_sc:before {
        height: 55px;
    }

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

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

    .form_sc label {
        left: 45px;
    }

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

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

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

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

    .form_sc label {
        left: 16px;
        font-size: 17px;
        line-height: 45px;
    }

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

    .form_sc .sel:after {
        top: 17px;
    }

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

    .form_sc select,
    .form_sc input[type="text"] {
        height: 45px;
        line-height: 45px;
        line-height: 42px;
        padding: 0 0 0 10px;
    }

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

    .form_sc .btn {
        height: 45px;
        line-height: 45px;
        width: 45px;
    }

    .form_sc .btn:before {
        top: 11px;
        left: 12px;
    }

    .form_sc .btn:after {
        top: 27px;
        left: 25px;
    }

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

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

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

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

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

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

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

    .form_sc select,
    .form_sc input[type="text"] {
        height: 40px;
        line-height: 40px;
        line-height: 37px;
    }

    .form_sc .btn {
        height: 40px;
        width: 42px;
        line-height: 40px;
    }

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

    .form_sc .btn:before {
        top: 9px;
        left: 10px;
    }

    .form_sc .btn:after {
        top: 25px;
        left: 23px;
    }

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

/* 선거구 */
/* 선거구별 s */
#sub_district .top_box {
    padding-block: 40px;
    border: 1px solid #dddddd;
    position: relative;
    margin-bottom: 42px;
}

#sub_district .top_box:before {
    width: 100%;
    height: 5px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-image: -moz-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
}

#sub_district .top_box ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

#sub_district .top_box ul li {
    font-family: 'gmarketB';
    font-size: 23px;
}

#sub_district .top_box ul li span {
    font-size: 23px;
}

#sub_district ul.map_wrap {
    position: relative;
    width: 419px;
    height: 485px;
}

#sub_district ul.map_wrap li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#sub_district .box_info {
    padding-left: 8%;
    padding-top: 50px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 50px;
    border-top: 1px solid #ddd;
    box-sizing: border-box;
    word-break: keep-all;
}

#sub_district .box_info:before {
    content: none;
}

#sub_district .map {
    position: absolute;
    left: 5.5%;
    top: 30px;
}

#sub_district .info {
    font-size: 15px;
    text-align: left;
    flex: 1;
}

#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;
}


#sub_district .info li * {
    display: inline-block;
    vertical-align: top;
    line-height: 31px;
}

#sub_district .info li+li {
    margin-top: 10px;
}

#sub_district .info li a {
    display: inline-flex;
    align-items: center;
    justify-content: start;
    width: 100%;
}

#sub_district .info li.mapon strong {
    background-color: #b59a46;
    color: #fff;
}

#sub_district .info strong {
    width: 75px;
    min-width: 75px;
    height: 28px;
    margin: 0 10px 0 0;
    border-radius: 1rem;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid #b59a46;
    text-align: center;
    color: #333;
    line-height: 2;
}

#sub_district .mbblock {
    display: none;
}



@media all and (max-width:1430px) {
    #sub_district .map {
        left: 2%;
    }
}

@media all and (max-width:1320px) {
    #sub_district .box_info {
        flex-direction: column;
        gap: 2rem;
    }

    #sub_district .info {
        width: 100%;
    }

    #sub_district .info ul {
        padding: 0;
    }
}

@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-inline: 20px;
        width: calc(100% - 40px);
    }

    #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;
    }

    #sub_district .top_box ul {
        flex-direction: column;
        align-items: start;
        padding-left: 2rem;
    }


    #sub_district ul.map_wrap {
        position: relative;
        width: 269px;
        height: 335px;
    }

    #sub_district .mbblock {
        display: block;
        text-align: center;
    }

    #sub_district .info p {
        display: none;
    }

}

@media all and (max-width:380px) {
    #sub_district .district {
        margin: 0 0 35px;
    }
}

/* 의정활동 */
#sub_standing .box_info {
    padding: 40px 36% 40px 50px;
    background: url(/images/kr/activity/bg_standing.jpg)no-repeat right 56px bottom;
}

#sub_standing .box_info .tit {
    font-family: 'gmarket';
    font-size: 23px;
    font-weight: 900;
}

#sub_standing .box_info .fc_blue {
    color: #4e4fb1;
}

#sub_standing .box_info .desc {
    margin: 10px 0;
}

#sub_standing .box_info ul {
    display: flex;
    flex-wrap: wrap;
}

#sub_standing .box_info ul li {
    width: 176px;
    margin: 11px 11px 0 0;
}

#sub_standing .box_info ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 43px;
    text-align: center;
    line-height: 1.2;
    text-decoration: none;
    background: #fff;
    border: 1px solid #cbccee;
}

#sub_standing .line_box {
    margin: 0 0 40px;
}

#sub_standing h4 {
    display: inline-block;
    width: auto;
}

#sub_standing .btn_homepage {
    display: inline-block;
    margin: 0 0 0 10px;
    width: 136px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background: #665dc5;
    border-radius: 30px;
}

#sub_standing.special .box_info {
    padding: 40px 26% 40px 50px;
    background-image: url(/images/kr/activity/bg_special.jpg);
    background-position: right bottom;
}

#sub_standing.special .box_info ul li {
    width: 42%;
}

@media all and (max-width:768px) {
    #sub_standing .box_info {
        padding: 35px 30px;
        background: none;
    }

    #sub_standing .box_info ul li {
        width: 30%;
    }

    #sub_standing.special .box_info {
        padding: 35px 30px;
        background: none;
    }

    #sub_standing.special .box_info ul {
        justify-content: space-between;
    }

    #sub_standing.special .box_info ul li {
        margin: 10px 0 0;
        width: 49%;
    }
}

@media all and (max-width:568px) {
    #sub_standing .box_info {
        padding: 35px 25px;
    }

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

    #sub_standing .box_info ul {
        justify-content: space-between;
    }

    #sub_standing .box_info ul li {
        margin: 10px 0 0;
        width: 49%;
    }
}

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

#sub_voca .indexArea {
    z-index: 1;
    position: relative;
    float: left;
    width: calc(100% - 3px);
    margin: 0 0 40px;
    padding: 40px 60px 35px;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 0 50px;
    box-sizing: border-box;
}

#sub_voca .indexArea:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 2px);
    height: 95px;
    border-top: 5px solid #3e59ad;
    border-right: 5px solid #3e59ad;
}

#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 #aaa;
    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;
    box-sizing: border-box;
}

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

#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: 7px;
    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;
    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: 600;
    text-decoration: none;
    border: 1px solid #d1d1d1;
    border-radius: 50%;
    box-sizing: border-box;
    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: #ff476a;
    background: #ff476a;
}

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

#sub_voca .search_result li {
    float: left;
    width: 20%;
    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 {
    position: relative;
}

#sub_search .search {
    z-index: 1;
    position: relative;
    float: left;
    width: calc(100% - 3px);
    margin: 0 0 50px;
    padding: 60px 0;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 0 50px;
    box-sizing: border-box;
}

#sub_search .search:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 2px);
    height: 95px;
    border-top: 5px solid #3e59ad;
    border-right: 5px solid #3e59ad;
}

#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%;
    color: #333;
}

#sub_search .search #word {
    width: 30%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
}

#sub_search .search button {
    width: 60px;
    height: 40px;
    background: #292e44;
    border-radius: 3px;
    color: #fff;
}

#sub_search .result h4 {
    margin: 0 0 15px 0;
    font-size: 145%;
    border-bottom: 1px solid #ccc;
}

#sub_search .result>.dot {
    margin: 0 0 0 10px;
}

#sub_search .result>.dot>li {
    padding: 0 0 0 12px;
    margin: 0 0 7px;
    font-size: 110%;
    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: #37405b;
}

@media all and (max-width:768px) {
    #sub_search .search {
        padding: 70px 0 45px 0;
        margin: 0 0 25px;
        border-radius: 5px 5px 40px 5px;
    }

    #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: 55px 0 45px 0;
        border-radius: 5px 5px 30px 5px;
    }
}

@media all and (max-width:380px) {
    #sub_search .search {
        padding: 45px 0 40px 0;
        border-radius: 5px 5px 25px 5px;
    }
}

/* 배너모음 */
#sub_banner ul {
    overflow: hidden;
    width: 100%;
}

#sub_banner ul li {
    display: inline-block;
    width: 24.5%;
    padding: 5px;
    box-sizing: border-box;
}

#sub_banner ul li img {
    max-width: 100%;
}

#sub_banner ul li.none {
    font-weight: bold;
    text-align: center;
    width: 100%;
}

@media all and (max-width:768px) {
    #sub_banner ul li {
        width: 32.5%;
        padding: 5px 3px;
        text-align: center;
    }
}

@media all and (max-width:568px) {
    #sub_banner ul li {
        width: 49.2%;
    }
}

#sub_privacy {
    word-break: keep-all;
}

#sub_privacy p+ul {
    margin-top: 7px;
}

#sub_privacy>ul>li+li {
    margin-top: 15px;
}

#sub_privacy>ul>li>strong {
    color: #333;
    font-weight: 400;
}

#sub_privacy .list_year li {
    display: inline-block;
    padding-right: 2px;
    box-sizing: border-box;
}

@media all and (max-width:568px) {
    #sub_privacy .list_year li {
        width: 49.2%;
    }

    #sub_privacy .list_year li:nth-child(even) {
        padding-right: 0;
    }

    #sub_privacy .list_year li a {
        width: 100%;
        padding: 0;
    }
}


/* 2025.05.15 추가 */
#sub_function3 .dash {
    margin-bottom: 35px !important;
}

.dash ul .blue4e {
    color: #4e4fb1;
    font-size: 1rem;
    letter-spacing: -0.8px;
    line-height: 30px;
    font-family: 'score_500' !important;
    font-weight: 500;
    margin-top: 20px;
}

.proc_fc5>li em {
    background: url(/images/kr/intro/bg_proc5.jpg) center no-repeat;
    background-size: cover;
}

.proc_fc5>li::after {
    background: url(/images/kr/intro/ico_arrow_brwn.png) center no-repeat;
    background-size: contain;
    bottom: -50%;
}

.proc_fc5>li:nth-child(5)::after {
    bottom: -50%;
}

.proc_fc5>li:nth-child(7)::after {
    bottom: -20%;
}

.proc_fc5>li:last-child em {
    background-image: url(/images/kr/intro/bg_proc1.jpg);
}

.tel {
    max-width: 1120px;
    padding-block: 1.5rem;
    padding-inline: 20px;
    margin: 0 auto;
    margin-top: 100px;
    background-color: #ecf5f5;
    border-radius: 12px;
}

.tel ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    gap: 9.5rem;
    padding-left: 2rem;
}

.tel ul li {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    line-height: 1;
    color: #333 !important;
}

.tel ul li p {
    font-family: 'score_300';
}

.tel ul li p:nth-of-type(1) {
    border-right: 1px solid #bec5c5;
    position: relative;
    padding-right: 1rem;
}

.tel ul li p:nth-of-type(1):before {
    display: block;
    content: '';
    width: 7px;
    height: 4px;
    position: absolute;
    left: -1rem;
    top: 50%;
    transform: translateY(-50%);
    background-color: #1f6c85;
}

@media (max-width: 568px) {
    .tel ul {
        gap: 4rem;
    }
}

@media (max-width: 380px) {

    .tel ul {
        gap: 2rem;
        flex-direction: column;
        align-items: start;
    }

    .tel ul li {
        flex-direction: column;
    }

    .tel ul li p:nth-of-type(1) {
        border-right: none;
    }
}


.func4_wrap {
    width: 100%;
    max-width: 1120px;
    padding-inline: 20px;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

.func4_wrap>li {
    width: 47%;
    border: 1px solid #6050bf;
    border-radius: 1.125rem;
    overflow: hidden;
}

.func4_wrap li h6 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.45px;
    width: 100%;
    display: inline-flex;
    padding-left: 28px;
    padding-block: 1.125rem;
    background-color: #6050bf;
    font-family: 'gmarket_700';
}

.func4_wrap li .dash {
    margin-top: 24px;
    padding-inline: 18px;
    margin-bottom: 30px;
}

.func4_wrap li .color {
    color: #af4343;
}

@media screen and (max-width : 1024px) {
    .func4_wrap>li {
        width: 97%;
    }
}

@media (max-width: 568px) {
    .func4_wrap {
        gap: 2rem;
        padding-inline: 0;
    }

    .func4_wrap>li {
        width: 100%;
    }

    .func4_wrap li h6 {
        font-size: 18px;
    }
}

/* function 04 end */

/* 조직구성 */
#sub_org .hasUl>ul {
    padding: 10px 0 10px 4%;
    font-size: 15px;
}

#sub_org .hasUl>ul:after {
    content: "";
    display: block;
    clear: both;
}

#sub_org .hasUl>ul>li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 10px 0 0;
    font-family: 'score_300';
    /* 임의 css 추가 */
    font-size: 13px;
    text-wrap: nowrap;
}

#sub_org .hasUl>p {
    padding: 10px 0 0 4%;
    font-size: 15px;
    font-family: 'score_300';
}

#sub_org .info {
    border: 1px solid #ddd;
    padding-inline: 50px;
}

#sub_org .info .gra {
    background-image: -moz-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    position: absolute;
    width: 1080px;
    height: 5px;
    margin-bottom: 40px;
    margin-left: -50px;
    overflow: hidden;
}

#sub_org .info {
    margin-bottom: 53px;
}

#sub_org .info h6 {
    margin-top: 40px;
    color: #4e4fb1;
    font-family: 'gmarketB';
    font-size: 23px;
    margin-bottom: 20px;
}

#sub_org .info ul {
    margin-bottom: 2rem;
}

#sub_org .info ul li {
    font-size: 16px;
    font-family: 'score_300';
}

#sub_org .info .color {
    color: #c24848;
}


.office {
    position: relative;
    height: 793px;
    margin: -60px 0 40px;
    text-align: center;
    box-sizing: border-box;
}

.office span {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 104px;
    display: block;
    width: 104px;
    height: 102px;
    line-height: 102px;
    box-sizing: border-box;
    margin: 0 0 0 -52px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    background: #008e93;
}

.office2 span {
    width: 227px;
    height: 55px;
    line-height: 55px;
    margin-left: -113px;
    top: 268px;
    background-image: -moz-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    color: #fff;
    font-size: 19px;
}



.office2_1 span {
    top: 208px;
    left: 76.508%;
    border: none;
    background: #2c9782;
    color: #fff;
    background-image: -moz-linear-gradient(0deg, rgb(182, 141, 92) 0%, rgb(160, 116, 73) 55%, rgb(138, 90, 54) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(182, 141, 92) 0%, rgb(160, 116, 73) 55%, rgb(138, 90, 54) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(182, 141, 92) 0%, rgb(160, 116, 73) 55%, rgb(138, 90, 54) 100%);
    position: absolute;
}

.office2_1 span:before {
    width: 17px;
    height: 17px;
    border: 5px solid #d99f74;
    background-color: #fff;
    content: '';
    display: block;
    border-radius: 100%;
    position: absolute;
    left: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
}


.office3 span {
    top: 379px;
    left: 17.084%;
    width: 193px;
    margin-left: -96px;
    border: none;
    background: #22403a;
    color: #fff;
}

.office3>span {
    background-image: -moz-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    color: #fff;
    position: absolute;
}

.office3>span::before {
    width: 17px;
    height: 17px;
    border-radius: 100%;
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: -0.5rem;
    transform: translateX(-50%);
    border: 5px solid #8999f0;
    background-color: #fff;
}


.office3_2 span {
    left: 38.161%;
}

.office3_3 span {
    left: 59.238%;
}

.office3_4>span {
    background-image: -moz-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(93, 70, 117) 0%, rgb(78, 71, 158) 100%);
    color: #fff;
}

.office3_4 span {
    left: 82.915%;
}


.office4>span {
    top: 439px;
    height: 44px;
    line-height: 42px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #555;
    font-size: 16px;
}

.office4_1>span {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1;
}

.office4_1>span span {
    position: static;
    width: auto;
    height: auto;
    line-height: 1;
    background: transparent;
    font-size: 14px;
    color: #555;
    margin: 4px 0 0;
}

.office4_2 span {
    top: 488px;
}

.office4_3 span {
    top: 537px;
}

.office4_4 span {
    top: 586px;
}

.office4_5 span {
    top: 635px;
}

.office4_6 span {
    top: 684px;
}

.office li:before {
    content: "";
    position: absolute;
    top: 215px;
    left: 50%;
    display: block;
    width: 1px;
    height: 140px;
    background: #ddd;
}

.office .office2:before {
    top: 355px;
    left: 50%;
    transform: translateX(-50%);
    width: 66%;
    height: 1px;
}

.office .office2:after {
    content: "";
    position: absolute;
    top: 237px;
    left: 50%;
    display: block;
    width: 172px;
    height: 1px;
    background: #ddd;
}

.office .office3:before {
    top: 355px;
    width: 1px;
    height: 30px;
}

.office .office3_1:before {
    left: 16.875%;
}

.office .office3_2:before {
    left: 38.125%;
}

.office .office3_3:before {
    left: 59.125%;
}

.office .office3_4:before {
    left: 83%;
}


.office1>span {
    border-radius: 50%;
    background-image: -moz-linear-gradient(0deg, rgb(182, 141, 92) 0%, rgb(160, 116, 73) 55%, rgb(138, 90, 54) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(182, 141, 92) 0%, rgb(160, 116, 73) 55%, rgb(138, 90, 54) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(182, 141, 92) 0%, rgb(160, 116, 73) 55%, rgb(138, 90, 54) 100%);
    position: absolute;
}

.office1>span::before {
    width: 17px;
    height: 17px;
    background-color: #fff;
    border: 5px solid #d99f74;
    border-radius: 100%;
    content: '';
    display: block;
    position: absolute;
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
}

.office1:after {
    border-radius: 50%;
    background-image: -moz-linear-gradient(90deg, rgb(169, 122, 65) 0%, rgb(153, 106, 60) 55%, rgb(137, 89, 54) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(169, 122, 65) 0%, rgb(153, 106, 60) 55%, rgb(137, 89, 54) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(169, 122, 65) 0%, rgb(153, 106, 60) 55%, rgb(137, 89, 54) 100%);
    opacity: 0.302;
    position: absolute;
    width: 140px;
    height: 140px;
    left: 50%;
    top: 19.5%;
    transform: translate(-50%, -50%);
    content: '';
    display: block;
}

.office .office2_1:after {
    content: "";
    position: absolute;
    top: 63px;
    left: 50%;
    transform: rotate(30deg);
    margin: 12px 0 0 -98px;
    width: 70px;
    height: 70px;
    background: #fff url(/images/kr/intro/dot_skyblue.png);
}

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

    .office2 span,
    .office3 span {
        width: 148px;
        margin-left: 0;
        transform: translateX(-50%);
    }

    .office span {
        font-size: 19px;
    }

    .office2 span {
        font-size: 17px;
    }

    .office4 span {
        font-size: 15px;
    }

    .office4_1>span span {
        transform: translateX(0);
    }
}

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

    #sub_org .hasUl>ul {
        display: flex;
        flex-direction: column;
    }

    #sub_org .hasUl>ul>li {
        text-wrap: wrap;
    }

    #sub_org .hasUl>p {
        font-size: 14px;
    }

    .office2_1 span {
        left: 84%;
    }

    .office3 span {
        left: 13%;
        width: 125px;
    }

    .office3_2 span {
        left: 38%;
    }

    .office3_3 span {
        left: 62.5%;
    }

    .office3_4 span {
        left: 87%;
    }

    .office4 span {
        font-size: 14px;
    }

    .office .office3_3:before {
        left: 62.5%;
    }
}

@media all and (max-width: 568px) {
    .office {
        height: auto;
        padding: 40px 10px 20px;
    }

    .office span {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto 10px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        transform: none;
        font-size: 15px;
    }

    .office1>span {
        width: 104px;
        height: 102px;
        line-height: 105px;
        margin-bottom: 30px;
        font-size: 16px;
    }

    .office2_1 span:before {
        content: none;
    }

    .office4 span {
        font-size: 14px;
    }

    .office4_1>span {
        line-height: 1;
    }

    .office li:before,
    .office .office2:after {
        display: none;
    }

    .office:before {
        content: "";
        position: absolute;
        top: 40px;
        left: 50%;
        display: block;
        width: 1px;
        height: 91%;
        background: #ddd;
    }

    .office1:after {
        top: 7.5%;
    }

    .office .office2_1:after {
        display: block;
        top: 0;
        width: 40px;
        height: 40px;
        margin: 25px 0 0 -72px;
    }
}

.people {
    margin-top: 50px;
}

#sub_jumin .box_icon {
    background: url(/images/kr/open/petition_top_bg.png) right no-repeat;
    background-size: cover;
}

.petition_btn {
    background-color: #3738a2;
    color: #fff;
    font-family: 'score_300';
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding-inline: 1rem;
    padding-block: 0.5rem;
    transition: 0.3s;
}

.petition_btn:hover {
    background-color: #665dc5;
    color: #fff;
    transition: 0.3s;
}

.petition_btn:before {
    content: none;
}

.process {
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-inline: 68px;
    padding-block: 55px 45px;
}

.process>ul:not(.dash) {
    display: flex;
    width: 100%;
    max-width: 840px;
    padding-inline: 20px;
    align-items: start;
    justify-content: space-between;
    margin-bottom: 45px;
}

.process>ul:not(.dash) li {
    width: 167px;
    height: 91px;
    background-color: #508db0;
    color: #fff;
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'score_300';
    position: relative;
}

.process>ul:not(.dash) li::before {
    width: 12px;
    height: 22px;
    background: url(/images/kr/open/ico_arrow_blue.png) center no-repeat;
    background-size: contain;
    content: '';
    display: block;
    position: absolute;
    right: -2rem;
    top: 50%;
    transform: translateY(-50%);
}

.process>ul:not(.dash) li:last-child::before {
    content: none;
}

.process h6 {
    font-family: 'score_300';
    color: #333;
    margin-bottom: 0.5rem;
}

.process .dash {
    color: #333;
}

.process .dash li {
    padding: 0 0 2px 0px;
}

.process .dash li::before {
    content: none;
}

#sub_jumin .dot>li {
    font-family: 'score_300';
    color: #333333;
}

.nobefore::before {
    content: none;
}

@media screen and (max-width: 768px) {
    #sub_jumin .box_icon {
        background: none;
    }

    .process {
        padding-inline: 2rem;
    }

    .process>ul:not(.dash) {
        flex-wrap: wrap;
        row-gap: 2rem;
        flex-direction: column;
        padding-inline: 0;
    }

    .process>ul:not(.dash) li {
        width: 100%;
        height: 85px;
    }

    .process>ul:not(.dash) li::before {
        content: none;
    }
}

@media screen and (max-width : 586px) {
    #sub_jumin .box_icon p br {
        display: none;
    }
}


#sub_hope h5 {
    font-family: 'gmarketB';
    font-size: 23px;
    color: #333333;
    padding-left: 0;
    padding-bottom: 10px;
}

#sub_hope h5:before {
    content: none;
}

#sub_hope .jumin_wrap .wrap {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 30px;
}

#sub_hope .jumin_wrap .wrap .quick {
    display: inline-flex;
    padding-inline: 21px;
    padding-block: 7px;
    background-color: #3738a2;
    color: #fff;
    font-family: 'score_300';
    margin-bottom: 10px;
    align-items: center;
    gap: 1rem;
    transition: 0.3s;
}

#sub_hope .jumin_wrap .wrap .quick:hover {
    background-color: #665dc5;
    color: #fff;
    transition: 0.3s;
}

#sub_hope .proc {
    background-color: #f5f5f5;
    padding-inline: 77px;
    padding-block: 50px;
}

#sub_hope .proc>li em {
    width: 24.37%;
    background: none;
    background-color: #f1f1f8;
    border: 2px solid #5758b3;
    color: #333;
    border-radius: 0;
    height: 100%;
    padding-block: 0.75rem;
}

#sub_hope .proc>li::after {
    background: url(/images/kr/open/ico_arrow_purple.png) center no-repeat;
    background-size: contain;
    bottom: -50%;
    left: 11%;
}

#sub_hope .proc>li:nth-child(5)::after {
    bottom: -50%;
}

#sub_hope .proc>li {
    justify-content: initial;
    gap: 14px;
}

#sub_hope .proc>li ul {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 73.49%;
    border-radius: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding-block: 1rem;
}

#sub_hope .proc>li ul::before {
    content: none;
}

#sub_hope .proc>li ul li {
    font-family: 'score_500';
    color: #333;
    font-size: 15px;
    line-height: 1.35;
}

@media screen and (max-width : 1024px) {
    #sub_hope .proc>li ul {
        width: 100%;
    }

    #sub_hope .proc>li::after,
    #sub_hope .proc>li:nth-child(5)::after {
        bottom: -28%;
    }
}

@media screen and (max-width : 768px) {
    #sub_hope .jumin_wrap .wrap {
        flex-wrap: wrap;
    }

    #sub_hope .proc {
        padding-inline: 2rem;
    }

    #sub_hope .proc>li em {
        width: 100%;
    }

    #sub_hope .proc>li::after,
    #sub_hope .proc>li:nth-child(5)::after {
        left: 50%;
        transform: translateX(-50%);
    }

    #sub_hope .proc>li ul {
        text-align: center;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width : 586px) {
    #sub_hope h5 {
        font-size: 16px;
    }

    #sub_hope .proc>li ul li {
        font-size: 14px;
    }

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


#assem_wrap .process {
    padding-inline: 86px;
    padding-block: 40px;
}

#assem_wrap .process>ul {
    max-width: initial;
    padding-inline: 0;
    margin-bottom: 0;
    flex-wrap: wrap;
    row-gap: 2rem;
}

#assem_wrap .process>ul li {
    width: 140px;
    height: 60px;
}

.down {
    background-color: #3738a2;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    padding-inline: 1.25rem;
    padding-block: 0.5rem;
    margin-left: 1rem;
    font-family: 'score_200';
    font-size: 15px;
}

.down:hover {
    background-color: #665dc5;
    color: #fff;
    transition: 0.3s;
}

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

    .process>ul li::before {
        right: -1.5rem;
    }
}


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

    #assem_wrap .process>ul li {
        width: 100%;
    }
}

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

    #assem_wrap .process {
        padding-inline: 1rem;
    }
}

#chengwon_wrap .box_icon {
    background: url(/images/kr/open/cheongwon_top_bg.png) right no-repeat;
    background-size: cover;
}

#chengwon_wrap .wrap li:nth-of-type(1) li:last-child::before {
    content: none;
}

#chengwon_wrap .down {
    margin-left: 0;
}

#chengwon_wrap .procedure {
    width: 100%;
    height: 434px;
    /* min-width: 1080px; */
    padding-inline: 77px;
    padding-block: 57px;
    background-color: #f5f5f5;
}

#chengwon_wrap .procedure ul {
    display: flex;
    align-items: start;
    justify-content: space-between;
    color: #fff;
    font-family: 'score_300';
    gap: 20px;
}

#chengwon_wrap .procedure ul .proc_list {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 72px;
}

#chengwon_wrap .procedure ul .proc_list p {
    background-color: #508db0;
    width: 90px;
    height: 91px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    text-align: center;
    justify-content: center;
    border-radius: 10px;
}

#chengwon_wrap .procedure ul .proc_list::before {
    position: absolute;
    content: '';
    display: block;
    width: 12px;
    height: 22px;
    background: url(/images/kr/open/ico_arrow_blue.png) center no-repeat;
    background-size: contain;
    right: -3rem;
    top: 43%;
}

#chengwon_wrap .procedure ul .proc_list:last-child:before {
    content: none;
}

#chengwon_wrap .procedure ul>li:nth-last-of-type(5) p {
    background-color: #4e4fb1;
}

#chengwon_wrap .selc {
    position: absolute;
    bottom: -4.875rem;
    left: 0;
}

#chengwon_wrap .selc1 {
    left: -4rem;
}

#chengwon_wrap .selc li {
    background-color: #fff;
    border: 2px solid #9dbcce;
    color: #333;
    width: 96px;
    height: 41px;
    text-align: center;
    line-height: 41px;
    position: relative;
}

#chengwon_wrap .selc li::before {
    width: 7px;
    height: 38px;
    background: url(/images/kr/open/ic_arrow_down.png) center no-repeat;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 39px;
}

#chengwon_wrap .selc1 li:nth-last-of-type(1):before {
    left: 18%;
}

#chengwon_wrap .selc1 li:nth-last-of-type(2):before {
    left: 82%;
}

#chengwon_wrap .apply {
    position: absolute;
    left: 0;
    bottom: -4.875rem;
}

#chengwon_wrap .apply li {
    background-color: #2c9594;
    color: #fff;
    border: none;
    width: 96px;
    height: 41px;
}

#chengwon_wrap .apply1 {
    position: absolute;
}

#chengwon_wrap .apply1::before {
    width: 7px;
    height: 38px;
    background: url(/images/kr/open/ic_arrow_down.png) center no-repeat;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 2.5rem;
}

#chengwon_wrap .apply2 {
    display: flex;
    flex-direction: column;
    bottom: -9.5rem;
    gap: 35px !important;
}

#chengwon_wrap\ .apply2 li:nth-child(1) {
    position: relative;
}

#chengwon_wrap .apply2 li:nth-child(1):after {
    width: 7px;
    height: 38px;
    background: url(/images/kr/open/ic_arrow_down.png) center no-repeat;
    background-size: cover;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -36px;
}

.bfS {
    position: relative;
}

.bfS::after {
    position: absolute;
    background: url(/images/kr/open/ico_arrow_rec.png) center no-repeat;
    background-size: cover;
    content: '';
    display: block;
    width: 45px;
    height: 138px;
    right: -46px;
    bottom: 0.8rem;
}

.bfL {
    position: relative;
}

.bfL::after {
    position: absolute;
    background: url(/images/kr/open/ico_arrow_recL.png) center no-repeat;
    background-size: cover;
    display: block;
    width: 104px;
    height: 213px;
    right: -104px;
    bottom: 1rem;
    content: '';
}



@media screen and (max-width : 1440px) {
    #chengwon_wrap .procedure {
        padding-inline: 20px;
    }
}

@media screen and (max-width : 820px) {
    #chengwon_wrap .box_icon {
        background: none;
    }
}

@media screen and (max-width : 768px) {
    #chengwon_wrap .procedure {
        height: auto;
        padding-inline: 0;
    }

    #chengwon_wrap .procedure ul {
        flex-direction: column;
        width: calc(100% - 40px);
        padding-inline: 20px;
        margin: 0 auto;
    }

    #chengwon_wrap .procedure ul .proc_list {
        width: 100%;
    }

    #chengwon_wrap .procedure ul .proc_list {
        gap: 20px;
    }

    #chengwon_wrap .procedure ul .proc_list p {
        width: 100%;
    }

    #chengwon_wrap .procedure ul .proc_list::before {
        content: none;
    }

    #chengwon_wrap .selc1 li:nth-last-of-type(2):before {
        content: none;
    }

    #chengwon_wrap .selc1 {
        left: initial;
        position: relative;
        bottom: initial;
    }

    #chengwon_wrap .selc li {
        width: 100%;
    }

    #chengwon_wrap .selc li::before {
        content: none;
    }

    #chengwon_wrap .apply1,
    #chengwon_wrap .apply2 {
        position: relative;
        bottom: initial;
        gap: 0 !important;
    }

    #chengwon_wrap .selc,
    #chengwon_wrap .apply li {
        position: relative;
        bottom: initial;
        left: initial;
    }

    #chengwon_wrap .selc li {
        height: auto;
    }

    #chengwon_wrap .apply1::before,
    #chengwon_wrap .apply2 li:nth-child(1):after,
    .bfS::after,
    .bfL::after {
        content: none;
    }
}

#standing .box_icon {
    background: url(/images/kr/open/tour_top_bg.png) right no-repeat;
    background-size: cover;
}


/* 2025.05.15 end */
/* 역대의원 탭 */
#sub_memberlist .tabmenu {
    overflow: visible;
    padding-bottom: 80px;
}

#sub_memberlist .tabmenu {
    display: flex;
    gap: 3px;
    height: 50px;
}

#sub_memberlist .tabmenu li {
    background-color: #eee;
    color: #333;
    width: 85px;
}

#sub_memberlist .tabmenu li a {
    font-family: 'score_300';
    text-wrap: nowrap;
    width: 80px;
    position: relative;
}

#sub_memberlist .tabmenu li.on {
    background-color: #fff;
    color: #00245e;
}

#sub_memberlist .tabmenu>li:nth-child(2)>a,
#sub_memberlist .tabmenu>li:nth-child(3)>a,
#sub_memberlist .tabmenu>li:nth-child(4)>a,
#sub_memberlist .tabmenu>li:nth-child(5)>a {
    left: initial;
}

/* 역대의원 탭 e */



/* 각종 신청 서식 */
.doc_down li:not(:last-child) {
    margin: 0 0 30px;
}

.doc_down li a {
    display: block;
    padding: 27px 10px 26px;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.1);
    background: #f5f5f5;
}

.doc_down li a:hover,
.doc_down li a:focus,
.doc_down li a:active {
    background: #777;
    color: #fff;
    text-decoration: none;
}

.doc_down li a span:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 4px 0 0 40px;
    width: 23px;
    height: 19px;
    background: url(/images/kr/assembly/ico_download2.png) no-repeat center bottom;
}

.doc_down li a:hover span:after {
    background-position: center top;
    transition: 0.25s ease-in;
}

.doc_down li a em {
    font-size: 16px;
    font-weight: 200;
}

@media all and (max-width: 1024px) {
    .doc_down li a {
        padding: 16px 10px;
        font-size: 18px;
    }
}

@media all and (max-width: 568px) {
    .doc_down li:not(:last-child) {
        margin: 0 0 20px;
    }

    .doc_down li a {
        padding: 10px 20px 10px;
        font-size: 15px;
        text-align: left;
        box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);
    }

    .doc_down li a span {
        position: relative;
        display: block;
        box-sizing: border-box;
        padding: 0 30px 0 0;
    }

    .doc_down li a span:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        margin: 0;
    }

    .doc_down li a em {
        font-size: 13px;
    }
}

@media all and (max-width: 380px) {
    .doc_down li:not(:last-child) {
        margin: 0 0 10px;
    }

    .doc_down li a {
        padding: 10px 10px 10px 15px;
        font-size: 14px;
    }
}

/* 본회의 체험교실*/
#sub_program .top_box {
    width: 100%;
    border: 1px solid #dddddd;
    border-top: none;
    margin-bottom: 45px;
}

#sub_program .top_box .gra {
    width: 100%;
    height: 5px;
    background-image: -moz-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
}

#sub_program .top_box h4 {
    font-family: 'gmarketB';
    font-size: 23px;
    padding-block: 53px;
    padding-inline: 40px;
}

#sub_program .top_box h4:before {
    content: none;
}


#sub_program .top_box .blue4e {
    color: #4e4fb1;
}

#sub_program .program_list {
    margin-bottom: 40px;
}

#sub_program .program_list h4 {
    font-family: 'gmarketB';
}

#sub_program .program_list .nobefore {
    padding-left: 0;
}

#sub_program .download {
    display: inline-flex;
    align-items: center;
    gap: 3.5rem;
    background-color: #3738a2;
    color: #fff;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    margin-top: 1rem;
}

#sub_program .download:hover {
    background-color: #665dc5;
    color: #fff;
    transition: 0.3s;
}

#sub_program .pro_sec {
    margin-bottom: 45px;
}

#sub_program .attend {
    background-color: #f6e4d6;
    padding-block: 47px;
    padding-inline: 25px;
}

#sub_program .attend .tit {
    width: 100%;
}

#sub_program .attend .tit h5 {
    color: #333;
    font-size: 23px;
    font-family: 'gmarketB';
    text-align: center;
    position: relative;
    padding-bottom: 40px;
}

#sub_program .attend .tit h5::before {
    content: none;
}

#sub_program .attend .tit h5:after {
    content: '';
    display: inline-block;
    width: 54px;
    height: 80px;
    background: url(/images/kr/open/program_char.png) center no-repeat;
    position: absolute;
    left: 18%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1.5rem;
}


#sub_program .attend .cont img {
    display: block;
    max-width: 100%;
}

@media screen and (max-width : 1280px) {
    #sub_program .attend .tit h5:after {
        left: 12%;
    }
}

@media screen and (max-width: 1024px) {
    #sub_program .top_box .blue4e {
        font-size: 23px;
    }
}

@media screen and (max-width : 900px) {
    #sub_program .attend .tit h5:after {
        left: 9%;
    }
}

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

    #sub_program .top_box h4 {
        text-align: center;
        padding-block: 50px 38px;
    }

    #sub_program .top_box .blue4e {
        display: block;
    }

    #sub_program .attend .tit h5 {
        font-size: 18px;
        padding-bottom: 1rem;
    }

    #sub_program .attend .tit h5:after {
        content: none;
    }
}

/* 본회의 체험교실 e */

/* 의회소식지 s */
#sub_magazine .box_info {
    z-index: 1;
    position: relative;
    width: calc(100% - 3px);
    margin: 0 0 50px;
    text-align: center;
    border: 1px solid #ddd;
    border-top: none;
    box-sizing: border-box;
    background: url(/images/kr/data/magazine_top_bg.png) right no-repeat;
    background-size: cover;
    padding-block: 40px;
    padding-inline: 40px;
    text-align: left;
}

#sub_magazine .box_info:before {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 2px);
    height: 5px;
    background-image: -moz-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -webkit-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(78, 79, 177) 0%, rgb(120, 88, 110) 55%, rgb(162, 96, 43) 100%);
}

#sub_magazine .box_info h4 {
    font-family: 'gmarketB';
    color: #333333;
    font-size: 23px;
    padding-left: 0;
    text-align: left;
    line-height: 1.5
}

#sub_magazine .box_info h4:before {
    content: none;
}

#sub_magazine .box_info h4 .blue4e {
    font-size: 23px;
    color: #4e479e;
}

#sub_magazine .box_info p {
    color: #333;
    font-size: 16px;
}

#sub_magazine .btns {
    margin-top: 20px;
}

#sub_magazine .btns ul {
    display: flex;
    gap: 1rem;
}

#sub_magazine .btns li a {
    color: #fff;
    display: inline-flex;
    padding-block: 0.5rem;
    padding-inline: 1rem;
    font-size: 15px;
    font-family: 'score_300';
}

#sub_magazine .btns li a.quick {
    background-color: #3738a2;
    transition: 0.3s;
}

#sub_magazine .btns li a.quick:hover {
    background-color: #665dc5;
    transition: 0.3s;
}

#sub_magazine .btns li a.quick2 {
    background-color: #20214f;
    transition: 0.3s;
}

#sub_magazine .btns li a.quick2:hover {
    background-color: #665dc5;
    transition: 0.3s;
}


@media screen and (max-width: 768px) {
    #sub_magazine .box_info {
        background: none;
    }
}

@media screen and (max-width: 568px) {
    #sub_magazine .box_info {
        padding-inline: 1rem;
    }

    #sub_magazine .box_info h4 {
        text-align: center;
        font-size: 18px;
    }

    #sub_magazine .box_info h4 .blue4e {
        font-size: 18px;
    }

    #sub_magazine .box_info h4 br {
        display: none;
    }

    #sub_magazine .box_info p {
        font-size: 14px;
    }
}


/* 의회소식지 e */

/* 위원회별 탭 s */
.committee {
    display: flex;
    flex-wrap: wrap;
}

.committee>li {
    width: 33.33%;
}

.committee>li>a {
    word-wrap: nowrap;
    overflow: hidden;
}

.tab3:after {
    top: 20px;
}

.fs14 {
    font-size: 14px !important;
    word-wrap: nowrap;
}

@media screen and (max-width: 768px) {
    .committee>li {
        width: 50%;
    }
}

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

/* 본회의 운영 */
.proc_conf:after {
    content: "";
    display: block;
    clear: both;
}

.proc_conf>li {
    float: left;
    position: relative;
    width: 46.339%;
    height: 107px;
    margin: 0 0 50px;
    padding: 30px 10px 10px 25px;
    box-sizing: border-box;
    border: 10px solid #eee;
    border-radius: 17px;
}

.proc_conf>li:nth-child(7),
.proc_conf>li:nth-child(8) {
    margin: 0;
}

.proc_conf>li:nth-child(2),
.proc_conf>li:nth-child(3),
.proc_conf>li:nth-child(6),
.proc_conf>li:nth-child(7) {
    float: right;
}

/* 가로 화살표는 before 사용, 세로 화살표는 after 사용 */
.proc_conf>li:before,
.proc_conf>li:after {
    display: none;
    content: "";
    position: absolute;
    width: 40px;
    height: 35px;
    background: url(/images/kr/intro/bg_arrow_blue.gif) no-repeat;
}

.proc_conf>li:nth-child(1):before,
.proc_conf>li:nth-child(4):before,
.proc_conf>li:nth-child(5):before,
.proc_conf>li:nth-child(8):before {
    display: block;
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    margin: 0 0 0 30px;
}

.proc_conf>li:nth-child(4):before,
.proc_conf>li:nth-child(8):before {
    transform: translateY(-50%) rotateY(180deg);
}

.proc_conf>li:nth-child(even):not(:last-child):after {
    display: block;
    top: 100%;
    left: 50%;
    transform: rotate(90deg);
    margin: 18px 0 0 -17px;
}

.proc_conf strong {
    font-size: 25px;
    color: #00609c;
}

.proc_conf .dash {
    padding: 10px 0 0;
}

.proc_conf .dash>li {
    padding-bottom: 0;
    font-size: 15px;
}

.proc_conf span {
    display: inline-block;
    vertical-align: top;
}

.proc_conf span.txt2 {}

.proc_conf span.txt4 {}

.proc_conf span.txt5 {}

.proc_conf em {
    display: inline-block;
    vertical-align: top;
    width: 75%;
}

@media all and (max-width: 1024px) {
    .proc_conf>li {
        padding: 20px 10px 10px 20px;
    }

    .proc_conf strong {
        font-size: 19px;
    }

    .proc_conf>li:nth-child(1):before,
    .proc_conf>li:nth-child(4):before,
    .proc_conf>li:nth-child(5):before,
    .proc_conf>li:nth-child(8):before {
        margin: 0;
        left: 106%;
    }
}

@media all and (max-width: 960px) {
    .proc_conf>li {
        height: 90px;
    }
}

@media all and (max-width: 768px) {
    .proc_conf>li {
        float: none !important;
        width: 100%;
        height: auto;
        padding: 15px;
    }

    .proc_conf>li:nth-child(7) {
        margin: 0 0 50px;
    }

    .proc_conf>li:last-child {
        margin: 0;
    }

    .proc_conf>li:nth-child(1):before,
    .proc_conf>li:nth-child(4):before,
    .proc_conf>li:nth-child(5):before,
    .proc_conf>li:nth-child(8):before {
        display: none;
    }

    .proc_conf>li:not(:last-child):after {
        display: block;
        top: 100%;
        left: 50%;
        transform: rotate(90deg);
        margin: 18px 0 0 -17px;
    }

    .proc_conf em {
        display: inline;
        width: auto;
    }
}

@media all and (max-width: 568px) {
    .proc_conf strong {
        font-size: 17px;
    }

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


/* 의회권한 - (자치입법권한, 재정에 관한 권한, 도정에 관한 권한) */
#sub_function5 .box_gray {
    background: transparent;
    border: 10px solid #eee;
    padding: 70px 80px 57px 70px;
}

#sub_function5 .box_gray:after {
    content: "";
    display: block;
    clear: both;
}

#sub_function5 .proc>li {
    float: left;
    position: relative;
    z-index: 1;
    width: 46.5%;
    margin: 0 0 23px;
}

#sub_function5 .proc>li:nth-child(even) {
    float: right;
}

#sub_function5 .proc>li:last-child .num {
    border-color: #247bb8;
    background: #d9e3eb;
}

#sub_function5 .proc>li {
    float: left;
    position: relative;
    z-index: 1;
    margin: 0 0 23px;
}

#sub_function5 .proc>li.hasCap {
    margin: 0 0 50px;
}

#sub_function5 .proc>li:after {
    content: "";
    display: block;
    clear: both;
    display: none;
}

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

#sub_function5 .proc .num {
    position: relative;
    z-index: 2;
    padding: 20px 10px 17px 51px;
    line-height: 120%;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    border: 2px solid #005e5d;
    box-sizing: border-box;
    background: #e0eeee;
}

#sub_function5 .proc>li:last-child .num {
    border-color: #c56f6f;
    background: #f2dede;
}

#sub_function5 .proc .num span {
    text-indent: -27px;
    font-size: 20px;
    color: #666;
    vertical-align: baseline;
}

#sub_function5 .proc .num strong {
    position: absolute;
    top: auto;
    bottom: -30px;
    left: 45px;
    color: #005e5d;
    font-size: 14px;
    font-weight: 200;
    white-space: pre;
}

#sub_function5 .proc .num strong:before {
    content: "";
    position: absolute;
    top: -8px;
    left: -29px;
    display: block;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-left: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
}

#sub_function5 .proc li ul {
    float: right;
    display: table-cell;
    width: 70%;
    min-height: 63px;
    padding: 18px 10px 18px 32px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 15px;
    background: #fff;
}

#sub_function5 .proc li ul:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 21px;
    left: 33.5%;
    display: block;
    width: 127px;
    height: 20px;
    background: url(/images/kr/intro/bg_arrow.png) no-repeat;
}

#sub_function5 .proc li ul li {
    display: block;
}

#sub_function5 .proc .ins {
    position: absolute;
    top: 40px;
    left: 40.5%;
    transform: translateX(-50%);
    font-size: 14px;
}

#sub_function5 .proc .ins.fc_red {
    top: 0;
    color: #c14949;
}

#sub_function5 .proc.color2 .num {
    border-color: #247bb8;
    background: #d9e3eb;
    width: 100%;
}

#sub_function5 .proc.color3 .num {
    border-color: #18914b;
    background: #e8f3ec;
}

#sub_function5 .proc.color4 .num {
    border-color: #1f6b9a;
    background: #3c7da5;
    color: #fff;
}

#sub_function5 .proc.color4 .num span {
    color: #fff;
}

#sub_function5 .proc.color4>li:last-child .num {
    border-color: #b75d5d;
    background: #c56f6f;
}

#sub_function5 .proc .empty {
    display: none;
}

@media all and (max-width: 1024px) {
    #sub_function5 .box_gray {
        padding: 60px 50px;
    }

    #sub_function5 .proc .num {
        padding: 20px 10px 17px 40px;
    }
}

@media all and (max-width: 920px) {
    #sub_function5 .proc li ul:before {
        background-size: contain;
        width: 90px;
        height: 14px;
        left: 35%;
    }
}

@media all and (max-width: 768px) {
    #sub_function5 .proc>li {
        float: none;
        width: 100%;
    }

    #sub_function5 .proc>li:nth-child(even) {
        float: none;
    }

    #sub_function5 .proc .num {
        width: auto;
    }

    #sub_function5 .proc>li * {
        word-break: break-all;
    }

    #sub_function5 .proc .num {
        width: 26%;
        padding: 20px 10px 17px 26px;
        font-size: 16px;
    }

    #sub_function5 .proc .num span {
        font-size: 17px;
        text-indent: -16px;
    }

    #sub_function5 .proc li ul {
        padding-left: 20px;
    }

    #sub_function5 .proc li ul:before {
        width: 74px;
        height: 12px;
        left: 30%;
    }

    #sub_function5 .proc .ins {
        left: 37%;
        font-size: 13px;
    }

    #sub_function5 .proc .num strong {
        font-size: 13px;
    }
}

@media all and (max-width: 568px) {
    #sub_function5 .box_gray {
        padding: 40px 30px;
    }

    #sub_function5 .proc>li {
        margin: 0 0 8px;
    }

    #sub_function5 .proc>li {
        display: block;
        margin: 0;
    }

    #sub_function5 .proc>li.hasCap {
        margin: 0;
    }

    #sub_function5 .proc>li:not(:last-child):after {
        content: "";
        display: block;
        width: 34px;
        height: 30px;
        margin: 8px auto;
        background: url(/images/kr/intro/bg_arrow_m.png) no-repeat 0 100%;
    }

    #sub_function5 .proc .num {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
        padding: 15px 15px 15px 25px;
        font-size: 15px;
    }

    #sub_function5 .proc .num span {
        font-size: 15px;
        text-indent: -8px;
    }

    #sub_function5 .proc li ul {
        float: none;
        display: block;
        width: 100%;
        border-top: none;
        padding: 15px;
        min-height: auto;
    }

    #sub_function5 .proc .ins,
    #sub_function5 .proc .ins.fc_red {
        transform: none;
        top: auto;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 25px;
        /*top: 0; left: auto; right: 0; z-index: 2;*/
        /*padding: 15px 10px 0 0;*/
        font-size: 12px;
    }

    #sub_function5 .proc .num strong {
        position: static;
        display: block;
        padding: 4px 0 0 4px;
        white-space: normal;
    }

    #sub_function5 .proc .num strong:before {
        display: none;
    }
}

@media all and (max-width: 380px) {
    #sub_function5 .box_gray {
        padding: 30px 20px;
    }

    #sub_function5 .proc .num {
        padding: 10px 10px 10px 20px;
        font-size: 14px;
    }

    #sub_function5 .proc .num span {
        font-size: 14px;
    }

    #sub_function5 .proc li ul {
        padding: 10px;
        font-size: 13px;
    }
}