@charset "utf-8";
#container_sub{border-bottom:solid 1px #ddd;}
#sub_default{line-height:160%;}

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

@media all and (max-width:1024px) {
	#container_sub{background-size:auto 200px;}
	.txt_wrap{padding:0 0 40px 20px;}
	
}
@media all and (max-width:768px) {
	#container_sub{background-size:auto 170px;}
	.txt_wrap{padding:0 0 38px 13px;}
}
@media all and (max-width:380px) {
	#container_sub{background-size:auto 150px;}
	.txt_wrap{padding:0 0 35px 11px;}
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-width:768px) {
    #sub_greeting .chairman_wrap {
        margin: 0 0 35px;
        height: auto;
    }

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

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

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

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

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

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

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

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

@media all and (max-width:380px) {
    #sub_greeting .chairman_wrap .pic {
        width: 260px;
    }

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

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

/* 의회연혁 */

/* his common element start */

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

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

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

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

/* his common element end */

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

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

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

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

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

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

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


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

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

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

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

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

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

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

/* history end */

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


.org3_3 span {
    background-color: #45a462;
    font-size: 16px;
    text-align: center;
}

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

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

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

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

.org4 ul li:first-child span:not(.org4 .org4_abs span){
    letter-spacing: 1.58px;
}

.org4 ul li:nth-child(2) span{
    letter-spacing: 1px;
}

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

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

.org4 .org4_abs span {
    color: #fff;
    width: 154px;
    height: 52px;
    background-color: #45a462;
    font-size: 16px;
    text-align: center;
}

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

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

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

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

    .org .org3_3 {
        flex: 100%;
    }

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

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

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

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

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

    .org4 .org4_abs {
        position: initial;
    }

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

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

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

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

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

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


    .org>ul {
        gap: 20px;
    }

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

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

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

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

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

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

/* 의회 조직 e */


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

#sub_location .section_address {
    display: none;
}

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

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

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

#sub_location .roughmap_maker_label .roughmap_lebel_text:after {
    content: "Geumcheon-gu Council";
    display: inline-block;
    line-height: 30px;
    font-size: 20px;
    font-weight: 900;
    font-family: "Noto Sans KR";
}

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

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

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

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

#sub_location .table_wrap {
    margin: 0;
}

#sub_location .line_box {
    padding: 55px;
    margin-bottom: 15vh;
}

#sub_location .pc_none {
    display: none;
}

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

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

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

    #sub_location .root_daum_roughmap .wrap_map{
        height: 100% !important;
    }

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

    #sub_location .line_box {
        padding: 32px;
    }

    #sub_location .pc_none {
        display: block;
    }

}

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

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

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

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

}

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

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

