@charset "utf-8";

.dot > li:before{border-radius:50%; background:#4a5caa;}
.dash > li{padding-left:18px;}
.dash > li:before{top:10px; width:10px; height:3px; background:#9eacd6;}

.circle {padding-left:15px;}
.circle > li{position:relative; padding:0 0 0 21px; box-sizing:border-box; word-break:keep-all;}
.circle > li:before{content:''; display:block; position:absolute; top:5px; left:0; height:14px; width:14px; border:4px solid #748ad1; border-radius:50%;}

.box_icon{z-index:1; position:relative; width:calc(100% - 3px); padding:41px 20px 45px 19%; margin:0 0 47px; font-size:15px; word-break:keep-all; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
.box_icon:after{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;}
.box_icon:before{content:''; display:block; position:absolute; left:5.3%; top:50%; width:11.5%; height:107px; background:url(../../images/kr/open/ico_hope.png) no-repeat; background-size:contain; transform:translateY(-50%);}
.box_icon .tit{display:block; padding:0 0 10px; font-size:25px; font-weight:500; color:#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;}
}

.tabmenu{position:relative; overflow:hidden; width:100%; box-sizing:border-box;}
.tabmenu:after{z-index:1; content:''; display:block; position:absolute; top:49px; left:0; height:2px; width:100%; background:#3d4ca2;}
.tabmenu > li > a{z-index:1; display:block; position:absolute; top:0; left:0; width: 20%; height:51px; line-height:50px; color:#333; border:2px solid #eee; border-left-color:#fff; border-bottom:none; background:#eee; text-align:center; box-sizing:border-box; text-decoration:none;}
.tabmenu > li:nth-child(2) > a{left: 20%;}
.tabmenu > li:nth-child(3) > a{left: 40%;}
.tabmenu > li:nth-child(4) > a{left:60%;}
.tabmenu > li:nth-child(5) > a{left:80%;}
.tabmenu > li.on > a{z-index:2; color:#3d4ca2; font-weight:500; border-color:#3d4ca2; background:#fff; transition:font-size 0.2s ease-in-out;}
.tabmenu > li > .con{display:none; padding:76px 0 0 0;}
.tabmenu > li.on > .con{display:block;}

.tabmenu2 {position:relative; overflow:hidden; width:100%; margin:0 0 32px;}
.tabmenu2 > li{float:left; width:33.33%; padding:0 5px 9px 4px; font-size:18px; letter-spacing:-1px; box-sizing:border-box;}
.tabmenu2 > li > a{position:relative; display:block; height:59px; line-height:58px; padding:0 0 0 18px; border:1px solid #dedede; border-radius:5px; transition:0.2s ease-in;}
.tabmenu2 > li > a:after{content:''; display:block; position: absolute; top:50%; right:22px; width:12px; margin:-3px 0 0 0; border-top:5px solid #dcdcdc;}
.tabmenu2 > li > a.on,
.tabmenu2 > li > a:hover{color:#292e44; border-color:#292e44; font-weight:600; box-shadow:inset 0 0 0 2px #292e44;}
.tabmenu2 > li > a:hover:after,
.tabmenu2 > li > a.on:after{border-top:5px solid #292e44; border-left:6px solid transparent; border-right:6px solid transparent; transition:0.2s ease-in;}
@media all and (max-width:1024px) {
	.tabmenu2 > li{font-size:17px;}
	.tabmenu2 > li > a{height:53px; line-height:54px;}
}
@media all and (max-width:768px) {
	.tabmenu:after{top:53px;}
	.tabmenu > li > a{height:55px; line-height:54px; font-size:15px;}
	
	.tabmenu2{margin:0 0 25px;}
	.tabmenu2 > li{font-size:16px;}
	.tabmenu2 > li > a{height:49px; line-height:51px; padding:0; text-align:center;}
	.tabmenu2 > li > a:after{display:none;}
}
@media all and (max-width:568px) {
	.tabmenu:after{display:none;}
	.tabmenu > li > a{width:33.33%; height:47px; line-height:46px; font-size:14px; border-bottom:2px solid #fff;}
	.tabmenu > li.on > a{font-size:15px;}
	.tabmenu > li:nth-child(2) > a{left:33.33%;}
	.tabmenu > li:nth-child(3) > a{left:66.66%;}
	.tabmenu > li:nth-child(4) > a{top:47px; left:0;}
	.tabmenu > li:nth-child(5) > a{top:47px; left:33.33%;}

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

	.tabmenu2 {margin:0 0 20px;}
	.tabmenu2 > li{width:50%; font-size:15px; padding:0 3px 6px 3px;}
	.tabmenu2 > li > a{height:43px; line-height:44px;}
}
@media all and (max-width:380px) {
	.tabmenu2{margin:0 0 17px;}
	.tabmenu2 > li{font-size:14px;}
	.tabmenu2 > li > a{height:40px; line-height:41px;}
}

/* 의장실 */
.chairman_wrap {position: relative; height: 312px; margin: 0 0 55px; background: url(../../images/kr/intro/bg_chair.png) no-repeat;}
.chairman_wrap::before, .chairman_wrap::after {content: ''; position: absolute; top: 0; right: 0; width:184px; height:306px; background: url(../../images/kr/intro/bg_chair2.png) no-repeat;}
.chairman_wrap::after {top:auto; bottom: 0; width: 150px; height: 1px; background: #ccc;}
.chairman_wrap .txt {padding: 60px 460px 0 4.6%;box-sizing: border-box;  text-shadow:0 0 5px rgba(51,51,51,0.3);}
.chairman_wrap .txt > strong {font-family: 'gmarket'; font-size: 33px; font-weight: 800; color: #fff; line-height: 1.4; word-break: keep-all; letter-spacing:-1px;}
.chairman_wrap .txt .yellow strong{font-weight: 900;}
.chairman_wrap .txt .yellow {color: #fff9d0;}
.chairman_wrap .txt p {position: relative; margin: 40px 0 0; font-size: 15px; color: rgba(255,255,255,.7); line-height: 1.6;  text-shadow:0 0 5px rgba(51,51,51,0.8);}
.chairman_wrap .txt p::after {content: ''; position: absolute; top: -24px; left: 0; width: 46px; height: 1px; background: rgba(255,255,255,.3);}
.chairman_wrap .name {position: absolute; right: 470px; bottom:95px; font-size: 14px; color: #fff; text-align: right; font-weight:300; letter-spacing:0; text-shadow:0 0 5px rgba(51,51,51,0.6);}
.chairman_wrap .name strong{font-family:"JSArirangPPURI"; font-size:30px;}
.chairman_wrap .pic {position: absolute; bottom: 0; right:115px;}

#sub_chairman .greeting .name {margin: 20px 0 0; text-align: right;}
#sub_chairman .greeting .name img {margin: 0 0 0 12px; vertical-align: bottom;}

#sub_profile > ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#sub_profile > ul > li {position: relative; margin: 0 0 10px; padding: 0 0 10px 135px; width: 48%; border-bottom: 1px solid #eee; box-sizing: border-box;}
#sub_profile > ul > li::before {content: ''; position: absolute; top: 2px; left: 0; width: 20px; height: 18px; background: url(../../images/kr/intro/ico_chk.png) no-repeat; background-size: contain;}
#sub_profile > ul > li em {position: absolute; top: 0; left: 30px; font-size: 17px; font-weight: 300;}
#sub_profile > ul > li.career {padding: 40px 0 0; width: 100%; border: none;}
#sub_profile > ul > li.career .dot {padding: 25px 35px; border: 1px solid #eee; box-sizing: border-box;}
#sub_profile > ul > li.career .dot > li:not(:last-child) {padding-bottom: 6px;}


@media all and (max-width:1380px){
    .chairman_wrap .txt {padding-top: 50px;}
	.chairman_wrap .txt strong {font-size: 30px;}
}
@media all and (max-width:1260px){
	.chairman_wrap .name {right: 390px;}
	.chairman_wrap .pic {right: 10px;}
}
@media all and (max-width:1180px){
	.chairman_wrap .txt {padding-right: 420px;}
	.chairman_wrap .txt strong {font-size: 28px;}
	.chairman_wrap .name {right: 320px;}
	.chairman_wrap .pic {right: 0;}
	.chairman_wrap .pic img {width: 340px;}
}
@media all and (max-width:768px){
	.chairman_wrap {margin: 0 0 35px; height: auto; background-size: cover; border-radius: 10px;}
	.chairman_wrap::before, .chairman_wrap::after {display: none;}
	.chairman_wrap .txt {padding: 40px 20px 0 35px;}
	.chairman_wrap .name {right: auto; left: 14%;}
	.chairman_wrap .pic {position: static; margin: 15px 0 0; text-align: center;}
	.chairman_wrap .pic img {width: 300px;}

    #sub_profile > ul > li {width: 100%;}
}
@media all and (max-width:568px){
	.chairman_wrap .txt strong {font-size:18px;}
	.chairman_wrap .txt p {margin: 25px 0 0; font-size: 14px;}
	.chairman_wrap .txt p::after {top: -17px;}
	.chairman_wrap .name {left: 35px;} 
	.chairman_wrap .pic img {width: 260px;}

    #sub_profile > ul > li {padding-left: 100px;}
    #sub_profile > ul > li em {left: 25px; font-size: 16px;}
    #sub_profile > ul > li::before {top: 3px; width: 18px;}
    #sub_profile > ul > li.career .dot {padding: 20px 25px;}
}
@media all and (max-width:420px){
	.chairman_wrap .txt {padding: 30px 10px 0 25px;}
	.chairman_wrap .name {left: 20px;}
	.chairman_wrap .pic img {width: 220px;}
}


/* 의회연혁 */
#sub_history .info{position:relative; height:223px; padding:45px 10px 0 195px; border-radius:0 0 0 50px; line-height:170%; color:#fff; box-sizing:border-box; background:url(../../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(../../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(../../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:270px; top:0; width:1px; height:100%; background:#dedede;}
#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(../../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:22px; height:22px; border:6px solid #bbb; border-radius:50%; background:#fff; right:-11.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:15px; 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:220px;}
	#sub_history .history > li{padding: 40px 0 40px 20px;}
	#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(../../images/kr/intro/ico_period.png);}
#sub_function3 .box_icon:before{background-image: url(../../images/kr/intro/ico_audit.png);}
#sub_power1 .box_icon:before{background-image: url(../../images/kr/intro/ico_duty.png);}
#sub_power2 .box_icon:before{background-image: url(../../images/kr/intro/ico_power.png);}
#sub_petition .box_icon:before{background-image: url(../../images/kr/open/ico_petition.png);}
#sub_appeal .box_icon:before{background-image: url(../../images/kr/open/ico_appeal.png);}

/* 의회구성 */
.org {
    z-index: 1;
    position: relative;
    float: left;
    width: calc(100% - 3px);
    margin: 0 0 50px;
    padding: 60px 86px 35px;
    text-align: center;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 0 50px;
    box-sizing: border-box;
}

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

.org :before {
    display: block;
    position: absolute;
    content: '';
    border-bottom: 1px dotted #cacaca;
}

.org .one {
    position: relative;
    z-index: 10;
    width: 309px;
    height: 136px;
    margin: 0 auto;
    padding-top: 55px;
    border-radius: 50%;
    background: url(../../images/kr/intro/bg_org_chair.png) no-repeat 50% 50%;
    font-size: 25px;
    font-weight: 500;
    box-sizing: border-box;
}

.org .two {
    position: relative;
    width: 213px;
    height: 48px;
    line-height: 48px;
    margin: 27px auto 30px;
    border-radius: 5px;
    background-color: #39425e;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0;
}

.org .two:before,
.org .two:after {
    left: 50%;
    width: 1px;
    height: 29px;
    border-left: 1px dotted #cacaca;
}

.org .two:before {
    bottom: 100%;
}

.org .two:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
}

.org .three_area {
    position: relative;
}

.org .three_area:before {
    top: 0;
    left: 29%;
    width: calc(71% - 86px);
    height: 1px;
}

.org .three {
    float: left;
    position: relative;
    width: 57.75%;
    padding-top: 67px;
}

.org .three:before {
    top: 35px;
    left: 16.66%;
    width: 66.66%;
    height: 1px;
}

.org .three .n1 {
    margin-bottom: 29px;
}

.org .three .n1 li {
    float: left;
    position: relative;
    width: calc(33.33% - 7px);
    margin-right: 10px;
    padding: 19px 0;
    border-radius: 5px;
    background-color: #826c4a;
    font-size: 17px;
    color: #fff;
    letter-spacing: -0.01em;
    line-height: 25px;
}

.org .three .n1 li:last-child {
    margin: 0;
}

.org .three .n1 li:before {
    top: -32px;
    left: 50%;
    width: 1px;
    height: 32px;
    border-left: 1px dotted #cacaca;
}

.org .three .n1 li:nth-child(2):before {
    top: -67px;
    height: 67px;
}

.org .three .n1 li a {
    display: block;
    color: #fff;
}

.org .three .n2clearfix {
    display: flex;
    width: 100%;
}

.org .three .n2clearfix ul {
    width: 100%;
    display: flex;
}

.org .three .n2 {
    position: relative;
    width: calc(33.33% - 7px);
    margin: 0 auto;
    border: 1px solid #b0bbdf;
    padding: 9px 0;
    border-radius: 5px;
    background-color: #fff;
    font-size: 17px;
    color: #333;
    letter-spacing: -0.01em;
}

.org .three .n2:before {
    top: -30px;
    left: 50%;
    width: 1px;
    height: 29px;
    border-left: 1px dotted #cacaca;
}

.org .three .n2:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
    width: 490px;
    height: 1px;
    background-image: url('');
}

.org .four {
    float: right;
    position: relative;
    padding-top: 48px;
}

.org .four li {
    position: relative;
    width: 172px;
    margin: 0 auto;
    border: 1px solid #d0d5e3;
    padding: 9px 0;
    border-radius: 5px;
    background-color: #fff;
    font-size: 17px;
    color: #3e59ad;
    letter-spacing: -0.01em;
    margin-top: 20px;
}

.org .four li:before {
    left: 50%;
    width: 1px;
    border-left: 1px dotted #cacaca;
}

.org .four .n1 {
    margin-bottom: 96px;
    background: #3e59ad;
    border-color: #3e59ad;
    color: #fff;
}

.org .four .n1:before {
    top: -68px;
    height: 67px;
}

.org .four .n1:after {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 121px;
    height: 96px;
    margin-top: 1px;
    background-color: #f8f9fb;
}

.org .four .n2 {
    margin-bottom: 26px;
}

.org .four .n2:before {
    top: -96px;
    height: 95px;
}

.org .four .n2:after {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 17px;
    height: 17px;
    margin-left: -8px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);
    box-sizing: border-box;
    background-color: #6d7996;
}

.org .four .n3 {
    margin-bottom: 26px;
}

.org .four .n3:before {
    top: -26px;
    height: 25px;
}

.org .four .n3:after {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 17px;
    height: 17px;
    margin-left: -8px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);
    box-sizing: border-box;
    background-color: #6d7996;
}

.org .four .n4 {
    margin-bottom: 26px;
}

.org .four .n4:before {
    top: -25px;
    height: 25px;
}

.org .four .n4:after {
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 17px;
    height: 17px;
    margin-left: -8px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(79, 143, 231, 0.15);
    box-sizing: border-box;
    background-color: #6d7996;
}

@media all and (max-width:1430px) {
    .org .three .n2:after {
        width: 340px;
    }
}

@media all and (max-width:1200px) {
    .org {
        padding-right: 35px;
        padding-left: 35px;
    }

    .org .three_area:before {
        left: calc((100% - 185px) / 2);
        width: calc((100% - 185px) / 2 + 100px);
    }

    .org .three {
        width: calc(100% - 185px);
    }

    .org .three .n2:after {
        width: 240px;
    }
}

@media all and (max-width:1000px) {
    .org {
        padding-right: 25px;
        padding-left: 25px;
    }

    .org .three .n2:after {
        width: 350px;
    }
}

@media all and (max-width:640px) {
    .org {
        padding: 20px;
    }

    .org .one {
        width: 250px;
        font-size: 20px;
        background-size: cover;
    }

    .org .two {
        font-size: 16px;
    }

    .org .three_area:before {
        left: 23.5%;
        width: 53%;
    }

    .org .three {
        width: 47%;
        padding-top: 10px;
    }

    .org .three:before {
        display: none;
    }

    .org .three .n1 li {
        float: none;
        width: auto;
        margin-right: 0;
        margin-bottom: 10px;
        padding: 6px 0;
        font-size: 14px;
    }

    .org .three .n1 li:before {
        top: -10px;
        height: 10px;
    }

    .org .three .n1 li:nth-child(2):before {
        top: -10px;
        height: 10px;
    }

    .org .three .n2 {
        width: 100%;
        padding: 6px 0;
        font-size: 14px;
    }

    .org .three .n2:nth-child(2) {
        display: none;
    }

    .org .three .n2:nth-child(3) {
        display: none;
    }

    .org .three .n2:after {
        display: none;
    }

    .org .four {
        width: 47%;
        padding-top: 0;
    }

    .org .four li {
        width: auto;
        padding: 6px 0;
        font-size: 14px;
    }

    .org .four .n1 {
        margin-bottom: 10px;
    }

    .org .four .n1:before,
    .org .four .n2:before {
        top: -21px;
        height: 20px;
    }

    .org .four .n1:after,
    .org .four .n2:after {
        display: none;
    }
}
#sub_bill .box_icon:before{background-image: url(../../images/kr/intro/ico_bill.png);}

.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 60px; font-size:17px; font-weight:400; line-height:140%; text-align:center; box-sizing:border-box; border-radius:10px 10px 30px 10px; background:#eaeef9;}
.proc li:first-child strong{color:#fff; background:#3e59ad url(../../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 strong:after{z-index:-1; content:''; display:block; position:absolute; bottom:-40px; left:50%; width:33px; height:20px; margin:0 0 0 -16px; background:url(../../images/kr/intro/ico_arrow.png) no-repeat 0 50%;}
.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(../../images/kr/intro/ico_arrow2.png);}
.proc .two2 strong:after{left:3%; width:200px; height:15px; background-image:url(../../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(../../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;}
}


/* 진정안내 */
.box_gray{padding:60px 50px; box-sizing:border-box; background:#f4f5f8;}
.proc_horiz{display:flex; justify-content:space-between; box-sizing:border-box; font-size:17px;}
.proc_horiz > li{position:relative; flex:1;}
.proc_horiz > li + li{margin:0 0 0 5%;}
.proc_horiz > li:after{content:''; display:block; position: absolute; top:50%; left:100%; width:15px; height:25px; margin:-13px 0 0 12px; background:url(../../images/kr/intro/ico_arrow2.png) no-repeat;}
.proc_horiz > li:last-child:after{display:none;}
.proc_horiz div{display: flex; align-items:center; justify-content:center; width:100%; height:80px; padding:3px; line-height:130%; border-radius:10px; text-align:center; box-sizing:border-box; background:#fff; word-break:keep-all;}
.proc_horiz > li:last-child div{color: #fff; background:#3e59ad url(../../images/kr/intro/bg_proc.png) no-repeat 100% 100%;}
@media all and (max-width:1024px) {
	.box_gray{padding:25px 20px;}
	.proc_horiz{font-size:16px;}
}
@media all and (max-width:768px) {
	.proc_horiz > li:after{margin-left:5px;}
	.proc_horiz{font-size:15px;}
}
@media all and (max-width:568px) {
	.box_gray{padding:15px 10px;}
	.proc_horiz{font-size:14px;}
	.proc_horiz > li:after{margin-left:0;}
}

/* 청원처리 */
.proc.type2 strong{width:24%; padding:18px 2px; border-radius:10px; background:#fff;}
.proc.type2 div{width:75%;}
.proc.type2 div ul{width:100%;}
.proc.type2 div li{position:relative; z-index:1; width:26.5%; padding:19px 2px; margin:0 0 0 6%; line-height:120%; font-weight:400; font-size:17px; box-sizing:border-box; border-radius:10px; text-align:center; color: #fff; background:#3d9c89;}
.proc.type2 div li:before,
.proc.type2 div li:after{z-index:-1; content:''; display:block; position: absolute; left:-25%; top:50%; width:25%; height:1px; background:#c8c8c8;}
.proc.type2 div li:after{left:-8px; width:auto; height:auto; margin:-4px 0 0 0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:8px solid #c8c8c8; background:none;}
.proc.type2 div li:nth-child(1){background:#314262;}
.proc.type2 div li:nth-child(3){border:1px solid #888; color: #333; background:#fff;}
.proc.type2 .center{margin:-240px 0 0 0;}
.proc.type2 .center ul{position:relative; margin:120px 0 0 0;}
.proc.type2 .center ul:before,
.proc.type2 .center ul:after{content:''; display:block; position: absolute; top:-90px; left:-5px; width:20%; height:240px; border:1px solid #c8c8c8; border-left:none;}
.proc.type2 .center ul:after{left:-3px; width:auto; height:auto; margin:-4px 0 0 0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-right:8px solid #c8c8c8; background:none}
.proc.type2 .center li:before,
.proc.type2 .center li:after{display:none;}
@media all and (max-width:768px) {
	.proc.type2 div li{font-size:15px;}
}
@media all and (max-width:568px) {
	.proc.type2 div{width:73%;}
	.proc.type2 div li{width:29%; margin:0 0 0 3%; font-size:14px; word-break:break-all;}
	.proc.type2 strong{width:25%; word-break:break-all;}
	.proc.type2 div li:before{display:none;}
}
@media all and (max-width:380px) {
	.proc.type2 div li{font-size:13px;}
}

/* 주민조례청구 */
.jumin.box_gray{margin:0 0 55px; padding:77px 35px 27px;}
.jumin .proc_horiz{flex-wrap:wrap;}
.jumin .proc_horiz li{flex:auto; width:21%; margin-bottom:50px;}
.jumin .proc_horiz li + li{margin-left:4%;}
.jumin .proc_horiz li:nth-child(4n + 1){margin-left:0;}
.jumin .proc_horiz div{display:block; height:212px; padding:0 10px;}
.jumin .proc_horiz li:last-child div{background:#fff; color: #333; border:1px solid #96a7df; box-shadow:0 0 10px rgba(59,82,177,0.2);}
.jumin .proc_horiz li strong{display: flex; align-items:center; justify-content:center; height:60px; border-bottom:1px dashed #ddd; font-weight:500; color:#1f3075;}
.jumin .proc_horiz li p{display: flex; align-items:center; justify-content:center; height:150px; font-size:15px;}
.jumin .proc_horiz li .num{position: absolute; top:-20px; left:22px; display:block; width:40px; height:40px; line-height:40px; letter-spacing:0; border-radius:10px; font-size:15px; text-align:center; color: #fff; background:#333d5e url(../../images/kr/intro/bg_proc.png) no-repeat 100% 70%;}
.jumin .proc_horiz li:last-child .num{background-color: #3e59ad;}

@media all and (max-width:768px) {
	.jumin.box_gray{margin:0 0 35px; padding:50px 20px 0;}
	.jumin .proc_horiz li{flex:auto; width:29.33%;}
	.jumin .proc_horiz li:nth-child(4n + 1){margin-left:4%;}
	.jumin .proc_horiz li:nth-child(3n + 1){margin-left:0;}
	.jumin .proc_horiz li .num{left:10px; top:-25px; font-size:14px;}
}
@media all and (max-width:568px) {
	.jumin .proc_horiz li{flex:auto; width:46%;}
	.jumin .proc_horiz li:nth-child(3n + 1){margin-left:4%;}
	.jumin .proc_horiz li:nth-child(2n + 1){margin-left:0;}
}

/* 찾아오시는길 */
#sub_location .map_wrap{position:relative;}
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%;}
#sub_location .roughmap_maker_label{border-radius:30px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px; line-height:32px; font-size:20px; font-weight:600; font-family:"score"; letter-spacing:-1px; border-radius:30px; background-color:#fff;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(../../images/common/ico_logo.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label:after{height:auto; border-top:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; background:none;}

#sub_location .map_info{box-sizing:border-box; padding:20px 28px 20px 50px; width:100%; height:128px; background:#3e4ea5; border-radius:0 0 0 50px;}
#sub_location .map_info ul{display:flex; justify-content:space-between; align-items:center; height:100%;}
#sub_location .map_info li{position:relative; display:flex; align-items:center; box-sizing:border-box; padding:0 0 0 48px; height:100%; word-break:keep-all; color:#fff;}
#sub_location .map_info li + li{margin:0 0 0 40px;}
#sub_location .map_info li:nth-child(2),
#sub_location .map_info li:nth-child(3){flex:1 0 auto;}
#sub_location .map_info li a{color:#fff;}
#sub_location .map_info li:before{content:""; position:absolute; left:0; top:50%; width:37px; height:37px; background:url("../../images/kr/intro/ico_loc1.png") no-repeat 50% 50% / cover; transform:translateY(-50%);}
#sub_location .map_info li:nth-child(2):before{background-image:url("../../images/kr/intro/ico_loc2.png");}
#sub_location .map_info li:nth-child(3):before{background-image:url("../../images/kr/intro/ico_loc3.png");}
#sub_location .map_info li:last-child{padding:0; margin:0 0 0 20px;}
#sub_location .map_info li:last-child a{position:relative; display:flex; align-items:center; flex-direction:column; justify-content:center; width:81px; height:81px; box-sizing:border-box; color:#fff; border:1px dashed #9fa7d2; background:rgba(157,171,217,0.5); text-decoration: none;}
#sub_location .map_info li:last-child:before{display:none;}
#sub_location .map_info li:last-child a:before{display:block; content:''; width:16px; height:16px; margin:0 auto 3px; background:url(../../images/kr/intro/ico_new.png) no-repeat;}
#sub_location .map_info li:last-child a:hover{background-color: rgba(157,171,217,0.2); border-style:solid;}
@media all and (max-width:1230px){
	#sub_location .map_info{position:relative; height:auto;}
	#sub_location .map_info ul{flex-wrap:wrap;}
	#sub_location .map_info li{width:100%; height:37px; padding:0 0 0 40px;}
	#sub_location .map_info li:before{width: 32px; height:32px;}
	#sub_location .map_info li + li{margin:5px 0 0 0;} 
	#sub_location .map_info li:last-child{display:block; position: absolute; right:20px; top:35px; width:auto; margin:0;}
}
@media all and (max-width:1024px){
	#sub_location .root_daum_roughmap .wrap_map{height:400px !important;}
}
@media all and (max-width:768px){
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}
}
@media all and (max-width:568px){
	#sub_location .map_info{padding:20px 5px 20px 15px;}
	#sub_location .map_info li:last-child{top:75px; right:15px;}
	#sub_location .map_info li:last-child a{width:55px; height:60px;}
	#sub_location .root_daum_roughmap .wrap_map{height:300px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:19px;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text:before{height:25px; margin:0 2px 0 0;}
}
@media all and (max-width:380px){
	#sub_location .root_daum_roughmap .wrap_map{height:250px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:18px;}
}

/* 의원소개 */
#sub_active{float:left; width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
.profile_wrap{float:left; width:47.8%;}
.profile_wrap + .profile_wrap{float:right;}
.profile_wrap .profile{width:100%;}

.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:265px; padding:0 0 30px 41.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:7.7%; width:130px;}
.profile dt img{width:100%; border:1px solid #e5e5e5; box-sizing:border-box;}
.profile dd{float:left; width:100%;}
.profile .name {overflow:hidden; width:100%; padding:3px 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:700; color:#111; letter-spacing:-2px;}

.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative; padding:0 0 8px 87px; line-height:135%; box-sizing:border-box;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left:3px; top:7px; width:5px; height:5px; background:#41578a;}
.profile dd li em{position:absolute; top:0; left:14px; width:85px; letter-spacing:2px;}
.profile dd li:first-child em{letter-spacing:13px;}
.profile dd li:nth-child(3) em,
.profile dd li:nth-child(4) em{letter-spacing:0;}
.profile dd li span{width:100%; word-break:break-all;}
.profile dd li .colon{position:absolute; top:0; left:79px; width:auto;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;}
.profile .btns a{position:relative; float:left; width:50%; height:60px; line-height:60px; font-weight:500; border-top:1px solid rgba(41,46,68,0.1); border-right:1px solid rgba(41,46,68,0.15); color:#292e45; border-radius:0 0 0 10px; background:#f7f7f7; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a.end{width: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(../../images/kr/member/ico_open.png) no-repeat 0 100%;}
.profile .btns a:hover{z-index:1; background-color:#fff; border-color:rgba(41,46,68,0.5);}

.profile .sns{float:left; padding:0 0 0 24px;}
.profile .sns a{float:left; width:28px; height:30px; font-size:0; text-indent:-9999px; background:#2b91cd url(../../images/common/ico_sns.png) no-repeat -26px 7px;}
.profile .sns .fb{background-color:#395599; background-position:9px 6px;}
.profile .sns .bl{background-color:#03c157; background-position:-66px 6px;}
.profile .sns .kko{background-color:#f4c500; background-position:-141px 6px;}
.profile .sns .insta{background-color:#c536a4; background-position:-103px 6px;}
.profile .sns .off{background-color:#b5b5b5;}
.profile .sns .off:nth-child(even){background-color:#c9c9c9;}
#sub_memberlist .profile .btns a:first-child{width:100%; border-right:none; border-radius:0 0 10px 10px;}

@media all and (max-width:1230px) {
	.profile dt{left:4.5%; width:35%; max-width:140px;}
	.profile .name strong{line-height:32px; font-size:23px;}
	.profile .sns{padding:0 0 0 10px;}
}
@media all and (max-width:1024px) {
	.profile_wrap{width:49%;}

	.profile{width:49%;}
	.profile dl{min-height:240px; padding:0 0 20px 38%;}
	.profile dt{left:4.5%; width:35%; max-width:155px;}
	.profile dt img{width:87%; max-width:119px; height:auto;}
	.profile .name{padding:0 0 15px;}
	.profile .name strong{font-size:25px;}
	.profile dd li{padding-bottom:7px;}
}
@media all and (max-width:768px) {
	.profile_wrap{overflow:hidden; width:100%;}
	.profile{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;}
	.profile dl{min-height:170px; padding:0 0 27px 170px;}
	.profile dt{left:3.5%;}
	.profile .btns{margin:1em 0 0 0;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 0 23px 38%;}
	.profile .name{padding:0 0 12px;}
	.profile .name strong{font-size:21px;}
	.profile dd li{padding:0 0 5px 81px;}
	.profile dd li .colon{left:77px;}
	.profile .btns a{height:47px; line-height:47px;}
}
@media all and (max-width:380px) {
	.profile dd li:first-child em{letter-spacing:12px;}
	.profile dd li:before{top:5px;}
	.profile dd li .colon{left:75px;}

	#sub_district h4 ~ h4,
	#sub_memberlist h4 ~ h4,
	#sub_board h4 ~ h4{float:left; margin-top:20px;}
}
@media all and (max-width:357px) {
	.profile dl{min-height:0;}
	.profile .name strong{font-size:20px;}
	.profile .sns{padding:0 0 0 5px;}
}

/* 역대의원 */
.form_sc{z-index:1; position:relative; float:left; width:calc(100% - 3px); padding:40px 0; text-align:center; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
.form_sc:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 2px); height:95px; border-top:5px solid #3e59ad; border-right:5px solid #3e59ad;}

.form_sc div{position:relative; float:left; width:58.87%; padding:0 0 0 131px; box-sizing:border-box;}
.form_sc label{position:absolute; left:65px; top:0; line-height:54px; font-size:18px; color:#222; font-weight:600;}
.form_sc .sel label{left:80px;}
.form_sc .sel{width:30.24%; padding:0 0 0 127px;}
.form_sc .sel:after{content:''; display:block; position:absolute; top:22px; right:18px; transform:rotate(45deg); width:8px; height:8px; border-bottom:3px solid #3b4969; border-right:3px solid #3b4969;}
.form_sc select{-webkit-appearance:none; -moz-appearance:none; -moz-appearance:none;}
.form_sc select::-ms-expand{display:none;}
.form_sc select,
.form_sc input[type="text"]{width:100%; height:54px; line-height:54px; padding:0 0 0 20px; font-weight:600; font-size:120%; border:1px solid #ddd; background:#fff;}
.form_sc input[type="text"]{padding-right:54px;}
.form_sc .btn{position:absolute; right:0; top:0; height:54px; width:54px; line-height:45px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0; background:#292e44;}
.form_sc .btn:before,
.form_sc .btn:after{content:''; display:block; position:absolute; top:16px; left:17px; width:18px; height:18px; border:3px solid #fff; border-radius:50%; box-sizing:border-box;}
.form_sc .btn:after{left:30px; top:32px; width:9px; height:3px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.form_sc .btn:hover{background-color:#444;}
.form_sc + .taR{padding:8px 0 35px 0; font-size:95%;}

@media all and (max-width:768px) {
	.form_sc:before{height:55px;}
	.form_sc div{padding:0 0 0 100px;}
	.form_sc .sel{width:34%; padding:0 0 0 90px;}
	.form_sc label{left:45px;}
	.form_sc .sel label{left:50px;}
	.form_sc + .taR{font-size:15px;}
}
@media all and (max-width:568px) {
	.form_sc{padding:25px 0 27px; border-radius:5px 5px 25px 5px;}
	.form_sc div{padding:0 0 0 65px;}
	.form_sc label{left:16px; font-size:17px; line-height:45px;}
	.form_sc .sel{width:35%; padding:0 0 0 55px;}
	.form_sc .sel:after{top:17px;}
	.form_sc .sel label{left:20px;}
	.form_sc select,
	.form_sc input[type="text"]{height:45px; line-height:45px; line-height:42px; padding:0 0 0 10px;}
	.form_sc input[type="text"]{padding-right:45px;}
	.form_sc .btn{height:45px; line-height:45px; width:45px;}
	.form_sc .btn:before{top:11px; left:12px;}
	.form_sc .btn:after{top:27px; left:25px;}
	.form_sc + .taR{font-size:14px;}
}
@media all and (max-width:380px) {
	.form_sc{padding:22px 0 24px; border-radius:5px 5px 20px 5px;}
	.form_sc div{padding:0 0 0 55px;}
	.form_sc label{left:10px; font-size:16px; line-height:40px;}
	.form_sc .sel{padding:0 0 0 45px;}
	.form_sc .sel:after{top:14px; right:12px;}
	.form_sc .sel label{left:14px;}
	.form_sc select,
	.form_sc input[type="text"]{height:40px; line-height:40px; line-height:37px;}
	.form_sc .btn{height:40px; width:42px; line-height:40px;}
	.form_sc input[type="text"]{padding-right:42px;}
	.form_sc .btn:before{top:9px; left:10px;}
	.form_sc .btn:after{top:25px; left:23px;}
	.form_sc + .taR{font-size:13px;}
}

/* 의장단 */
#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 .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;}
}

/* 선거구 */
#sub_district .box_info{position:relative; width:100%; height:520px; padding:85px 8.6% 0 63%; box-sizing:border-box; word-break:keep-all;}
#sub_district .map{position:absolute; left:5.5%; top:30px;}
#sub_district .info {font-size:15px; text-align:left;}
#sub_district .info p{position:relative; padding:0 0 20px 23px;}
#sub_district .info p:before{content:'※'; display:block; position: absolute; top:0; left:0; font-size:15px;}
#sub_district .info ul{position:relative; padding:38px 0 38px 38px; border-radius:5px; background:#eff2fa;}
#sub_district .info li *{display:inline-block; vertical-align:top; line-height:31px;}
#sub_district .info li + li{margin-top:19px;}
#sub_district .info li a{display:block; width:100%;}
#sub_district .info strong{width:31px; height:31px; margin:0 10px 0 0; border-radius:50%; box-sizing:border-box; color:#fff; font-size:14px; font-weight:300; background:#3e59ad; text-align:center;}
#sub_district .info .na strong{background:#3271b5;}
#sub_district .info .da strong{background:#2c8e54;}
#sub_district .info .ra strong{background:#d09922;}
#sub_district .info .bi strong{background:#3a3e4a;}
@media all and (max-width:1430px) {
	#sub_district .map{left:2%;}
}
@media all and (max-width:1230px) {
	#sub_district .box_info{height:auto; padding:20px 10px; margin:0 0 40px 0;}
	#sub_district .map{position:static; text-align:center;}
	#sub_district .info{padding:30px 9% 0;}
	#sub_district .info li{display:inline-block; vertical-align:top; width:49.5%; box-sizing:border-box;}
	#sub_district .info .na{margin-top:0;}
}
@media all and (max-width:768px) {
	#sub_district .map{width:100%; box-sizing:border-box;}
	#sub_district .info{padding:25px 4% 0;}
}
@media all and (max-width:568px) {
	#sub_district .district{padding:20px 10px 15px;}
	#sub_district .district .info{padding:20px 3% 0;}
	#sub_district .info li{display:block; width:100%;}
	#sub_district .info li + li,
	#sub_district .info .na{margin-top:10px;}
}
@media all and (max-width:380px) {
	#sub_district .district{margin:0 0 35px;}
}

/* 좌석배치도 */
#sub_seat .box_icon {padding: 57px 100px; text-align: center;}
#sub_seat .box_icon:before {display: none;}
#sub_seat .box_icon img {width: 100%;}

@media all and (max-width:768px){
	#sub_seat .box_icon {padding: 30px 20px;}
}

/* 의회용어사전 */
#sub_voca a{color:#222;}
#sub_voca .indexArea{z-index:1; position:relative; float:left; width:calc(100% - 3px); margin:0 0 40px; padding:40px 60px 35px; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
#sub_voca .indexArea:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 2px); height:95px; border-top:5px solid #3e59ad; border-right:5px solid #3e59ad;}

#sub_voca .index_word,
#sub_voca .indexArea form{overflow:hidden; position:relative; width:100%; margin:0 0 1em 0; padding:0 0 1em 110px; border-bottom:1px dashed #aaa; box-sizing:border-box;}
#sub_voca .search_result{padding-left:0 !important;}
#sub_voca .indexArea form *{float:left;}
#sub_voca .indexArea fieldset{width:100%;}
#sub_voca .indexArea #word {width:100%; padding:0 150px 0 20px; box-sizing:border-box;}
#sub_voca .indexArea button[type="submit"]{position:absolute; top:0; right:0; width:120px; height:42px; padding:0 0 0 20px; font-weight:600; color:#fff; border-radius:0 3px 3px 0; box-sizing:border-box; background:#292e44;}
#sub_voca .indexArea button:before,
#sub_voca .indexArea button:after{content:''; display:block; position:absolute; top:10px; left:25px; width:17px; height:17px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
#sub_voca .indexArea button:after{left:37px; top:26px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt{position:absolute; top:7px; left:0; font-weight:600; color:#222; font-size:19px;}
#sub_voca .index_word ul {width:100%;}
#sub_voca .index_word li {display:inline-block; margin:0 1px 5px 0; text-align:center;}
#sub_voca .index_word li a{display:block; width:42px; height:42px; line-height:40px; font-size:24px; font-weight:600; text-decoration:none; border:1px solid #d1d1d1; border-radius:50%; box-sizing:border-box; background:#fff;}
#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover{color:#fff; border-color:#ff476a; background:#ff476a;}
#sub_voca .search_result ul{overflow:hidden; width:100%;}
#sub_voca .search_result li {float:left; width:20%; padding:0 0 10px 10px; letter-spacing:-1px; box-sizing:border-box; word-break:break-all;}
#sub_voca .none,#sub_voca .word_defined{width:100%;}
#sub_voca #pagingNav{margin:40px 0 0 0;}
@media all and (max-width:1000px) {
	#sub_voca .indexArea{padding:35px 50px 30px; margin:0 0 30px;}
	#sub_voca .index_word li a{width:45px; height:45px; line-height:43px;}
	#sub_voca .search_result ul{padding:0 0 0 2%; box-sizing:border-box;}
}
@media all and (max-width:768px) {
	#sub_voca .indexArea{padding:30px; margin:0 0 25px;}
	#sub_voca .indexArea #word{padding-right:110px;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:18px;}
	#sub_voca .indexArea button[type="submit"]{height:42px; width:100px;}
	#sub_voca .indexArea button:before{left:20px;}
	#sub_voca .indexArea button:after{left:32px;}
	#sub_voca .index_word, #sub_voca .indexArea form{padding:0 0 12px 100px; margin-bottom:12px;}
	#sub_voca .index_word li{margin:0 1px 3px 0;}
	#sub_voca .index_word li a{height:40px; width:40px; line-height:38px; font-size:21px;}
}
@media all and (max-width:660px) {
	#sub_voca .search_result li{width:25%;}
}
@media all and (max-width:568px) {
	#sub_voca .indexArea{padding:23px; margin:0 0 20px;}
	#sub_voca .index_word, #sub_voca .indexArea form{padding-left:0;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{position:static; width:100%; margin:0 0 10px; text-align:center;}
	#sub_voca .indexArea button[type="submit"]{top:auto; bottom:12px; height:38px; width:85px;}
	#sub_voca .indexArea button:before{left:15px;  width:15px; height:15px; }
	#sub_voca .indexArea button:after{left:26px; top:24px;}
	#sub_voca .index_word li a{height:35px; width:35px; line-height:33px; font-size:20px;}
	#sub_voca .search_result li{width:33.33%;}
	#sub_voca .indexArea #word {height:37px; line-height:37px; padding-right:95px;}
	#sub_voca #pagingNav{margin:25px 0 0 0;}
}
@media all and (max-width:380px) {
	#sub_voca .indexArea{padding:20px; margin:0 0 17px;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{font-size:17px;}
	#sub_voca .index_word li a{height:32px; width:32px; line-height:30px; font-size:19px;}
	#sub_voca .search_result li{width:50%;}
	#sub_voca #pagingNav{margin:20px 0 0 0;}
}

/* 통합검색*/
#sub_search{position:relative;}
#sub_search .search{z-index:1; position:relative; float:left; width:calc(100% - 3px); margin:0 0 50px; padding:60px 0; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
#sub_search .search:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 2px); height:95px; border-top:5px solid #3e59ad; border-right:5px solid #3e59ad;}
#sub_search .search *{display:inline-block; vertical-align:top;}
#sub_search .search form,
#sub_search .search fieldset{width:100%; text-align:center;}
#sub_search .search label{margin:0 1em 0 0; line-height:39px; font-size:115%; color:#333;}
#sub_search .search #word{width:30%; height:40px; line-height:40px; border:1px solid #ddd; border-radius:3px; box-sizing:border-box;}
#sub_search .search button{width:60px; height:40px; background:#292e44; border-radius:3px; color:#fff;}
#sub_search .result h4{margin:0 0 15px 0; font-size:145%; border-bottom:1px solid #ccc;}
#sub_search .result > .dot{margin:0 0 0 10px;}
#sub_search .result > .dot > li {padding:0 0 0 12px; margin:0 0 7px; font-size:110%; font-weight:600;}
#sub_search .result > .dot > li ul{font-weight:400;}
#sub_search .result > .dot > li:before{top:8px; width:5px; height:5px; background:#37405b;}

@media all and (max-width:768px) {
	#sub_search .search{padding:70px 0 45px 0; margin:0 0 25px; border-radius:5px 5px 40px 5px;}
	#sub_search .search fieldset{text-align:center;}
	#sub_search .search #word{width:30%;}
	#sub_search .search button{width:65px; font-size:16px;}
	#sub_search .result > .dot > li:before{top:7px;}
}
@media all and (max-width:568px) {
	#sub_search .search{padding:55px 0 45px 0; border-radius:5px 5px 30px 5px;}
}
@media all and (max-width:380px) {
	#sub_search .search{padding:45px 0 40px 0; border-radius:5px 5px 25px 5px;}
}

/* 배너모음 */
#sub_banner ul{overflow:hidden; width:100%;}
#sub_banner ul li{display:flex; justify-content:center; align-items:center; width:24%; margin:0 0 5px 5px; padding:5px; box-sizing:border-box; border:1px solid #ddd; }
#sub_banner ul li{display:inline-block;width: 24%;padding:5px;box-sizing:border-box;text-align: center;}
#sub_banner ul li img{max-width:100%;}
#sub_banner ul li.none{font-weight:bold; text-align:center; width:100%;}


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

#sub_privacy{word-break:keep-all;}
#sub_privacy p + ul{margin-top:7px;}
#sub_privacy > ul > li + li{margin-top:15px;}
#sub_privacy > ul > li > strong{color:#333; font-weight:400;}
#sub_privacy .list_year li{display:inline-block; padding-right:2px; box-sizing:border-box;}
@media all and (max-width:568px) {
	#sub_privacy .list_year li{width:49.2%;}
	#sub_privacy .list_year li:nth-child(even){padding-right:0;}
	#sub_privacy .list_year li a{width:100%; padding:0;}
}

/* 본회의 */
#sub_plenary .box_icon {padding: 43px 5.3% 13px;}
#sub_plenary .box_icon:before {display: none;}
#sub_plenary .proc {display: flex;flex-wrap: wrap;/* justify-content: space-between; */}
#sub_plenary .proc > li {position: relative;display: flex;justify-content: center;align-items: center;margin: 0 7.2% 30px 0;width: 19.29%;height: 50px;color: #fff;text-align: center;background: #3e59ad;}
#sub_plenary .proc > li::before {content:'';position: absolute;top: 8px;right: -22%;width: 20px;height: 33px;background: url(../../images/kr/intro/ico_arrow_right.jpg)no-repeat;}
#sub_plenary .proc > li:nth-child(4n) {margin-right: 0;}
#sub_plenary .proc > li:nth-child(4)::before,
#sub_plenary .proc > li:last-child::before{display: none;}

@media all and (max-width:768px){
	#sub_plenary .proc > li {margin: 0 0 50px;width: 100%;}
	#sub_plenary .proc > li::before {top: auto; bottom: -42px; right: 48%; transform: rotate(90deg);}
	#sub_plenary .proc > li:nth-child(4)::before {display: block;}
}

/* 행정사무감사/조사 */
#sub_function3 .box_icon {margin-top: 20px;padding: 65px 10.1%;}
#sub_function3 .box_icon::before {display: none;}
#sub_function3 .proc strong {width: 37%;color: #fff;background: #3e59ad url(../../images/kr/intro/bg_proc.png) no-repeat 100% 100%;}
#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: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: 0 35px 35px;}
	#sub_function3 .proc > li:not(:last-child)::before {z-index:-1;content:'';display:block;position:absolute;bottom: -35px;left:50%;width:33px;height:20px;margin:0 0 0 -16px;background:url(../../images/kr/intro/ico_arrow.png) no-repeat 0 50%;}
	#sub_function3 .proc strong {margin: 50px 0 10px;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;}
}