@charset "utf-8";

/* 서브공통 */
.tabs{position:relative; font-weight:400;}
.tabs > li > a{position:absolute; top:0; left:0; display: block; width: 33.33%; height: 56px; line-height: 56px; box-sizing: border-box; border: 1px solid #dbdbdb; border-left:none; text-align: center; font-size: 18px; color: #525252;}
.tabs > li:first-child > a{border-left:1px solid #dbdbdb;}
.tabs > li:nth-child(2) > a{left: 33.33%;}
.tabs > li:nth-child(3) > a{left: 66.66%;}
.tabs > li > a.on{line-height: 46px; border-top: 6px solid #3e78bd; background-color: #e6f0f9; color: #3e78bd; font-weight:800; box-sizing: border-box;}
.tabs > li > a.on + .wrapper{display:block; }
.tabs > li .wrapper{padding:100px 0 0 0; display: none; clear:both; overflow:hidden; width:100%;}

.tab6 > li > a{width:25%;}
.tab6 > li:nth-child(2) > a{left:25%;}
.tab6 > li:nth-child(3) > a{left:50%;}
.tab6 > li:nth-child(4) > a{left:75%;}
.tab6 > li:nth-child(5) > a{top:55px;}
.tab6 > li:nth-child(6) > a{top:55px; left:25%;}
.tab6 > li:nth-child(7) > a{top:55px; left:50%;}
.tab6 > li:nth-child(8) > a{top:55px; left:75%;}
.tab6 > li .wrapper {padding:130px 0 0 0;}

.tab6.line2 > li > a{width:33.33%;}
.tab6.line2 > li .wrapper{padding:200px 0 0 0;}
.tab6.line2 > li:nth-child(-n+3) > a{border-bottom:0;}
.tab6.line2 > li:nth-child(n+4) > a{top:56px;}
.tab6.line2 > li:nth-child(n+7) > a{top:111px; left: 0;border-left: 1px solid #dbdbdb;}
.tab6.line2 > li:nth-child(2) > a,
.tab6.line2 > li:nth-child(5) > a{left:33.333%;}
.tab6.line2 > li:nth-child(3) > a,
.tab6.line2 > li:nth-child(6) > a{left:66.666%;}
.tab6.line2 > li:nth-child(4) > a{left:0; border-left:1px solid #dbdbdb;}

.tab6.icon > li > a:before{content:''; display:inline-block; width:40px; height:30px; margin:-3px 0 0 0; background:url(/images/kr/member/ico_tab1.png) no-repeat 0 100%; vertical-align:middle;}
.tab6.icon > .list2 > a:before{background-image:url(/images/kr/member/ico_tab2.png);}
.tab6.icon > .list3 > a:before{background-image:url(/images/kr/member/ico_tab3.png);}
.tab6.icon > .list4 > a:before{width:45px; background-image:url(/images/kr/member/ico_tab4.png);}
.tab6.icon > .list5 > a:before{width:35px; background-image:url(/images/kr/member/ico_tab5.png);}
.tab6.icon > .list6 > a:before{background-image:url(/images/kr/member/ico_tab6.png);}
.tab6.icon > li > a.on:before{margin:0; background-position:0 0;}

.static {overflow:hidden; width:100%; margin:0 0 25px; border-top:1px solid #dbdbdb;}
.static > li {float:left; width:50%;}
.static > li *{display:block;}
.static > li > a{position:static; width:100%; height:auto !important; line-height:120% !important; padding:0 2px 12px; border-top:none;}
.static > li > a strong{padding:13px 0 1px 0;}
.static > li > a span{font-size:15px; font-weight:100; letter-spacing:-1px;}
.static > li > a.on{padding:0 2px 10px;}
.static > li > a.on strong{padding:9px 0 1px 0;}

.static.tab3 > li {width:33.33%;}
.static.tab3 > li:nth-child(3n + 1) > a{border-left:1px solid #ddd;}
.static.tab4 > li {width:25%;}
.static.tab4 > li:nth-child(4n + 1) > a{border-left:1px solid #ddd;}
.static.tab5 > li{width:20%;}
.static.tab5 > li:nth-child(5n + 1) > a{border-left:1px solid #ddd;}
.static.tab6 > li{width:16.66%;}
.static.tab6 > li:nth-child(6n + 1) > a{border-left:1px solid #ddd;}

.btn_sky,
.btn_blue{display: inline-block;height:54px;line-height:54px;padding:0 40px;margin:0 8px;font-size:20px;font-;font-weight:800;:#fff;color: #fff;border-radius:54px;background:#43b1b3;}
.btn_sky:hover{background:#00abae;}
.btn_blue:hover{background:#184f9c;}
.btn_blue{background:#3d67a1;}
.btn_sky:before,
.btn_blue:before{content:''; display:inline-block; width:30px; height:30px; margin:12px 13px 0 0; vertical-align:top; background:url(/images/kr/open/ico_down.png) no-repeat;}
.btn_blue:before{background-image:url(/images/kr/open/ico_upload.png);}

.btn_pre{display:inline-block;height:54px;line-height:54px;padding: 0 40px;margin:0 8px;font-size:20px;font-weight:800;color:#fff;border-radius:54px;background: #50688b;display:flex;width: fit-content;margin-top:10px;}
.btn_pre:before{content:''; display:inline-block; width:30px; height:30px; margin:12px 13px 0 0; vertical-align:top; background:url(/images/kr/open/ico_down.png) no-repeat;}
.btn_pre:before{background-image:url(/images/kr/open/ico_pre.png);}

.btn_blue_small {display: block; width: 160px; line-height: 34px; margin: 15px 0 0 0; font-weight: 800; color: #fff; border-radius: 54px; background: #3d67a1; text-align: center;}
.btn_blue_small:hover{background:#184f9c;}

.box_line{position:relative; padding:30px 33px 28px; margin:0 0 35px; border:1px solid #e1e1e1; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; background-color:#f5f5f5;}
.noticelinebox{margin-top:-25px;}
.box_line .tit{padding:0 0 12px; font-size:20px; color:#333; font-weight:800;}
.box_text{padding:0 0 0 33px; margin:0 0 40px; box-sizing:border-box; word-break:keep-all; word-wrap:break-word;}

.confibtn{margin:0;}

#sub_default h5{position:relative; padding:0 0 15px 18px; font-weight:900; font-size:18px; color:#3d67a1;}
#sub_default h5:before{content:""; position:absolute; display:block; width:11px; height:11px;  left:0; top:6px; box-sizing: border-box; border:3px solid #3d67a1;}

#sub_petition h5{padding-bottom:3px !important;}
#sub_research h5{padding-bottom:6px !important;}

#sub_default .dot > li{padding:0 0 5px 13px; color:#585858;}
#sub_default .dot > li:before{width:5px; height:5px; background:#89a0bb;}

#sub_default h5 ~ ul{padding-left:19px;}
#sub_default h5 ~ .dot li:before{background:#656565;}
#sub_default h5 span{font-size:16px; font-weight:400; color:#585858;}

@media (max-width: 1024px) {
	.box_line{padding:23px 25px;}
    .noticelinebox{margin-top:-10px;}
    .box_text{padding:0 0 0 25px;}
	#sub_default h4 ~ p,
	#sub_default h4 ~ .dot,
	#sub_default h4 ~ .dash
	#sub_default h4 ~ .h5ul{padding-left:20px;}

	.btn_sky, .btn_blue, .btn_pre{height:48px; line-height:48px; margin:0 5px; font-size:18px;}
	.btn_pre{margin-top:10px;}

	.btn_sky:before,
	.btn_blue:before,
	.btn_pre:before{width:25px; background-size:contain;}

	.tabs > li > a{font-size:17px;}
}
@media all and (max-width:768px) {
	.tabs > li > a{height:48px; line-height:48px;}
	.tabs > li > a.on{line-height:42px; border-top-width:5px;}
	.static > li > a.on strong{padding:10px 0 1px;}

	.tab6 > li:nth-child(n+5) > a {top:47px;}
	.tab6.line2 > li .wrapper{padding:165px 0 0 0;}
	.tab6.line2 > li:nth-child(n+4) > a{top:48px;}
    .tab6.line2 > li:nth-child(n+7) > a{top:95px;}
	.tab6.icon > li > a:before{width:30px; background-size:auto 58px;}
	.tab6.icon > .list4 > a:before{width:35px;}
	.tab6.icon > .list5 > a:before{width:25px;}

	.static.tab4 > li,
	.static.tab5 > li{width:33.33%;}
	.static.tab5 > li > a{border-top-width:0;}
	.static.tab4 > li:nth-child(4n + 1) > a,
	.static.tab5 > li:nth-child(5n + 1) > a{border-left:none;}
	.static.tab4 > li:nth-child(3n + 1) > a,
	.static.tab5 > li:nth-child(3n + 1) > a{border-left:1px solid #dbdbdb;}
	.static.tab5 > li > a.on{border-top-width:5px;}

	.static.tab6 > li{width:20%;}
	.static.tab6 > li > a{width:100%;}
	.static.tab6 > li:nth-child(-n+3) > a{border-bottom:1px solid #dbdbdb;}
	.static.tab6 > li:nth-child(4) > a,
	.static.tab6 > li:nth-child(6n + 1) > a{border-left:none;}
	.static.tab6 > li:nth-child(5n + 1) > a{border-left:1px solid #dbdbdb;}

	.box_line{padding:20px 22px; margin:0 0 30px 0;}
    .box_text{padding:0 0 0 22px;}
	.box_line .tit{font-size:18px;}
	#sub_default h4 ~ p,
	#sub_default h4 ~ .dot,
	#sub_default h4 ~ .dash,
	#sub_default h4 ~ .h5ul{padding-left:15px;}
	#sub_default h4 + .h5ul{padding-top:5px;}
	#sub_default h5 + ul{padding-left:10px;}
	#sub_default .dot > li{padding:0 0 5px 10px;}

	.btn_sky, .btn_blue, .btn_pre{height:45px; line-height:45px; margin:3px; padding:0 30px; font-size:17px;}
	.btn_sky:before, .btn_blue:before, .btn_pre:before{width:22px; height:22px; margin:11px 5px 0 0;}
}
@media all and (max-width:620px) {
	.tab6.line2 > li > a{width:50%;}
	.tab6.line2 > li .wrapper{padding:210px 0 0 0;}
	.tab6.line2 > li:nth-child(3) > a,
	.tab6.line2 > li:nth-child(4) > a{top:48px;}
	.tab6.line2 > li:nth-child(4) > a{border-left:none;}
	.tab6.line2 > li:nth-child(5) > a,
	.tab6.line2 > li:nth-child(6) > a{top:95px;}
    .tab6.line2 > li:nth-child(n+7) > a{top:142px;}
	.tab6.line2 > li:nth-child(odd) > a{left:0; border-left:1px solid #dbdbdb;}
	.tab6.line2 > li:nth-child(even) > a{left:50%;}
	.tab6.icon > li > a:before{width:27px; height:25px; background-size:auto 53px;}
}
@media all and (max-width:568px) {
	.tabs > li > a{font-size:16px;}

	.tab6 > li > a{width:50%;}
	.tab6 > li .wrapper{padding:217px 0 0 0;}
	.tab6 > li:nth-child(-n+3) > a{border-bottom:0;}
	.tab6 > li:nth-child(n+3) > a{top:48px;}
	.tab6 > li:nth-child(n+5) > a{top:95px;}
	.tab6 > li:nth-child(n+7) > a{top:142px;}
	.tab6 > li:nth-child(odd) > a {left:0;}
	.tab6 > li:nth-child(even) > a {left:50%;}

	.static.tab3 > li ,
	.static.tab5 > li {width:50%;}
	.static.tab3 > li:nth-child(3n + 1) > a,
	.static.tab5 > li:nth-child(3n + 1) > a{border-left:none;}
	.static.tab3 > li:nth-child(2n + 1) > a,
	.static.tab5 > li:nth-child(2n + 1) > a{border-left:1px solid #ddd;}

	.static > li > a {padding:0 2px 8px;}
	.static > li > a span{font-size:14px;}
	.static > li > a strong{padding:10px 0 1px 0;}
	.static > li > a.on{padding:0 2px 7px;}
	.static > li > a.on strong{padding:6px 0 1px 0;}

	.box_line .tit{font-size:16px;}

	#sub_default h4 ~ p,
	#sub_default h4 ~ .dot,
	#sub_default h4 ~ .dash,
	#sub_default h4 ~ .h5ul{padding-left:10px;}

	#sub_default h5{padding:0 0 7px 15px; font-size:17px;}
	#sub_default h5:before{top:4px;}
	#sub_default h5 + ul{padding-left:5px;}

	.btn_sky, .btn_blue, .btn_pre{width:100%; margin-left:0; margin-right:0; font-size:16px; text-align:center; box-sizing:border-box;}
	.btn_pre{display:block;}
}
@media all and (max-width:400px) {
	.tabs > li > a{font-size:14px;}

	.static > li > a span{font-size:13px;}

	.static.tab4 > li{width:50%;}
	.static.tab6 > li{width:25%;}
	.static.tab4 > li:nth-child(3n + 1) > a,
	.static.tab6 > li:nth-child(5n + 1) > a{border-left:none;}
	.static.tab4 > li:nth-child(2n + 1) > a,
	.static.tab6 > li:nth-child(4n + 1) > a{border-left:1px solid #dbdbdb;}

	.box_line{padding:18px 20px; margin:0 0 25px 0;}
    .box_text{padding:0 0 0 20px; margin:0 0 35px;}
	.box_line .tit{font-size:15px;}
	#sub_default h4 ~ p,
	#sub_default h4 ~ .dot,
	#sub_default h4 ~ .dash,
	#sub_default h4 ~ .h5ul{padding-left:7px;}

	#sub_default .dot > li:before{top:4px;}

	.btn_sky,
	.btn_blue{font-size:15px;}
}
@media all and (max-width:380px) {
	.tab6.icon > li > a:before{display:none;}
}

.proc{position:relative; margin-bottom:45px;}
.proc > li{z-index:1; position:relative; display:table; width:100%; margin:0 0 33px; box-sizing:border-box;}
.proc > li:after{z-index:-1; content:''; display:block; position:absolute; bottom:0; left:11%; margin:0 0 -22px -4px; border-top:10px solid #ccc; border-left:8px solid transparent; border-right:8px solid transparent;}
.proc li.end:after{display:none;}
.proc > li *{display:inline-block; vertical-align:top; word-break:keep-all; word-wrap:break-word;}
.proc em{z-index:2; position:relative; display:table-cell; width:24.62%; height:100%; min-height:47px; vertical-align:middle; padding:16px 0.2em; margin:0 0 45px 0; line-height:120%; text-align:center; font-size:18px; color:#fff; font-weight:800; border-radius:25px 0 0 0; background:#4372b3; box-sizing:border-box;}
.proc .bdrd em {border-radius:25px 0 25px 0;}
.proc em span{display:block; font-size:16px; font-weight:100;}
.proc li.end em{margin:0; background:#f8af00;}
.proc > li > ul{z-index:2; display:table-cell; min-height:47px; width:75.38%; padding:5px 10px 5px 2%; vertical-align:middle; line-height:120%; font-size:15px; color:#656565; border:1px solid #dbdbdb; background:#fafafa; box-sizing:border-box;}
.proc > li > ul > li{display:block; padding-bottom:0 !important;}
.proc > li > ul > li:before{top:8px;}

.procR {overflow:hidden; width:100%; box-sizing:border-box;}
.procR li{float:left; width:calc(35% - 46px); height:87px; margin:0 46px 0 0;}
.procR li:last-child{margin:0;}
.procR em{position:static; height:100%; width:100% !important; padding:0; margin:0; border-radius:25px 0 25px 0; box-sizing:border-box; vertical-align:middle;}
.procR li:after{bottom:auto; top:50%; left:calc(100% + 16px); margin:-8px 0 0 0; transform:rotate(-90deg); }

.procR2 li {margin-bottom: 20px; width: calc(35% - 65px);}
.procR2 li:last-child:after {display: none;}

@media all and (max-width:1220px){
	.procR li{width:calc(34% - 46px);}
	.procR2 li{width:calc(34% - 55px);}
}
@media all and (max-width:768px){
	.proc em{width:150px; padding:13px 0.2em; font-size:17px;}
	.proc em span{font-size:90%; word-break:break-all;}
	.proc > li > ul{padding:5px 5px 7px 2%;}

	.procR li{width:calc(34% - 35px); margin:0 35px 0 0;}
	.procR li:after{left:calc(100% + 10px);}

	.procR li{margin-bottom: 20px;width: calc(34% - 40px);}
}
@media all and (max-width:568px){
	.proc em,
	.proc > li > ul{display:block; width:100%; min-height:0; margin:0; padding:11px 5px; box-sizing:border-box;}
	.proc > li > ul{padding-left:15px; font-size:14px;}
	.proc > li:after{left:50%;}
	.proc em span{display:inline-block;}

	.procR li{width:100%; height:50px; margin:0 0 25px 0;}
	.procR li em{display:table-cell;}
	.procR li:after{left:50%; top:100%; margin:9px 0 0 -5px; transform:rotate(0deg);}
}
@media all and (max-width:400px){
	.proc em{font-size:15px;}
	.proc > li > ul{font-size:13px;}
}

/* 인사말 */
#sub_greeting{position:relative; overflow:hidden; text-align:right;}
#sub_greeting .pic{position:relative; margin:0 0 25px 0;}
#sub_greeting .pic img{max-width:100%;}
#sub_greeting .tit{position:absolute; top:64px; left:58px; max-width:470px; line-height:150%; font-size:19px; text-align:left; word-break:keep-all; word-wrap:break-word;}
#sub_greeting .tit strong{display:block; margin:0 0 15px;}
#sub_greeting .name{padding:70px 0 0 0; text-align:right;}
#sub_greeting .name span{display:inline-block; padding:0 12px 0 0;}
#sub_greeting .txt {text-align:left;}
#sub_greeting .txt strong{font-weight:900;}

/* 의장약력 */
#sub_profile .square li{position: relative;}
#sub_profile .square li:before{content:""; position: absolute;  display: block; width: 11px; height: 11px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box; border: 3px solid #3d67a1;}
#sub_profile .img{position: relative; width: 100%; height: 391px; max-height: 100%; box-sizing: border-box;  padding: 122px 0 0 56px; background-color: #f9f9f9;}
#sub_profile .img:after{content: ""; display: block; clear: both;}
#sub_profile .img .hello{position: absolute; display: block; top: 49px; left: 42px; z-index: 1;}
#sub_profile .img .chairman{position: absolute; right: 0; bottom: 0; max-height: 100%;}
#sub_profile .img ul{position: relative; display: inline-block; width: 50%; margin: 0 0 26px 0;}
#sub_profile .img ul li{line-height: 46px; padding: 0 0 0 20px; border-bottom: 1px solid #d5d5d5; font-size: 17px;}
#sub_profile .img ul li em{font-weight: 700;}
#sub_profile .img p{position: relative; display: inline-block; width: 50%; text-align: right;}
#sub_profile .img p em{margin: 0 13px 0 0; font-size: 19px; font-weight: 800;}
#sub_profile .img p .txt_name{vertical-align: -12px;}
#sub_profile h4{margin: 40px 0 0 0;}
#sub_profile .detail{padding: 0 0 0 32px;}
#sub_profile .dot.detail > li:before{margin: 2px 0 0 0;}
#sub_profile .detail li:nth-child(1) strong{word-break: keep-all; word-wrap:break-word;}
@media all and (max-width:1220px){
	#sub_greeting .pic > img{max-width:80%; max-height:391px;}
	#sub_greeting .tit .name{padding:60px 35px 0 0;}
	#sub_greeting .tit strong img{height:60px;}

    #sub_profile .img .chairman{height: 90%;}
}
@media all and (max-width:1024px){
    #sub_profile h4{margin: 30px 0 0 0;}
    #sub_profile .career ul.dot.detail{padding: 0 20px 0 32px;}
}
@media all and (max-width:768px){
	#sub_greeting .pic > img{margin:0 -12% 0 0;}
	#sub_greeting .tit{top:13%; left:4%; height:80%; font-size:17px; line-height:130%;}
	#sub_greeting .tit strong img{height:48px;}
	#sub_greeting .tit .name{position:absolute; right:25px; bottom:0; padding:0;}
	#sub_greeting .name{padding:30px 0 0 0;}
	#sub_greeting .name img{max-height:38px;}

    #sub_profile .img .hello{top: 36px; height: 20%;}
    #sub_profile .img .chairman{height: 80%;}
    #sub_profile .img ul{width: 55%;}
}
@media all and (max-width:568px){
	#sub_greeting .tit {height:82%; max-width:63%; font-size:15px;}
	#sub_greeting .tit strong{margin:0 0 7px 0;}
	#sub_greeting .tit strong img{height:31px;}
	#sub_greeting .name img{max-height:29px;}

    #sub_profile .img{height: 460px; padding: 152px 0 0 0px;}
    #sub_profile .img .hello{height: 12%; top: 26px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
    #sub_profile .img .chairman{left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-60%); bottom: 167px; height: 46%;}
    #sub_profile .img ul{position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 50px; width: 100%; margin: 0 0 0 0; box-sizing: border-box; padding: 10px 50px 10px; border-top: 1px solid #d5d5d5; background-color: #f7f7f7; }
    #sub_profile .img ul li{width: 80%; margin: 0 auto; line-height: 30px; font-size: 15px;}
    #sub_profile .img p{position: absolute; bottom: 20px; width: 100%; text-align: center; z-index: 99; background-color: #f7f7f7;}
    #sub_profile .img p em{font-size: 17px;}
    #sub_profile .img p .txt_name{height: 30px; vertical-align: -6px;}
}
@media all and (max-width:400px){
	#sub_greeting .tit{font-size:14px;}
	#sub_greeting .tit strong img{height:26px;}
	#sub_greeting .tit div br{display:none;}
	#sub_greeting .tit .name{position:static; padding:8px 0 0 0; text-align:left;}
	#sub_greeting .name span{padding:0 5px 0 0;}
	#sub_greeting .name img{max-height:25px;}
}
@media all and (max-width:340px){
	#sub_greeting .tit{font-size:13px;}
}

/* 역대의장 */
#sub_chairmanlist .tab_menu{width: 100%; margin: 0 0 50px 0;}
#sub_chairmanlist .tab_menu:after{content: ""; display: block; clear: both;}
#sub_chairmanlist .tab_menu li{float: left; width: calc(100% / 6); height: 56px; line-height: 56px; box-sizing: border-box; border: 1px solid #dbdbdb; border-right: none; text-align: center;}
#sub_chairmanlist .tab_menu li:last-child{width: calc((100% / 6) + 1px) ;}
#sub_chairmanlist .tab_menu li:nth-child(6n),
#sub_chairmanlist .tab_menu li:last-child{border-right: 1px solid #dbdbdb;}
#sub_chairmanlist .tab_menu li:nth-child(1),
#sub_chairmanlist .tab_menu li:nth-child(2),
#sub_chairmanlist .tab_menu li:nth-child(3),
#sub_chairmanlist .tab_menu li:nth-child(4),
#sub_chairmanlist .tab_menu li:nth-child(5){border-bottom: none;}
#sub_chairmanlist .tab_menu li a{display: block; width: 100%; height: 100%; font-size: 18px; color: #525252;}
#sub_chairmanlist .tab_menu li a.on{line-height: 44px; border-top: 6px solid #3e78bd; background-color: #e6f0f9; color: #3e78bd; font-weight: 900; box-sizing: border-box;}
#sub_chairmanlist h4 span{vertical-align: middle; margin: 0 0 0 10px; font-size: 17px; color: #777575;}
#sub_chairmanlist h4 span:before{content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 16px; margin: 0 10px 0 0; background-color: #777575;}
#sub_chairmanlist .chairmanlist{background-color: #f9f9f9; margin: 0 0 50px 0; padding: 30px; box-sizing: border-box; border: 1px solid #dbdbdb; text-align: center;}
#sub_chairmanlist .chairmanlist .tit{color: #3e78bd; font-size: 22px; font-weight: 900; text-align: center;}
#sub_chairmanlist .chairmanlist dl{display: inline-block; width: 45%; min-width: 327px; margin: 27px 18px 0; box-sizing: border-box; padding: 22px; border: 1px solid #d8d8d8; border-top: 4px solid #3e78bd; background-color: #fff;}
#sub_chairmanlist .chairmanlist dl:after{content: ""; display: block; clear: both;}
#sub_chairmanlist .chairmanlist dl dt{float: left; border: 1px solid #ebebeb;}
#sub_chairmanlist .chairmanlist dl dd{float: left; box-sizing: border-box; padding: 0 0 0 16px; text-align: left;}
#sub_chairmanlist .chairmanlist dl dd .name{font-size: 20px; padding: 0 0 10px 0;}
#sub_chairmanlist .chairmanlist dl dd strong.chair_man{color: #3d67a1; font-weight: 900; padding: 0 4px 0 0;}
#sub_chairmanlist .chairmanlist dl dd strong.vice_man{color: #333131; font-weight: 900; padding: 0 4px 0 0;}
#sub_chairmanlist .chairmanlist dl dd ul li{padding-bottom: 0; }
#sub_chairmanlist .chairmanlist .vice{text-align: left; margin: 0 auto;}
#sub_chairmanlist .chairmanlist .vice dl:nth-child(odd){margin-left: 2.5%;}
#sub_chairmanlist .chairmanlist hr{display: block; border-color: #e1e1e1; width: 95%; margin: 30px auto;}
@media all and (max-width:1220px){
    #sub_chairmanlist .chairmanlist{padding: 20px 1%;}
    #sub_chairmanlist .chairmanlist dl{width: 48%; min-width: 308px; margin: 27px 0 0; padding: 12px;}

    #sub_chairmanlist .chairmanlist .vice dl:nth-child(odd){margin-left: 1.6%;}
}
@media all and (max-width:1064px){
    #sub_chairmanlist .chairmanlist dl dd{float: left; box-sizing: border-box; padding: 0 0 0 4px; text-align: left;}
}
@media all and (max-width:1024px){
    #sub_chairmanlist .chairmanlist dl dd{padding: 0 0 0 10px;}
}
@media all and (max-width:790px){
    #sub_chairmanlist .chairmanlist dl dd{padding: 0 0 0 2px;}
}
@media all and (max-width:776px){
    #sub_chairmanlist .chairmanlist dl{ padding: 8px;}
}
@media all and (max-width:768px){
    #sub_chairmanlist .tab_menu{margin: 0 0 30px 0;}
    #sub_chairmanlist .tab_menu li{width: calc(100% / 4);}
    #sub_chairmanlist .tab_menu li:last-child{width: calc((100% / 4) + 1px);}
    #sub_chairmanlist .tab_menu li:nth-child(6n){border-right: none;}
    #sub_chairmanlist .tab_menu li:nth-child(4n),
    #sub_chairmanlist .tab_menu li:last-child{border-right: 1px solid #dbdbdb;}
    #sub_chairmanlist .tab_menu li:nth-child(6),
    #sub_chairmanlist .tab_menu li:nth-child(7){border-bottom: none;}
    #sub_chairmanlist .tab_menu li a{font-size: 13px;}
    #sub_chairmanlist .chairmanlist{margin: 0 0 30px 0;}
    #sub_chairmanlist .chairmanlist dl dd .name{font-size: 15px; padding: 10px 0 10px 0;}
    #sub_chairmanlist .chairmanlist dl dd ul li{font-size: 14px;}
    #sub_chairmanlist .chairmanlist .vice{text-align: center;}
}
@media all and (max-width:568px){
    #sub_active .chairmanlist{padding: 20px 1%;}
    #sub_chairmanlist .chairmanlist .tit{font-size: 18px;}
    #sub_chairmanlist .chairmanlist dl{width: 100%; margin-top: 15px; padding: 3px;}
    #sub_chairmanlist .chairmanlist .vice dl:nth-child(odd){margin-left: 0;}
    #sub_chairmanlist .chairmanlist dl dd{padding: 0 0 0 14px;}
}

/* 의회상징 */
#sub_symbol .wrap {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
#sub_symbol .pic {padding: 20px;text-align: center;border: 1px solid #ddd;box-sizing: border-box;}
#sub_symbol .txt {width: calc(100% - 380px);}
#sub_symbol .txt strong {font-size: 24px; font-weight:900; color: #11165a;}
#sub_symbol .txt p,
#sub_symbol .txt ul {margin: 10px 0 0; word-break: keep-all;}
#sub_symbol .txt p em {font-weight: 900;}
#sub_symbol .txt ul li {position: relative; padding: 2px 0 5px 36px;}
#sub_symbol .txt ul li em {position: absolute; top:0; left:0; font-weight:600; color: #666;}
#sub_symbol .btn {margin: 20px 0 0; color: #fff; background: #11165a;}

@media all and (max-width:768px){
	#sub_symbol .pic,
	#sub_symbol .txt {width: 100%;}
	#sub_symbol .txt {margin: 30px 0 0;}
}
@media all and (max-width:568px){
	#sub_symbol .txt strong {font-size: 20px;}
}

/* 의회연혁 */
#sub_history .content{display: none;}
#sub_history .box_text .dot li{color: #585858;}
#sub_history .dot > li:before{top: 9px;}
#sub_history .info_box{padding:25px 0 43px 200px; margin:0 0 10px; font-size:30px; font-weight:100; color:#3a3a3a; word-break:keep-all; word-wrap:break-word; background:url(/images/kr/intro/bg_history.gif) no-repeat 27px 0;}
#sub_history .info_box div{line-height: 120%;}
#sub_history .info_box div strong{display:inline-block; line-height:100%; font-weight:900; color:#3e78bd; letter-spacing:-2px;}
#sub_history .info_box p{padding:10px 0 0 2px; font-size: 18px;}
#sub_history .tabs{position: relative;}
#sub_history .tabs:after{content: ""; display: block; clear: both;}
#sub_history .tabs .tab{position: relative; width: 20%; margin: 0 0 45px; box-sizing: border-box; border: 1px solid #fff; background-color: #adadad;}
#sub_history .tabs .tab h3{}
#sub_history .tabs .tab h3 a{display: block; padding: 22px 0; font-size: 22px; color: #fff; text-align: center;}
#sub_history .tabs .tab.no1,
#sub_history .tabs .tab.no2,
#sub_history .tabs .tab.no3,
#sub_history .tabs .tab.no4,
#sub_history .tabs .tab.no5,
#sub_history .tabs .tab.no11,
#sub_history .tabs .tab.no12,
#sub_history .tabs .tab.no13{float: left;}
#sub_history .tabs .tab.no6,
#sub_history .tabs .tab.no7,
#sub_history .tabs .tab.no8,
#sub_history .tabs .tab.no9,
#sub_history .tabs .tab.no10{float: right;}
#sub_history .tabs .tab.no1{border-top-left-radius: 30px; border-bottom-left-radius: 30px;}
#sub_history .tabs .tab.no5{border-top-right-radius: 30px;}
#sub_history .tabs .tab.no6{border-bottom-right-radius: 30px;}
#sub_history .tabs .tab.no10{border-top-left-radius: 30px;}
#sub_history .tabs .tab.no11{border-bottom-left-radius: 30px;}
#sub_history .tabs .tab.no13{border-top-right-radius: 30px; border-bottom-right-radius: 30px;}
#sub_history .tabs .tab.no5:before{content: ""; position: absolute; top: 100%; right: 0; display: block; width: 68px; height: 22.5px; background-color: #adadad;}
#sub_history .tabs .tab.no6:before{content: ""; position: absolute; bottom: 100%; right: 0; display: block; width: 68px; height: 22.5px; background-color: #adadad;}
#sub_history .tabs .tab.no10:before{content: ""; position: absolute; top: 100%; left: 0; display: block; width: 68px; height: 22.5px; background-color: #adadad;}
#sub_history .tabs .tab.no11:before{content: ""; position: absolute; bottom: 100%; left: 0; display: block; width: 68px; height: 22.5px; background-color: #adadad;}
#sub_history .tabs .tab.on{background-color: #ffb503;}
#sub_history .tabs .tab.on:before{background-color: #ffb503;}
#sub_history .content{color: #585858;}
#sub_history .content .radi_tit{line-height: 60px; margin: 0 0 50px; border-radius: 30px; box-sizing: border-box; border: 5px solid #ffb503; font-size: 22px;}
#sub_history .content .radi_tit:after{content: ""; display: block; clear: both;}
#sub_history .content .radi_tit .yellow_box{float: left; display: block; width: 20%; min-width: 80px; line-height: 60px; background-color: #ffb503; border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-align: center; color: #fff;}
#sub_history .content .radi_tit h3{float: left; padding: 0 24px; color: #3a3a3a;}
#sub_history .content .square{padding: 0 0 0 33px; margin: 0 0 35px 0;}
#sub_history .content .square > li{position: relative; font-weight: 900; font-size: 18px; padding: 0 0 0 17px; color: #3d67a1;}
#sub_history .content .square > li:before{content:""; position: absolute;  display: block; width: 11px; height: 11px;  top: 7px; left: 0; margin-right: 30px;box-sizing: border-box; border: 3px solid #3d67a1;}
#sub_history .content .square > li > .dot{padding: 5px 0 0 0; font-weight: 100; font-size: 16px;}
#sub_history .t_wrap {position: relative;}
#sub_history .t_wrap .t_info {position:absolute;top: -30px;right:0;}
@media all and (max-width:1200px) {
	#sub_history .info_box{padding:20px 0 20px 120px; font-size:26px; background-size:100px; background-position:0 0;}
	#sub_history .info_box p{padding:7px 0 0 0;}
}
@media all and (max-width:1024px){
	#sub_history .info_box{margin:0 0 30px;}
}
@media all and (max-width:768px) {
	#sub_history .info_box{ padding:8px 0 15px 85px; font-size:22px; background-size:75px;}
    #sub_history .tabs .tab h3 a{padding: 18px 0; font-size: 16px;}
    #sub_history .tabs .tab.no5:before,
    #sub_history .tabs .tab.no6:before,
    #sub_history .tabs .tab.no10:before,
    #sub_history .tabs .tab.no11:before{width: 60px; height: 22.5px;}

    #sub_history .content .radi_tit,
    #sub_history .content .radi_tit .yellow_box{line-height: 50px;}
}
@media all and (max-width:600px){
    #sub_history .info_box{font-size:20px; background-size:75px;}
    #sub_history .info_box p{padding:7px 0 0 0; font-size: 16px;}
}
@media all and (max-width:568px){
    #sub_history .info_box{font-size:18px; background-size:75px;}
    #sub_history .tabs{margin: 0 0 20px;}
    #sub_history .tabs .tab h3 a{padding: 16px 0; font-size: 14px;}
    #sub_history .tabs .tab.no5:before,
    #sub_history .tabs .tab.no6:before,
    #sub_history .tabs .tab.no10:before,
    #sub_history .tabs .tab.no11:before{width: 54px; height: 10px;}
    #sub_history .tabs .tab{margin: 0 0 20px;}


    #sub_history .content .radi_tit,
    #sub_history .content .radi_tit .yellow_box{line-height: 44px; font-size: 16px;}

    #sub_history .content .square > li > .dot{padding: 0 0 0 0;}
    #sub_history .content .dot > li{padding-bottom: 0;}
    #sub_history .content .square > li{font-size: 15px;}
    #sub_history .content .square > li:before{top: 4px;}
    #sub_history .content .square > li .dot{font-size: 14px;}
}
@media all and (max-width:469px){
    #sub_history .info_box{background-position: 0 20px;}
    #sub_history .tabs .tab h3 a{font-size: 13px;}

    #sub_history .content .radi_tit,
    #sub_history .content .radi_tit .yellow_box{font-size: 15px;}
    #sub_history .content .radi_tit h3{padding: 0 2%;}

    #sub_history .box_text{padding:0 0 0 30px; margin:0 0 25px 0;}
}
@media all and (max-width:350px){
	#sub_history .tabs .tab h3 a{font-size:12px;}
}

/* 의회구성 및 조직 */
#sub_org .static > li > a{height:56px !important; line-height:56px !important;}
#sub_org .static > li > a.on{line-height:45px !important;}

#sub_org .chairman{font-size: 18px; color: #fff; background-color: #0c4b97;}
#sub_org .vice{font-size: 18px; color: #fff; background-color: #678bbb}
#sub_org .comm{font-size: 18px; color: #fff; background-color: #3eb5bd}
#sub_org .office{font-size: 18px; color: #fff; background-color: #2e8d03}
#sub_org .officeman{font-size: 18px; color: #fff; background-color: #80b601}
#sub_org .name{background-color: #f5f5f5;}
#sub_org .aqua_text{color: #3eb5bd;}
#sub_org .yellow_text{color: #ff9d03; font-weight: 800;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(4) .box .list_box .dot > li:before,
#sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box .list_box .dot > li:before{background-color:#3eb5bd;}
#sub_org .v_align br{display: none;}

#sub_org .wrapper .border_box{border: 1px solid #dbdbdb; padding: 50px 0;}
#sub_org .wrapper .border_box .depth1{ text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(1){position: relative;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(1) .box{width: 143px; margin: 0 auto 30px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(1) .box .chairman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(1) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(1):before{content: ""; position: absolute; top: 100%; left: 50%; display: block; width: 1px; height: 183px; background-color: #dbdbdb; z-index: -1;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(2){position: relative; display: inline-block; margin: 0 170px 30px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(2) .box{width: 143px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(2) .box .vice{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(2) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(2):before{content: ""; position: absolute; top: 50%; left: 50%; display: block; width: 464px; height: 112px; box-sizing: border-box; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; z-index: -1;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(3){display: inline-block; margin: 0 0 30px 158px;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(3) .box{width: 143px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(3) .box .vice{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(3) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(4){display: inline-block; vertical-align: top; margin: 0 70px 0 0; text-align: left;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(4) .box{width: 313px;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(4) .box .comm.normal{display: inline-block; width: 100%; padding: 8.5px 0; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(4) .box .list_box{display: inline-block; width: 100%; box-sizing: border-box; padding: 8.5px 10px; background-color: #f5f5f5; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(4) .box .list_box .dot li{font-size: 15px;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(5){display: inline-block; vertical-align: top; margin: 0 0 0 70px; text-align: left;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box{width: 345px; margin: 0 0 50px;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box .comm.special{display: inline-block; width: 100%; padding: 8.5px 0; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box .list_box{display: inline-block; width: 100%; box-sizing: border-box; padding: 8.5px 10px; background-color: #f5f5f5; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box .list_box .dot li{font-size: 15px;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(6){position: relative;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box{width: 143px; margin: 0 auto 60px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box:before{content:''; position: absolute; display: block; top:109px; left:50%; width:200px; height:49px; box-sizing: border-box; border: 1px solid #dbdbdb; border-bottom:none; border-top:none; z-index: -1; transform: translateX(-50%);}
#sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box .office{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(7){position: relative; display: inline-block;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(7) .box{width: 180px; margin: 0 5px 30px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(7) .box .officeman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(7) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(7):before{content: ""; position: absolute; bottom: 50%; left: 50%; display: block; width: 580px; height: 90px; box-sizing: border-box; border: 1px solid #dbdbdb; border-bottom: none; z-index: -1;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(8){position: relative; display: inline-block;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(8) .box{width: 180px; margin: 0 5px 30px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(8) .box .officeman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(8) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(9){display: inline-block;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(9) .box{width: 180px; margin: 0 5px 30px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(9) .box .officeman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(9) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(10){display: inline-block;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(10) .box{width: 180px; margin: 0 5px 30px; text-align: center;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(10) .box .officeman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .wrapper .border_box .depth1 > li:nth-child(10) .box .name{display: inline-block; width: 100%; padding: 8.5px 0; box-sizing: border-box; border: 1px solid #dbdbdb; border-top:none;}
#sub_org .wrapper .hint{margin: 0 0 40px 0; padding: 10px 0; box-sizing: border-box; border: 1px solid #d8d8d8; border-top: 3px solid #78a1d5; text-align: center;}
#sub_org .wrapper .hint br{display: none;}
#sub_org .wrapper .table_include{width: 100%;}
#sub_org .wrapper .table_include.top{margin: 0 0 45px 0;}
#sub_org .wrapper .table_include .inc_table.no1{margin: 0 0 30px 0;}
#sub_org .wrapper .table_include .inc_table.no1:after{content: ""; display: block; clear: both;}
#sub_org .wrapper .table_include .inc_table.no1 .table_box{width: 20%; border: 1px solid #d8d8d8; box-sizing: border-box;}
#sub_org .wrapper .table_include .inc_table.no1 .table_box.one{position: relative; margin: auto;}
#sub_org .wrapper .table_include .inc_table.no1 .table_box.two{position: relative; float: left; margin: 0 0 0 80px;}
#sub_org .wrapper .table_include .inc_table.no1 .table_box.three{position: relative; float: right; margin: 0 80px 0 0; z-index: 2; background-color: #fff;}
#sub_org .wrapper .table_include .inc_table.no1 .table_box.one:before{content: ""; position: absolute; top: 100%; left: 50%; display: block; width: 1px; height: 170px; background-color:#dbdbdb; z-index: -1;}
#sub_org .wrapper .table_include .inc_table.no1 .table_box.two:before{content: ""; position: absolute; top: 50%; left: 100%; height: 1px; width: 450px; background-color: #dbdbdb; z-index: -1;}
#sub_org .wrapper .table_include .inc_table.no2:after{content: ""; display: block; clear: both;}
#sub_org .wrapper .table_include .inc_table.no2 .table_box{width: 16%;float: left;}
#sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(2), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(3), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(4), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(5), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(6){box-sizing: border-box; border-left: 2px solid #a8a8a8;}
@media all and (max-width:1220px){
    #sub_org .wrapper .table_include .inc_table.no1 .table_box.two:before{width: 220%;}
}
@media all and (min-width: 1024px) and (max-width:1200px){
    #sub_org .wrapper .border_box .depth1 > li:nth-child(2){margin: 0 110px 30px 110px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(3){margin: 0 110px 30px 110px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(4){margin: 0 30px 0 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(5){margin: 0 0 0 30px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box:before{width:164px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(2):before{width: 366px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(7):before{width: 490px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(7) .box{width: 150px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(8) .box{width: 150px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(9) .box{width: 150px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(10) .box{width: 150px;}
}
@media all and (max-width:868px){
    #sub_org .wrapper .border_box .depth1 > li:nth-child(2){margin: 0 110px 30px 110px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(3){margin: 0 110px 30px 110px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(4){margin: 0 30px 0 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(5){margin: 0 0 0 30px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(2):before{width: 366px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(7):before{width: 490px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box:before{width:164px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(7) .box{width: 150px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(8) .box{width: 150px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(9) .box{width: 150px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(10) .box{width: 150px;}
}
@media all and (max-width:768px){
    #sub_org .chairman,
    #sub_org .vice,
    #sub_org .comm,
    #sub_org .office,
    #sub_org .officeman{font-size: 15px;}

	#sub_org .wrapper .border_box{padding: 20px 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(1) .box{width: 90%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(2){width: 90%; margin: 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(2) .box{width: 100%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(3){width: 90%; margin: 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(3) .box{width: 100%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(4){width: 90%; margin: 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(4) .box{width: 100%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(5){width: 90%; margin: 0;}
	#sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box{width: 100%; margin: 0 auto 20px;}
	#sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box .list_box .dot li br{display:none;}

    #sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box{width: 90%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(6) .box:before{display: none;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(7){width: 90%; margin: 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(7) .box{width: 100%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(8){width: 90%; margin: 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(8) .box{width: 100%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(9){width: 90%; margin: 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(9) .box{width: 100%; margin: 0 auto 20px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(10){width: 90%; margin: 0;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(10) .box{width: 100%; margin: 0 auto;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(1):before{height: 700px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(2):before,
    #sub_org .wrapper .border_box .depth1 > li:nth-child(7):before{display: none;}
    #sub_org .wrapper .table_include .inc_table.no1 .table_box{width: 50%;}
    #sub_org .wrapper .table_include .inc_table.no1 .table_box.two{float: left; margin: 30px 0 0;}
    #sub_org .wrapper .table_include .inc_table.no1 .table_box.three{float: right; margin: 30px 0 0;}
    #sub_org .wrapper .table_include .inc_table.no1 .table_box.one:before,
    #sub_org .wrapper .table_include .inc_table.no1 .table_box.two:before{display: none;}
    #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(2), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(3), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(4), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(5), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(6){border: none;}
    #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(2), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(4),#sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(6){box-sizing: border-box;border-left: 1px solid #d8d8d8;}
    #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(3), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(4), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(5), #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(6){margin: 5px 0 0;}
    #sub_org .wrapper .table_include .inc_table.no2 .table_box{width: 50%;float: left;}
    #sub_org .wrapper .table_include .inc_table.no2 .table_box:nth-child(1){/* width: 100%; */}
}
@media all and (max-width:500px){
    #sub_org .wrapper .hint br{display: block;}
}
@media all and (max-width:440px){
    #sub_org .wrapper .border_box .depth1 > li:nth-child(1):before{height: 700px;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(5) .box .list_box .dot li br{display:inline-block;}
}
@media all and (max-width:340px){
    #sub_org .v_align br{display: block;}
    #sub_org .wrapper .border_box .depth1 > li:nth-child(1):before{height: 1330px;}
}

/* 의회기능 - 조례재정 개정 폐지 */
#sub_function1 .dot > li:before{top: 34px; left: 16px;}
#sub_function1 .process li:last-child .dot > li:before{top: 22px; left: 16px;}
#sub_function1 .dot > li{padding-left: 30px;}
#sub_function1 .box_line{position:relative; padding-right:20%; color:#585858;}
#sub_function1 .box_line:before{content:''; display:block; position:absolute; top:50%; right:5%; width:126px; height:118px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(/images/kr/intro/bg_function1.png) no-repeat 100% 100%;}
#sub_function1 .box_text{position:relative; color:#585858;}
#sub_function1 .process{padding: 0 0 0 33px; }
#sub_function1 .process > li{position: relative; height: 75px; margin-bottom: 29px;}
#sub_function1 .process > li:before{content: ""; display: block; position: absolute; top: calc(100% + 8px); left:12.56%; width: 15px; height: 12px; margin:0 0 0 -8px; background-image: url("/images/kr/intro/arrow_gray.gif");}
#sub_function1 .process > li:last-child:before{content: ""; display: none;}
#sub_function1 .process > li:after{content: ""; display: block; clear: both;}
#sub_function1 .process > li em{float: left; display: inline-block; width: 214px; height: 100%; line-height: 75px; color: #fff; background-color: #4372b3; box-sizing: border-box;  border-top-left-radius: 20px; text-align: center;}
#sub_function1 .process > li ul{display: inline-block; height: 100%; width: calc(100% - 214px);}
#sub_function1 .process > li ul li{height: 100%; line-height: 75px; box-sizing: border-box; border: 1px solid #e1e1e1; background-color: #fafafa;}
#sub_function1 .process > li:last-child ul li{line-height: 150%; box-sizing: border-box; padding: 12px 0 0 30px;}
#sub_function1 .process > li:last-child em{background-color: #f8af00;}
#sub_function1 .blue_text{padding: 0 0 0 33px; color: #4372b3; font-weight:400;}
@media all and (max-width:1024px){
	#sub_function1 .box_line{padding-right:5px;}
	#sub_function1 .box_line:before{position:static; float:right; height:100px;  margin:40px 10px 0 10px; background-size: contain;}
    #sub_function1 .process{padding: 0 25px 0 25px;}
    #sub_function1 .blue_text{padding: 0 25px 0 25px; color: #4372b3;}
}
@media all and (max-width:848px){
    #sub_function1 .box_line:before{margin:50px 10px 0 10px;}
}
@media all and (max-width:768px){
	#sub_function1 .box_line:before{margin:65px 10px 0 10px;}
    #sub_function1 .process{padding: 0 22px 0 22px;}
    #sub_function1 .process > li em{width: 20%;}
    #sub_function1 .process > li ul{width: 80%;}
    #sub_function1 .blue_text{padding: 0 22px 0 25px; color: #4372b3;}
}
@media all and (max-width:600px){
    #sub_function1 .process > li:last-child ul li{line-height: 130%; box-sizing: border-box; padding: 10px 4px 0 30px;}
    #sub_function1 .process li:last-child .dot > li:before{top: 18px; left: 16px;}
}
@media all and (max-width:568px){
	#sub_function2 .box_line:before{height:90px; width:90px;}
}
@media all and (max-width:473px){
    #sub_function1 .process > li ul li{height: 100%; padding: 16px 15px; line-height: 150%; box-sizing: border-box; border: 1px solid #e1e1e1; background-color: #fafafa;}
    #sub_function1 .dot > li:before{top: 24px; left: 4px;}
    #sub_function1 .process > li:last-child ul li{line-height: 130%; box-sizing: border-box; padding: 10px 4px 0 15px;}
    #sub_function1 .process li:last-child .dot > li:before{top: 14px; left: 4px;}
    #sub_function1 .blue_text{padding: 0 22px 0 25px; color: #4372b3;}
}

/* 의회기능 - 예산안 심의확정 및 결산승인 */
#sub_function2 .box_line{position:relative; padding-right:20%; color:#585858;}
#sub_function2 .box_line:before{content:''; display:block; position:absolute; top:50%; right:5%; width:126px; height:118px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(/images/kr/intro/bg_function1.png) no-repeat 100% 100%;}
#sub_function2 .box_text{position:relative; color:#585858;}
#sub_function2 .process{padding: 0 0 0 33px;}
#sub_function2 .process > li{position: relative; display: table; width: 100%; height: 100%; margin-bottom: 29px;}
#sub_function2 .process > li:before{content: ""; position: absolute; display: block; top: calc(100% + 8px); left: 107px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 15px; height: 12px; background-image: url("/images/kr/intro/arrow_gray.gif");}
#sub_function2 .process > li:last-child:before{content: ""; display: none;}
#sub_function2 .process > li em{display: table-cell; vertical-align: middle; width: 214px; color: #fff; padding: 27px 10px; background-color: #4372b3; border-top-left-radius: 20px; text-align: center; font-size: 18px; font-weight: 800;}
#sub_function2 .process > li em span{font-weight: 100; font-size: 16px;}
#sub_function2 .process > li ul{display: table-cell; width: calc(100% - 214px); border: 1px solid #e1e1e1; padding: 27px 10px; background-color: #fafafa;}
#sub_function2 .process > li ul li{padding: 0 0 0 10px; line-height: 150%;}
#sub_function2 .dot > li:before{top: 9px; left: 0px;}
#sub_function2 .process > li em.yellow{background-color: #f8af00;}
#sub_function2 .process.no1 li:nth-child(2) em,
#sub_function2 .process.no2 li:nth-child(2) em,
#sub_function2 .process.no2 li:nth-child(3) em,
#sub_function2 .process.no2 li:nth-child(5) em{border-bottom-right-radius: 20px}
#sub_function2 .process.no1 li:nth-child(2) ul,
#sub_function2 .process.no2 li:nth-child(2) ul,
#sub_function2 .process.no2 li:nth-child(3) ul,
#sub_function2 .process.no2 li:nth-child(5) ul{visibility: hidden}
@media all and (max-width:1024px){
	#sub_function2 .box_line{padding-right:5px;}
	#sub_function2 .box_line:before{position:static; float:right; height:100px;  margin:40px 10px 0 10px; background-size: contain;}
    #sub_function2 .process{padding: 0 25px 0 25px;}
}
@media all and (max-width:848px){
    #sub_function2 .box_line:before{margin:50px 10px 0 10px;}
}
@media all and (max-width:768px){
	#sub_function2 .box_line:before{margin:65px 10px 0 10px;}
    #sub_function2 .process{padding: 0 22px 0 22px;}
    #sub_function2 .process > li em{width: 25%;}
    #sub_function2 .process > li ul{width: 75%;}
    #sub_function2 .process > li:before{top: calc(100% + 8px); left: 12.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
}
@media all and (max-width:568px){
	#sub_function2 .box_line:before{height:90px; width:90px;}
    #sub_function2 .process > li em{line-height: 130%; font-size: 14px; padding-left:4px; padding-right:4px;}
    #sub_function2 .process > li em span,
    #sub_function2 .process > li ul li{font-size: 14px;}
}

/* 의회기능 - 행정사무 감사 및 조사 */
#sub_function3 .box_line{position:relative; padding-right:20%; color:#585858;}
#sub_function3 .box_line:before{content:''; display:block; position:absolute; top:50%; right:5%; width:126px; height:118px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(/images/kr/intro/bg_function1.png) no-repeat 100% 100%;}
#sub_function3 .box_text{position:relative; color:#585858;}
#sub_function3 .process{padding: 0 0 0 33px;}
#sub_function3 .process > li{position: relative; display: table; width: 100%; height: 100%; margin-bottom: 29px;}
#sub_function3 .process > li:before{content: ""; position: absolute; display: block; top: calc(100% + 8px); left: 107px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 15px; height: 12px; background-image: url("/images/kr/intro/arrow_gray.gif");}
#sub_function3 .process > li:last-child:before{content: ""; display: none;}
#sub_function3 .process > li em{display: table-cell; vertical-align: middle; width: 214px; color: #fff; background-color: #4372b3; border-top-left-radius: 20px; text-align: center; font-size: 18px; font-weight: 800;}
#sub_function3 .process > li > ul{display: table-cell; width: calc(100% - 214px); border: 1px solid #e1e1e1; padding: 27px 20px; background-color: #fafafa;}
#sub_function3 .process > li > ul li{padding: 0 0 0 10px; line-height: 150%;}
#sub_function3 .dot > li:before{top: 9px; left: 0px;}
#sub_function3 .process > li em.yellow{background-color: #f8af00;}
@media all and (max-width:1024px){
	#sub_function3 .box_line{padding-right:5px;}
	#sub_function3 .box_line:before{position:static; float:right; height:100px;  margin:40px 10px 0 10px; background-size: contain;}
    #sub_function3 .process{padding: 0 25px 0 25px;}
}
@media all and (max-width:848px){
    #sub_function3 .box_line:before{margin:50px 10px 0 10px;}
}
@media all and (max-width:768px){
	#sub_function3 .box_line:before{margin:65px 10px 0 10px;}
    #sub_function3 .process{padding: 0 22px 0 22px;}
    #sub_function3 .process > li em{width: 25%;}
    #sub_function3 .process > li ul{width: 75%;}
    #sub_function3 .process > li:before{top: calc(100% + 8px); left: 12.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
}
@media all and (max-width:568px){
	#sub_function3 .box_line:before{height:90px; width:90px;}
    #sub_function3 .process > li em{line-height: 130%; font-size: 14px; padding-left:4px; padding-right:4px;}
    #sub_function3 .process > li em span,
    #sub_function3 .process > li ul li{font-size: 14px;}
}

/* 의회기능 - 청원의 심사와 처리 */
#sub_function4 .box_line{position:relative; padding-right:20%; color:#585858;}
#sub_function4 .box_line:before{content:''; display:block; position:absolute; top:50%; right:5%; width:126px; height:118px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(/images/kr/intro/bg_function1.png) no-repeat 100% 100%;}
#sub_function4 .box_text{position:relative; color:#585858;}
#sub_function4 .process{padding: 0 0 0 33px;}
#sub_function4 .process > li{position: relative; display: table; width: 100%; height: 100%; margin-bottom: 29px;}
#sub_function4 .process > li:before{content: ""; position: absolute; display: block; top: calc(100% + 8px); left: 107px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 15px; height: 12px; background-image: url("/images/kr/intro/arrow_gray.gif");}
#sub_function4 .process > li:last-child:before{content: ""; display: none;}
#sub_function4 .process > li em{display: table-cell; vertical-align: middle; width: 214px; color: #fff; padding: 27px 10px; background-color: #4372b3; border-top-left-radius: 20px; text-align: center; font-size: 18px; font-weight: 800;}
#sub_function4 .process > li ul{display: table-cell; width: calc(100% - 214px); border: 1px solid #e1e1e1; padding: 27px 10px; background-color: #fafafa;}
#sub_function4 .process > li ul li{padding: 0 0 0 10px; line-height: 150%;}
#sub_function4 .dot > li:before{top: 9px; left: 0px;}
#sub_function4 .process > li em.yellow{background-color: #f8af00;}
#sub_function4 .process.no1 li:nth-child(2) em,
#sub_function4 .process.no1 li:nth-child(3) em,
#sub_function4 .process.no1 li:nth-child(5) em,
#sub_function4 .process.no1 li:nth-child(6) em{border-bottom-right-radius: 20px}
#sub_function4 .process.no1 li:nth-child(2) ul,
#sub_function4 .process.no1 li:nth-child(3) ul,
#sub_function4 .process.no1 li:nth-child(5) ul,
#sub_function4 .process.no1 li:nth-child(6) ul{visibility: hidden}
@media all and (max-width:1024px){
	#sub_function4 .box_line{padding-right:5px;}
	#sub_function4 .box_line:before{position:static; float:right; height:100px;  margin:40px 10px 0 10px; background-size: contain;}
    #sub_function4 .process{padding: 0 25px 0 25px;}
}
@media all and (max-width:848px){
    #sub_function4 .box_line:before{margin:50px 10px 0 10px;}
}
@media all and (max-width:768px){
	#sub_function4 .box_line:before{margin:65px 10px 0 10px;}
    #sub_function4 .process{padding: 0 22px 0 22px;}
    #sub_function4 .process > li em{width: 25%;}
    #sub_function4 .process > li ul{width: 75%;}
    #sub_function4 .process > li:before{top: calc(100% + 8px); left: 12.5%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
}
@media all and (max-width:568px){
	#sub_function4 .box_line:before{height:90px; width:90px;}
    #sub_function4 .process > li em{line-height: 130%; font-size: 14px; padding-left:4px; padding-right:4px;}
    #sub_function4 .process > li ul li{font-size: 14px;}
}

/* 의회사무처 (사무처조직) */
#sub_staff .floatL{float:left; width:auto;}
#sub_staff .floatR{float:right;}
#sub_staff .colorBox{color: #fff;}
#sub_staff span,
#sub_staff .name{height: 41px; line-height: 41px;}
#sub_staff .name{display: inline-block; width: 100%; box-sizing: border-box; border: 1px solid #e1e1e1; border-top: 0; background-color: #f5f5f5;}
#sub_staff strong{color: #555; font-weight: 100;}
#sub_staff .sec1:after{content: ""; display: block; clear: both;}
#sub_staff .sec2{float: left; width:100%; }
#sub_staff .sec2:after{content: ""; display: block; clear: both;}
#sub_staff .sec3{float: right; width:23%; height: auto; margin-top: 30px;  display: inline-block;}
#sub_staff .sec3:after{content: ""; display: block; clear: both;}
#sub_staff .staff_org{width: 100%; height: 100%; padding: 42px 4%; box-sizing: border-box; border: 1px solid #e1e1e1; text-align: center;}
#sub_staff .staff_org .total:after{content: ""; display: block; clear: both;}
#sub_staff .staff_org .total .top_tit{position: relative; width: 223px; margin: 0 auto 61px;}
#sub_staff .staff_org .total .top_tit:before{content: ""; position: absolute; top: 100%; left: calc(50% - 0.5px); display: block; width: 1px; height:31px; background-color: #c0c0c0; z-index: -1;}
#sub_staff .staff_org .total .top_tit .pos{display: inline-block; width: 100%; font-size: 18px; background-color: #2e8d03;}
#sub_staff .staff_org .total .top_tit .name{}
#sub_staff .staff_org .total .org1{position: relative; width: 100%;}
#sub_staff .staff_org .total .org1:before{content: ""; position: absolute; top: -31px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width:82.25%; height:50px; box-sizing: border-box; border-top: 1px solid #c0c0c0; z-index: -1;}
#sub_staff .staff_org .total .org1:after{content: ""; display: block; clear: both;}
#sub_staff .staff_org .total .org1 .num1{float: left; width:17.86%; margin: 0; margin-right: calc(8% / 3);}
#sub_staff .staff_org .total .org1 .num1:last-child{margin-right: 0;}
#sub_staff .staff_org .total .org1 .num1 .sub_tit{position: relative; width: 100%; margin: 0 0 10px;}
#sub_staff .staff_org .total .org1 .num1 .sub_tit:before{content:'';position: absolute;display: block;width: 1px;height: 165px;background-color:#c0c0c0;left: calc(50% - 0.5px);top: -30px;z-index: -1;}
#sub_staff .staff_org .total .org1 .num1:first-child .sub_tit:before{height: 260px;}

#sub_staff .staff_org .total .org1 .num1 .sub_tit span{display: inline-block; width: 100%; font-size: 18px; background-color: #80b601;}
#sub_staff .staff_org .total .org1 .num1 .sub_tit span.multi_line br{display: none;}
#sub_staff .staff_org .total .org1 .num1 ul{}
#sub_staff .staff_org .total .org1 .num1 ul li{height: 41px; margin: 0 0 5px; box-sizing: border-box; border: 1px solid #b6ce7f;}
#sub_staff .staff_org .total .org1 .num1 ul li:after{content: ""; display: block; clear: both;}
#sub_staff .staff_org .total .org1 .num1 ul li span{float: left;display: inline-block;width: 100%;height: 100%;background-color: #dfedbf;}
#sub_staff .staff_org .total .org1 .num1 ul li .twoline{font-size: 14px; line-height: 19px;}
#sub_staff .staff_org .total .org1 .num1 ul li strong{line-height: 41px; float: right; display: inline-block; width: 40%; height: 100%; background-color: #fff;}
#sub_staff .staff_org .total .org1 .num1:nth-child(3) ul li:nth-child(4){position: relative;}

#sub_staff .staff_org .total .mid_tit{float: left;width: 100%;margin: 30px 0 20px;}
#sub_staff .staff_org .total .mid_tit .commit{display: inline-block; width: 100%; font-size: 18px; color: #fff; background-color: #0c4b97;}
#sub_staff .staff_org .total .org2{float: left; width:100%;}
#sub_staff .staff_org .total .org2:after{content: ""; display: block; clear: both;}
#sub_staff .staff_org .total .org2 .num2{position: relative; float: left; width:13.6%; margin: 0 0.8% 0 0;}
#sub_staff .staff_org .total .org2 .num2:last-child{margin-right: 0;}
#sub_staff .staff_org .total .org2 .num2:before{content: "";position: absolute;top: -20px;left: calc(50% - 0.5px);width: 1px;height: 50px;background-color: #c0c0c0;z-index: -1;}
#sub_staff .staff_org .total .org2 .num2 .sub_tit{float: left; width: 100%; margin: 0 0 10px 0; padding: 9.5px 0; box-sizing: border-box;  background-color: #678bbb; color: #fff;}
#sub_staff .staff_org .total .org2 .num2 .sub_tit .multi_line{display: inline-block; width: 100%; line-height: 19px;}
#sub_staff .staff_org .total .org2 .num2 ul{}
#sub_staff .staff_org .total .org2 .num2 ul li{display: inline-block; width: 100%; margin: 0 0 5px 0; box-sizing: border-box; border: 1px solid  #c3ccd8;}
#sub_staff .staff_org .total .org2 .num2 ul li span,
#sub_staff .staff_org .total .org2 .num2 ul li strong{display: inline-block; width: 100%; height: 41px; line-height: 41px;}
#sub_staff .staff_org .total .org2 .num2 ul li span{background-color: #d9e2ee;}
#sub_staff .staff_org .total .org2 .num2 ul li strong{background-color: #fff; box-sizing: border-box; border-top: 1px solid #c3ccd8;}
#sub_staff .staff_org .total .bottom_tit{position: relative; float: right; width: 100%; margin: 0px 0 10px; }
#sub_staff .staff_org .total .bottom_tit:before{content: ""; position: absolute; top: 100%; left: calc(50% - 0.5px); width: 1px; height: 130px; background-color:#c0c0c0; z-index: -1; }
#sub_staff .staff_org .total .bottom_tit .special{display: inline-block; width: 100%; height: 106px; line-height: 106px; font-size: 18px; color: #fff; background-color: #3eb5bd;}
#sub_staff .staff_org .total .org3{display: inline-block; float: right; width: 100%;}
#sub_staff .staff_org .total .org3 li{display: inline-block; width: 100%; margin: 0 0 5px; border: 1px solid #b9d6d8;}
#sub_staff .staff_org .total .org3 li span,
#sub_staff .staff_org .total .org3 li strong{display: inline-block; width: 100%; height: 41px; line-height: 41px;}
#sub_staff .staff_org .total .org3 li span{background-color: #cfecee;}
#sub_staff .staff_org .total .org3 li strong{background-color: #fff; box-sizing: border-box; border-top: 1px solid #b9d6d8;}
#sub_staff .tabs{position:relative; margin: 39px 0 0;}
#sub_staff .tabs:before{content:""; position:absolute; top:55px; left:0; display:block; width:100%; height:1px; z-index:-1; background:#dbdbdb;}
#sub_staff .tabs li h3{position:absolute; top:0; left:0; width: 225px; height:54px; line-height:54px; text-align:center; border: 1px solid #dbdbdb;}
#sub_staff .tabs li.tab2 h3{left:227px; border-left: 0;}
#sub_staff .tabs li h3 a{display: block; font-size: 19px; color: #777;}
#sub_staff .tabs li.on h3{height:50px; line-height:44px; border-top: 6px solid #3e78bd; border-bottom: none; background:#fff;}
#sub_staff .tabs li.on h3 a{color: #3e78bd;}
#sub_staff .tabs li > .box_con{display: none; padding-top: 100px;}
#sub_staff .tabs li.on > .box_con{display: block;}
#sub_staff .tabs li .table_wrap{clear:both; width:100% display:none; padding:0px 0 0 0;}
#sub_staff .tabs li.on .table_wrap{display:block;}
#sub_staff .tabs li.tab1 .table_wrap .normal_list tbody th{font-size: 17px;}
#sub_staff .tabs li.tab1 .table_wrap .normal_list tbody td{text-align: left;}
#sub_staff .tabs li.tab1 .table_wrap .normal_list tbody td h5{position: relative; line-height: 30px; box-sizing: border-box; padding: 0 0 0 35px; color: #ff9d03; font-weight: 900;}
#sub_staff .tabs li.tab1 .table_wrap .normal_list tbody td h5:before{content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 25px; display: block;  width: 5px; height: 5px; background-color: #ff9d03;}
#sub_staff .tabs li.tab1 .table_wrap .normal_list tbody td ul{padding-left: 35px;}
@media all and (max-width:1220px){
    #sub_staff .staff_org{padding: 42px 3%; }
    #sub_staff .staff_org .total .org1{text-align: center;}
/*    #sub_staff .staff_org .total .org1:before{width: 74%;}*/
    #sub_staff .staff_org .total .top_tit{width: 200px;}
    #sub_staff .staff_org .total .org1 .num1 .sub_tit{width: 100%;}
}
@media all and (max-width:1200px){
    #sub_staff .staff_org .total{font-size: 15px;}
    #sub_staff .staff_org .total .org1 .num1 ul li span.long{font-size: 14px;}
}

@media all and (max-width:1090px){
    #sub_staff .staff_org .total .mid_tit{width: 100%;}
    #sub_staff .staff_org .total .org2{width: 100%;}
}
@media all and (max-width:1040px){
    #sub_staff .staff_org .total{font-size: 14px;}
}
@media all and (max-width:768px){
    #sub_staff .staff_org .total .top_tit:before,
    #sub_staff .staff_org .total .org1:before{display: none;}
    #sub_staff .staff_org .total .org1 .num1 .sub_tit:before{display:none; height:262px;}
    #sub_staff .staff_org .total .org1 .num1:first-child .sub_tit:before{height:423px;}

    #sub_staff .staff_org{padding: 2%;}
    #sub_staff .staff_org .total .org1 .num1 .sub_tit{width: 100%;}
    #sub_staff .staff_org .total .top_tit{width: 100%; margin: 0 auto 10px;}
    #sub_staff .staff_org .total .top_tit .pos,
    #sub_staff .staff_org .total .org1 .num1 .sub_tit span{font-size: 14px;}
    #sub_staff .staff_org .total .org1 .num1 .sub_tit span{padding: 9.5px 0px;}
    #sub_staff .staff_org .total .org1 .num1 .sub_tit span.multi_line{display: inline-block; width: 100%; line-height: 20px;}
    #sub_staff .staff_org .total .org1 .num1 .sub_tit span.multi_line br{display: inline-block;}
    #sub_staff .staff_org .total .org1 .num1 ul li{height: auto;}
    #sub_staff .staff_org .total .top_tit .name,
    #sub_staff .name,
    #sub_staff .staff_org .total .org1 .num1 ul li span,
    #sub_staff .staff_org .total .org1 .num1 ul li strong{font-size: 14px;}
    #sub_staff .staff_org .total .org1 .num1 ul li span,
    #sub_staff .staff_org .total .org1 .num1 ul li strong{width: 100%;}
    #sub_staff .staff_org .total .sec2{float: none; width: 100%;}
    #sub_staff .staff_org .total .mid_tit{width: 100%; float: none; margin: 30px auto 10px;}
    #sub_staff .staff_org .total .mid_tit .commit{font-size: 14px;}
    #sub_staff .staff_org .total .org2{float: none; width: 100%; text-align: center;}
    #sub_staff .staff_org .total .org2 .num2{display: inline-block; width: 32%; margin: 0 5px 10px 0;}
    #sub_staff .staff_org .total .org2 .num2:nth-child(2),
    #sub_staff .staff_org .total .org2 .num2:nth-child(5){float: none;}
    #sub_staff .staff_org .total .org2 .num2:nth-child(3n){margin-right: 0; float: right;}
    #sub_staff .staff_org .total .sec3{width: 100%; margin: 0;}
    #sub_staff .staff_org .total .bottom_tit{float: none; width: 100%; height: auto; margin: 20px auto 10px;}
    #sub_staff .staff_org .total .bottom_tit .special{height: 41px; line-height: 41px; font-size: 14px;}
    #sub_staff .staff_org .total .org3{width: 100%; float: none;}
    #sub_staff .staff_org .total .org3 li{width: 32%; margin: 0 2px;}
    #sub_staff .staff_org .total .top_tit:before{height: 280px;}
    #sub_staff .staff_org .total .org1:before{display:none; width: 69%; height: 320px;}
    #sub_staff .staff_org .total .org2 .num2:before{display:none; top: -40px; height: 250px;}
    #sub_staff .staff_org .total .bottom_tit:before{top: 10%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 32%; height: 100px; border: 1px solid #c0c0c0; background-color: transparent; box-sizing: border-box; border-bottom: 0;}
    #sub_staff .tabs{position:relative; margin: 39px 0 0;}
    #sub_staff .tabs:before{content:""; position:absolute; top:40px; left:0; display:block; width:100%; height:1px; z-index:-1; background:#dbdbdb;}
    #sub_staff .tabs li h3{position:absolute; top:0; left:0; width: 49.5%; height:39px; line-height:39px; text-align:center; border: 1px solid #dbdbdb;}
    #sub_staff .tabs li.tab2 h3{left:calc(49.5% + 2px); border-left: 0;}
    #sub_staff .tabs li h3 a{display: block; font-size: 15px; color: #777;}
    #sub_staff .tabs li.on h3{height:35px; line-height:29px;}
    #sub_staff .tabs li > .box_con{padding-top: 70px;}
    #sub_staff .tabs li .table_wrap{padding:0px 0 0 0;}
    #sub_staff .tabs li.tab .table_wrap .normal_list thead th,
    #sub_staff .tabs li.tab .table_wrap .normal_list tbody th{font-size: 14px;}
    #sub_staff .tabs li.tab .table_wrap .normal_list tbody td{padding: 10px 0;}
    #sub_staff .tabs li.tab .table_wrap .normal_list tbody td h5{line-height: 30px; padding: 0 0 0 15px; font-size: 14px; }
    #sub_staff .tabs li.tab .table_wrap .normal_list tbody td h5:before{left: 5px;}
    #sub_staff .tabs li.tab1 .table_wrap .normal_list tbody td ul,
    #sub_staff .tabs li.tab .table_wrap .normal_list tbody td li{padding: 0 0 0 15px;}
    #sub_staff .tabs li.tab1 .table_wrap .normal_list tbody td ul li,
    #sub_staff .tabs li.tab2 .table_wrap .normal_list tbody td{font-size: 14px;}
}
@media all and (max-width:568px){
    #sub_staff .staff_org .total .org1 .num1{width: 32%; margin-right: calc(4% / 2); height: 290px;}
	#sub_staff .staff_org .total .org1 .num1:nth-child(5) .sub_tit:before{top: -193px;height:471px;}
	#sub_staff .staff_org .total .org1 .num1:nth-child(3){margin-right:0;}
	#sub_staff .staff_org .total .org1 .num1:nth-child(4){height:300px;}
	#sub_staff .staff_org .total .org1 .num1:nth-child(5){height:300px;}
}
@media all and (max-width:374px){
    #sub_staff .staff_org .total .org1 .num1 ul li span,
    #sub_staff .staff_org .total .org1 .num1 ul li strong,
    #sub_staff .staff_org .total .org2 .num2 ul li span,
    #sub_staff .name,
    #sub_staff .staff_org .total .org2 .num2 ul li strong{font-size: 13px;}
}
@media all and (max-width:374px){
    #sub_staff .staff_org .total .org1 .num1 ul li span.long{font-size: 12px;}
}

/*의회사무처>직원안내*/
.staffintro > li > a{font-size: 18px;}
.staffintro > li > a {top:0; width:24.5%;}
.staffintro > li:nth-child(2) > a {top:0; left:24.5%;}
.staffintro > li:nth-child(3) > a {top:0; left:49%;}
.staffintro > li:nth-child(4) > a {top:0; left:73.5%;}

.staffintro > li:nth-child(5) > a {left:0%;top:55px;border-left: 1px solid #dbdbdb;}
.staffintro > li:nth-child(6) > a {left:24.5%;top:55px;}
.staffintro > li:nth-child(7) > a {left:49%;top:55px;}

@media all and (max-width:771px) {
.staffintro > li .wrapper{padding:130px 0 0 0;}
.staffintro > li > a{font-size: 1em;}
.staffintro > li > a {width:24.5%;}

.staffintro > li:nth-child(5) > a {left:0%;top:48px;border-left: 1px solid #dbdbdb;}
.staffintro > li:nth-child(6) > a {left:24.5%;top:48px;}
.staffintro > li:nth-child(7) > a {left:49%;top:48px;}
}

@media all and (max-width:450px) {
.staffintro > li .wrapper{padding:170px 0 0 0;}
.staffintro > li > a{font-size: 1em;}
.staffintro > li > a {width:33.3%;}
.staffintro > li:nth-child(2) > a {left:33.3%;}
.staffintro > li:nth-child(3) > a {left:66.6%;}

.staffintro > li:nth-child(4) > a {left:0%;top:48px; border-left:1px solid #dbdbdb;}
.staffintro > li:nth-child(5) > a {left:33.3%;top:48px;}
.staffintro > li:nth-child(6) > a {left:66.6%;top:48px;}

.staffintro > li:nth-child(7) > a {left:0%;top:96px; border-left: 1px solid #dbdbdb;}
}

/* 청사안내 */
#sub_building table.yellow{border-top: 3px solid #ffb503; background-color: #fff;}
#sub_building table.yellow .bg{background-color: #fff9ee; color: #484848;}
#sub_building table.yellow td.bg{font-weight: 800;}
#sub_building table.yellow th{padding: 9px 5px; color: #484848;}
#sub_building h5.sq{position: relative; text-align: left; padding: 0 0 15px 18px; font-weight: 900; font-size: 18px; color: #3a3a3a;}
#sub_building h5.sq:before{content:""; position: absolute;  display: block; width: 11px; height: 11px;  left: 0; top: 6px; box-sizing: border-box; border: 3px solid #ffb503;}
#sub_building .tabs{position:relative; height:auto;}
#sub_building .tabs > li > a{position:absolute; top:0; left:0; display:block; width: 20%; height: 56px; line-height:56px; box-sizing: border-box; border: 1px solid #dbdbdb; border-right: none; text-align: center;font-size: 18px; color: #525252;}
#sub_building .tabs > li:nth-child(2) a{left:20%;}
#sub_building .tabs > li:nth-child(3) a{left:40%;}
#sub_building .tabs > li:nth-child(4) a{left:60%;}
#sub_building .tabs > li:nth-child(5) a{left:80%; border-right: 1px solid #dbdbdb;}
#sub_building .tabs > li .box_con{display: none; padding-top: 106px}
#sub_building .tabs > li > a.on{line-height: 46px; border-top: 6px solid #3e78bd; background-color: #e6f0f9; color: #3e78bd; font-weight: 900; box-sizing: border-box;}
#sub_building .tabs > li > a.on + .box_con{display: block;}
#sub_building .tabs > li .box_con .box_line{background-color: #fff; text-align: center;}
#sub_building .tabs > li .box_con .box_line > img{max-width: 100%;}
#sub_building .tabs > li .box_con .box_line .box_gray{margin: 34px 0 0; box-sizing: border-box; border: 1px solid #c5c5c5; padding: 26px; background-color: #f7f7f7;}
#sub_building .tabs > li .box_con .box_line .box_gray > ul:after{content: ""; display: block; clear: both;}
#sub_building .tabs > li .box_con .box_line .box_gray > ul > li{float: left; width: 50%; text-align: left; box-sizing: border-box; padding: 0 0 17px 10px;}
#sub_building .tabs > li .box_con .box_line .box_gray > ul > li .circle{display: inline-block; width: 22px; height: 22px; border-radius: 50%; margin: 0 7px 0 0; background-color: #3d67a1; color: #fff; font-size: 13px; font-weight: 800; text-align: center; vertical-align: baseline;}
#sub_building .tabs > li .box_con .box_line .room_info{padding: 40px 0 0;}
@media all and (max-width:1220px){
    #sub_building .tabs > li > a{font-size: 16px;}
}
@media all and (max-width:868px){
    #sub_building .tabs > li > a{font-size: 15px;}
}
@media all and (min-width:769px){
    #sub_building .tabs > li:nth-child(1) .box_con .box_line .box_gray > ul > li:nth-child(11),
    #sub_building .tabs > li:nth-child(1) .box_con .box_line .box_gray > ul > li:nth-child(12),
    #sub_building .tabs > li:nth-child(4) .box_con .box_line .box_gray > ul > li:nth-child(5),
    #sub_building .tabs > li:nth-child(5) .box_con .box_line .box_gray > ul > li:nth-child(1),
    #sub_building .tabs > li:nth-child(5) .box_con .box_line .box_gray > ul > li:nth-child(2){padding-bottom: 0;}
}
@media all and (max-width:768px){
    #sub_building .tabs > li .box_con .box_line .box_gray{padding: 20px 10px;}
    #sub_building .tabs > li .box_con .box_line .box_gray > li{ padding: 0 0 6px 5px;}
    #sub_building .tabs > li .box_con .box_line .box_gray > li .circle{width: 22px; height: 22px; margin: 0 4px 0 0; font-size: 13px;}

    #sub_building .tabs > li:nth-child(1) .box_con .box_line .box_gray > ul > li:nth-child(11),
    #sub_building .tabs > li:nth-child(5) .box_con .box_line .box_gray > ul > li:nth-child(1){padding: 0 0 17px 10px;}
    #sub_building .tabs > li:nth-child(1) .box_con .box_line .box_gray > ul > li:nth-child(12),
    #sub_building .tabs > li:nth-child(4) .box_con .box_line .box_gray > ul > li:nth-child(5),
    #sub_building .tabs > li:nth-child(5) .box_con .box_line .box_gray > ul > li:nth-child(2){padding-bottom: 0;}
}
@media all and (max-width:614px){
    #sub_building .tabs > li .box_con .box_line .box_gray > ul > li{width: 100%;}
}
@media all and (max-width:400px){
    #sub_building .tabs > li > a{font-size: 13px;}
}
@media all and (max-width:320px){
    #sub_building .tabs > li .box_con .box_line{padding: 18px 4px;}
    #sub_building table.yellow{font-size: 13px;}
}

/* 오시는길 */
#sub_location .roughmap_maker_label .roughmap_lebel_text{line-height:28px; font-size:18px; font-weight:800; font-family:"Noto Sans KR";}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:32px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(/images/common/ico_council.png); background-size:contain;}
#sub_location .square li{position: relative;}
#sub_location .square li:before{content:""; position: absolute;  display: block; width: 11px; height: 11px;  left: 0; top: 7px; box-sizing: border-box; border: 3px solid #3d67a1;}
#sub_location .info{margin:20px 0 0 0; box-sizing:border-box; border:1px solid #e2e2e2; padding: 24px 33px; background-color:#f5f5f5;}
#sub_location .info li{padding: 0 0 5px 20px;}
@media all and (max-width:768px){
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:17px;}
	.root_daum_roughmap .wrap_map{height:350px !important;}
    #sub_location .info{padding: 24px 20px;}
}
@media all and (max-width:568px){
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:16px;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
    #sub_location .square li:before{left: 0; top: 6px;}
}
@media all and (max-width:400px){
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:15px;}
}

/* 의원광장 - 의장단 */
#sub_active{overflow:hidden; width:100%;}
.profile{float:left; width:420px; margin:0 0 36px 0; padding:19px 0 0 0; border:1px solid #d2d2d2; box-sizing:border-box;}
.profile.none{float:right;}
.profile dl{float:left; width:100%;}
.profile dt{float:left; width:119px; padding:0 0 20px 19px;}
.profile dt img{width:119px;}
.profile dd{float:left; width:250px; min-height:245px; padding:0 0 0 25px;}
.profile dd .name{display:block; padding:0 0 12px 0; font-size:20px; font-weight:bold;}
.profile dd li{padding:0 0 4px 7px; line-height:135%;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li em{width:68px; white-space:pre;}
.profile dd li span{width:70%; word-break:break-all;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0; border-top:1px solid #d9d9d9;}
.profile .btns a{position:relative; float:left; width:60%; height:40px; line-height:40px; font-weight:bold; color:#5182c7; background:#fafafa; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a:first-child{width:40%; color:#5d5d5d; border-right:1px solid #d9d9d9;}
.profile .btns a:before{content:''; display:inline-block; width:16px; height:15px; margin:13px 5px 0 0; background:url(/images/kr/member/ico_b_home.png) no-repeat; vertical-align:top;}
.profile .btns a:first-child:before{width:22px; background:url(/images/kr/member/ico_profile.gif) no-repeat;}
.profile .sns{float:left; padding:5px 0 20px 0;}
.profile .sns a{float:left; width:28px; height:27px; margin:0 2px 0 0; font-size:0; text-indent:-9999px; background:#e00000 url(/images/common/ico_sns.png) no-repeat -66px 5px;}
.profile .sns .home{background:#7c48ab url(/images/kr/member/ico_w_home.png) no-repeat 6px 5px;}
.profile .sns .fb{background-color:#254da9; background-position:9px 5px;}
.profile .sns .insta{background-color:#c536a4; background-position:-28px 5px;}
.profile .sns .youtube{background-color:#e00000; background-position:-66px 5px;}
.profile .sns .tw{background-color:#222222; background-position:-101px 5px;}
.profile .sns .bl{background-color:#24c000; background-position:-144px 5px;}
.profile .sns .kko{background-color:#fbc000; background-position:-181px 5px;}
.profile .sns .off{background-color:#aaa;}

/* 인명별 정렬 */
#sub_active .profile:nth-child(even){float: right;}
#sub_active .profile:nth-child(odd){float: left;}

/* 정당별 정렬 */
#party_031 .profile:nth-child(even), #party_006 .profile:nth-child(even), #party_000 .profile:nth-child(even){float: left;}
#party_031 .profile:nth-child(odd), #party_006 .profile:nth-child(odd), #party_000 .profile:nth-child(odd){float: right;}

/* 위원회별 정렬 */
#committee_C101 .profile:nth-child(even), 
#committee_C151 .profile:nth-child(even), 
#committee_C232 .profile:nth-child(even),
#committee_C310 .profile:nth-child(even),
#committee_C410 .profile:nth-child(even),
#committee_C510 .profile:nth-child(even),
#committee_C631 .profile:nth-child(even)
{float: left;}

#committee_C101 .profile:nth-child(odd), 
#committee_C151 .profile:nth-child(odd), 
#committee_C232 .profile:nth-child(odd),
#committee_C310 .profile:nth-child(odd),
#committee_C410 .profile:nth-child(odd),
#committee_C510 .profile:nth-child(odd),
#committee_C631 .profile:nth-child(odd)
{float: right;}

/* 선거구별 정렬 */
#region-17 .profile:nth-child(even),
#region-25 .profile:nth-child(even)
{float: left;}

#region-17 .profile:nth-child(odd),
#region-25 .profile:nth-child(odd)
{float: right;}

#sub_memberlist {overflow:hidden; width:100%;}
#sub_memberlist .profile dd{min-height:0;}
#sub_memberlist .profile .btns a:first-child{width:100%; border-right:none;}

#sub_active h4 span{margin: 0 0 0 10px; font-size: 17px; color: #777575;}
#sub_active h4 span:before{content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 16px; margin: 0 10px 3px 0; background-color: #777575;}
#sub_active .chairmanlist{background-color: #f9f9f9; padding: 30px; box-sizing: border-box; border: 1px solid #dbdbdb; text-align: center;}
#sub_active .chairmanlist dl{position: relative; display: inline-block; width: 45%; min-width: 327px; margin: 0 18px; box-sizing: border-box; padding: 22px 22px 70px; border: 1px solid #d8d8d8; border-top: 4px solid #3e78bd; background-color: #fff;}
#sub_active .chairmanlist dl:after{content: ""; display: block; clear: both;}
#sub_active .chairmanlist dl dt{float: left; border: 1px solid #ebebeb; width: 99px;}
#sub_active .chairmanlist dl dt img{width: 100%;}
#sub_active .chairmanlist dl dd{float: left; box-sizing: border-box; padding: 0 0 0 16px; text-align: left;}
#sub_active .chairmanlist dl dd .name{font-size: 20px; padding: 0 0 10px 0;}
#sub_active .chairmanlist dl dd strong.chair_man{color: #3d67a1; font-weight: 900; padding: 0 4px 0 0;}
#sub_active .chairmanlist dl dd strong.vice_man{color: #333131; font-weight: 900; padding: 0 4px 0 0;}
#sub_active .chairmanlist dl dd .dot li{padding-bottom: 0;}
#sub_active .chairmanlist dl dd em{white-space:pre;}
#sub_active .chairmanlist .vice{text-align: center; margin: 0 auto;}
#sub_active .chairmanlist .vice dl{margin: 27px 16px 0;}
#sub_active .chairmanlist dl .btns{position: absolute; bottom: 0; left: 0; float: none; display: inline-block; width: 100%; height: 47px; padding: 0;}
#sub_active .chairmanlist dl .btns:after{content: ""; display: block; clear: both;}
#sub_active .chairmanlist dl .btns a{float: left; display: inline-block; width: 50%; height: 100%;line-height: 47px; box-sizing: border-box; border-top: 1px solid #d8d8d8; font-size: 15px; font-weight: 800; text-align: center; background-color: #fafafa;}
#sub_active .chairmanlist dl .btns a:nth-child(1){border-right: 1px solid #dbdbdb;}
#sub_active .chairmanlist dl .btns a:nth-child(2){color: #5182c7;}
#sub_active .chairmanlist dl .btns a:before{content:''; display:inline-block; width:16px; height:15px; margin:15px 10px 0 0; background:url(/images/kr/member/ico_b_home.png) no-repeat; vertical-align:top;}
#sub_active .chairmanlist dl .btns a:first-child:before{width:22px; background:url(/images/kr/member/ico_profile.gif) no-repeat;}

@media all and (max-width:1220px){
    .profile{width:48%; margin:0 0 2em 0;}
	.profile dt{width:38%; max-width:155px; padding-left:0; text-align:center;}
	.profile dt img{width:85%; max-width:119px; height:auto;}
	.profile dd{width:62%; min-height:260px; padding:0;}
	.profile dd ul{width:100%;}
	.profile dd ul li{width:97%;}
	.profile dd li span{width:68%;}

	#sub_active .chairmanlist{padding: 20px 1%;}
    #sub_active .chairmanlist dl{padding: 12px 12px 60px 12px;}
}
@media all and (max-width:1100px) {
	.profile dd li span{width:62%;}
	.profile dd li em{width:65px;}
}
@media all and (max-width:768px){
    #sub_active .chairmanlist dl dd .name{font-size: 15px;}
    #sub_active .chairmanlist dl dd{padding-top: 10px;}
    #sub_active .chairmanlist dl dd .dot li{font-size: 14px;}
}
@media all and (max-width:660px) {
	.profile{overflow:hidden; width:100%; height:auto; margin:0 0 18px 0; padding:1em 0 0 0;}
	.profile dd{min-height:0;}
	.profile .btns a.end:before{left:5%;}
}
@media all and (max-width:568px){
	.profile dd li em{width:58px;}
    #sub_active .chairmanlist dl{width: 99%; min-width: auto; margin: 0; padding: 3px 3px 60px 3px;}
    #sub_active .chairmanlist .vice dl{margin: 15px auto 0;}
    #sub_active .chairmanlist dl dd{padding: 20px 0 0 14px;}
}
@media all and (max-width:400px) {
	.profile dd li em{width:55px;}
    #sub_active h4 span{font-size: 13px; margin: 0 0 0 8px;}
    #sub_active h4 span:before{margin: 0 8px 3px 0;}
}

/* 역대의원 의안검색 */
.form_sc{position:relative; float:left; width:100%; padding:15px 0 15px 25px; margin:0 0 29px 0; border-radius:10px; border:1px solid #c9dcf5; background:#d3e3f7; box-sizing:border-box;}
.form_sc div + div{padding:0 0 0 15px;}
.form_sc fieldset *{float:left;}
.form_sc label{padding:0 23px 0 0; font-weight:900; line-height:46px; font-size:20px;}
.form_sc select{width:171px; margin:0 10px 0 0; padding:0 0 0 10px; font-weight:800; font-size:18px; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; background:#fff url(/images/kr/common/ico_sel.png) no-repeat 90% 50%;}
.form_sc select::-ms-expand{display:none;}
.form_sc input[type="text"]{width:170px; margin:0 3px 0 0;}
.form_sc select,
.form_sc input[type="text"]{height:46px; line-height:46px; margin-bottom:3px; border:1px solid #e1e1e1; border-radius:5px;}
.form_sc .info_txt{padding:11px 0 0 0;}
.form_sc button{width:84px; height:46px; margin:0 15px 0 0; font-size:20px; font-weight:800; border-radius:5px; color:#fff; background:#3d67a1;}

@media all and (max-width:1220px) {
	.form_sc select + select{margin-bottom:10px;}
}
@media all and (max-width:768px) {
	.form_sc label{width:55px; line-height:42px; padding:0 15px 0 0; font-size:18px;}
	.form_sc div{width:100%; box-sizing:border-box;}
	.form_sc div + div{padding:0;}
	.form_sc select,
	.form_sc input[type="text"]{height:40px; line-height:40px; width:60%; font-size:17px;}
	.form_sc button{height:40px; font-size:18px;}
}
@media all and (max-width:568px) {
	.form_sc{padding:12px 0 12px 20px;}
	.form_sc label,
	.form_sc select,
	.form_sc input[type="text"]{font-size:16px;}
	.form_sc label{width:45px;}
	.form_sc select,
	.form_sc input[type="text"]{width:160px;}
	.form_sc button{width:65px; font-size:15px;}
}
@media all and (max-width:380px) {
	.form_sc select,
	.form_sc input[type="text"]{width:120px;}
	.form_sc button{width:60px;}
}

/* 의사일정 - 회기별 */
#sub_agenda2 .info{padding:0 0 10px; line-height:120%; font-size:26px; font-weight:100; letter-spacing:-2px;}
#sub_agenda2 .form_sc:before{content:''; display:block; position:absolute; top:-45px; right:38px; width:139px; height:113px; background:url(/images/kr/news/ico_calendar.png) no-repeat 100% 0;}
#sub_agenda2 .btn-view{margin:-7px 0 -5px;color:#fff; border-radius:0; background:#568ac1;}

@media all and (max-width:1024px) {
	#sub_agenda2 .info{font-size:23px;}
}
@media all and (max-width:768px) {
	#sub_agenda2 .info{font-size:20px;}
	#sub_agenda2 .form_sc:before{top:-55px; right:15px; height:70px; width:80px; background-size:contain;}
	#sub_agenda2 .btn-view{padding:2px 8px;}
	#sub_agenda2 .board_list td:nth-child(5){display:inline-block;}
}
@media all and (max-width:568px) {
	#sub_agenda2 .info{line-height:130%; padding:0 0 5px 10px; font-size:15px; letter-spacing:-1px;}
	#sub_agenda2 .info span,
	#sub_agenda2 h4 span{display:block;}
	#sub_agenda2 h4 span{margin:3px 0 0 0;}
	#sub_agenda2 h4 span:before{display:none;}
	#sub_agenda2 .form_sc:before{width:75px;}
}
@media all and (max-width:400px) {
		#sub_agenda2 .info{font-size:14px;}
		#sub_agenda2 .form_sc:before{width:70px;}
		#sub_agenda2 .btn-view{font-size:13px;}
}

/* 의사일정 - 회기운영계획 */
#sub_agenda3 .info{padding:0 0 12px 32px; font-size:18px; background:url(/images/kr/news/ico_mark.gif) no-repeat;}
#sub_agenda3 .info strong{color:#ca023b;}
#sub_agenda3 .info span{font-family:"arial";}
#sub_agenda3 .tit_wrap{position:relative; width:100%; padding:18px 50px 18px 0; margin:0 0 29px 0; line-height:120%; border-radius:10px; font-weight:900; font-size:28px; text-align:center; border:1px solid #c9dcf5; background:#d3e3f7; box-sizing:border-box;}
#sub_agenda3 .tit_wrap:before{content:''; display:block; position:absolute; top:-45px; right:38px; width:139px; height:113px; background:url(/images/kr/news/ico_calendar.png) no-repeat 100% 0;}
#sub_agenda3 .control a{position:absolute; top:50%; left:23%; display:block; width:18px; height:24px; font-size:0; text-indent:-999px; margin:-12px 0 0 0; background:url(/images/kr/news/ico_control.png) no-repeat 3px 50%;}
#sub_agenda3 .control .btn_next{left:auto; right:29%; background-position:100% 50%;}
#sub_agenda3 .list_wrap{width:100%; padding:0 19px 0 26px; box-sizing:border-box;}
#sub_agenda3 .sbj{float:left; margin:6px 0 27px 0; padding:0 0 0 10px; font-size:18px; border-left:3px solid #c3c3c3;}
#sub_agenda3 .sbj .blue{font-weight:900; font-size:25px;}
#sub_agenda3 .sbj span{display:block; line-height:100%; padding:3px 0; font-size:94%;}
#sub_agenda3 .sbj p{padding:2px 0 0 0; color:#ff9d03; font-weight:700;}
#sub_agenda3 .date{float:right; padding:10px 0 20px; line-height:100%; font-size:60px; font-weight:900;}
#sub_agenda3 .calendar{clear:both; width:100%;}
#sub_agenda3 .calendar img{width:100%;}
@media all and (max-width:768px) {
	#sub_agenda3 .info,
	#sub_agenda3 .sbj{font-size:16px;}
	#sub_agenda3 .sbj{margin-bottom:20px;}
	#sub_agenda3 .info{padding-left:25px; background-size:20px; background-position:0 3px;}
	#sub_agenda3 .tit_wrap:before{top:-55px; right:15px; height:70px; width:80px; background-size:contain;}
	#sub_agenda3 .tit_wrap{padding-right:0; font-size:24px;}
	#sub_agenda3 .sbj .blue{font-size:23px;}
	#sub_agenda3 .date{font-size:43px;}
	#sub_agenda3 .control a{left:18%;}
	#sub_agenda3 .control .btn_next{right:18%;}
	#sub_agenda3 .list_wrap{padding:0 10px;}
}
@media all and (max-width:568px) {
	#sub_agenda3 .info,
	#sub_agenda3 .sbj{font-size:15px;}
	#sub_agenda3 .info span{display:block; line-height:120%;}
	#sub_agenda3 .info {background-size:18px;  background-position:0 1px;}
	#sub_agenda3 .sbj{width:100%; margin:0 0 5px;}
	#sub_agenda3 .sbj .blue{font-size:19px;}
	#sub_agenda3 .sbj span{display:inline-block; padding:0 0 0 6px; margin:0 0 0 7px; border-left:1px solid #3a3a3a;}
	#sub_agenda3 .date{padding:0 0 10px; font-size:32px;}
	#sub_agenda3 .tit_wrap:before{width:75px;}
	#sub_agenda3 .tit_wrap{font-size:21px;}
	#sub_agenda3 .control a{left:20px;}
	#sub_agenda3 .control .btn_next{right:20px;}
}
@media all and (max-width:400px) {
	#sub_agenda3 .info,
	#sub_agenda3 .sbj{font-size:14px;}
	#sub_agenda3 .sbj .blue{font-size:18px;}
	#sub_agenda3 .tit_wrap:before{width:70px; height:55px;}
	#sub_agenda3 .tit_wrap{font-size:19px;}
	#sub_agenda3 .date{font-size:28px;}
}

/* 선거구 */
#sub_district .district {position:relative; overflow:hidden; width:100%; margin:0 0 20px 0; padding:29px; border:1px solid #ccc; box-sizing:border-box;}
#sub_district .map_wrap{float:left; width:58%;}
#sub_district .map{width:100%; height:298px; padding:19px 0 0 0; border:1px solid #ccc; text-align:center; background:#fcfcfc; box-sizing:border-box;}
#sub_district .tit {position:relative; padding:8px 0 18px 119px;}
#sub_district .tit:before{content:''; display:block; position:absolute; top:0; left:0; width:106px; height:93px; background:url(/images/kr/member/bg_district.gif) no-repeat;}
#sub_district .tit h3{padding:0 0 10px; font-size:26px; font-weight:100;}
#sub_district .tit h3 span{font-weight:900; color:#1f5faa;}
#sub_district .tit p{line-height:125%; color:#6b6b6b;}
#sub_district .info{position:absolute; top:29px; right:0; width:37.6%; line-height:125%; font-size:15px; padding:0 10px 0 0; color:#585858; word-break:keep-all; word-wrap:break-word; box-sizing:border-box;}
#sub_district .info li{position:relative; padding:0 0 5px 23px;}
#sub_district .info li:before{content:''; display:block; position:absolute; top:3px; left:0; width:14px; height:13px; background:url(/images/kr/member/ico_area1.gif) no-repeat;}
#sub_district .info li.area2:before{background-image:url(/images/kr/member/ico_area2.gif);}
#sub_district .info li.area3:before{background-image:url(/images/kr/member/ico_area3.gif);}
#sub_district .info li.area4:before{background-image:url(/images/kr/member/ico_area4.gif);}
#sub_district .info li.area5:before{background-image:url(/images/kr/member/ico_area5.gif);}
#sub_district .info li.area6:before{background-image:url(/images/kr/member/ico_area6.gif);}
#sub_district .info li.area7:before{background-image:url(/images/kr/member/ico_area7.gif);}
#sub_district .info li.area8:before{background-image:url(/images/kr/member/ico_area8.gif);}
#sub_district .info li.area9:before{background-image:url(/images/kr/member/ico_area9.gif);}
#sub_district .info li.area10:before{background-image:url(/images/kr/member/ico_area10.gif);}
#sub_district .info li.area11:before{background-image:url(/images/kr/member/ico_area11.gif);}
#sub_district .info li.area12:before{background-image:url(/images/kr/member/ico_area12.gif);}
#sub_district .info li.area13:before{background-image:url(/images/kr/member/ico_area13.gif);}
#sub_district .info li.area14:before{background-image:url(/images/kr/member/ico_area14.gif);}
#sub_district .info li.area15:before{background-image:url(/images/kr/member/ico_area15.gif);}
#sub_district .info li.area16:before{background-image:url(/images/kr/member/ico_area16.gif);}
#sub_district .info li strong{font-weight:900;}
#sub_district .district_list {margin-bottom: 40px; width:100%; position: relative; text-align: center;}
#sub_district .district_list a:before {content: ''; display: block; top: 0; left: 0; height: 45px; background: url(/images/kr/member/district_list.jpg) no-repeat;}
#sub_district .district_list a p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 22px; font-weight: 900; color: #2358a4;}



@media all and (max-width:768px) {
	#sub_district .district{margin:0 0 30px; padding:20px 7px;}
	#sub_district .map_wrap{float:none; width:95%; margin:0 auto;}
	#sub_district .tit{padding-left:90px;}
	#sub_district .tit h3{font-size:24px;}
	#sub_district .tit p{font-size:14px;}
	#sub_district .tit p br{display:none;}
	#sub_district .tit:before{width:80px; background-size:contain;}
	#sub_district .info{position:static; width:100%; padding:25px 0 0 5%; font-size:14px;}
	#sub_district .info li{display:inline-block; width:49%; padding:0 10px 7px 20px; vertical-align:top; box-sizing:border-box;}
	#sub_district .info li:first-child,
	#sub_district .info li:last-child{width:100%;}
	#sub_district .info li:before{top:2px;}
}
@media all and (max-width:568px) {
	#sub_district .map,
	#sub_district .tit p span{display:none;}
	#sub_district .tit p br{display:inline-block;}
	#sub_district .info{padding:0 0 0 5%;}
	#sub_district .tit{padding:2px 0 15px 80px;}
	#sub_district .tit h3{padding:0 0 7px; font-size:20px;}
	#sub_district .tit p{font-size:13px;}
	#sub_district .tit:before{width:70px;}
}
@media all and (max-width:400px) {
	#sub_district .district{padding:17px 5px 15px;}
	#sub_district .tit:before{width:53px;}
	#sub_district .tit h3{font-size:19px;}
	#sub_district .tit p{font-size:12px;}
	#sub_district .tit{padding:0 0 15px 60px;}
	#sub_district .info {font-size:13px;}
	#sub_district .info li{width:100%;}
}

/* 의정자료실>현황 */
#sub_data .box_line{padding-right:23%;}
#sub_data .box_line:before{content:''; display:block; position:absolute; bottom:15px; right:26px; width:119px; height:91px; background:url(/images/kr/news/bg_data.png) no-repeat 100% 100%;}
#sub_data h5{display:inline-block; padding-bottom:10px; color:#3a3a3a;}
#sub_data .taR{float:right;}
#sub_data .box_line h4,
#sub_data .box_line p{padding-left:0;}
#sub_data .box_line h4:before,
#sub_data .box_line h4:after{display:none;}

@media all and (max-width:768px){
	#sub_data .box_line:before{height:80px; background-size:contain;}
}
@media all and (max-width:568px){
	#sub_data .box_line:before{right:10px; height:65px;}
	#sub_data .box_line h4{font-size:18px;}
}
@media all and (max-width:400px){
	#sub_data .box_line:before{right:5px; height:50px;}
	#sub_data .box_line h4{font-size:17px;}
}

/* 의원연구모임 */
#sub_research .box_line{padding-right:23%;}
#sub_research .box_line:before{content:''; display:block; position:absolute; bottom:15px; right:20px; width:120px; height:102px; background:url(/images/kr/activity/bg_research.png) no-repeat 100% 100%;}
#sub_research .box_line h4{padding-left:0;}
#sub_research .box_line h4:before,
#sub_research .box_line h4:after{display:none;}
#sub_research .box_line p{padding:0;}
#sub_research .tabs .tit{padding:0 0 35px; line-height:110%; font-size:28px; font-weight:900; text-align:center;}
#sub_research .tabs strong{white-space:pre;}
#sub_research .tabs h5 ~ .dot li:before{background:#89a0bb;}
#sub_research .wrapper{padding-top: 250px;padding-right:10px;padding-left:29px;border:1px solid #dbdbdb;box-sizing:border-box;}


#sub_research .tabs > li:nth-child(5) > a{top: 55px;}
#sub_research .tabs > li:nth-child(6) > a{top:55px;}
#sub_research .tabs > li:nth-child(7) > a{top: 55px;}
#sub_research .tabs > li:nth-child(8) > a{top:55px;}

#sub_research .tabs > li:nth-child(9) > a{top:110px;}
#sub_research .tabs > li:nth-child(10) > a{top:110px; left:25%;}
#sub_research .tabs > li:nth-child(11) > a{top:110px; left:50%;}
#sub_research .tabs > li:nth-child(12) > a{top:110px; left:75%;}
#sub_research .tabs > li:nth-child(13) > a{top:165px;}
#sub_research .tabs > li:nth-child(14) > a{top:165px; left:25%;}

@media all and (max-width:1220px){
	#sub_research .box_line br,
	#sub_research .tabs li br{display:none;}
	#sub_research .wrapper{padding-left:20px;}
}
@media all and (max-width:768px){
	#sub_research .box_line:before{height:90px; background-size:contain;}
	#sub_research .tabs .tit{font-size:25px;}
	#sub_research .wrapper{padding-left:15px;}
	#sub_research .tabs > li:nth-child(9) > a,
	#sub_research .tabs > li:nth-child(10) > a,
	#sub_research .tabs > li:nth-child(11) > a,
	#sub_research .tabs > li:nth-child(12) > a{top:109px;}
}
@media all and (max-width:568px){
	#sub_research .box_line:before{right:10px; height:75px;}
	#sub_research .box_line h4{font-size:18px;}
	#sub_research .tabs .tit{padding:0 0 30px; font-size:22px;}
	#sub_research .wrapper{padding-top: 360px;padding-left:10px;}
	#sub_research .tabs > li:nth-child(9) > a,
	#sub_research .tabs > li:nth-child(10) > a{top:189px;}

	#sub_research .tabs > li:nth-child(5) > a{top:96px;} /*2022 상반기*/
	#sub_research .tabs > li:nth-child(6) > a{top:95px;} /*2021*/
	#sub_research .tabs > li:nth-child(7) > a{top:143px;} /*2020*/
	#sub_research .tabs > li:nth-child(8) > a{top:143px;} /*2019*/
	
	#sub_research .tabs > li:nth-child(9) > a{top:190px;} /*2018 하반기*/
	#sub_research .tabs > li:nth-child(10) > a{top:190px; left:50%;} /*2018 상반기*/
	#sub_research .tabs > li:nth-child(11) > a{top:237px; left:0%;} /*2017*/
	#sub_research .tabs > li:nth-child(12) > a{top:237px; left:50%;} /*2016*/
	#sub_research .tabs > li:nth-child(13) > a{top:284px;} /*2015*/
	#sub_research .tabs > li:nth-child(14) > a{top:284px; left:50%;}
	
}
@media all and (max-width:400px){
	#sub_research .box_line:before{right:5px; height:60px;}
	#sub_research .box_line h4{font-size:17px;}
	#sub_research .tabs .tit{font-size:21px;}
}

/* 위원회 */
#sub_standing .box_line{padding-right:18%;}
#sub_standing .box_line:before{content:''; display:block; position:absolute; top:40px; right:40px; width:86px; height:55px; background:url(/images/kr/activity/bg_standing.png) no-repeat;}
#sub_standing .standing{position:relative; overflow:hidden; width:100%;}
#sub_standing .standing:before{content:''; display:block; position:absolute; top:0; right:0; top:11px; width:44%; border-top:3px solid #d9d9d9;}
#sub_standing .standing + .standing{margin:65px 0 0 0;}
#sub_standing .img {overflow:hidden; float:left; width:48.45%; max-width:423px; text-decoration:none;}
#sub_standing .img img{max-width:100%; transition:0.3s;}
#sub_standing .img span{position:relative; display:block; width:100%; line-height:120%; padding:36px 10px 36px 10px; color:#fff; font-size:22px; font-weight:800; box-sizing:border-box; text-align:center; word-break:keep-all; word-wrap:break-word; background:#3e78bd;}
#sub_standing .lg .img span{padding:23px 10px 23px 10px;}
#sub_standing .img span:after{content:''; display:inline-block; width:34px; height:11px; margin:0 0 0 14px; transform:translateY(-2px); transition:0.3s ease; background:url(/images/kr/activity/bg_arrow.gif) no-repeat 100% 0;}
#sub_standing .img:hover span{background:#1660b9;}
#sub_standing .img:hover img{transform:scale(1.07);}
#sub_standing .img:hover span:after,
#sub_standing .img:focus span:after,
#sub_standing .img:active span:after{width:50px;}
#sub_standing .txt{position:relative; float:right; width:48.79%; padding:0 0 20px; min-height:358px; word-break:keep-all; word-wrap:break-word; border-bottom:3px solid #d9d9d9; box-sizing:border-box;}
#sub_standing .txt .tit{display:inline-block; padding:0 8px 15px 0; line-height:100%; font-size:25px; font-weight:900; color:#333; background:#fff;}
#sub_standing .txt .fz23{font-size:23px;}
#sub_standing .txt h5{margin:22px 0 0 0; padding-bottom:7px; font-size:21px; color:#414141;}
#sub_standing .txt h5 span{margin:0 0 0 10px; line-height:15px; font-size:16px; font-weight:400; color:#676464;}
#sub_standing .txt h5 span:before{content:""; display:inline-block; vertical-align:middle; width:1px; height:16px; margin:0 10px 3px 0; background:#a3a3a3;}


}

@media all and (max-width:1024px){
	#sub_standing .standing:before{border-top-width:2px;}
	#sub_standing .standing:before, #sub_standing .txt{width:49%;}
	#sub_standing .standing + .standing{margin:50px 0 0 0;}
	#sub_standing .txt{border-bottom:none;}
	#sub_standing .txt h5{margin:17px 0 0 0; font-size:19px;}
	#sub_standing .txt h5 span{font-size:16px;}
	#sub_standing .img{width:48%;}
	#sub_standing .img span{padding:20px 5px; font-size:19px;}
	#sub_standing .lg .img span{padding:13px 5px; font-size:18px;}
}
@media all and (max-width:768px){
	#sub_standing .box_text{padding-left:0;}
	#sub_standing .box_line{padding-right:5px;}
	#sub_standing .box_line:before{position:static; float:right;}
	#sub_standing .mb30 br,
	#sub_standing .standing:before{display:none;}
	#sub_standing .standing + .standing{margin:30px 0 0 0;}
	#sub_standing .txt,
	#sub_standing .img{float:none; width:96%; margin:0 auto;}
	#sub_standing .img{display:block; margin-bottom:25px;}
	#sub_standing .img span{text-align:center; font-size:18px;}
	#sub_standing .lg .img span{font-size:17px;}
	#sub_standing .txt {min-height:0; border-bottom:3px solid #d9d9d9;}
	#sub_standing .txt .tit{width:100%; font-size:23px; text-align:center;}
	#sub_standing .txt h5{font-size:17px;}
	#sub_standing .txt h5 span{font-size:15px;}
}
@media all and (max-width:480px){
	#sub_standing .box_line:before{width:80px; background-size:contain;}
	#sub_standing .standing + .standing{margin:25px 0 0 0;}
	#sub_standing .txt{padding:0 0 15px;}
	#sub_standing .txt .tit{padding:0 0 12px; font-size:19px;}
	#sub_standing .txt h5{font-size:16px;}
	#sub_standing .txt h5 span{font-size:14px;}
	#sub_standing .img{width:90%; margin-bottom:20px;}
	#sub_standing .img span{padding:15px 5px; font-size:16px;}
	#sub_standing .lg .img span{padding:8px 5px; font-size:16px;}
}
@media all and (max-width:380px){
	#sub_standing .box_line:before{width:75px;}
	#sub_standing .txt .tit{font-size:18px;}
	#sub_standing .txt h5{font-size:15px;}
	#sub_standing .txt h5 span{font-size:13px;}
	#sub_standing .img span{font-size:17px;}
	#sub_standing .lg .img span{font-size:15px;}
}

/* 방청안내 */
#sub_tour .box_line:before{content:''; display:block; position: absolute; right:33px; bottom:32px; width:152px; height:167px; background:url(/images/kr/open/bg_tour.png) no-repeat;}
#sub_tour .box_line .dash{margin-bottom:35px;}
@media all and (max-width:1220px) {
	#sub_tour .box_line:before{right:10px; bottom:10px; width:130px; height:150px; background-size:contain;}
}
@media all and (max-width:768px) {
	#sub_tour .box_line:before{display:none;}
	#sub_tour .box_line .dash{margin-bottom:25px;}
}

/* 진정민원안내 */
#sub_complain .box_line:before{content:''; display:block; position: absolute; right:17px; bottom:32px; width:161px; height:100px; background:url(/images/kr/open/bg_complain.png) no-repeat 100% 100%;}
#sub_complain .tit{font-size:18px;}
@media all and (max-width:1220px) {
	#sub_complain .box_line:before{right:10px; bottom:10px; height:83px; background-size:contain;}
}
@media all and (max-width:768px) {
	#sub_complain .box_line:before{display:none;}
	#sub_complain .tit{font-size:17px;}
}
@media all and (max-width:568px) {
	#sub_complain .tit{font-size:16px;}
}
@media all and (max-width:568px) {
	#sub_complain .tit{font-size:15px;}
}

/* 의회용어사전 */
#sub_voca .indexArea{overflow:hidden; width:100%; padding:2em 0; border:1px solid #d9d9d9; box-sizing:border-box;}
#sub_voca .index_word,
#sub_voca .indexArea form,
#sub_voca .search_result{overflow:hidden; width:90%; margin:0 auto 1em auto; padding:0 0 1em 0; border-bottom:1px solid #dbdbdb; box-sizing:border-box;}
#sub_voca .indexArea form *{float:left;}
#sub_voca .indexArea fieldset{width:100%;}
#sub_voca .indexArea input {vertical-align:top; margin:0 3px 0 0;}
#sub_voca .indexArea #word {height:29px; width:440px; line-height:29px; border:1px solid #c8c8ca;}
#sub_voca .indexArea button[type="submit"]{height:31px; width:74px; background:#004389; color:#fff;}
#sub_voca .indexArea form label,
#sub_voca .index_word .titTxt{float:left; padding:3px 2em 0 0; font-weight:bold; color:#000; font-size:105%;}
#sub_voca .index_word ul {float:left;}
#sub_voca .index_word li {float:left; margin:0 3px 0 0; text-align:center;}
#sub_voca .index_word li a{display:block; width:34px; height:34px; line-height:34px; font-size:120%; font-weight:bold; color:#000; text-decoration:none; background:#e0e0e0;}
#sub_voca .index_word li.current_on a,
#sub_voca .index_word li a:focus,
#sub_voca .index_word li a:hover{color:#fff; background:#3e78bd;}
#sub_voca .search_result li {float:left; width:19%; padding:0 0 10px 6px; letter-spacing:-1px;}
#sub_voca .none,#sub_voca .word_defined{width:100%; padding:20px 0 0 0;}
@media all and (max-width:1024px) {
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{padding:3px 7px 0 10px;}
	#sub_voca .indexArea #word{width:67%;}
	#sub_voca .search_result ul{width:98%; padding:0 0 0 2%;}
	#sub_voca .index_word li a{width:26px; height:26px; line-height:26px;}
}
@media all and (max-width:768px) {
	#sub_voca .indexArea{padding:1em 0;}
	#sub_voca .index_word, #sub_voca .indexArea form, #sub_voca .search_result{width:95%; padding:0 0 0.7em; margin-bottom:0.7em;}
	#sub_voca .indexArea form label, #sub_voca .index_word .titTxt{width:90%; margin:0 0 3px 0; padding:0;}
	#sub_voca .index_word ul{width:100%;}
	#sub_voca .index_word li{width:6.5%; margin:0 1px 0 0;}
	#sub_voca .index_word li a{width:100%; height:22px; line-height:22px;}
}
@media all and (max-width:660px) {
	#sub_voca .search_result li{width:23%;}
}
@media all and (max-width:568px) {
	#sub_voca .search_result li{width:31%;}
}
@media all and (max-width:400px) {
	#sub_voca .search_result li{width:47.5%;}
}

/* 의회에바란다 */
#sub_hope .red{color:#d53030;}
#sub_hope .info_box{position:relative; padding:2em 20% 2em 2em; margin:0 0 1.5em 0; border:1px solid #e0e0e0; background:#fff;}
#sub_hope .info_box:before{content:''; display:block; position:absolute; top:23px; right:3%; width:114px; height:134px; background:url(/images/kr/open/bg_hope.gif) no-repeat;}
@media all and (max-width:768px) {
	#sub_hope .info_box{padding:20px 20% 20px 20px;}
	#sub_hope .info_box:before{width:87px; right:2%; width:87px; height:104px; margin:0 0 0 3px; background-size:contain;}
}
@media all and (max-width:568px) {
	#sub_hope .info_box{padding:20px;}
	#sub_hope .info_box:before{position:static; float:right; width:75px; height:90px;}
}
@media all and (max-width:400px) {
	#sub_hope .info_box{padding:17px;}
	#sub_hope .info_box:before{width:68px; height:80px;}
}

/* 통합검색*/
#sub_search{position:relative;}
#sub_search:before{content:''; display:block; position:absolute; top:40px; left:90px; width:219px; height:173px; background:url(/images/kr/open/bg_search.png) no-repeat;}
#sub_search .search{width:100%; padding:70px 0 65px 355px; margin:0 0 55px 0; border:1px solid #e5e5e5; background:#f1f1f1; box-sizing:border-box;}
#sub_search .search *{display:inline-block;;}
#sub_search .search form,
#sub_search .search fieldset{width:100%;}
#sub_search .search label{width:70px; line-height:39px; font-size:22px;}
#sub_search .search #word{width:50%; height:42px; line-height:42px; border:1px solid #c8c8ca;}
#sub_search .search button{width:86px; height:44px; color:#fff; font-size:18px; background:#3c67a1;}
#sub_search .result h4{padding:0 0 12px 32px; margin:0 0 15px 0; line-height:120%; font-size:20px; font-weight:bold; border-bottom:1px solid #dcdcdc;}
#sub_search .result > .dot > li {padding:0 0 0 12px; margin:0 0 7px; font-weight:700;}
#sub_search .result > .dot > li:before{top:11px; width:5px; height:5px; background:#89a0bb;}
#sub_search .blue{color:#3d67a1; font-weight: 900;}
@media all and (max-width:768px) {
	#sub_search {padding:30px 0 0 0;}
	#sub_search:before{left:0; top:0; width:130px; height:100px; background-size:100%;}
	#sub_search .search{padding:70px 0 45px 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 .search label,
	#sub_search .result h4{font-size:18px;}
	#sub_search .result > .dot > li:before{top:7px;}
}
@media all and (max-width:380px) {
	#sub_search .result h4{font-size:16px;}
}

/* 배너모음 */
#sub_banner ul{overflow:hidden; width:100%;}
#sub_banner ul li{display:inline-block; padding:0.5em;}
#sub_banner ul li.none{font-weight:bold; text-align:center; width:100%;}
@media all and (max-width:768px) {
	#sub_banner ul{text-align:center;}
	#sub_banner ul li{padding:0.3em 0.15em;}
}

/*사이트맵*/
#sub_sitemap .site{overflow:hidden; width:100%; padding:20px 0 0 0; border-top:1px solid #d6d6d6;}
#sub_sitemap .site h4{float:left; width:22%; font-size:161%; box-sizing:border-box;}
#sub_sitemap .site > ul{float:left; width:78%; padding:0;}
#sub_sitemap .site > ul > li {float:left; width:30%; padding:0 1.5% 30px;}
#sub_sitemap .site > ul > li > a{display:block; line-height:40px; border:1px solid #d6d6d6; text-align:center; font-size:115%;}
#sub_sitemap .site > ul > li > a:hover,
#sub_sitemap .site > ul > li > a:focus{background:#f8f8f8;}
#sub_sitemap .site > ul > li > ul{padding:10px 0 0 0;}
@media all and (max-width:1024px) {
	#sub_sitemap .site{padding:10px 0 0 0;}
	#sub_sitemap .site h4{width:95%; font-size:140%;}
	#sub_sitemap .site > ul{width:100%; padding:0 0 0.4em 0;}
	#sub_sitemap .site > ul > li{padding-bottom:20px;}
}
@media all and (max-width:768px) {
	#sub_sitemap .site h4{font-size:130%;}
	#sub_sitemap .site > ul{padding:0 0 1em 0;}
	#sub_sitemap .site > ul > li{width:48%; padding:0 1% 10px;}
	#sub_sitemap .site > ul > li > a{font-size:105%;}
}

/* 의회소식 */
#sub_magazine .box_line{position:relative; padding-right:20%; color:#585858;}
#sub_magazine .box_line:before{content:''; display:block; position:absolute; top:50%; right:5%; width:126px; height:118px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(/images/kr/intro/bg_function1.png) no-repeat 100% 100%;}
#sub_magazine .box_line .tit{font-size:17px;}
#sub_magazine .btns a {display:inline-block; margin-right:20px;}
#sub_magazine .btns a:last-child {margin-right:0;}
@media all and (max-width:1024px){
	#sub_magazine .box_line{padding-right:5px;}
	#sub_magazine .box_line:before{position:static; float:right; height:100px;  margin:95px 10px 0 10px; background-size: contain;}
}
@media all and (max-width:568px){
	#sub_magazine .box_line:before{height:90px; width:90px;}
}

/* 청소년의정아카데미 */
#sub_academy .box_line{position:relative; padding-right:20%; color:#585858;}
#sub_academy .box_line:before{content:''; display:block; position:absolute; top:50%; right:5%; width:126px; height:118px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url(/images/kr/intro/bg_function1.png) no-repeat 100% 100%;}
#sub_academy .box_line .tit{font-size:17px;}
#sub_academy .btns a {display:inline-block; margin-right:20px;}
#sub_academy .btns a:last-child {margin-right:0;}
@media all and (max-width:1024px){
	#sub_academy .box_line{padding-right:5px;}
	#sub_academy .box_line:before{position:static; float:right; height:100px;  margin:95px 10px 0 10px; background-size: contain;}
}
@media all and (max-width:568px){
	#sub_academy .box_line:before{height:90px; width:90px;}
}

/* 의정모니터안내 */
#sub_monitor h4:last-of-type{margin:0 0 40px 0;}
#sub_monitor .box_line .text{padding: 0 160px 0 0;}
#sub_monitor .box_line:before{content:''; display:block; position: absolute; right:17px; bottom:22px; width:161px; height:100px; background:url(/images/kr/open/bg_complain.png) no-repeat 100% 100%;}
#sub_monitor .tit{font-size:18px; padding: 0 0 12px;}

@media all and (max-width:1220px) {
	#sub_monitor .box_line:before{right:10px; bottom:10px; height:83px; background-size:contain;}
}
@media all and (max-width:768px) {
	#sub_monitor .box_line:before{display:none;}
	#sub_monitor .tit{font-size:17px;}
	#sub_monitor .box_line .text{padding: 0;}
}
@media all and (max-width:568px) {
	#sub_monitor .tit{font-size:16px;}
}
@media all and (max-width:568px) {
	#sub_monitor .tit{font-size:15px;}
}
@media all and (max-width:400px){
	#sub_monitor h4:last-of-type{margin: 0 0 35px 0;}
}

/* 국제교류현황 */
#sub_exchange .tabs {padding-top:67px;}
#sub_exchange .tabs > li > a {width:14.28%;}
#sub_exchange .tabs > li:nth-child(2) > a {left: calc(100% / 7);}
#sub_exchange .tabs > li:nth-child(3) > a {left: calc((100% / 7) * 2);}
#sub_exchange .tabs > li:nth-child(4) > a {left: calc((100% / 7) * 3);}
#sub_exchange .tabs > li:nth-child(5) > a {left: calc((100% / 7) * 4);}
#sub_exchange .tabs > li:nth-child(6) > a {left: calc((100% / 7) * 5);}
#sub_exchange .tabs > li:nth-child(7) > a {left: calc((100% / 7) * 6);}

#sub_exchange .tabs > li > a + ul {display:none; height:840px;}
#sub_exchange .tabs > li > a.on + ul {display:block;}
#sub_exchange .tabs > li > ul {position:relative;}
#sub_exchange .tabs > li > ul:after {content:''; display:block; clear:both;}
#sub_exchange .tabs > li > ul > li {float:left;}
#sub_exchange .tabs > li > ul > li a {position:relative; display:block; padding:4px 25px; border:1px solid #d9d9d9; border-radius:25px; margin-right:10px; text-align:center;}
#sub_exchange .tabs > li > ul > li a:last-child {margin-right:0;}
#sub_exchange .tabs > li > ul > li a br {display:none;}
#sub_exchange .tabs > li > ul > li a + .box_con {display:none; position:absolute; top:47px; left:0; right:0;}
#sub_exchange .tabs > li > ul > li a.on {border-color:#3d67a1; background-color:#3d67a1; font-weight:800; color:#fff;}
#sub_exchange .tabs > li > ul > li a.on + .box_con {display:block;}
#sub_exchange .tabs > li .box_con .box_line {background-color:#fff; padding:0;}
#sub_exchange .tabs > li .box_con .box_line > img {width:100%;}
#sub_exchange .tabs table .expname{color:#000; padding-left:0;}
#sub_exchange .tabs table .expname:before{display:none;}

@media all and (max-width:1024px) {
  #sub_exchange .tabs > li > a + ul {height:886px;}
}

@media (max-width:768px) {
  #sub_exchange .tabs > li > a + ul {height:754px;}
  #sub_exchange .tabs .croatia {height:802px;}
}

@media all and (max-width:748px) {
  #sub_exchange h4 span {font-size:15px;}
  #sub_exchange .tabs > li > ul > li a {margin-right:5px; padding:4px 15px; font-size:14px;}
}

@media all and (max-width:620px) {
  #sub_exchange h4 {font-size:19px;}

  #sub_exchange .tabs {padding-top:106px;}
  #sub_exchange .tabs > li > a {width:25%;}
  #sub_exchange .tabs > li:nth-child(2) > a {left:calc(100% / 4);}
  #sub_exchange .tabs > li:nth-child(3) > a {left:calc((100% / 4) * 2);}
  #sub_exchange .tabs > li:nth-child(4) > a {left:calc((100% / 4) * 3);}
  #sub_exchange .tabs > li:nth-child(5) > a {top:47px; left:0; border-left:1px solid #dbdbdb;}
  #sub_exchange .tabs > li:nth-child(6) > a {top:47px; left:calc(100% / 4);}
  #sub_exchange .tabs > li:nth-child(7) > a {top:47px; left:calc((100% / 4) * 2);}	

  #sub_exchange .tabs > li > a + ul {height:706px;}
  #sub_exchange .tabs .china {height:749px;}
}

@media all and (max-width:550px) {
  #sub_exchange .tabs > li > ul > li a + .box_con {top:45px;}

  #sub_exchange .tabs .china > li {width:33%;}
  #sub_exchange .tabs .china > li:nth-child(n + 4) {margin-top:4px;}
  #sub_exchange .tabs .china > li a + .box_con {top:81px;}
}

@media all and (max-width:420px){
  #sub_exchange .tabs > li > a + ul {height:661px;}
  #sub_exchange .tabs > li > ul > li {width:100%; margin:0 0 4px !important;}
  #sub_exchange .tabs > li > ul > li a br {display:block;}

  #sub_exchange .tabs .china {height:863px;}
  #sub_exchange .tabs .china > li {width:100%;}
  #sub_exchange .tabs .china > li a + .box_con {top:225px;}

  #sub_exchange .tabs .rusia {height:707px;}
  #sub_exchange .tabs .rusia > li a + .box_con {top:81px;}

  #sub_exchange .tabs .croatia > li a + .box_con {top:67px;}
}

/*지역민원상담소*/
/*안내*/
#sub_research .couns_boxbg:before{content: '';display: block;position: absolute;bottom: -30px;right: 20px;width: 124px;height: 203px;background: url(/images/kr/open/coun_bgchar.png) no-repeat 100% 100%;}
.couns_boxtxt li{padding-bottom: 5px;}
.couns_boxtxt li>strong{font-size: 17px;display: inline-block;margin-top: 5px;}
.box_text>.tit_nw{margin:20px 0 5px;font-size: 20px;font-weight: 900;color: #3d67a1;position: relative;}
/*.box_text>.tit_nw:before{content: '';display: block;width: 7px;height: 7px;background-color: #3D67A1;position: absolute;left: 0;top: 9px;}*/
.box_text>.tit_nw:nth-child(1){margin-top: 10px;}

#sub_research .process{padding:16px 0 0 33px; word-break:keep-all;}
#sub_research .process:after,
#sub_research .process li:after,
#sub_research .process > li > ul:after{content:''; display:block; clear:both;}
#sub_research .process li{float:left; position:relative; padding:0 42px 0 0; text-align:center;}
#sub_research .process > li:not(:last-child){margin:30px 0 0;}
#sub_research .process > li:last-child{width:calc(100% - 304px); padding:0;}
#sub_research .process li:before{content:''; position:absolute; top:50%; left:-27px; transform:translateY(-50%) rotate(-90deg); width:15px; height:12px; background-image:url(/images/kr/intro/arrow_gray.gif);}
#sub_research .process > li:not(:nth-child(2)):before,
#sub_research .process .w100:before{display:none;}
#sub_research .process li em{display:block; width:110px; line-height:70px; height:70px; box-sizing:border-box; border-radius:10px 10px 0 0; color:#fff; font-weight:400; background:#3d67a1;}
#sub_research .process > li:first-child em{line-height:130%; padding:15px 0 0;}
#sub_research .process li p{width:110px; height:194px; line-height:194px; box-sizing:border-box; border:1px solid #e1e1e1; background:#fafafa;}
#sub_research .process > li:nth-child(2) > p{line-height:130%; padding:73px 0 0;}

#sub_research .process > li > ul > li{float:none; width:100%; height:auto; padding:0;}
#sub_research .process > li > ul > li:first-child{padding:0 0 22px;}
#sub_research .process > li > ul > li em{width:155px;}
#sub_research .process > li > ul > li p{width:155px; height:81px; line-height:130%; padding:20px 0 0;}
#sub_research .process > li > ul > li p span{display:block; font-size:14px;}

#sub_research .process .w100 em{width:351px; line-height:130%; padding:14px 0 0;}
#sub_research .process .w100 p{width:351px; padding:28px 0 0;}
#sub_research .process li ul li ul li:last-child{padding-right:0;}
#sub_research .process li ul li ul li:last-child em{width:170px; background:#f8af00;}
#sub_research .process li ul li ul li:last-child p{width:170px; padding:9px 0 0;}
#sub_research .process li ul li:first-child ul li:last-child p{padding:19px 0 0;}
#sub_research .counsel_chuga {
    color: blue;
    padding: 30px 0 0 33px;
    font-size: 18px;
    /* text-align: center; */
}
@media all and (max-width:1230px){
    #sub_research .process li{float:none; padding:0 0 39px; margin:0 !important;}
    #sub_research .process > li:last-child{width:100%;}
    #sub_research .process li:before{top:-25px; left:50%; transform:translateX(-50%);}
    #sub_research .process li em{float:left; width:270px; border-radius:20px 0 0 0;}
    #sub_research .process li p{float:left; width:calc(100% - 270px); height:70px; line-height:68px; padding-left:23px !important; text-align:left;}
    #sub_research .process > li:nth-child(2) > p{padding:13px 0 0;}
    
    #sub_research .process > li > ul > li{float:left; width:46.7%;}
    #sub_research .process > li > ul > li:last-child{float:right;}
    #sub_research .process > li > ul > li em{width:154px !important;}
    #sub_research .process > li > ul > li p{width:calc(100% - 154px) !important; height:70px !important; padding:15px 0 0;}
    
    #sub_research .process .w100 em{width:100% !important;}
    #sub_research .process .w100 p{width:100% !important; height:109px !important; line-height:109px; padding:0 !important; text-align:center;}
    
    #sub_research .process li ul li ul li:last-child p,
    #sub_research .process li ul li:first-child ul li:last-child p{padding:13px 0 0;}
	#sub_research .counsel_chuga {padding:0 0 0 33px;}
	#sub_research .process > li > ul > li:first-child{padding:0;}
	#sub_research .process li ul li ul li:last-child{padding-bottom:30px;}
}

}

@media all and (max-width:1024px){
    #sub_research .couns_boxbg:before {background-size:80px;}
}

@media all and (max-width:768px){
    #sub_research .process li ul li ul li:not(.w100) *:not(span){width:100% !important; height:auto !important; line-height:110%; padding:12px 0 !important; text-align:center;}
    #sub_research .process .w100 em{height:75px; padding:8px 40px 0;}
    #sub_research .process .w100 p{height:166px !important; line-height:166px !important;}
}

@media all and (max-width:568px){
    .box_text>.tit_nw {font-size:18px;}
    .couns_boxtxt li>strong {font-size:16px;}
    #sub_research .couns_boxbg:before {bottom:10px; background-size:60px;}
    
    #sub_research .process{padding:5px 0 0;}
    #sub_research .process li em{width:180px; height:61px; line-height:61px;}
    #sub_research .process > li:first-child em{padding:12px 0 0;}
    #sub_research .process li p{width:calc(100% - 180px); height:61px; line-height:59px;}
    #sub_research .process > li:nth-child(2) > p{padding:10px 0 0;}
    #sub_research .process .w100 p{height:160px !important; line-height:160px !important;}
	#sub_research .counsel_chuga {padding:0px;}
}

@media all and (max-width:480px){
    #sub_research .process .w100 em{padding:8px 0 0;}
}

@media all and (max-width:380px){
    .box_text>.tit_nw {font-size:17px;}
    .couns_boxtxt li>strong {font-size:15px;}
    #sub_research .couns_boxbg:before {background-size:50px;}
    
    #sub_research .process li em{width:130px;}
    #sub_research .process li p{width:calc(100% - 130px);}
}


/*개인정보처리방침*/
.clearboth::after{content: ''; display: block; clear: both;}
#sub_privacy h4{display: inline-block; width: inherit;}
#sub_privacy .labeling{text-align: center; font-size: 20px; font-weight: bold; color: #2166be;}
#sub_privacy .labeling:before{content: none; padding:0 0 12px 0!important;}
#sub_privacy .labeling:after{content: none;}
#sub_privacy .labeling_box1{border: 1px solid #2166be; padding: 21px 0 0; margin-bottom:10px;}
#sub_privacy .labeling_box1 > li{width:33.13%; height: 140px; border:none; display: inline-block;}
#sub_privacy .labeling_box1 > li > figure{text-align: center;}
#sub_privacy .labeling_box1 > li > figure > img{width: 80px;}
#sub_privacy .labeling_box1 > li > figure > figcaption{margin:15px 0 0 0;}


#sub_privacy .labeling2_tittxt{text-align: center;}
#sub_privacy .labeling_box2{border-top: 2px solid #2166be; margin:15px 0 50px 0; margin-bottom: 40px; clear: both;}
#sub_privacy .labeling_box2 li{width: 20%;float:left;height: 110px;padding-top: 15px;border-bottom: 1px solid #ddd;}


#sub_privacy .labeling_box2 > li > figure{text-align: center;}
#sub_privacy .labeling_box2 > li figcaption{font-size: 15px;line-height: 17px;margin-top: 10px;}


#sub_privacy .smlabel_wrap{display: inline-block; height: 30px;}
#sub_privacy .smlabel_wrap img{height: 30px; margin-top: -5px;}

@media all and (max-width:870px){
#sub_privacy .labeling_box1 > li{width: 49.8%;}
}
@media all and (max-width:800px){
#sub_privacy .labeling_box2 li{width: 33.3%;}
#sub_privacy .labeling_box2 > li figcaption{font-size: 14px;}
}
@media all and (max-width:660px){
    #sub_privacy .labeling_box2 li {width: 49.8%;}
}
@media all and (max-width:550px){
#sub_privacy .labeling_box2 li{width: 50%;}
}

/* 다음아트홀 */
#sub_petition .circle {display: inline-block;width: 22px;height: 22px;line-height: 22px;border-radius: 50%;margin: 0 3px 0 5px;background-color: #3d67a1;color: #fff;font-size: 13px;font-weight: 800;text-align: center;vertical-align: baseline;}
#sub_petition .pic_wrap {display: flex;flex-wrap:wrap;border-top: 3px solid #78a1d5;}
#sub_petition .pic_wrap li {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;width: 50%;height: 240px;text-align: center;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;box-sizing: border-box;}
#sub_petition .pic_wrap li:nth-child(2n) {border-right: none;}

@media all and (max-width: 768px){
	#sub_petition .pic_wrap li {width: 100%; border-right: none;}
}

/* 의정모니터 조례 바로가기 */
.btn22{text-align:center;}
.moni22{
	 color: #fff; border-color: #3557b0; background: #3557b0; width: 400px; height: 30px; line-height: 30px; border-radius: 100px; font-size: 18px;
}
.moni22:hover{color:#fff;}
.moni_btn {width: 400px;padding: 0 13px;margin-bottom: 40px;}
@media all and (max-width: 680px){
	.moni_btn {width: 95%;}
	.moni22{width: 95%!important;font-size:15px!important;}
}
.baro{margin-bottom:40px;}
@media all and (max-width: 680px){
	.moni_btn {width: 95%;}
	.moni22{width: 95%!important;font-size:15px!important;}
}
.baro img{position:absolute;top:947px;left:490px;width:20px;height:20px;padding-bottom:12px;}
@media all and (max-width: 1024px){
	.baro img{top:890px;left:500px;}
}
@media all and (max-width: 768px){
	.baro img{top:865px;}
}
@media all and (max-width: 574px){
	.baro img{top:889px;}
}
@media all and (max-width: 568px){
	.baro img{top:816px;left:430px;}
}
@media all and (max-width: 541px){
	.baro img{top:837px;}
}
@media all and (max-width: 445px){
	.baro img{display:none;}
}

/* 의회사무처 직원 탭 메뉴 start*/
.tab7.staffintro{
	top: 7rem;
	margin-bottom: 200px;
}

.tab7.staffintro > li > a.on + .wrapper{
	padding: 45px 0 0 0 ;
}
@media all and (max-width: 768px){
	.tab7.staffintro{top:9rem;}

	.tab7.staffintro > li > a.on + .wrapper{
		padding: 0;
		margin-top: 1rem;
	}

	.tab7.staffintro > li .wrapper{
		padding: 0;
	}
}

@media all and (max-width: 445px){
	.tab7.staffintro > li > a.on + .wrapper{
		padding-top: 3.5rem;
	}
}
/* 의회사무처 직원 탭 메뉴 end*/
/* 다시보기 차수 아이콘 start*/
.video_now_btn {
	background: url(/images/board/ico_tvBlue.gif) no-repeat 0 3px;
	cursor: pointer;
}
/* 다시보기 차수 아이콘 end*/