/* 의원소개 */
#sub_active{float:left; width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
.profile{float:left; width:47.8%; 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;}
.profile:hover{border-color:rgba(41,46,68,0.5);}
.profile.none{float:right;}
.profile dl{position:relative; float:left; width:100%; padding:0 0 0 41.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:7.7%;}
.profile dt img{max-width:100%; border:1px solid #e5e5e5;}
.profile dd{float:left; width:100%; min-height:250px;}
.profile .name {overflow:hidden; width:100%; padding:0 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:25px; font-weight:900; color:#000;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative; padding:0 0 5px 13px; line-height:135%; box-sizing:border-box; word-break:break-all; letter-spacing:0;}
.profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#d5525e;}

.profile .sns{float:left; width:100%; padding:5px 0 0 0;}
.profile .sns a{float:left; width:28px; height:26px; font-size:0; text-indent:-9999px; background:url(/council/images/common/ico_sns_on.jpg) no-repeat 0 0;}
.profile .sns .tw{background-position:0 -26px;}
.profile .sns .bl{background-position:0 -52px;}
.profile .sns .kko{background-position:0 -78px;}
.profile .sns .insta{background-position:0 -104px;}
.profile .sns .channel{background-position:0 -130px;}
#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{padding:3px 0 20px;}
	.profile .name strong{line-height:32px; font-size:23px;}
}
@media all and (max-width:1024px) {
	.profile{width:49%;}
	.profile dl{padding:0 0 0 38%;}
	.profile dt{left:4.5%; width:35%; max-width:155px;}
	.profile dt img{width:87%; max-width:119px; height:auto;}
	.profile dd{min-height:187px;}
	.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{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;}
	.profile dl{padding:0 0 27px 170px;}
	.profile dt{left:3.5%;}
	.profile dd{min-height:135px;}
	.profile .name strong{font-size:23px;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 0 23px 37%;}
	.profile .name{padding:0 0 12px;}
	.profile .name strong{font-size:21px;}
	.profile dd li{padding:0 0 5px 12px;}
	.profile dd li:before{top:5px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
}





@charset "utf-8";

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

#sub_default {
    line-height: 160%;
    padding-top:160px;
}

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

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

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

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

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

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

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

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

.dot>li+li {
    margin: 6px 0 0 0;
}
.circle {padding-left:15px;}
.circle > li{position:relative;padding: 0 0 0 10px;box-sizing:border-box;word-break:keep-all;}
.circle > li:before{content:'';display:block;position:absolute;top: 10px;left:0;height: 3px;width: 3px;background: #336699;border-radius:50%;}

.box_icon{border-left:solid 3px #3e59ad; border-radius:10px; z-index:1;position:relative;width:calc(100% - 3px);padding:41px 20px 45px 19%;margin:0 0 47px;font-size:15px;word-break:keep-all;box-sizing:border-box;background: #f9f9f9;}
/*.box_icon:after{z-index:-1;content:'';display:block;position:absolute;top:0;left:0;width:calc(100% + 2px);height:95px;}*/
.box_icon:before{content:''; display:block; position:absolute; left:5.3%; top:50%; width:11.5%; height:107px; background:url(/council/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:#3e59ad; text-transform:uppercase;}

.box_info{z-index:1; position:relative; float:left; width:calc(100% - 3px); margin:0 0 50px; padding:60px 4.5%; text-align:center; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
.box_info: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;}

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

@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_info:before{height:55px;}
	.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;}
}
.box_info {
    z-index: 1;
    position: relative;
    width: 100%;
    min-height: 228px;
    margin: 0 0 45px;
    padding: 27px 25px 30px 50px;
    font-size: 15px;
    border: 1px solid #9dbfff;
    border-radius: 20px;
    word-break: keep-all;
    box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .box_info:before {
        width: 60%;
    }

    .box_info:after {
        width: 40%;
    }

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

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

    .box_patt {
        padding: 9px;
    }

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

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

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

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

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

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

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


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

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

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

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

.tabmenu2>li>a.on,
.tabmenu2>li>a:hover {
    color: #fff;
    border-color: transparent;
    font-weight: 600;
    box-shadow: unset;
    background: #004e96;
}

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

.tab5>li {
    width: 20%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media all and (max-width:768px) {
    #sub_greeting .chairman_wrap {
        margin: 0 0 35px;
        height: auto;
    }

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

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

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

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

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

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

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

    #sub_greeting>p br {
        display: none;
    }

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

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

@media all and (max-width:380px) {
    #sub_greeting .chairman_wrap .pic {
        width: 260px;
    }

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

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






.box_line{padding:56px 5.4% 55px; border:1px solid #ddd; box-sizing:border-box;}
.proc li{z-index:1; position:relative; width:100%;}
.proc > li *{display:inline-block; vertical-align:top; word-break:keep-all;}
.proc strong{z-index:2;position:relative;width:30.6%;padding:16px 2px 16px;margin:0 0 30px;font-size:17px;font-weight:400;line-height:140%;text-align:center;box-sizing:border-box;border-radius: 10px;background:#eaeef9;}
.proc li.last strong {
    margin-bottom:60px;
}
.proc li:first-child strong{color:#fff; background:#3e59ad url(/council/images/kr/intro/bg_proc.png) no-repeat 100% 100%;}
.proc strong span{display:block;}
.proc > li:last-child strong{margin:0 0 10px; border-radius:10px; color:#3e59ad; border:1px solid #9eacd6; background:#fff;}
.proc li strong:after{z-index:-1;content:'';display:block;position:absolute;bottom: -23px;left:50%;width: 20px;height: 12px;transform: translateX(-50%);background:url(/council/images/kr/intro/ico_arrow_small.png) no-repeat 0 50%;}
.proc li.last strong:after{z-index:-1;content:'';display:block;position:absolute;bottom:-40px;left:50%;width:33px;height:20px;transform: translateX(-50%);background:none;}
.proc .two1.end strong:after{display:block; left:100%; bottom:auto; top:50%; width:15px; height:25px; margin:-13px 0 0 10px; background-image:url(/council/images/kr/intro/ico_arrow2.png);}
.proc .two2 strong:after{left:3%; width:200px; height:15px; background-image:url(/council/images/kr/intro/ico_arrow3.png);}
.proc .end strong{margin:0 0 10px;}
.proc .end strong:after{display:none;}
.proc .circle{width:41.4%;margin:0 0 5px 27%;padding:16px 10px 16px 20px;line-height:160%;font-size:14px;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;background: #f8f8f8;}
.proc .end .circle{margin-bottom:0;}
.proc .circle:before{content:''; z-index:-1; display:block; position:absolute; top:24px; left:20%; width:50%; height:1px; background:#ddd;}
.proc .circle ul,
.proc .circle li{display:block;}
.proc .end .circle{display:block; width:30.6%; margin:0 0 20px 0;}
.proc .end .circle:before{display:none;}

.proc2{margin:-253px 0 0 34.9%;}
.proc2 strong{width:29.5%;  margin:0 0 35px; color:#fff; border-radius:10px; background:#3e59ad;}
.proc2 li:first-child strong{background:#3e59ad;}
.proc2 strong:after{bottom:-28px;}
.proc2 .circle{width:63%; margin:0 0 0 6%; border-color:#ddd;}
.proc2 .end{display:inline-block; width:40%; vertical-align:top;}
.proc2 .end strong{margin:0 0 10px; border-radius:10px; color:#3e59ad; border:1px solid #9eacd6; background:#fff;}
.proc2 .end2{text-align:right;} 
.proc2 .end2 .circle{display:inline-block; text-align:left;}

.proc2 .end strong,
.proc2 .end .circle{width:100%;}
.proc2 .end1{margin:0 1% 0 -25%;}

@media all and (max-width:1024px) {
	.proc strong{width:36%; background-size:contain;}
	.proc .circle{width:43%; margin:0 0 5px 20%;}
	.proc .end .circle{width:36%;}
	.proc2{margin:-253px 0 0 39%;}
	.proc2 strong{width:45%;}
	.proc2 .circle{width:51%; margin:0 0 0 2.5%;}
	.proc2 .end strong, .proc2 .end .circle{width:100%;}
}
@media all and (max-width:568px) {
	.box_line{padding:35px 5%;}
	.proc strong{width:42%; padding:15px 2px; font-size:15px;}
	.proc .circle{padding:14px 10px 14px 15px;}
	.proc .circle,
	.proc .end .circle{width:51%; margin:0 0 5px 5.5%;}
	.proc .end .circle{display:inline-block;}
	.proc .two1.end strong:after{top:auto; left:50%; bottom:-40px; width:33px; height:20px; margin:0 0 0 -16px; background-image:url(/council/images/kr/intro/ico_arrow.png);}
	.proc .two2 strong:after{left:50%; width:150%; background-size:contain;}
	.proc .end .circle:before{display:block;}
	.proc2{margin:0;}
	.proc2 .end{width:49%;}
	.proc2 .end1{margin:0;}
	.proc2 .end strong, .proc2 .end .circle{width:95%;}
	.proc2 .end .circle{margin:1px 0 0 0;}
}
@media all and (max-width:380px) {
	.box_line{padding:30px 5%;}
	.proc strong{padding:13px 2px; font-size:14px;}
	.proc .circle{padding:12px 10px 12px 12px;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #sub_profile .chairman_wrap .txt {
        padding: 10px 10px 30px;
        text-align: center;
        width: 60%;
    }

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

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

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

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

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

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

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


}

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

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

    #sub_profile .chairman_wrap .txt {
        width: 70%;
    }

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

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

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

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

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

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

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

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

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

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

/* 의원 프로필 end*/



/* 의회연혁 */
#sub_history .info{position:relative;height:223px;padding: 50px 10px 0 105px;border-radius: 50px 0px;line-height:170%;color:#fff;box-sizing:border-box;background:url(/council/images/kr/intro/bg_history.png) no-repeat 0 100% / cover;}
/*#sub_history .info:before{content:''; display:inline-block; position: absolute; top:45px; left:75px; width:73px; height:137px; background:url(/council/images/kr/intro/ico_history.png) no-repeat;}*/
#sub_history .en{line-height:110%; font-size:20px; color:#ffdda6; letter-spacing:3px;}
#sub_history .tit{display:inline-block; padding:20px 0 17px; line-height:110%; font-size:30px; color:#fff; font-weight:600;  text-shadow:0 0 10px rgba(0,0,0,0.2);}
#sub_history .tit:after{content:''; display:inline-block; vertical-align:top; width:26px; height:26px; margin:-17px 0 0 0; background:url(/council/images/kr/intro/ico_circle.png) no-repeat;} 
#sub_history .txt{opacity:0.7; line-height:120%; text-shadow:0 0 5px rgba(0,0,0,0.2);}

#sub_history .his_wrap{position:relative; overflow:hidden;}
#sub_history .his_bar{position:absolute;left: 45px;top:0;width: 2px;height:100%;background: url(/council/images/kr/intro/brimg_vertical.png) repeat-y top center;}
#sub_history .bar_active{position:absolute; transition:all .15s; left:-1px; top:0; width:3px; height:0; background:#1c394d;}

#sub_history .history > li{display:flex;align-items:center;position: relative;padding: 40px 0 40px 70px;box-sizing: border-box;/* background: url(/council/images/kr/intro/brimg.png) repeat-x 0 100%; */}
#sub_history .history strong{flex:0 0 auto; position:relative; width:200px; box-sizing:border-box; font-size:21px; color:#142e58; font-weight:600;}
#sub_history .history strong:after{content:"";transition:all .8s;position:absolute;width: 15px;height: 15px;border: 3px solid #184d90;border-radius:50%;background:#fff;left: -30.5px;top:50%;transform:translateY(-50%);}
#sub_history .history strong.active:after{border:6px solid #1c394d;}
#sub_history .history > li > ul{padding:0 0 0 80px; box-sizing:border-box; width:100%;}

#sub_history .dot{display:table-cell; vertical-align:middle;}
#sub_history .dot li *{display:inline-block; vertical-align:top;}
#sub_history .dot li{position:relative;display:block;box-sizing:border-box;font-size: 18px;line-height:130%;}
/*#sub_history .dot li:before{top:5px; border-radius:50%; background:#4a5caa;}*/
#sub_history .dot li + li{margin:7px 0 0 0;}
#sub_history .date{position:absolute; top:0; left:16px; display:block; font-size:20px; color:#333; font-style:italic;}

@media all and (max-width:1230px){
	#sub_history .his_bar{left: 15px;}
	#sub_history .history > li{padding: 40px 0 40px 40px;}
	#sub_history .history > li > ul{padding:0 0 0 50px;}
}
@media all and (max-width:768px){
	#sub_history .info{height:auto; padding:25px 10px 40px 130px; font-size:14px;}
	#sub_history .info:before{left:50px; top:30px; width:50px; background-size:contain;}
	#sub_history .tit{padding: 10px 0 17px; font-size:25px;}
	#sub_history .en{font-size:16px;}

	#sub_history .his_bar{left:10px;}
	#sub_history .history > li{flex-wrap:wrap; padding:30px 0 30px 30px;}
	#sub_history .history strong{display:block; width:100%; margin:0 0 10px 0; padding:0 0 0 5px;}
	#sub_history .history strong:after{right:auto; left:-30px}
	#sub_history .history > li > ul{padding:0;}
	#sub_history .dot li{line-height:150%;}
}
@media all and (max-width:568px){
	#sub_history .info{padding:25px 5px 35px 80px; font-size:13px; word-break:keep-all;}
	#sub_history .info:before{left:25px; top:25px; width:40px;}
	#sub_history .tit{font-size:20px;}
	#sub_history .tit:after{display: none;}
	#sub_history .en{font-size:13px;}
}

#sub_function1 .box_icon:before{background-image: url(/council/images/kr/intro/ico_period.png);}
#sub_function3 .box_icon:before{background-image: url(/council/images/kr/intro/ico_audit.png);}
#sub_power1 .box_icon:before{background-image: url(/council/images/kr/intro/ico_duty.png);}
#sub_power2 .box_icon:before{background-image: url(/council/images/kr/intro/ico_power.png);}
#sub_petition .box_icon:before{background-image: url(/council/images/kr/open/ico_petition.png);}
#sub_appeal .box_icon:before{background-image: url(/council/images/kr/open/ico_appeal.png);}

/* history end */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 의회기능 */

/* 의회조직*/
.line_box {
    position: relative;
    margin-bottom: 50px;
}
.text_box {
    margin-bottom:50px;
    border:solid 1px #ddd;
    border-radius:10px;
    padding:20px;
}
.org_list {}
.org_list li {
    margin: 10px 0px;
}
.org_list li .orangeTxt {
    display: block;
    font-weight: 500;
    position:relative;
    padding-left:10px;
    font-size:18px;
}
.org_list li .orangeTxt::before {
    content:'';
    display:block;
    width:3px;
    background:#ed5400;
    position:absolute;
    height:3px;
    left:0;
    top:10px;
    
}
#sub_org .normal_list {
    margin-bottom:50px;
}
#sub_org .org {
    margin-bottom:50px;
    text-align: center;
}
#sub_org .org img {}
.line_box:before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/council/images/kr/sub/bg_boxline.jpg);
    border-radius: 10px;
}

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


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

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

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

    
}

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

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

    
}

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

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

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

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

/* 의회 조직 e */

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

/* 의회 권한 e */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* 의회 역할 e  */

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

/* 의회사무국 */

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

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

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

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

/* 청사 안내 e*/

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

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

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

#tabContWrap .tabItem {
    display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

    #sub_function3 .process {
        gap: 60px;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 본회의 e */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.proc2 p {
    color: #35929d;
}

.proc3 p {
    color: #30917f;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .proc em:after {
        display: none;
    }

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

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

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

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

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

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

#sub_function5 .yellow {
    color: #ef8a39;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 의회기능 proc common e*/


/* 행정사무감사 조사 */
#sub_function3 .box_icon {padding: 65px 10.1%;}
#sub_function3 .box_icon::before {display: none;}
#sub_function3 .proc li strong {width: 37%;color: #1f805c;background: #dbf4f0;font-weight: 500;}
#sub_function3 .proc li.last strong {width: 37%;}
#sub_function3 .proc .circle {position: absolute;margin-left: 14.7%;width: 47.7%;}
#sub_function3 .proc .circle:before {top: 28px;left: -50%;}
#sub_function3 .proc > li {position: relative;}
#sub_function3 .proc > li.proc_tit {
    margin-bottom: 30px;
    width: 120px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #184d90;
    border-radius: 100px;
    color: #fff;
    font-size: 18px;
    position: relative;
}
#sub_function3 .proc > li.proc_tit::after {
	content:'';
	border:solid 2px #184d90;
	display:block;
	width:130px;
	height:130px;
	position:absolute;
	z-index:-1;
	border-radius:100%;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	
}
#sub_function3 .proc > li:last-child strong {border: 0;}
#sub_function3 .proc > li:last-child strong::after {display: none;}
#sub_function3 .box_icon:first-of-type .proc > li:nth-child(4) .circle {top: -20px;}
#sub_function3 .box_icon:first-of-type .proc > li:nth-child(4) .circle:before {top: 53px;}
#sub_function3 .box_icon:last-of-type .proc > li:nth-child(6) .circle {top: -66px;}
#sub_function3 .box_icon:last-of-type .proc > li:nth-child(6) .circle:before {top: 87px;}

@media all and (max-width:768px){
	#sub_function3 .box_icon {padding: 35px;}
	#sub_function3 .proc > li.proc_tit {
		width:auto;
		height:auto;
		padding:10px 0px;
		margin-bottom:0px;
		margin-top: 30px;
	}
	#sub_function3 .proc > li.proc_tit::after {
		display:none;
	}
	#sub_function3 .proc > li:not(.proc_tit)::before {z-index:-1;content:'';display:block;position:absolute;bottom: -16px;left:50%;width:20px;height:12px;transform:translateX(-50%);background:url(/council/images/kr/intro/ico_arrow_small.png) no-repeat 0 50%;}
	#sub_function3 .proc > li.last::before {
		display:none;
	}
	#sub_function3 .proc li strong {margin: 20px 0 10px;width: 100%;}
	#sub_function3 .proc li.last strong {width:100%; }
	#sub_function3 .proc strong:after {display: none;}
	#sub_function3 .proc .circle {position: static; margin: 0; width: 100%;}
	#sub_function3 .proc .circle:before {display: none;}
}

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

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

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

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

.proc dl li {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ing ing  */

/* ing ing */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 위원회별 tab */
.tabmenu {
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.tabmenu.tab4>li>a{
	width:25%;
}

.tabmenu>li>a {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20%;
    height: 51px;
    line-height: 50px;
    color: #777;
    border: 1px solid #ddd;
    background:url(/council/images/kr/sub/ico_arrowGreen_off.png) no-repeat right 10px center #f8f8f8;
    text-align: left;
    box-sizing: border-box;
    text-decoration: none;
    padding-left: 20px;
    transition:all 0.5s;
}

.tabmenu>li:first-child>a {
    border-radius:10px 0px 0px 10px
}
.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%;
    border-radius:0px 10px 10px 0px;
}


.tabmenu.tab4>li:first-child>a {
    border-radius:10px 0px 0px 10px
}
.tabmenu.tab4>li:nth-child(2)>a {
    left: 25%;
}

.tabmenu.tab4>li:nth-child(3)>a {
    left: 50%;
}

.tabmenu.tab4>li:nth-child(4)>a {
    left: 75%;
    border-radius:0px 10px 10px 0px;
}

.tabmenu>li.on>a {
    border-width: 2px;
    z-index: 2;
    color: #184d90;
    font-weight: 700;
    border-color: #184d90;
    background:url(/council/images/kr/sub/ico_arrowGreen.png) no-repeat right 10px center #fff;
    transition: font-size 0.2s ease-in-out;
}
.tabmenu>li:not(.on)>a:hover {
    color:#184d90;
    font-weight:500;
    background:url(/council/images/kr/sub/ico_arrowGreen_over.png) no-repeat right 10px center #f8f8f8;
    border:solid 1px #aaa;
}

.tabmenu>li>.con {
    display: none;
    padding: 76px 0 0 0;
}

.tabmenu>li.on>.con {
    display: block;
}


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

    .tabmenu>li>a {
        height: 55px;
        line-height: 54px;
        font-size: 15px;
        padding-left: 10px;
    }

}

@media all and (max-width:568px) {
    .tabmenu:after {
        display: none;
    }

    .tabmenu>li>a {
        width: 33.33%;
        height: 47px;
        line-height: 46px;
        font-size: 14px;
    }

    .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.tab4>li>a {
        left: 0%;
		width:50%;
		border-radius:0px !important;
    }
    .tabmenu.tab4>li:nth-child(2)>a {
        left: 50%;
    }

    .tabmenu.tab4>li:nth-child(3)>a {
        left: 0%;
		top:47px;
    }

    .tabmenu.tab4>li:nth-child(4)>a {
        top: 47px;
        left: 50%;
    }

    .tabmenu>li:nth-child(5)>a {
        top: 47px;
        left: 33.33%;
    }
    .tabmenu>li>a {
        text-align:center;
    }
    .tabmenu>li.on>a {
        background:#fff;
    }
    
.tabmenu>li:first-child>a {
    border-radius:0px
}
.tabmenu>li:nth-child(5)>a {
    border-radius:0px
}

}

/* 위원회 별 tab 패딩 */
#sub_active .tabmenu>li>.con {
    padding-top: 110px;
}

/* 의장단 */
#sub_chairmanlist {
    position: relative;
}

