@charset "utf-8";
#container_sub{background:url(/images/kr/chairman/bg_greeting.jpg) no-repeat 50% 100%;}
#sub_default{line-height:160%;}

/* 서브공통 */
.box_info{z-index:1; position:relative; padding:26px; margin:0 0 35px; border-radius:10px; box-sizing:border-box; word-break:keep-all; background:#f7f7f7;}

@media all and (max-width:568px) {
	.box_info{padding:23px;}
}
@media all and (max-width:380px) {
	.box_info{padding:20px;}
}

.tabmenu {position:relative; overflow:hidden; width:100%; margin:0 0 25px; box-sizing:border-box;}
.tabmenu > li > a{display:block;position:absolute;top:0;left:0;width:16.66%;height:55px;line-height:53px;color:#666;font-weight:600;background:#f7f7f7;box-sizing:border-box;border:1px solid #e5e5e5;text-align:center;text-decoration:none;}
.tabmenu > li > a:before{content:''; display:block; position:absolute; top:-1px; left:50%; width:0; height:4px; background:#3a4996;}
.tabmenu > li + li > a{border-left:none;}

.tabmenu > li:nth-child(2) > a{left:16.66%;}
.tabmenu > li:nth-child(3) > a{left:33.32%;}
.tabmenu > li:nth-child(4) > a{left:49.98%;}
.tabmenu > li:nth-child(5) > a{left:66.64%;}
.tabmenu > li:nth-child(6) > a{left:83.3%;}
.tabmenu > li:nth-child(7) > a{border-left:1px solid #e5e5e5;}
.tabmenu > li:nth-child(8) > a{left:16.66%;}
.tabmenu > li:nth-child(9) > a{left:33.32%;}
.tabmenu > li:nth-child(10) > a{left:49.98%;}
.tabmenu > li:nth-child(11) > a{left:66.64%;}
.tabmenu > li:nth-child(12) > a{left:83.3%;}
.tabmenu > li:nth-child(n + 7) > a{top:54px;}

.tabmenu > li.on > a{color:#3a4996; font-weight:800; background:#fff;}
.tabmenu > li.on > a:before{left:0; width:100%; transition:0.25s ease-in-out;}
.tabmenu > li > .con{display:none; padding:129px 0 0 0;}
.tabmenu > li.on > .con{display:block;}

.tab2 > li > a{width:50%;}
.tab2 > li:nth-child(2) > a{left:50%;}
.tab2 > li > .con{padding:107px 0 0 0;}

.tab5 > li > a{/* width:20%; */}
.tab6 > li:nth-child(2) > a{left:16.6%;}
.tab6 > li:nth-child(3) > a{left:33.32%;}
.tab6 > li:nth-child(4) > a{left:49.98%;}
.tab6 > li:nth-child(5) > a{left:66.64%;}
.tab5 > li > .con{padding:107px 0 0 0;}

.tab6 > li > a{width: 16.6%; font-size: 0.85em;}
.tab6 > li:nth-child(2) > a{left:16.6%;}
.tab6 > li:nth-child(3) > a{left:33.2%;}
.tab6 > li:nth-child(4) > a{left:49.8%;}
.tab6 > li:nth-child(5) > a{left:66.4%;}
.tab6 > li:nth-child(6) > a{left:80%;}
.tab6 > li > .con{padding:107px 0 0 0;}



.tabmenu2 {position:relative; overflow:hidden; width:100%; margin:0 0 32px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;;}
.tabmenu2 > li{float:left; width:33.33%; letter-spacing:-1px; box-sizing:border-box;}
.tabmenu2 > li > a{position:relative; display:block; height:55px; line-height:53px; padding:0 0 0 18px; font-weight:600; color:#666; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; background:#f7f7f7; text-decoration:none;}
.tabmenu2 > li > a:before,
.tabmenu2 > li > a:after{content:''; display:block; position: absolute; top:50%; right:22px; width:12px; margin:-3px 0 0 0; border-top:5px solid #dcdcdc;}
.tabmenu2 > li > a:before{top:-1px; right:auto; left:50%; width:0; height:4px; margin:0; border:none; background:#3a4996;}
.tabmenu2 > li > a.on{color:#3a4996; font-weight:800; background:#fff;}
.tabmenu2 > li > a:hover:after,
.tabmenu2 > li > a.on:after{border-top:5px solid #3a4996; border-left:6px solid transparent; border-right:6px solid transparent; transition:0.2s ease-in;}
.tabmenu2 > li > a.on:before{width:100%; left:0; transition:0.25s ease-in-out;}
@media all and (max-width:1024px) {
	.tabmenu2 > li > a{height:53px; line-height:52px;}
	.tab6 > li > a{width: 16.6%; font-size: 0.8em;}
}
@media all and (max-width:768px) {
	.tabmenu > li > a{height:49px; line-height:48px;}
	.tabmenu > li:nth-child(n + 7) > a{top:48px;}
	.tabmenu > li > .con{padding:117px 0 0 0;}
	.tab2 > li > .con{padding:90px 0 0 0;}

	.tab5 > li > a{width:33.33%;}
	.tab5 > li:nth-child(2) > a{left:33.33%;}
	.tab5 > li:nth-child(3) > a{left:66.66%;}
	.tab5 > li:nth-child(4) > a{left:0; top:48px; width:50%; border-left:1px solid #e5e5e5;}
	.tab5 > li:nth-child(5) > a{left:50%; top:48px; width:50%;}

	.tab6 > li > a{width:33.33%;}
	.tab6 > li:nth-child(2) > a{left:33.33%;}
	.tab6 > li:nth-child(3) > a{left:66.66%;}
	.tab6 > li:nth-child(4) > a{left:0; top:48px; border-left:1px solid #e5e5e5;}
	.tab6 > li:nth-child(5) > a{left:33.33%; top:48px;}
	.tab6 > li:nth-child(6) > a{left:66.66%; top:48px;}

	.tabmenu2{margin:0 0 25px;}
	.tabmenu2 > li{font-size:16px;}
	.tabmenu2 > li > a{height:49px; line-height:48px; padding:0; text-align:center;}
	.tabmenu2 > li > a:after{display:none;}
}
@media all and (max-width:568px) {
	.tabmenu > li:nth-child(n + 7) > a{top:42px;}
	.tabmenu > li > .con{padding:102px 0 0 0;}
	.tab2 > li > .con{padding:80px 0 0 0;}

	.tab5 > li:nth-child(4) > a,
	.tab5 > li:nth-child(5) > a{top:42px;}

	.tab6 > li:nth-child(4) > a,
	.tab6 > li:nth-child(5) > a,
	.tab6 > li:nth-child(6) > a {top:42px;}

	.tabmenu2 {margin:0 0 20px;}
	.tabmenu2 > li{width:50%; font-size:15px;}
	.tabmenu > li > a,
	.tabmenu2 > li > a{height:43px; line-height:42px;}
}
@media all and (max-width:380px) {
	.tabmenu2{margin:0 0 17px;}
	.tabmenu2 > li{font-size:14px;}
	.tabmenu2 > li > a{height:40px; line-height:39px;}
}

/* 의장인사말 */
#sub_greeting {overflow:hidden; width:100%;}
#sub_greeting .img{position:relative; float:left; width:43.64%; padding:17px 0 0 26px; box-sizing:border-box;}
#sub_greeting .pic{z-index:1; position:relative; max-width:369px;}
#sub_greeting .pic:before{z-index:-1; content:''; display:block; position:absolute; top:-17px; left:-16px; width:100%; height:100%; background:#ededed;}
#sub_greeting .pic img{max-width:100%;}
#sub_greeting .name{z-index:1; position:absolute; bottom:-53px; left:0; width:185px; height:139px; padding:40px 0 0 0; color:#fff; letter-spacing:0; font-family:"hansuw"; font-weight:400; box-shadow:0 0 15px rgba(0,0,0,0.2); box-sizing:border-box; text-align:center; background:#383644 url(/images/kr/chairman/bg_name.jpg) no-repeat;}
#sub_greeting .name strong{display:block; margin:10px 0 0 0; font-size:26px; font-weight:400;}
#sub_greeting .txt{float:right; width:51.38%; padding:51px 0 0 0; line-height:185%; word-break:keep-all;}
#sub_greeting .tit{position:relative; line-height:160%; font-size:28px; color:#3a4996; font-family:"hansuw"; font-weight:800;}
#sub_greeting .tit2{line-height:180%; font-size:20px; color:#888; font-weight:400;}
#sub_greeting .tit:after{content:''; display:block; width:14px; height:4px; margin:12px 0 16px; background:#dcdcdc;}
#sub_greeting .txt1{padding:0 0 17px;}

@media all and (max-width:1024px){
	#sub_greeting .txt{padding:35px 0 0 0;}
	#sub_greeting .tit{font-size:26px;}
	#sub_greeting .tit2{font-size:18px;}
}
@media all and (max-width:768px){
	#sub_greeting .img{width:100%; padding-left:16px;}
	#sub_greeting .pic{max-width:300px; margin:0 auto;}
	#sub_greeting .name{bottom:-30px; left:50%; width:160px; height:110px; margin:0 0 0 25px; padding:25px 0 0 0; font-size:15px;}
	#sub_greeting .name strong{margin:7px 0 0 0; font-size:24px;}
	#sub_greeting .txt{width:100%; padding:63px 0 0 10px; box-sizing:border-box;}
	#sub_greeting .tit{font-size:23px;}
	#sub_greeting .tit2{font-size:17px;}
	#sub_greeting .tit2 p{display:inline-block;}
}
@media all and (max-width:568px){
	#sub_greeting .img{padding:13px 0 0 13px;}
	#sub_greeting .pic{width:68%; max-width:250px;}
	#sub_greeting .pic:before{top:-13px; left:-13px;}
	#sub_greeting .name{width:145px; height:98px; margin:0 0 0 5px; padding:21px 0 0 0; font-size:14px;}
	#sub_greeting .name strong{margin:5px 0 0 0; font-size:22px;}
	#sub_greeting .txt{font-size:16px;}
	#sub_greeting .tit{font-size:21px;}
	#sub_greeting .tit2{font-size:17px;}
	#sub_greeting .tit2 p{display:block;}
}
@media all and (max-width:380px){
	#sub_greeting .img{padding:11px 0 0 11px;}
	#sub_greeting .pic:before{top:-11px; left:-11px;}
	#sub_greeting .name{width:133px; height:88px; padding:19px 0 0 0; font-size:13px;}
	#sub_greeting .name strong{margin:3px 0 0 0; font-size:21px;}
	#sub_greeting .txt{font-size:15px;}
	#sub_greeting .tit{font-size:20px;}
	#sub_greeting .tit2{font-size:16px;}
}
@media all and (max-width:330px){
	#sub_greeting .tit{font-size:19px;}
	#sub_greeting .tit2{font-size:16px;}
	#sub_greeting .name{left:45%;}
}

/* 의원 프로필 */
#sub_profile .img{position:relative; margin:0 0 39px; background:url(/images/kr/chairman/bg_chairman.jpg) no-repeat 50% 0;}
#sub_profile .pic{z-index:1; position:absolute; right:5.96%; bottom:0;}
#sub_profile .tit{height:214px; padding:74px 0 0 5.96%; font-family:"hansuw"; font-weight:400; font-size:24px; box-sizing:border-box; word-break:keep-all;}
#sub_profile .name{padding:15px 0 0 0; line-height:100%; font-size:46px; font-weight:800; color:#222;}
#sub_profile .dot{position:relative; width:61.65%; height:187px; padding:27px 0 0 5.96%; color:#fff; box-sizing:border-box; background:url(/images/kr/chairman/bg_pattern.jpg) repeat;}
#sub_profile .dot:after{content:''; display:block; position:absolute; left:100%; top:0; width:96px; height:100%; background:url(/images/kr/chairman/bg_pattern2.png) no-repeat;}
#sub_profile .dot li + li{margin:10px 0 0 0;}
#sub_profile .dot li:before{background:#fff;}
#sub_profile .dot li *{display:inline-block; vertical-align:top;}
#sub_profile .dot li strong{width:107px;}

#sub_profile .career{padding:44px 39px 40px; border:1px solid #e5e5e5; box-sizing:border-box;}
#sub_profile .career h4{padding:0 0 19px; font-size:22px; background:none;}
#sub_profile .career h4:before{content:''; display:block; width:16px; height:4px; margin:0 0 7px 0;background:#f05952;}
#sub_profile .dash{padding:0 0 39px; margin:0 0 40px; border-bottom:1px dashed #cacaca;}
#sub_profile .dash:last-of-type{margin:0; padding:0; border-bottom:none;}
#sub_profile .dash li{padding:0 0 0 23px;}
#sub_profile .dash li + li{margin:6px 0 0 0;}
#sub_profile .dash li:before{top:4px; width:14px; height:14px; background:url(/images/kr/chairman/ico_circle.jpg) no-repeat;}

@media all and (max-width:1024px){
	#sub_profile .img{background-size:cover;}
	#sub_profile .pic {height:100%;}
	#sub_profile .pic img{max-height:100%;}
	#sub_profile .tit{height:auto; padding:63px 0 46px 5.96%; font-size:23px;}
	#sub_profile .name{font-size:40px;}
}
@media all and (max-width:768px){
	#sub_profile .pic{right:5px; width:235px; height:auto; text-align:right;}
	#sub_profile .tit{padding:40px 30% 30px 35px; font-size:20px;}
	#sub_profile .tit span{display:block;}
	#sub_profile .name{font-size:34px;}
	
	#sub_profile .dot{height:170px; padding:25px 0 0 35px;}
	#sub_profile .dot li + li{margin:5px 0 0 0;}
	#sub_profile .dot li strong{width:90px;}

	#sub_profile .career h4{padding:0 0 17px; font-size:21px;}
	#sub_profile .career h4:before{height:3px; margin:0 0 6px;}
}
@media all and (max-width:568px){
	#sub_profile .pic{right:0; bottom:80px; width:195px;}
	#sub_profile .tit{height:210px; width:200px; padding:40px 0 0 30px; font-size:18px;}
	#sub_profile .name{padding:10px 0 0 0; line-height:130%; font-size:27px;}

	#sub_profile .dot{z-index:2; width:100%; height:auto; padding:22px 0 24px 30px; font-size:16px;}
	#sub_profile .dot:after{display:none;}
	#sub_profile .dot li + li{margin:4px 0 0 0;}
	#sub_profile .dot li strong{width:33%; max-width:80px;}
	#sub_profile .dot li span{width:65%;}
	#sub_profile .career{padding:38px 33px 33px;}
	#sub_profile .dash{padding:0 0 35px; margin:0 0 35px; font-size:16px;}
}
@media all and (max-width:380px){
	#sub_profile .pic{right:-5px; width:186px;}
	#sub_profile .tit{height:198px; padding:35px 0 0 25px; font-size:17px;}
	#sub_profile .name{font-size:26px;}
	#sub_profile .career{padding:35px 30px 30px;}
	#sub_profile .career h4{padding:0 0 15px; font-size:20px;}
	#sub_profile .dash{padding:0 0 30px; margin:0 0 30px; font-size:15px;}
	#sub_profile .dash li:before{top:2px;}
}
@media all and (max-width:340px){
	#sub_profile .pic{width:178px;}
	#sub_profile .tit{height:185px; padding:30px 0 0 20px;}
	#sub_profile .name{font-size:25px;}
}

/* 의회연혁 */
#sub_history .tit{height:290px; color:#fff; padding:0 0 0 35px; margin:0 0 50px; box-sizing:border-box; background:url(/images/kr/intro/bg_history.jpg) no-repeat 50% 50%; background-size:cover;}
#sub_history .tit p{line-height:100%; padding:40px 0 26px; font-size:18px; font-weight:400; font-family:"hansuw";}
#sub_history .tit p:after{content:''; display:block; width:20px; height:1px; margin:11px 0 0 0; background:#fff;}
#sub_history .tit strong{font-size:30px; font-weight:900;}

#sub_history .detail > li{position:relative; padding:23px 0 42px 188px; border-top:1px solid #dcdcdc; box-sizing:border-box;}
#sub_history .detail > li:before{content:''; display: block; position:absolute; top:34px; left:101px; width:57px; border-top:1px dashed #aaa;}
#sub_history .year{display:block; position:absolute; top:-1px; left:0; line-height:71px; color:#2e3446; font-size:30px; font-weight:900;}
#sub_history .year:before{content:''; display:block; width:65px; height:4px; background:#2e3446;}
#sub_history .list > li{position:relative; padding:0 0 0 70px;}
#sub_history .list > li + li{margin:21px 0 0 0;}
#sub_history .list ul li{font-weight:600; word-break:keep-all;}
#sub_history .list .dot li{font-weight:200;}
#sub_history .dot {margin:7px 0 0 0;}
#sub_history .dot li + li{margin:2px 0 0 0;}
#sub_history .dot li:before{border-radius:0; background:#f05952;}
#sub_history .date{display:block; position:absolute; top:0; left:0; color:#222; font-weight:900;}

@media all and (max-width:1024px) {
	#sub_history .tit{height:190px; margin:0 0 45px;}
	#sub_history .tit p{padding:35px 0 15px; font-size:17px;}
	
	#sub_history .list ul li{font-weight:800;}
	#sub_history .date{top:1px; font-size:17px; line-height:125%;}
}
@media all and (max-width:768px) {
	#sub_history .tit{height:155px; padding:0 0 0 30px; margin:0 0 40px;}
	#sub_history .tit p{padding:30px 0 10px; font-size:15px;}
	#sub_history .tit p:after{margin:6px 0 0 0;}
	#sub_history .tit strong{font-size:27px;}
	
	#sub_history .detail > li{padding:23px 0 38px 120px;}
	#sub_history .detail > li:before{display:none;}
	#sub_history .year{line-height:63px; font-size:28px;}
}
@media all and (max-width:568px) {
	#sub_history .tit{height:130px; padding:0 0 0 25px; margin:0 0 35px;}
	#sub_history .tit p{padding:25px 0 10px; font-size:13px;}
	#sub_history .tit p:after{margin:4px 0 0 0;}
	#sub_history .tit strong{font-size:23px;}

	#sub_history .detail > li{padding:0 0 34px 0;}
	#sub_history .list > li{padding:0 0 0 80px;}
	#sub_history .year{position:static; display:inline-block; line-height:180%; margin:-1px 0 10px 5px; font-size:25px;}
	#sub_history .year:before{width:100%; height:3px;}
	#sub_history .date{left:12px;}
}
@media all and (max-width:380px) {
	#sub_history .tit{height:110px; padding:0 0 0 20px; margin:0 0 30px;}
	#sub_history .tit p{padding:20px 0 10px; font-size:12px;}
	#sub_history .tit p:after{margin:2px 0 0 0;}
	#sub_history .tit strong{font-size:21px;}
	
	#sub_history .list > li{padding:0 0 0 75px;}
	#sub_history .year{font-size:24px;}
	#sub_history .date{font-size:16px;}
}
@media all and (max-width:340px) {
	#sub_history .tit strong{font-size:20px;}
	#sub_history .list > li{padding:0 0 0 70px;}
}

/* 의회기능 */
.tb_list{margin:0 0 35px; border-top:2px solid #2e3446; word-break:keep-all;}
.tb_list .list{display:table; width:100%; border-bottom:1px solid #d2d2d2;}
.tb_list .th,
.tb_list .td{display:table-cell; vertical-align:middle;}
.tb_list .th{width:28%; padding:0 5px; font-weight:800; background:#f3f4f6; text-align:center; box-sizing:border-box;}
.tb_list .td{width:72%; height:60px; padding:20px 5px 20px 41px; box-sizing:border-box;}
.tb_list .gt > li + li{margin-top:17px;}
.tb_list.taC .td{padding-left:5px;} 
.tb_list.col4 .th{width:15%;}
.tb_list.col4 .td{width:35%;}
@media all and (max-width:768px) {
	.tb_list .td{padding:15px 5px 15px 23px;}
}
@media all and (max-width:568px) {
	.tb_list .td{padding:15px 5px 15px 20px;}
}
@media all and (max-width:380px) {
	.tb_list .td{padding:13px 3px 13px 17px;}
}


/* 의회조직*/
h4 + .org {margin: 0 0 50px;}
.org {position: relative;height: 658px;border: 1px solid #e5e5e5;box-sizing: border-box;}
.org span {display:flex;justify-content:center;align-items:center;position: absolute;top:50px;left:50%;transform:translateX(-50%);color: #fff;text-align:center;}
.org .org1 > span{height:187px;width:162px;line-height:110%;margin:0 0 47px;font-weight:900;font-size:24px;border-radius:0;background:url(/images/kr/intro/bg_org1.jpg) no-repeat;background-size:contain;}
.org .org2 span{top:267px;left: 30%;width: 17.84%;height: 50px;font-size: 18px;font-weight:800;background:url(/images/kr/intro/bg_org2.jpg) no-repeat 100% 50%;background-size:cover;border-radius: 30px;}
.org .org3 span{top:367px;background:url(/images/kr/intro/bg_org3.jpg) repeat;}
.org .org3_2 span {left:82%;}
.org .org4 span,
.org .org5 span {top:467px;left:8%;padding: 5px;width:9.9%;height:80px;font-size:16px;line-height: 1.2;background: #1397a8;border-radius:5px;box-sizing: border-box;}
.org .org4_2 span {left:18.5%;}
.org .org4_3 span {left:29%;}
.org .org4_4 span {left:39.5%;}
.org .org4_5 span {left:50%;}
.org .org4_6 span {left:60.5%;}
.org .org5_1 span {left:auto; right:19%;}
.org .org5_2 span {left:auto; right:8.5%}
.org .org5_3 span {left:auto;right: -2%;}

.org-2 {height:484px;}
.org-2 .org1 > span{width:17.82%;height:50px;font-size: 18px;background: url(/images/kr/intro/bg_org3.jpg) repeat;border-radius: 30px;}
.org-2 .org2 > span {top: 151px;left: 21%;width:20.04%;background: #1397a8;}
.org-2 .org2_2 span{left: 50%;}
.org-2 .org2_3> span{
    left: 79%;
}
.org-2 .org3 span {top:251px; left:8%; width: 50px;height: 182px;color: #204378;background: #fff;border: 3px solid #204378;writing-mode: vertical-lr;box-sizing: border-box;}
.org-2 .org3_2 span {left: 16%;}
.org-2 .org3_3 span {left:24%;}
.org-2 .org3_4 span {left: 32%;}
.org-2 .org3_5 span {left:40%;}
.org-2 .org3_6 span {left:48%;}
.org-2 .org3_7 span {left:56%;}

.org-2 .org3_1_1 span {left: 40%;}
.org-2 .org3_1_2 span {left: 48%;}
.org-2 .org3_1_3 span {left: 56%;}
.org-2 .org3_1_4 span {left: 64%;}

.org li::after {z-index:-1;content:'';position:absolute;top: 50px;left:50%;transform:translateX(-50%);width:2px;height: 291px;background:#e0e0e0;}
.org .org2::after {top:291px;left:40%;width:20%;height:2px;}
.org .org3::after {top:341px;left:55%; width:52%; height:100px; background:transparent; border:2px solid #e0e0e0; border-bottom:none;}
.org .org4::after {top:440px; left:34%; width:53%; height:100px; background:transparent; border:2px solid #e0e0e0; border-bottom:none;}
.org .org4_2::after {left: 30%;width: 21%;}
.org .org4_3::after {left: 30.1%;width:2px;border:none;background:#e0e0e0;}
.org .org4_4::after {left:50.1%;width:2px;border:none;background:#e0e0e0;}
.org .org5::after {top:440px; left:82%; width:21%; height:100px; background:transparent; border:2px solid #e0e0e0; border-bottom:none;}
.org .org5_2::after {left: 81.9%;width:2px;border:none;background:#e0e0e0;}

.org-2 .org1::after {height: 176px;}
.org-2 .org2::after {top:126px;left: 50%;width: 59%;height:75px;background:transparent;border:2px solid #e0e0e0;border-bottom:none;}
.org-2 li.org3::after {width:2px;top:226px;border:none;background:#e0e0e0;}
.org-2 li.org3_1::after {top:226px;left: 20%;width: 24%;height:75px;background:transparent;border:2px solid #e0e0e0;border-bottom:none;}
.org-2 li.org3::before {z-index:1; content:'';position:absolute;top: 245px;left: 7.2%;width: 15px;height: 15px;background:#204378;border: 3px solid #fff;border-radius:50%;}
.org-2 li.org3_2::after {left: 16.1%;}
.org-2 li.org3_3::after {left:24.2%;}
.org-2 li.org3_4::after {top: 200px;left: 20.3%;height: 28px;}
.org-2 li.org3_5::after {left:40.1%;}
.org-2 li.org3_6::after {left:48.1%;}
.org-2 li.org3_7::after {display:none;}

.org-2 li.org3_2::before {left: 15.3%;}
.org-2 li.org3_3::before {left: 23.4%;}
.org-2 li.org3_4::before {left: 31.5%;}
.org-2 li.org3_5::before {left: 39.2%;}
.org-2 li.org3_6::before {left: 47.3%;}
.org-2 li.org3_7::before {left: 55.3%;}

.org-2 li.org3_1_1::before {left: 47.2%;}
.org-2 li.org3_1_2::before {left: 55.2%;}
.org-2 li.org3_1_3::before {left: 63.2%;}
.org-2 li.org3_1_4::before {left: 39.2%;}
.org-2 li.org3_1_1::after {left: 48%;}
.org-2 li.org3_1_2::after {left: 56%;}
.org-2 li.org3_1_3::after {left: 65%;opacity: 0;}
.org-2 li.org3_1_4::after {top: 226px;left: 52%;width: 24%;height: 75px;background: transparent;border: 2px solid #e0e0e0;border-bottom: none;}



@media all and (max-width:768px){
	h4 + .org {margin: 0 0 35px;}
	.org br {display:none}
	.org, .org-2 {height:auto;}
	.org span {position:static; margin: 0 auto; transform:translateX(0);}
	.org .org1 > span {margin:30px auto;}
	.org .org2 span {position:static;margin-bottom:25px;width:90%;height: 50px;}
	.org .org4:not(:last-child) span, 
	.org .org5:not(:last-child) span,
	.org-2 .org3:not(:last-child) span{margin-bottom:10px;}

	.org-2 .org1 > span {width:90%;}
	
	.org li:not(.org1)::after,
	.org-2 li.org3::before{display:none;}
	.org li::after,
	.org-2 .org1::after{height:88%;}
	
}
@media all and (max-width:568px){
	.org .org2 span {font-size:16px;writing-mode: horizontal-tb;}
}

/* 의회사무국 */
.offi_org{position:relative; overflow:hidden; width:100%; padding:34px 0 34px 3%; border-radius:10px; border:1px solid #ddd; box-sizing:border-box;}
.offi_org *{display:inline-block;vertical-align:top;width: 100%;}
.offi_org br{display:none;}
.org3_4 br,
.org3_6 br{display:inline-block;}
.offi_org div{text-align:center; background:#fff;}
.offi_org1 > div{display:block; width:18.05%; margin:0 auto 44px;}
.offi_org li,
.offi_org4{width:100%;}
.offi_org3{width: 75%;}
.offi_org2 > div,
.offi_org4 li{width: 11.2%;}
.offi_org3 li{width:13%; margin:0 0 44px 0.7%;}
.offi_org4 li + li{margin:0 0 0 0.7%;}

.offi_org li li li div{width:100%;}
.offi_org strong{display:table; width:100%; height:50px; line-height:120%; color:#fff; border-radius:5px; background:#3a4996;}
.offi_org2 strong{background:#297dc7;}
.offi_org3 strong{background:#248785;}
.offi_org4 strong{background:#40698c;}
.offi_org p{display:table; width:100%; height:78px; margin:-3px 0 0 0; line-height:120%; border:1px solid #dcdcdc; border-top:none; border-radius:0 0 5px 5px; box-sizing:border-box;}
.offi_org span{display:table-cell; vertical-align:middle;}
.offi_org p a{display:block;}

.offi_org li:before{z-index:-2;content:'';display:block;position:absolute;top:45px;left:51.5%;width:1px;height: 200px;background:#dcdcdc;}
.offi_org .offi_org2:before{z-index:-1;left:10%;top:180px;width: 81%;height:100px;border:1px solid #dcdcdc;border-bottom:none;background: transparent;}
.offi_org .org3_1:before{z-index:-1;left: 19%;top:192px;width: 62%;height:100px;border:1px solid #dcdcdc;border-bottom:none;background:transparent;}
.offi_org .org3_2:before{z-index:-1;left: 29.5%;top:192px;width: 42%;height:100px;border:1px solid #dcdcdc;border-bottom:none;background:transparent;}
.offi_org .org3_3:before{z-index:-1;left: 40%;top:192px;width: 21%;height:100px;border:1px solid #dcdcdc;border-bottom:none;background:transparent;}
.offi_org .org4_1:before{left:10%; top:295px; height:100px;}
.offi_org .org4_2:before,
.offi_org .org4_3:before,
.offi_org .org4_4:before,
.offi_org .org4_5:before{z-index:-1;left:10%;top:351px;width: 31.7%;height:100px;border:1px solid #dcdcdc;border-bottom:none;background: transparent;}
.offi_org .org4_3:before{left: 20.5%;width: 21.2%;}
.offi_org .org4_4:before{left: 32.5%;width: 9.4%;border-right: none;}
.offi_org .org4_5:before{left: 44%;width: 1px;border: none;background: #e0e0e0;}

.offi_org .org5_1:before{left: 90%;top:295px;height:100px;}
.offi_org .org5_2:before,
.offi_org .org5_3:before,
.offi_org .org5_4:before,
.offi_org .org5_5:before{z-index:-1;left: 55.4%;top:351px;width: 34.7%;height:100px;border:1px solid #dcdcdc;border-bottom:none;background: transparent;}
.offi_org .org5_3:before{left: 65.5%;width: 13.2%;}
.offi_org .org5_4:before{left: 56.5%;width: 18.2%;border-right: none;border-left: none;}
.offi_org .org5_5:before{left: 44%;width: 1px;border: none;background: #e0e0e0;}


@media all and (max-width:1024px){
	.offi_org br{display:inline-block;}
}
@media all and (max-width:768px){
	.offi_org1 > div{width:32%;}
	.offi_org li:before{
    height: 149px;
}
	.offi_org2 > div{width: 18%;}
	.offi_org3{width: 61%;}
	.offi_org3 li{width:31.7%;}
	.offi_org3 li:nth-child(-n + 4){width: 23.5%;margin-bottom:10px;}
	.offi_org4 li{width:18.5%;}
	.offi_org3 li:nth-child(-n+3){margin-bottom:10px;}
	.offi_org4 li:nth-child(-n+3){margin-bottom: 16px;}

	.offi_org .offi_org2:before{left:15%;}
	.offi_org .org3_1:before{left: 28%;width:46%;}
	.offi_org .org3_2:before{display:none;}
	.offi_org .org3_3:before{left:63%;border: none;width: 1px;background: #dcdcdc;display: none;}
	.offi_org .org4_1:before{left: 7%;height: 190px;}
	.offi_org .org4_2:before{left: 7%;top:485px;width: 36.5%;}
	.offi_org .org4_3:before,
	.offi_org .org4_4:before,
	.offi_org .org4_5:before{top:485px; border-right: none;}

	.offi_org .org5_1:before{left: 86%;height: 190px;}
	.offi_org .org5_2:before{left: 56.5%;top:485px;width: 33.5%;}
	.offi_org .org5_3:before{top:485px;border-right: 1px solid #dcdcdc;}
	.offi_org .org5_4:before,
	.offi_org .org5_5:before{}
}
@media all and (max-width:600px){
	.offi_org li{display:flex;align-items:center;flex-direction:column;gap: 10px;margin-bottom: 1rem;}
	.offi_org li:before{display: none;}
	.offi_org1 > div{width: 100%;margin-bottom: 10px;}
	.offi_org{padding: 34px 3% 34px 3%;}
	.offi_org2 > div{width: 100%;order: 0;}
	.offi_org2 > div.org_div2{margin-bottom: 10px;order: 4;}
	.offi_org3{width: 100%;order: 3;display: flex;flex-wrap: wrap;}
	.offi_org4{width: 100% !important;order: 2;display: flex;align-items: start;justify-content: center;flex-wrap: wrap;}
	.offi_org5{width: 100% !important;margin-top: -10px;order: 4;}
}
@media all and (max-width:380px){
	.offi_org3 li{margin: 0 0 25px 0.6%;}
}
@media all and (max-width:360px){
	.org3_4 br,
	.org3_6 br{display:none;}
}
@media all and (max-width:320px){
	.offi_org .offi_org2:before{left:15%;width: 50%;}
	.offi_org .org3_1:before{left:40%;width: 25%;height: 335px;}
	.offi_org .org3_2:before{display:none;}
	.offi_org .org3_3:before{left:63%;display: none;}
	.offi_org .org4_1:before{left:15%;height: 542px;}
	.offi_org .org4_2:before{display: none; left:15%;top: 657px;width:73%;}
	.offi_org .org4_3:before{display: none; left:31%;top: 657px;width:38%;}
	.offi_org .org4_4:before{left:50%;top: 657px;}
}

/* 청사안내 */
#sub_building img{max-width:100%;}

/* 찾아오시는길 */
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%; border-top:2px solid #2e3446;}
#sub_location .roughmap_maker_label{border-radius:30px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding:8px 15px 8px; font-size:0; letter-spacing:-1px; border-radius:30px; background-color:#fff;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:before{content:''; display:inline-block; width:30px; height:30px; margin:0 5px 0 0; vertical-align:top; background-image:url(/images/common/ico_logo.png); background-repeat:no-repeat; background-size:contain;}
#sub_location .roughmap_maker_label .roughmap_lebel_text:after{content:"수원시의회"; display:inline-block; line-height:30px; font-size:20px; font-weight:900; font-family:"Noto Sans KR";}
#sub_location .root_daum_roughmap .cont{display: none;}
#sub_location .addr {overflow:hidden; width:100%; margin-top: 30px;}
#sub_location .addr li{position:relative; float:left; min-height:80px; line-height:170%; padding:14px 0 0 105px; font-weight:800; word-break:keep-all; box-sizing:border-box; background:url(/images/kr/intro/ico_loc1.jpg) no-repeat;}
#sub_location .addr li.list2{background-image:url(/images/kr/intro/ico_loc2.jpg);}
#sub_location .addr li.list1{width:50%; margin:0 82px 0 0;}
#sub_location .addr li.list1:after{content:''; display:block; position:absolute; right:0; top:50%; width:1px; height:50px; margin:-25px 0 0 0; background:#e5e5e5;}

@media all and (max-width:1024px){
	#sub_location .addr li.list1{width:52%; margin:0 10% 0 0;}
}
@media all and (max-width:768px){
	#sub_location .root_daum_roughmap .wrap_map{height:350px !important;}

	#sub_location .addr li{padding-left:98px;}
	#sub_location .addr li.list1{width:55%; margin:0 5% 0 0;}
	#sub_location .addr li.list1 br{display:none;}
}
@media all and (max-width:568px){
	#sub_location .root_daum_roughmap .wrap_map{height:270px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:19px;}

	#sub_location .addr {font-size:16px;}
	#sub_location .addr li{min-height:60px; line-height:160%; padding:5px 0 0 75px; background-size:60px;}
	#sub_location .addr li.list1{width:100%; margin:0 0 15px;}
	#sub_location .addr li.list1 br{display:inline-block;}
	#sub_location .addr li.list1:after{display:none;}
}
@media all and (max-width:380px){
	#sub_location .root_daum_roughmap .wrap_map{height:250px !important;}
	#sub_location .roughmap_maker_label .roughmap_lebel_text:after{font-size:18px;}

	#sub_location .addr {font-size:15px;}
	#sub_location .addr li{min-height:55px; padding:4px 0 0 70px; background-size:55px;}
}
@media all and (max-width:340px){
	#sub_location .addr li{min-height:52px; padding:3px 0 0 67px; background-size:52px;}
}

/* 의원소개 */
#sub_active{float:left; width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
.profile{float:left; width:48.1%; margin:0 0 34px 0; padding:30px 0 0 0; color:#333; border-radius:10px; border:1px solid #d2d2d2; box-sizing:border-box;}
.profile:hover{border-color:rgba(41,46,68,0.5);}
.profile.none{float:right;}
.profile dl{position:relative; float:left; width:100%; padding:0 0 0 37.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:6.5%;}
.profile dt img{max-width:100%; max-width:115px; border:1px solid #e5e5e5;}
.profile dd{float:left; width:100%; min-height:175px; padding:2px 0 0 0;}
.profile .name {display:block; overflow:hidden; width:100%;}
.profile .name p{display:block; line-height:130%; margin:0 0 5px; font-size:16px; color:#3a4996; font-weight:800; letter-spacing:-1px;}
.profile .name strong{float:left; line-height:100%; font-size:28px; font-weight:900; color:#222; letter-spacing:-2px;}
.profile dd ul{clear:both; width:100%; padding:27px 0 0 0; font-weight:400; font-size:15px;}
.profile dd li{position:relative; padding:0 0 10px 99px; line-height:135%; box-sizing:border-box;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{top:0; width:20px; height:20px; border-radius:0; background:url(/images/kr/member/ico_distr.jpg) no-repeat 50% 0;}
.profile dd li:first-child:before{background-image:url(/images/kr/member/ico_part.jpg);}
.profile dd li em{position:absolute; top:0; left:27px; width:80px; font-weight:800;}
.profile dd li span{word-break:break-all;}
.profile dd li .colon{display:none;}
.profile .btns{clear:both; overflow:hidden; width:100%; min-height:0; padding:0;}
.profile .btns a:first-of-type { width: 50%; border-radius: 0 0 0 10px; }
.profile .btns a{position:relative; float:left; width:25%; height:60px; line-height:60px; font-weight:400; border-right:1px solid #d2d2d2; color:#292e45; background:#f5f4f7; text-align:center; text-decoration:none; box-sizing:border-box;}
.profile .btns a:last-of-type{width:calc(50% + 1px);  margin:0 0 0 -1px; border-right:none; border-left:1px solid #d2d2d2; border-radius:0 0 10px 0;}
.profile .btns a:hover{z-index:1; background-color:#efedf2; border-color:rgba(41,46,68,0.5);}

/* 역대의원 */
#sub_memberlist .profile .btns a:first-of-type { width: 25%; }
#sub_memberlist .profile .btns a:last-of-type{width:calc(25% + 1px); }
#sub_memberlist .profile .btns a.btn_profile.onebtn { width: 100%; }

.profile .sns{float:left; padding:1px 0 0 10px;}
.profile .sns a{float:left; width:28px; height:26px; font-size:0; text-indent:-9999px; background:url(/images/common/ico_sns_on.jpg) no-repeat 0 0;}
.profile .sns .tw{background-position:0 -26px;}
.profile .sns .bl{background-position:0 -52px;}
.profile .sns .kko{background-position:0 -78px;}
.profile .sns .insta{background-position:0 -104px;}
.profile .sns .channel{background-position:0 -130px;}
#sub_memberlist .profile .btns a:first-child{border-radius:0 0 0 10px;}
#sub_memberlist .profile dt img{border:none;}

@media all and (max-width:1230px) {
	.profile dt{left:4.5%; width:35%; max-width:140px;}
	.profile .sns{padding:0 0 0 7px;}
}
@media all and (max-width:1024px) {
	.profile{width:49%;}
	.profile dl{padding:0 0 0 38%;}
	.profile dt{left:4.5%; width:35%; max-width:155px;}
	.profile dt img{width:87%; max-width:119px; height:auto;}
	.profile .name strong{font-size:27px;}
	.profile dd li{padding:0 5px 7px 88px;}
}
@media all and (max-width:768px) {
	.profile{overflow:hidden; width:100%; height:auto; padding:20px 0 0 0;}
	.profile dl{padding:0 0 27px 170px;}
	.profile dt{left:3.5%;}
	.profile dd{min-height:145px;}
	.profile .name strong{font-size:25px;}
	.profile .btns{margin:1em 0 0 0;}
}
@media all and (max-width:568px) {
	.profile dl{padding:0 0 23px 38%;}
	.profile .name strong{font-size:24px;}
	.profile dd li{padding:0 0 5px 80px;}
	.profile dd li em{left:21px;}
	.profile dd li:before{width:17px; background-size:contain;}
	.profile .btns a{height:47px; line-height:47px;}
}
@media all and (max-width:380px) {
	.profile .name strong{font-size:23px;}
	.profile .name span{font-size:15px;}
	.profile dd ul{padding:24px 0 0 0; font-size:14px;}
	.profile dd{min-height:132px;}
	.profile dd li{padding:0 0 5px 74px;}
	.profile dd li:before{width:16px;}
	.profile dd li em{left:19px;}
	.profile dd li .colon{left:70px;}
}
@media all and (max-width:357px) {
	.profile .sns{width:100%; padding:5px 0 0 0;}
}

/* 선거구 */
#sub_district .district{position:relative; float:left; width:100%; height:444px; padding:40px 0 0 0; margin:0 0 35px; border:1px solid #d2d2d2; border-radius:10px; box-sizing:border-box; text-align:center;}
#sub_district .map {position:relative; width:100%;}
#sub_district .map img{max-width:100%;}
#sub_district .map img:not(:first-child){z-index:-1; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#sub_district .info{z-index:2; position:absolute; top:50px; left:46px;}

@media all and (max-width:768px) {
	#sub_district .info{top:40px; left:35px;}
}
@media all and (max-width:568px) {
	#sub_district .info{position:static; padding:0 0 15px 10px; text-align:left;}
	#sub_district .district{height:auto; padding:25px 5px;}
}
@media all and (max-width:380px) {
	#sub_district .btn_map{margin:0 0 15px;}
}

/* 역대의원 의안검색 */
.form_sc{position:relative; overflow:hidden; width:100%; padding:30px 0 30px 50px; background:#eef2f6; box-sizing:border-box;}
.form_sc + .taR{padding:8px 0 35px 0; font-size:95%;}
.form_sc div{position:relative; float:left; width:59%; padding:0 0 0 130px; box-sizing:border-box;}
.form_sc label{position:absolute; left:55px; top:0; display:block; width:60px; line-height:42px; font-weight:800; color:#003964; text-align:right;}
.form_sc .sel{width:30%;}
.form_sc select{-webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; background:#fff url(/images/common/ico_assem.png) no-repeat right 14px top 50%;}
.form_sc select::-ms-expand{display:none;}
.form_sc select,
.form_sc input[type="text"]{width:100%; height:42px; line-height:42px; padding:0 0 0 12px; border:none;}
.form_sc input[type="text"]{padding-right:42px; background:#fff;}
.form_sc .btn{position:absolute; right:0; top:0; height:42px; width:44px; line-height:42px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0; background:#3a4996;}
.form_sc .btn:before,
.form_sc .btn:after{content:''; display:block; position:absolute; top:12px; left:14px; width:15px; height:15px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
.form_sc .btn:after{left:24px; top:25px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.form_sc .btn:hover{background-color:#004e96;}
.form_sc .intxt{padding-right:50px;}

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

/* 의원윤리강령 */
#sub_ethics .ethics_top {display: inline-block; margin-bottom: 50px; }
#sub_ethics .ethics_top .pic {float: left; width:42.98%; padding:0 3.3% 0 0;}
#sub_ethics .ethics_top .txt {position: relative; float:left; width:53.6%; padding: 75px 0 0 0;}
#sub_ethics .ethics_top .txt p {position: relative; padding: 0 0 16px 0; font: 800 32px/100% 'hansuw'; color: #2aa19c;}
#sub_ethics .ethics_top .txt p::before {position: absolute; content: ""; width:121%; height: 3px; background: #2aa19c; bottom: 0; right: 0; z-index: 1;}
#sub_ethics .ethics_top .txt p::after{position: absolute; content: ""; width: 45px; height: 64px; bottom: 0; right: 0; background: url(/images/kr/member/bg_line1.png) no-repeat; }
#sub_ethics .ethics_top .txt .txt1 {padding: 30px 0 0 0; line-height: 34px;}

#sub_ethics .ethics_bottom {padding: 50px 50px 45px 50px; width: 100%; background: #f7f7f7; border-radius: 20px; box-sizing: border-box;}
#sub_ethics .ethics_bottom .e_list {position: relative; padding-bottom: 40px; display: table; z-index: 1;}
#sub_ethics .ethics_bottom .e_list::before {position: absolute; content: ""; width: 18px; height: 31px; top: 0; left: -5px; background: url(/images/kr/member/bg_line2.png) no-repeat; z-index: -1;}
#sub_ethics .ethics_bottom .e_list strong {padding-right: 25px; font: 400 48px 'hansuw'; color: #2e3446;}
#sub_ethics .ethics_bottom .e_list:first-child strong {padding-right: 34px;}
#sub_ethics .ethics_bottom .e_list span {display: table-cell; vertical-align: middle;}

#sub_ethics .ethics_bottom .line {width: 100%; height: 1px; border-top: 1px dashed #aaaaaa;}
#sub_ethics .ethics_bottom .e_logo {padding-top: 35px; text-align: center;}

@media all and (max-width: 1230px){   
    #sub_ethics .ethics_top .pic img {max-width:100%;}
    #sub_ethics .ethics_top .txt {padding: 25px 0 0 0;}
}
@media all and (max-width: 780px){
    #sub_ethics .ethics_top {margin-bottom: 20px;}
    #sub_ethics .ethics_top .pic {padding: 0 0 30px 0;width: 100%; text-align: center;}
    #sub_ethics .ethics_top .txt {float: none; width: 100%; padding: 0;}
    #sub_ethics .ethics_top .txt p {text-align: center;}
    #sub_ethics .ethics_top .txt p::before {width: 100%;}
    #sub_ethics .ethics_top .txt .txt1 {padding: 25px 10px 0;}
    #sub_ethics .ethics_bottom .e_list strong {font-size: 42px;}
}
@media all and (max-width: 568px){
    #sub_ethics .ethics_top .pic {float: none; margin: 0 auto; width: 220px; }
    #sub_ethics .ethics_top .txt p {font-size: 30px;}
    #sub_ethics .ethics_bottom{padding: 40px;}
}
@media all and (max-width: 380px){
    #sub_ethics .ethics_top .pic {width: 180px;}
    #sub_ethics .ethics_top .txt p {font-size: 24px;}
    #sub_ethics .ethics_top .txt p::after {width: 45px; height: 44px;}
    #sub_ethics .ethics_top .txt .txt1 {line-height: 28px;}
    #sub_ethics .ethics_bottom .e_list strong {font-size: 36px;}
}

/* 의회로고 */
#sub_symbol {overflow:hidden; width:100%;}
#sub_symbol .sb_wrap{float:left; width:47.51%; margin:0 0 50px;}
#sub_symbol .sb_wrap:nth-of-type(even){float:right;}
#sub_symbol .img{height:228px; padding:69px 0 0 0; border:1px solid #d2d2d2; border-radius:10px; text-align:center; box-sizing:border-box;}
#sub_symbol .btns{margin:15px 0 0 0; text-align:center;}
#sub_symbol .btn{min-width:80px; height:35px; line-height:33px; border-radius:5px; font-family:800;}
#sub_symbol .btn:after{content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin:-5px 0 0 7px; background:url(/images/kr/activity/ico_down.png) no-repeat;}
#sub_symbol .btn:hover:after{background-position:0 100%;}
#sub_symbol .btn + .btn{margin:0 0 0 12px;}

@media all and (max-width:768px) {
	#sub_symbol .img{height:auto; padding:50px 0;}
	#sub_symbol .img img{max-width:80%;}
	#sub_symbol .btn{line-height:34px;}
}
@media all and (max-width:568px) {
	#sub_symbol .img{padding:45px 0;}
	#sub_symbol .btn + .btn{margin:0 0 0 7px;}
}
@media all and (max-width:380px) {
	#sub_symbol .sb_wrap{width:100%;}
	#sub_symbol .img{padding:40px 0;}
	#sub_symbol .img img{max-width:57%;}
}

/* 상임위원회 */
#sub_standing .bd_wrap{display:table; position:relative; min-height:192px; padding:0 0 40px 0; margin:0 0 40px; border-bottom:1px dashed #d2d2d2;}
#sub_standing .img{display:table-cell; vertical-align:middle; width:35.69%;}
#sub_standing .img img{overflow:hidden; max-width:100%; border:1px solid #d2d2d2; border-radius:10px;}
#sub_standing .txt{display:table-cell; vertical-align:middle; width:64.31%; line-height:170%; padding:0 0 0 25px; box-sizing:border-box; word-break:keep-all;}
#sub_standing .txt p{padding:0 0 0 22px;}
#sub_standing .btn{z-index:1; overflow:hidden; position:relative; display:block; width:152px; height:35px; line-height:33px; padding:0 0 0 14px; margin:15px 0 0 0; text-align:left; border-radius:35px; color:#2e3446; border-radius:5px; border-color:#777d8d; background:#fff; box-sizing:border-box;}
#sub_standing .btn:after{content:''; position:absolute; right:13px; top:50%; display:block; width:15px; height:14px; margin:-7px 0 0 0; background:url(/images/kr/activity/ico_home.png) no-repeat;}
#sub_standing .btn:hover{color:#fff; border-color:#2e3446; transition:color 0.25s linear, border-color 0s 0.2s ease-in-out;}
#sub_standing .btn:hover:after{background-position:0 100%; transition-delay:0.15s;}
#sub_standing .btn:before{z-index:-1; opacity:0; content:''; display:block; position:absolute; top:-5%; left:-130%; width:120%; height:110%; margin:0; background:#2e3446; transform:skew(-20deg); transition:0.25s linear;}
#sub_standing .btn:hover:before{opacity:1; left:-10%;}

#sub_standing .box_info > li + li{margin:10px 0 0 0;}
#sub_standing .box_info ul {overflow:hidden; width:100%; padding:2px 0 0 0;}
#sub_standing .box_info ul li{float:left; width:12.5%;}

@media all and (max-width:1024px) {
	#sub_standing .bd_wrap{min-height:0;}
}
@media all and (max-width:768px) {
	#sub_standing .box_info ul li{width:16.66%;}
	#sub_standing .img,
	#sub_standing .txt{display:block; width:100%; text-align:center;}
	#sub_standing .img img{max-width:70%; max-height:150px;}
	#sub_standing .txt{padding:20px 0 0 0;}
	#sub_standing .txt h4{background:none;}
	#sub_standing .txt h4:before{content:''; display:inline-block; vertical-align:top; width:5px; height:19px; margin:0 7px 0 0; background:url(/images/kr/common/ico_tit.jpg) no-repeat; background-size:contain;}
	
	#sub_standing .btn{margin:15px auto 0; line-height:34px;}
}
@media all and (max-width:568px) {
	#sub_standing .bd_wrap{padding:0 0 35px; margin:0 0 35px;}
	#sub_standing .box_info ul li{width:25%;}
	#sub_standing .btn{width:145px;}
}
@media all and (max-width:380px) {
	#sub_standing .bd_wrap{padding:0 0 30px; margin:0 0 30px;}
	#sub_standing .img img{max-height:145px;}
	#sub_standing .txt h4:before{height:18px;}
	#sub_standing .box_info ul li{width:33.33%;}
	#sub_standing .btn{width:138px;}
}

/* 방청안내*/
.btn_down{display:inline-block; vertical-align:top; width:29px; height:23px; margin:1px 0 0 5px; font-size:0; text-indent:-999px; background:url(/images/kr/open/btn_down.png) no-repeat;}

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

/* 의회에바란다 */
#sub_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;}
#sub_hope .linkbtn{color: #fff; padding: 6px 10px; background: #e54f2c; border-radius: 7px; margin-top: 5px; display: inline-block;}
#sub_hope .gt > li:nth-child(2) {line-height: 27px;}

@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 .search{width:100%; padding:60px 0; margin:0 0 30px 0;}
#sub_search .search *{display:inline-block; vertical-align:top;}
#sub_search .search form,
#sub_search .search fieldset{width:100%; text-align:center;}
#sub_search .search label{margin:0 1em 0 0; line-height:39px; font-size:115%; font-weight:800;}
#sub_search .search #word{width:30%; height:40px; line-height:40px; border:1px solid #c8c8ca;}
#sub_search .search button{width:60px; height:40px; background:#3a4996; color:#fff;}
#sub_search .result h4{margin:0 0 15px 0; font-size:120%; font-weight:800; border-bottom:1px solid #ccc; background-position:0 4px;}
#sub_search .result > .dot{margin:0 0 0 10px;}
#sub_search .result > .dot > li {padding:0 0 0 12px; margin:0 0 7px; font-weight:800;}
#sub_search .result > .dot > li ul{font-weight:200;}
#sub_search .result > .dot > li:before{top:8px; width:5px; height:5px; background:#3a4996;}

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

/* 주민조례청구 */
#sub_jumin .proc {display:flex;flex-direction: column;margin: 10px 0 0;}
#sub_jumin .proc em{position: relative;display: inline-block;float: left;margin: 0 0 40px;width: 22%;height: 50px;line-height: 50px;background: #1397a8;color: #fff;font-size: 18px;text-align: center;border-radius: 25px;}
#sub_jumin .proc span{position: relative;display: inline-block;float: left;margin: 0 0 0 5.6%;padding: 12px 20px;width: 72.3%;min-height: 50px;background: #f5f5f5;border-radius: 10px;box-sizing: border-box;font-size: 18px;}
#sub_jumin .proc li:not(:last-child) em:after {content:'';display: block;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);width: 16px;height: 10px;background: url(/images/kr/data/bg_arrow.png)no-repeat;}
#sub_jumin .proc span:after {content:'';display:block;position:absolute;top: 25px;left: -50px;width: 50px;height: 1px;background: url(/images/kr/data/bg_line.png)no-repeat;z-index: -1;}

@media all and (max-width:768px){
	#sub_jumin .proc em {margin:0;padding: 0 15px;width: auto;height:40px;line-height:40px;font-size:16px;border-radius: 10px 10px 0 0;}
	#sub_jumin .proc span {margin:0 0 30px; width:100%; border-radius: 0 0 10px 10px; font-size:16px;}
	#sub_jumin .proc span:after {top:auto;left: 50%;bottom:-25px;transform: translateX(-50%);width:16px;height:10px;background:url(/images/kr/data/bg_arrow.png)no-repeat;}
	#sub_jumin .proc li:last-child span:after {display:none;}
}

@media all and (max-width:568px){
	#sub_jumin .proc em, #sub_jumin .proc span {font-size:15px;}
}

/* 배너모음 */
#sub_banner ul{overflow:hidden; width:100%;}
#sub_banner ul li{display:inline-block; width:24.5%; padding:5px; box-sizing:border-box;}
#sub_banner ul li img{max-width:100%;}
#sub_banner ul li.none{font-weight:bold; text-align:center; width:100%;}
@media all and (max-width:768px) {
	#sub_banner ul li{width:32.5%; padding:5px 3px; text-align:center;}
}
@media all and (max-width:568px) {
	#sub_banner ul li{width:49.2%;}
}

/*사이트맵*/
#sub_sitemap .site{overflow:hidden; width:100%; padding:20px 0 0 0; border-top:1px solid #d6d6d6;}
#sub_sitemap .site:first-of-type{padding:0; border-top:none;}
#sub_sitemap .site h4{float:left; width:22%; 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%; font-weight:700;}
#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%;}
	#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 > 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_privacy{word-break:keep-all;}
#sub_privacy li ul{padding-top:3px;}
#sub_privacy strong{font-weight:400;}