@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%;}

.box_line{position:relative; padding:30px 33px 28px; margin:0 0 35px; border:1px solid #e1e1e1; box-sizing:border-box; word-break:keep-all; background-color:#f5f5f5;}
.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;}

#sub_default h5{position:relative; padding:0 0 8px 18px; font-weight:900; font-size:21px; color:#414141;}
#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_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 all and (max-width:1024px) {
	.box_line{padding:23px 25px;}
    .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;}
}
@media all and (max-width:768px) {
	.tabs > li > a{font-size:17px; height:48px; line-height:48px;}
	.tabs > li > a.on{line-height:42px; border-top-width:5px;}

	.box_line{padding:20px 22px; margin:0 0 30px 0;}
    .box_text{padding:0 0 0 17px;}
	.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;}
}
@media all and (max-width:568px) {
	.tabs > li > a{font-size:16px;}
	
	.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;}
}
@media all and (max-width:400px) {
	.tabs > li > a{font-size:15px;}

	.box_line{padding:18px 20px; margin:0 0 25px 0;}
    .box_text{padding:0 0 0 15px; 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;}
}

.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;}
.proc em{z-index:2; position:relative; display:table-cell; width:22.22%; height:100%; 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 em span{font-size:16px; font-weight:100;}
.proc li.end em{margin:0; background:#f8af00;}
.proc li.block em{display:block;}
.proc > li > ul{z-index:2; display:table-cell; min-height:47px; width:77.78%; padding:15px 10px 15px 2%; vertical-align:middle; line-height:120%; color:#656565; border:1px solid #dbdbdb; background:#fafafa; box-sizing:border-box;}
.proc > li > ul > li{padding-bottom:4px !important; font-weight:700;}
.proc > li > ul ul,
.proc > li > ul li{display:block;}
.proc > li > ul ul{padding-top:3px;}
.proc > li > ul > li:before{top:8px;}

.proc2 em,
.proc2 > li > ul{display:block; width:100%;}
.proc2 em{margin:0;}
.proc2 > li:after{left:50%;}

@media all and (max-width:768px){
	.proc em,
	.proc > li > ul{display:block; width:100%; min-height:0; margin:0; padding:11px 5px; box-sizing:border-box;}
	.proc em{font-size:17px;}
	.proc em span{font-size:90%; word-break:break-all;}
	.proc > li > ul{padding-left:15px;}
	.proc > li:after{left:50%;}
}
@media all and (max-width:568px){
	.proc > li > ul{font-size:14px;}
	.proc em span{display:inline-block;}
}
@media all and (max-width:400px){
	.proc em{font-size:15px;}
	.proc > li > ul{font-size:13px;}
}

/* 인사말 */
#sub_chairman{position:relative; color:#585858;}
#sub_chairman .pic{position:relative; margin:0 0 30px; text-align:right; background:#ffffff;}
#sub_chairman .pic img{max-width:100%;}
#sub_chairman .tit{position:absolute; top:45px; left:48px; width:450px; font-size:18px; color:#585858; text-align:left;}
#sub_chairman .tit strong{display:block; margin:0 0 15px; line-height:150%; letter-spacing:-2px; font-size:40px; font-weight:100; color:#323131;}
#sub_chairman.chairman2 .tit strong{font-size:30px;}
#sub_chairman .tit strong span{font-weight:900;}
#sub_chairman .tit strong .red{color:#8c0902;}
#sub_chairman .name{font-size:19px;}
#sub_chairman .name span{display:inline-block; padding:0 12px 0 0;}
#sub_chairman .txt strong{font-weight:900;}
#sub_chairman .txt .name{padding:25px 0 0 0; color:#585858; font-size:19px; text-align:right;}
#sub_chairman .name2{position:absolute; bottom:35px; left:58px;}
#sub_chairman .name2 span{display:inline-block; padding:0 12px 0 0;}

/* 의장약력 */
#sub_chairman.chairman2 .pic{background:#f3f3f3;}
#sub_chairman.chairman2 .name{padding:30px 0 0 50px;}
#sub_chairman .pic .dot {max-width:430px; padding:0 0 0 8px;}
#sub_chairman .pic .dot li{padding:11px 0 11px 21px; border-bottom:1px solid #d5d5d5;}
#sub_chairman .pic .dot li:before{top:18px; width:11px; height:11px; border:3px solid #3d67a1; box-sizing:border-box; background:none;}
#sub_chairman .pic .dot li em{font-weight:800;}

@media all and (max-width:1220px){
	#sub_chairman .tit{top:9%; width:50%;}
	#sub_chairman .pic > img{max-width:75%;}
	#sub_chairman .name,
	#sub_chairman.chairman2 .name{padding:30px 0 0 0;}
	#sub_chairman .tit strong{font-size:28px;}
	#sub_chairman.chairman2 .tit strong{font-size:26px;}

	#sub_chairman.chairman2 .pic > img{max-width:63%;}
}
@media all and (max-width:1024px){
	#sub_chairman .txt {padding:0 10px;}
}
@media all and (max-width:768px){
	#sub_chairman .tit{left:5%; width:55%; height:85%; font-size:16px; line-height:130%;}
	#sub_chairman .tit strong{font-size:24px; letter-spacing:-1px;}
	#sub_chairman.chairman2 .tit strong{font-size:21px;}
	#sub_chairman .tit .name{position:absolute; left:0; bottom:10px;}
	#sub_chairman .name,
	#sub_chairman.chairman2 .name{padding:0;}
	#sub_chairman .name{font-size:16px;}
	#sub_chairman .name span{padding:0 7px 0 0;}
	#sub_chairman .name img{max-height:30px;}
	#sub_chairman .txt .name{font-size:17px;}
	#sub_chairman .pic .dot li{padding:7px 0 7px 15px;}
	#sub_chairman .pic .dot li:before{top:13px;}
}
@media all and (max-width:568px){
	#sub_chairman .tit{position:static; width:100%; padding:15px 10px 12px; font-size:15px; border-top:1px solid #ccc; box-sizing:border-box;}
	#sub_chairman .tit .name{position:static; padding:10px 0 0 0;}
	#sub_chairman .tit strong{position:absolute; top:17%; left:5%; width:55%; font-size:23px;}
	#sub_chairman .tit strong span{display:block;}
	#sub_chairman .name,
	#sub_chairman .txt .name{font-size:16px;}
	#sub_chairman .name img{max-height:26px;}

	#sub_chairman.chairman2 .tit{padding-top:7px;}
	#sub_chairman .pic .dot{max-width:100%;}
	#sub_chairman .pic .dot li{padding:8px 0 8px 15px;}
	#sub_chairman .pic .dot li:before{top:12px;}
	#sub_chairman.chairman2 .name{padding:12px 0 0 0; text-align:right;}
}
@media all and (max-width:400px){
	#sub_chairman .tit{font-size:14px;}
	#sub_chairman .tit strong{top:12%; font-size:21px;}
		#sub_chairman.chairman2 .tit strong{font-size:18px;}
	#sub_chairman .name,
	#sub_chairman .txt .name{font-size:15px;}
	#sub_chairman .name img{max-height:24px;}
}
@media all and (max-width:340px){
	#sub_chairman .tit{font-size:13px;}
}

/* 의회연혁 */
#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; 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 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{position:relative; min-height:70px; margin: 0 0 50px; padding:0 0 0 22%; 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{display: block; position: absolute; top:0; left:0; width: 20%; height:100%; min-width: 80px; line-height: 60px; background-color: #ffb503; border-top-left-radius: 20px; border-bottom-left-radius: 20px; text-align: center; color: #fff; font-weight:900;}
#sub_history .content .radi_tit h3{width:100%; line-height:120%; padding:17px 5px 10px 0; color: #3a3a3a; word-break:break-all; box-sizing:border-box;}
#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;}
@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{min-height:0; font-size:17px;}
    #sub_history .content .radi_tit .yellow_box{line-height: 40px;}
	#sub_history .content .radi_tit h3{padding-top:10px;}
}
@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{font-size:16px;}
    #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 .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:8px 2%;}
	#sub_history .content .radi_tit{padding-left:85px;}
    
    #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 .chairman{font-size: 18px; color: #fff; background-color: #0c4b97;}
#sub_org .vice{font-size: 18px; color: #fff; background-color: #4372b3}
#sub_org .comm{font-size: 18px; color: #fff; background-color: #1d9cbd}
#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: #fbfbfb;}
#sub_org .aqua_text{color: #3eb5bd;}
#sub_org .yellow_text{color: #ff9d03; font-weight: 800;}
#sub_org .border_box .box .list_box .dot > li{padding-left:9px;}
#sub_org .border_box .box .list_box .dot > li:before,
#sub_org .border_box .box .list_box .dot > li:before{top:10px; width:3px; height:3px; background-color:#60bad1;}
#sub_org .v_align br{display: none;}
#sub_org .border_box{border: 1px solid #dbdbdb; padding: 50px 0;}
#sub_org .border_box .depth1{ text-align: center;}
#sub_org .border_box .depth1 > li:nth-child(1){position: relative;}
#sub_org .border_box .depth1 > li:nth-child(1) .box{width: 143px; margin: 0 auto 30px; text-align: center;}
#sub_org .border_box .depth1 > li:nth-child(1) .box .chairman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .box .name{display: inline-block; width: 100%; padding: 8.5px 0; border:1px solid #e1e1e1; box-sizing:border-box;}
#sub_org .border_box .depth1 > li:nth-child(1):before{content: ""; position: absolute; top: 100%; left: 50%; display: block; width: 1px; height:183px; background-color: #c0c0c0; z-index: -1;}
#sub_org .border_box .depth1 > li:nth-child(2){position: relative; display: inline-block; margin: 0 158px 30px 0;}
#sub_org .border_box .depth1 > li:nth-child(2) .box{width: 143px; text-align: center;}
#sub_org .border_box .depth1 > li:nth-child(2) .box .vice{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .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 #c0c0c0; border-bottom: 1px solid #c0c0c0; z-index: -1;}
#sub_org .border_box .depth1 > li:nth-child(3){display: inline-block; margin: 0 0 30px 158px;}
#sub_org .border_box .depth1 > li:nth-child(3) .box{width: 143px; text-align: center;}
#sub_org .border_box .depth1 > li:nth-child(3) .box .vice{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 > li:nth-child(3) .box .name{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 > li:nth-child(4){display: inline-block; vertical-align: top; margin: 0 70px 0 0; text-align: left;}
#sub_org .border_box .depth1 > li:nth-child(4) .box{width: 313px;}
#sub_org .border_box .depth1 > li:nth-child(4) .box .comm.normal{display: inline-block; width: 100%; padding: 8.5px 0; text-align: center;}
#sub_org .border_box .box .list_box{display: inline-block; width: 100%; box-sizing: border-box; padding:10px 10px 10px 20px; border:1px solid #e1e1e1; background-color:#fbfbfb;}
#sub_org .border_box .depth1 > li:nth-child(4) .box .list_box .dot li{font-size: 15px;}
#sub_org .border_box .depth1 > li:nth-child(5){display: inline-block; vertical-align: top; margin: 0 0 0 70px; text-align: left;}
#sub_org .border_box .depth1 > li:nth-child(5) .box{width: 313px; margin: 0 0 50px;}
#sub_org .border_box .depth1 > li:nth-child(5) .box .comm.special{display: inline-block; width: 100%; padding: 8.5px 0; text-align: center;}
#sub_org .border_box .depth1 > li:nth-child(5) .box .list_box .dot li{font-size: 15px;}
#sub_org .border_box .depth1 li:nth-child(6){position: relative;}
#sub_org .border_box .depth1 li:nth-child(6) .box{width: 143px; margin: 0 auto 60px; text-align: center;}
#sub_org .border_box .depth1 li:nth-child(6) .box .office{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 li:nth-child(6) .box .name{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 li:nth-child(7){position: relative; display: inline-block;}
#sub_org .border_box .depth1 li:nth-child(7) .box{width: 223px; margin: 0 auto 30px; text-align: center;}
#sub_org .border_box .depth1 li:nth-child(7) .box .officeman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 li:nth-child(7) .box .name{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 li:nth-child(8){position: relative; display: inline-block; margin: 0 50px;}
#sub_org .border_box .depth1 li:nth-child(8) .box{width: 223px; margin: 0 auto 30px; text-align: center;}
#sub_org .border_box .depth1 li:nth-child(8) .box .officeman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 li:nth-child(8) .box .name{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 li:nth-child(9){display: inline-block;}
#sub_org .border_box .depth1 li:nth-child(9) .box{width: 223px; margin: 0 auto 30px; text-align: center;}
#sub_org .border_box .depth1 li:nth-child(9) .box .officeman{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .border_box .depth1 li:nth-child(9) .box .name{display: inline-block; width: 100%; padding: 8.5px 0;}
#sub_org .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 .hint br{display: none;}
#sub_org .table_include{width: 100%;}
#sub_org .table_include.top{margin: 0 0 45px 0;}
#sub_org .table_include .inc_table.no1{margin: 0 0 30px 0;}
#sub_org .table_include .inc_table.no1:after{content: ""; display: block; clear: both;}
#sub_org .table_include .inc_table.no1 .table_box{width: 20%; border: 1px solid #d8d8d8; box-sizing: border-box;}
#sub_org .table_include .inc_table.no1 .table_box.one{position: relative; margin: auto;}
#sub_org .table_include .inc_table.no1 .table_box.two{position: relative; float: left; margin: 0 0 0 80px;}
#sub_org .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 .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 .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 .table_include .inc_table.no2:after{content: ""; display: block; clear: both;}
#sub_org .table_include .inc_table.no2 .table_box{width: 20%; float: left;}
#sub_org .table_include .inc_table.no2 .table_box:nth-child(2),
#sub_org .table_include .inc_table.no2 .table_box:nth-child(3),
#sub_org .table_include .inc_table.no2 .table_box:nth-child(4),
#sub_org .table_include .inc_table.no2 .table_box:nth-child(5){box-sizing: border-box; border-left: 2px solid #a8a8a8;}
@media all and (max-width:1220px){
    #sub_org .table_include .inc_table.no1 .table_box.two:before{width: 220%;}
}
@media all and (min-width: 1024px) and (max-width:1200px){
    #sub_org .border_box .depth1 > li:nth-child(2){margin: 0 110px 30px 110px;}
    #sub_org .border_box .depth1 > li:nth-child(3){margin: 0 110px 30px 110px;}
    #sub_org .border_box .depth1 > li:nth-child(4){margin: 0 30px 0 0;}
    #sub_org .border_box .depth1 > li:nth-child(5){margin: 0 0 0 30px;}
    #sub_org .border_box .depth1 > li:nth-child(8){margin: 0 20px;}
    #sub_org .border_box .depth1 > li:nth-child(2):before{width: 366px;}
    #sub_org .border_box .depth1 li:nth-child(7):before{width: 490px;}
}
@media all and (max-width:868px){
    #sub_org .border_box .depth1 > li:nth-child(2){margin: 0 110px 30px 110px;}
    #sub_org .border_box .depth1 > li:nth-child(3){margin: 0 110px 30px 110px;}
    #sub_org .border_box .depth1 > li:nth-child(4){margin: 0 30px 0 0;}
    #sub_org .border_box .depth1 > li:nth-child(5){margin: 0 0 0 30px;}
    #sub_org .border_box .depth1 > li:nth-child(8){margin: 0 20px;}
    #sub_org .border_box .depth1 > li:nth-child(2):before{width: 366px;}
    #sub_org .border_box .depth1 li:nth-child(7):before{width: 490px;}
}
@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 .tabs:before{content:""; position:absolute; top:40px; left:0; display:block; width:100%; height:1px; z-index:-1; background:#dbdbdb;}
    #sub_org .tabs .tab h3{position:absolute; top:0; left:0; width: 49.5%; height:39px; line-height:39px; text-align:center; border: 1px solid #dbdbdb;}
    #sub_org .tabs .tab.tab2 h3{left:calc(49.5% + 2px); border-left: 0;}
    #sub_org .tabs .tab h3 a{display: block; font-size: 15px; color: #777;}
    #sub_org .tabs .tab.on h3{height:35px; line-height:29px;}
    
    #sub_org .border_box{padding: 20px 0;}
	#sub_org .border_box .depth1 > li{width: 90% !important; margin: 0 auto !important;}
    #sub_org .border_box .depth1 li .box{width: 100% !important; margin: 0 auto 20px !important;}
    #sub_org .border_box .depth1 li:nth-child(9) .box{width: 100%; margin: 0 auto 0px;}
    #sub_org .border_box .depth1 > li:nth-child(1):before{height: 550px;}
    #sub_org .border_box .depth1 > li:nth-child(2):before,
    #sub_org .border_box .depth1 > li:nth-child(7):before{display:none;}
    #sub_org .table_include .inc_table.no1 .table_box{width: 50%;}
    #sub_org .table_include .inc_table.no1 .table_box.two{float: left; margin: 30px 0 0;}
    #sub_org .table_include .inc_table.no1 .table_box.three{float: right; margin: 30px 0 0;}
    #sub_org .table_include .inc_table.no1 .table_box.one:before,
    #sub_org .table_include .inc_table.no1 .table_box.two:before,
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(2),
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(4){border: none;}
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(2),
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(4){box-sizing: border-box; border-right: 1px solid #d8d8d8;}
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(2),
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(3),
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(4),
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(5){margin: 5px 0 0;}
    #sub_org .table_include .inc_table.no2 .table_box{width: 50%; float: left;}
    #sub_org .table_include .inc_table.no2 .table_box:nth-child(1){width: 100%;}
    
}
@media all and (max-width:500px){
    #sub_org .tabs .tab .box_con .hint br{display: block;}
}
@media all and (max-width:340px){
    #sub_org .v_align br{display: block;} 
}

/* 의회사무처 (사무처조직) */
#sub_staff .colorBox{color: #fff;}
#sub_staff span{display:table-cell; height: 68px; padding:0 4px; vertical-align:middle; font-weight:800; line-height:120%; word-break:kee-all; box-sizing:border-box;}
#sub_staff .sec1:after{content: ""; display: block; clear: both;}
#sub_staff .sec2{float: left; width: 667px; }
#sub_staff .sec2:after{content: ""; display: block; clear: both;}
#sub_staff .sec3{float: right; width: 102px; 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 43px; 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{display:table; 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:table-cell; width: 100%; font-size: 18px; background-color: #2e8d03;}
#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: 672px;height:70px;box-sizing: border-box;border: 1px solid #c0c0c0;border-bottom: 0;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.85%;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: 160px; background-color:#c0c0c0; left: calc(50% - 0.5px); top: 50%; z-index: -1;}

#sub_staff .staff_org .total .org1 .num1:nth-child(1) .sub_tit:before{height: 190px;}
#sub_staff .staff_org .total .org1 .num1:nth-child(2) .sub_tit:before{top:-30px; height: 190px;}
#sub_staff .staff_org .total .org1 .num1:nth-child(3) .sub_tit:before{top:-30px; height: 190px;}
#sub_staff .staff_org .total .org1 .num1:nth-child(4) .sub_tit:before{top: -30px;height: 130px;}

#sub_staff .staff_org .total .org1 .num1 .sub_tit{display:table; width:100%; margin: 0 0 10px;}
#sub_staff .staff_org .total .org1 .num1 .sub_tit span{display:table-cell; width: 100%; font-size: 18px; background-color: #80b601; word-break:keep-all;}
#sub_staff .staff_org .total .org1 .num1 ul li{display:table; width:100%; height: 61px; 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{width:100%; height: 100%; font-weight:100; font-size:15px; background-color: #dfedbf;}

#sub_staff .staff_org .total .org1 .num1:nth-child(3) ul li:nth-child(4){position: relative;}
#sub_staff .staff_org .total .org1 .num1:nth-child(3) ul li:nth-child(4):before{content: ""; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: block; width: 1px; height: 10px; background-color: #c0c0c0; z-index: -1}
#sub_staff .staff_org .total .mid_tit{display:table; width: 100%; margin: 30px 0 5px;}
#sub_staff .staff_org .total .mid_tit .commit{width: 100%; height:41px; font-size: 18px; color: #fff; background-color: #3e78bd;}
#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: 91px; margin: 0 5px 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: -10px; left:50%; width:1px; height:10px; background-color: #c0c0c0; z-index: -1;}
#sub_staff .staff_org .total .org2 .num2 .sub_tit{float: left; display:table; width: 100%; height:90px; box-sizing: border-box;  background-color: #678bbb; color: #fff; text-align:center;}
#sub_staff .staff_org .total .org2 .num2 .sub_tit .multi_line{width: 100%; height: 90px;}
#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{background-color: #d9e2ee;}
#sub_staff .staff_org .total .bottom_tit{display:table; position: relative; float: right; width:127px; margin: 0px 0 10px; }
#sub_staff .staff_org .total .bottom_tit .special{width: 100%; height: 136px; font-size: 18px; color: #fff; background-color: #3eb5bd;}
#sub_staff .staff_org .total .sub_tit span{font-weight:100; font-size:14px;}

@media all and (max-width:1220px){
    #sub_staff .sec2{width:80%;}
	
	#sub_staff .staff_org{padding: 42px 3%; }
    #sub_staff .staff_org .total .org1{text-align: center;}
	
    #sub_staff .staff_org .total .org1:before{width: 77%;}
    #sub_staff .staff_org .total .org1 .num1:last-child{float: right;}
    #sub_staff .staff_org .total .top_tit{width: 200px;}
    #sub_staff .staff_org .total .org1 .num1 .sub_tit{width: 100%;}
	
	#sub_staff .staff_org .total .org2 .num2{width:calc(16.66% - 5px);}
	#sub_staff .staff_org .total .mid_tit{width:calc(100% - 5px);}
}
@media all and (max-width:1024px){
    #sub_staff .sec2{width:75.9vw;}
}
@media all and (max-width:768px){
	#sub_staff span{height:auto; padding:10px 5px; word-break:break-all;}
	#sub_staff span br{display:none;}
    #sub_staff .staff_org{padding:20px 10px 10px;}
    #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{width: 100%;}
    
    #sub_staff .staff_org .total .org1 .num1:nth-child(1) .sub_tit:before{top:-30px; height:280px;}
    #sub_staff .staff_org .total .org1 .num1:nth-child(2) .sub_tit:before{top:-30px; height:220px;}
    #sub_staff .staff_org .total .org1 .num1:nth-child(3) .sub_tit:before{top:-30px; height:220px;}
    #sub_staff .staff_org .total .org1 .num1:nth-child(4) .sub_tit:before{top:-30px; height:220px;}
	#sub_staff .staff_org .total .org1 .num1:nth-child(5) .sub_tit:before{top:-30px; height:220px;}
    
    #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{height:90px;}
    #sub_staff .staff_org .total .org1 .num1 ul li{height: auto;}
    #sub_staff .staff_org .total .org1 .num1 ul li span{width: 100%; height: 60px; font-size: 13px; padding:5px;}
    #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 5px 0;}
    #sub_staff .staff_org .total .org2 .num2:nth-child(2n){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; 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:100px;}
    #sub_staff .staff_org .total .org1:before{width: 69%; height: 150px;}
    #sub_staff .staff_org .total .org2 .num2:before{top: -20px; height: 104px;}
	#sub_staff .staff_org .total .sub_tit span{font-size:13px;}
}
@media all and (max-width:400px){
	#sub_staff .staff_org .total .org1 .num1 .sub_tit span{word-break:break-all;}
}

/* 의회기능 */
#sub_function .box_line{position:relative; padding-right:20%; color:#585858;}
#sub_function .box_line:before{content:''; display:block; position:absolute; top:30px; right:32px; width:126px; height:118px; background:url(/images/kr/intro/bg_function1.png) no-repeat 100% 100%;}

@media all and (max-width:1024px){
	#sub_function .box_line:before{height:100px; background-size:contain;} 
}
@media all and (max-width:768px){
	#sub_function .box_line{padding-right:10px;}
	#sub_function .box_line:before{position:static; float:right; width:90px; height:80px;}
}
@media all and (max-width:568px){
	#sub_function .box_line:before{width:80px; height:65px;}
}

/* 오시는길 */
#sub_location .roughmap_maker_label .roughmap_lebel_text{line-height:28px; font-size:18px; 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; font-size:17px; 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;}
    #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;}
	#sub_location .info{font-size:16px;}
}
@media all and (max-width:400px){
	#sub_location .roughmap_maker_label .roughmap_lebel_text{font-size:15px;}
	#sub_location .info{font-size:15px;}
}

/* 의원광장 - 의장단 */
#sub_active{overflow:hidden; width:100%;}
.profile{float:left; width:440px; 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; min-height:180px; width:270px; 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 .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 4px 0 0; font-size:0; text-indent:-9999px; background:#4db2f3 url(/images/common/ico_sns.png) no-repeat -26px 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 .bl{background-color:#24c000; background-position:-66px 5px;}
.profile .sns .kko{background-color:#fbc000; background-position:-141px 5px;}
.profile .sns .insta{background-color:#c536a4; background-position:-103px 5px;}
.profile .sns .off{background-color:#aaa;}
/* 인명별 정렬 */
#sub_active .profile:nth-child(even){float: right;}
#sub_active .profile:nth-child(odd){float: left;}

#sub_active div:nth-child(38){padding-bottom:7px;}

@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:190px; padding:0;}
	.profile dd ul{width:100%;}
	.profile dd ul li{width:97%;}
	.profile dd li span{width:68%;}
}
@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;}
}
@media all and (max-width:400px) {
	.profile dd li em{width:55px;}
}

/* 위원회 */
#sub_standing .box_line{padding-right:18%;}
#sub_standing .box_line:before{content:''; display:block; position:absolute; bottom:22px; right:40px; width:86px; height:55px; background:url(/images/kr/activity/bg_standing.png) no-repeat;}
#sub_standing .box_line strong{display:block; padding:0 0 12px; font-weight:900; font-size:22px; color:#585858;}
#sub_standing .standing{position:relative; overflow:hidden; width:100%; padding:8px 0 25px;}
#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 .txt{position:relative; float:right; width:48.79%; padding:20px 0 20px 10px; min-height:262px; border-top:3px solid #d9d9d9; 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 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:568px){
	#sub_standing .box_line:before{width:80px; background-size:contain;}
	#sub_standing .standing + .standing{margin:25px 0 0 0;}
	#sub_standing .box_line strong{font-size:20px;}
	#sub_standing .txt{padding:12px 7px;}
	#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:400px){
	#sub_standing .box_line:before{width:75px;}
	#sub_standing .box_line strong{font-size:19px;}
	#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;}
}