#sub_chairmanlist h3 {
    line-height: 110%;
    font-family: "gmarket";
    font-size: 32px;
    font-weight: 900;
    color: #3e59ad;
    text-align: center;
}

#sub_chairmanlist .info {
    line-height: 130%;
    padding: 7px 0 35px;
}

#sub_chairmanlist .list_wrap {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    text-align: center;
}

#sub_chairmanlist .list {
    width: 25%;
    box-sizing: border-box;
}

#sub_chairmanlist .list a {
    text-decoration: none;
}

#sub_chairmanlist .list * {
    display: block;
}

#sub_chairmanlist .pic {
    position: relative;
    display: block;
    width: 130px;
    height: 140px;
    padding: 0 5px;
    box-sizing: border-box;
    margin: 0 auto;
}

#sub_chairmanlist .pic img {
    width: 100%;
    height: 100%;
    border: 2px solid #ddd;
}

#sub_chairmanlist .txt {
    display: block;
    word-break: keep-all;
}

#sub_chairmanlist .txt .name {
    display: block;
    line-height: 120%;
    padding: 17px 0 5px;
    font-weight: 500;
}

@media all and (max-width:1024px) {
    #sub_chairmanlist .info {
        padding: 5px 0 25px 0;
    }
}

@media all and (max-width:768px) {
    #sub_chairmanlist h3 {
        font-size: 27px;
    }
}

@media all and (max-width:568px) {
    #sub_chairmanlist h3 {
        font-size: 23px;
    }

    #sub_chairmanlist .info {
        width: 65%;
    }

    #sub_chairmanlist .list {
        width: 50%;
    }

    #sub_chairmanlist .list:nth-child(-n + 2) {
        margin: 0 0 20px;
    }

    #sub_chairmanlist .pic {
        max-width: 110px;
        height: auto;
    }

    #sub_chairmanlist .txt {
        font-size: 13px;
    }
	.tabmenu>li>a {
		background:none;
	}
}

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

/* 찾아오시는길 */
#sub_location .map_wrap{position:relative; margin:0 0 46px;}
#sub_location .roughmap_maker_label{border:none;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{display:block; padding:5px 15px; line-height:30px; font-weight:600; font-family:'score'; border-radius:30px; background:#fff; font-size:16px;}
#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:url(/council/images/common/ico_council.png) no-repeat; background-size:contain;}
#sub_location .way{width: 100%;box-sizing:border-box;padding:28px 0 18px 40px;background: url(/council/images/kr/intro/bg_location.png) no-repeat center center;background-size:cover;font-size: 16px;position: absolute;width: 100%;bottom: 0;}
#sub_location .way ul li{position:relative;box-sizing:border-box;padding:0 0 10px 124px;color:#fff;font-weight: 600;line-height: 160%;} 
#sub_location .way ul li em{position:absolute;top:0;left:0;box-sizing:border-box;padding:0 0 0 35px;font-weight:300;background:url(/council/images/kr/intro/ico_loc1.png) no-repeat;background-size: 26px;} 


#sub_location .way ul li:nth-child(2) em{background-image:url(/council/images/kr/intro/ico_loc2.png);} 
#sub_location .way ul li:nth-child(3) em{background-image:url(/council/images/kr/intro/ico_loc3.png);} 
.section_address  {display:none;}

#sub_location .btn_link{width:80px; height:25px; line-height:25px; background:#498fc1;}
#sub_location .table_wrap{margin:15px 0 30px -15px;}
    
@media all and (max-width:768px) {
    #sub_location .map_wrap{margin:0 0 30px;}
    #sub_location .root_daum_roughmap{height: 450px !important;}
    #sub_location .way{width:100%;border-radius:0;padding:18px 10px 8px 20px;z-index: 11;}
    #sub_location .way ul li{padding:0 0 8px 115px;}
    #sub_location .way a{width:70px; height:70px; padding:35px 0 0; background-size:20px;}
}

@media all and (max-width:568px) {
    #sub_location .way ul li{padding:0 0 8px 65px;}
    #sub_location .way ul li em{padding:0; background:none !important;}
    #sub_location .way a{top:auto; bottom:20px; right:20px; width:auto; height:35px; line-height:35px; border-radius:0; padding:0 10px 0 30px; background-position:center left 8px; background-size:16px;}
    #sub_location .way a:before{top:-5px; left:-5px; width:calc(100% + 10px); height:calc(100% + 10px); border-radius:0;}
}

@media all and (max-width:380px) {
    #sub_location .btn_link{margin-top:-2px;}
}

/* 의원윤리강령 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

}

/* 의원윤리강령  e*/


/* 의원소개 */
/* 의원소개 */
#sub_active{width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
#profile_wrap {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.profile{float:left;width:47.8%;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;}
.profile:hover{border-color:rgba(41,46,68,0.5);}
.profile.none{float:right;}
.profile dl{position:relative;float:left;width:100%;min-height: 280px;padding: 0 15px 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 91px;line-height:135%;box-sizing:border-box; display:flex; flex-wrap:wrap;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left: 1px;top: 5px;width: 11px;height: 11px;background: url(../../images/kr/member/ico_check.png) no-repeat center center;background-size: cover;}
.profile dd li em{font-weight:bold;}

.profile dd li span{width:100%; word-break:break-all;}
.profile dd li .colon{display:none;}
.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(50% + 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(/council/images/kr/member/ico_open.png) no-repeat 0 100%;}
.profile .btns a:hover{z-index:1; background-color:#184d90; border-color:none; color:#fff;}
.profile .btns a.end:hover:after{content:''; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:-3px 0 0 6px; background:url(/council/images/kr/member/ico_open_w.png) no-repeat 0 100%;}

.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(/council/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{width:49%;}
	.profile dl{min-height:240px; padding:0 15px 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{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;}
	.profile dl{min-height:170px; padding:0 15px 27px 170px;}
	.profile dt{left:3.5%;}
	.profile .btns{margin:1em 0 0 0;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 15px 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: 3px;}
	.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;}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    #sub_district .map_info br {
        display: none;
    }

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

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

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

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

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

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

.form_sc .sel {
    width: 30%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

    .form_sc label {
        left: 25px;
    }

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

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

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

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

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

    .form_sc .sel label {
        left: 0;
    }

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

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

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

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

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

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

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

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

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

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

/* 의원윤리강령 */
#sub_ethics {}
.numbering {
    font-size: 1.4em;
    font-weight:600;
    margin-bottom: 15px;
}
.numbering span {
    color:#184d90;
    font-size: 1.4em;
    font-weight:600;
    display:inline-block;
    margin-right:3px;
}
.info_txt {
    border-left: solid 4px #184d90;
    padding: 10px 20px;
    margin-bottom: 15px;
    color: #000;
    background: #efefef;
    word-break: keep-all;
    font-weight: 500;
}
.info_txt2 {
    color: #000;
    background: #f9f9f9;
    word-break: keep-all;
    font-weight: 500;
    padding: 20px;
    border: solid 1px #ddd;
    border-radius: 7px;
}
.info_box {
    margin-bottom:50px;
    padding: 20px;
    border: solid 1px #ddd;
    border-radius: 7px;
}
.info_box li {
    margin-bottom: 10px;
    display:flex;
    align-items:center;
}
.info_box li .num {
    padding: 10px;
    background: #dcefe6;
    width:20px;
    margin-right:10px;
    color:#3e8061;
    border-radius:50px;
    font-weight:700;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.info_box.w_txt li {
    flex-wrap:wrap;
    margin-bottom:10px;
}
.info_box.w_txt li strong {
    display:inline-block;
    background:#dcefe6;
    border-radius:3px;
    line-height:1;
    color:#3e8061;
    padding:5px;
    margin-right:10px;
    margin-bottom:5px;
}
.info_box.w_txt li p {
    margin-bottom:5px;
}
#sub_ethics .info_box li .txt {
    line-height:1.5;
}

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

@media all and (max-width:768px) {
    #sub_ethics .info_box li {
        align-items: flex-start;
    }
}

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

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

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

#sub_voca .indexArea {
    float: left;
    width: 100%;
    padding: 40px 60px 35px;
    box-sizing: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#sub_voca .word_defined dt {
	font-size:20px;
	color:#33589c;
	font-weight:bold;
}
#sub_voca .word_defined dd {
	border:solid 1px #ddd;
	border-top: solid 3px #33589c;
	padding: 20px;
	margin-top: 20px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#sub_search .search label {
    margin: 0 1em 0 0;
    line-height: 39px;
    font-size: 115%;
    font-weight: 700;
}

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

#sub_search .search button {
    width: 60px;
    height: 40px;
    background: #33589c;
    color: #fff;
    font-weight: 400;
}

#sub_search .result h4 {
    margin: 0 0 15px 0;
    font-size: 120%;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    background-position: 0 4px;
}

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

#sub_search .result>.dot>li {
    padding: 0 0 0 12px;
    margin: 0 0 7px;
    font-weight: 600;
}

#sub_search .result>.dot>li ul {
    font-weight: 400;
}

#sub_search .result>.dot>li:before {
    top: 8px;
    width: 5px;
    height: 5px;
    background: #33589c;
}

@media all and (max-width:768px) {
    #sub_search .search {
        padding: 50px 0;
        margin: 0 0 25px;
    }

    #sub_search .search fieldset {
        text-align: center;
    }

    #sub_search .search #word {
        width: 30%;
    }

    #sub_search .search button {
        width: 65px;
        font-size: 16px;
    }

    #sub_search .result>.dot>li:before {
        top: 7px;
    }
}

@media all and (max-width:568px) {
    #sub_search .search {
        padding: 45px 0;
    }
}

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

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

#sub_banner ul li {
    float: left;
    width: 25%;
    padding: 3px 5px 4px;
    box-sizing: border-box;
}

#sub_banner ul li a {
    display: block;
    height: 70px;
    padding: 10px 0 0 0;
    vertical-align: middle;
    border: 1px solid #e8e8e8;
    box-sizing: border-box;
    text-align: center;
}

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

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

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

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

/* 대관문의 */

.quick {
    display: inline-flex;
    background-color: #2e9f88;
    border-radius: 25px;
    padding-inline: 60px;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: 0.3s;
}

.quick:hover {
    background-color: #93d06c;
    transition: 0.3s;
}

.contact {
    display: flex;
    gap: 10px;
    width: calc(100% - 10px);
    align-items: center;
    justify-content: center;
    padding-block: 37px;
    border: 5px solid #f1f1f1;
    color: #333;
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
    #sub_rental .line_box {
        padding-block: 32px;
    }
}

@media screen and (max-width: 568px) {
    .quick {
        padding-inline: 30px;
        height: 45px;
    }

    .contact {
        width: calc(100% - 50px);
        padding-inline: 20px;
    }
}

/* 대관문의 e */

/* 방청참관 안내 */
#sub_tour .tourProc {
    width: calc(100% - 50px);
    padding-inline: 20px;
    padding-block: 40px;
    border: 5px solid #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 50px;
}

#sub_tour .tourProc li {
    background: linear-gradient(43deg, rgb(48, 162, 149) 0%, rgb(98, 185, 129) 57%, rgb(147, 208, 108) 100%);
    color: #fff;
    font-weight: 500;
    width: 198px;
    height: 59px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    position: relative;
}

#sub_tour .tourProc li:before {
    width: 16px;
    height: 26px;
    background: url(/council/images/kr/sub/ico_tourArrow.png) center no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    right: -35px;
    top: 50%;
    transform: translateY(-50%);
}

#sub_tour .tourProc li:last-child:before {
    display: none;
}

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

    #sub_tour .tourProc {
        flex-wrap: wrap;
    }

    #sub_tour .tourProc li {
        flex: 100%;
    }

    #sub_tour .tourProc li:before {
        transform: rotate(90deg);
        right: initial;
        left: 50%;
        top: 73px;
    }
}

/* 방청참관 안내 e*/

/* 의회에바란다 */
#sub_hope .orangef {
    font-size: 17px;
    font-weight: 500;
}

@media screen and (max-width: 1024px) {
    #sub_hope p br {
        display: none;
    }
}

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

@media screen and (max-width: 568px) {
    #sub_hope .line_box h5 br {
        display: none;
    }
}

/* 의회에 바란다 e*/

/* 주민 조례 청구 */
#sub_jumin .claimProcess {
    padding-block: 58px 76px;
    padding-inline: 30px;
    width: calc(100% - 60px);
    background-color: #f1f6ed;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 53px 34px;
}

#sub_jumin .claimProcess>li {
    background-color: #fff;
    height: 190px;
    padding-block: 0 30px;
    padding-inline: 20px;
    position: relative;
    border-radius: 10px;
}

#sub_jumin .claimProcess>li::before {
    width: 15px;
    height: 26px;
    background: url(/council/images/kr/sub/ico_juminArrow.png) center / cover no-repeat;
    content: '';
    display: inline-block;
    position: absolute;
    right: -25px;
    top: 50%;
    transform: translateY(-50%);
}

#sub_jumin .claimProcess>li:last-child {
    filter: drop-shadow(0px 0px 6px rgba(59, 82, 177, 0.1));
}

#sub_jumin .claimProcess>li:last-child::before {
    display: none;
}

#sub_jumin .claimProcess em {
    width: 40px;
    height: 40px;
    background: url(/council/images/kr/sub/num_darkG.png) center / cover no-repeat;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    top: -20px;
    left: 20px;
}

#sub_jumin .claimProcess li:last-child em {
    background: url(/council/images/kr/sub/num_cyan.png) center / cover no-repeat;
}

#sub_jumin .claimProcess .tit {
    color: #144f46;
    width: 100%;
    min-height: 57px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    padding-top: 18px;
}

#sub_jumin .claimProcess .dash {
    font-size: 15px;
    color: #333;
}

#sub_jumin .downWrap {
    width: 494px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#sub_jumin .downWrap a {
    display: block;
    width: calc(100% - 60px);
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 30px;
    background-color: #2e9f88;
    border-radius: 5px;
    transition: 0.3s;
    border: 1px solid transparent;
    color: #fff;
}

#sub_jumin .downWrap a img {
    transition: 0.3s;
}

#sub_jumin .downWrap a:hover {
    background-color: #f1f6edd2;
    color: #2e9f88;
    font-weight: 500;
    border: 1px solid #2e9f88;
}

#sub_jumin .downWrap a:hover img {
    transition: 0.3s;
    filter: invert(0.5) brightness(0.5);
}

#sub_jumin .linkWrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#sub_jumin .linkWrap a {
    width: 297px;
    height: 50px;
    padding-inline: 30px;
    background-color: #3a72b1;
    font-size: 16px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    border-radius: 10px;
    transition: 0.3s;
    border: 1px solid transparent;
}

#sub_jumin .linkWrap a:hover {
    color: #3a72b1;
    border: 1px solid #3a72b1;
    background-color: #e2eefcc5;
    font-weight: 500;
}

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

@media screen and (max-width : 568px) {
    #sub_jumin .line_box {
        padding: 32px;
    }

    #sub_jumin .claimProcess {
        column-gap: 50px;
    }

    #sub_jumin .claimProcess>li {
        height: 150px;
    }

    #sub_jumin .claimProcess>li::before {
        right: 43%;
        top: inherit;
        transform: translateX(-50%) rotate(90deg);
        bottom: -37px;
    }

    #sub_jumin .downWrap {
        width: calc(100% - 20px);
    }

    #sub_jumin .downWrap a {
        height: 60px;
        font-size: 16px;
    }

    #sub_jumin .downWrap a p {
        width: 80%;
    }

    #sub_jumin .linkWrap a {
        width: calc(100% - 80px);
        height: 60px;
    }
}

/* 주민 조례 청구 e */

/* 청원안내 */
@media screen and (max-width:768px) {
    #sub_petition .line_box {
        padding: 32px;
    }
}

@media screen and (max-width : 768px) {
    .line_box2 {
        padding: 32px;
    }
}

/* 청원안내 e */

/* 청원안내 */

/* 청원처리절차 */
#sub_complain .proc em {
    height: fit-content;
    color: #333;
    background-color: #fff;
    border: 3px solid #33a79a;
    border-radius: 0;
    width: 41%;
    text-align: left;
    padding-left: 22px;
    line-height: 20px;
    padding-block: 20px;
    margin-bottom: 50px;
    position: relative;
    background-image: none;
}

#sub_complain .proc em:before {
    width: 33
}

/* 전체 래퍼 */
.chairman_wrap {
  max-width: 1200px;
  margin: 0 auto;
  font-family: "Pretendard", sans-serif;
  color: #222;
  padding-top: 50px;
}

/* =========================
   배너 영역
========================= */
.chairman-banner {
  position: relative;
  display: flex;
  border-radius: 50px;
  background: url(/council/images/kr/chairman/background.png) no-repeat left bottom;
  box-sizing: border-box;
  min-height: 340px;
  width: 100%;
  align-items: center;
  padding-left: 7%;
  background-size: cover;
  padding-right: 30%;
}


/* 텍스트 */
.banner-text {
  position: relative;
  z-index: 1;
  color: #fff;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
  padding: 30px 0px;
}

.banner-text h3 {
  font-size: 32px;
  line-height: 1.35;
  margin-bottom: 20px;
  font-weight: 700;
}

.banner-text p {
  font-size: 17px;
  line-height: 1.6;
  opacity: 0.95;
}

/* 이미지 */
.banner-photo {
  position: absolute;
  z-index: 1;
  flex-shrink: 0;
  right: 5%;
  bottom: 0;
  width: 30%;
}

.banner-photo img {
  max-width: 260px;
  height: auto;
  display: block;
  width: 100%;
}

/* =========================
   인사말 본문
========================= */
.chairman-message {
  margin-top: 50px;
  font-size: 16px;
  line-height: 1.8;
  padding: 0px 50px;
}

.chairman-message p {
  margin-bottom: 18px;
}

/* 서명 */
.chairman-message .sign {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: 15px;
  justify-content: flex-end;
}

.chairman-message .sign span {
  color: #1f3f77;
  font-weight: 600;
}

.chairman-message .sign img {
  height: 36px;
}

/* =========================
   반응형 (모바일)
========================= */
@media (max-width: 768px) {

  .chairman-banner {
    flex-direction: column;
    text-align: center;
    padding: 30px 30px 0px;
    border-radius: 20px;
    min-height: auto;
    background-position: center center;
    background-size: cover;
  }

  .chairman-banner::before {
    inset: 12px;
    border-radius: 20px;
  }

  .banner-text {
    max-width: 100%;
    margin-bottom: 24px;
    padding-right: 31%;
    box-sizing: border-box;
  }

  .banner-text h3 {
    font-size: 24px;
  }

  .banner-text p {
    font-size: 15px;
  }

  .banner-photo img {
    max-width: 180px;
    margin: 0 auto;
  }

  .chairman-message {
    margin-top: 36px;
    font-size: 15px;
    padding: 0px 15px;
  }

  .chairman-message .sign {
    justify-content: flex-end;
  }
	.chairman_wrap {
		padding-top:20px;
	}
}