@charset "utf-8";

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

.circle {padding-left:15px;}
.circle > li{position:relative; padding:0 0 0 21px; box-sizing:border-box; word-break:keep-all;}
.circle > li:before{content:''; display:block; position:absolute; top:5px; left:0; height:14px; width:14px; border:4px solid linear-gradient(241deg, #581845, #191970); border-radius:50%;}

.box_icon{z-index:1; position:relative; width:calc(100% - 3px); padding:41px 20px 45px 19%; margin:0 0 47px; font-size:15px; word-break:keep-all; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
.box_icon:after{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 2px); height:95px; border-top:5px solid linear-gradient(241deg, #581845, #191970); border-right:5px solid linear-gradient(241deg, #581845, #191970);}
.box_icon:before{content:''; display:block; position:absolute; left:5.3%; top:50%; width:11.5%; height:107px; background:url(../../images/kr/open/ico_hope.png) no-repeat; background-size:contain; transform:translateY(-50%);}
.box_icon .tit{display:block; padding:0 0 10px; font-size:25px; font-weight:500; color:linear-gradient(241deg, #581845, #191970); text-transform:uppercase;}

.box_info{z-index:1; position:relative; float:left; width:calc(100% - 3px); margin:0 0 50px; padding:60px 4.5%; text-align:center; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
.box_info:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 2px); height:95px; border-top:5px solid linear-gradient(241deg, #581845, #191970); border-right:5px solid linear-gradient(241deg, #581845, #191970);}

.btn_go{display:inline-block; height:54px; line-height:53px; padding:0 25px; border-radius:5px; font-weight:400; color:#fff !important; border-color:linear-gradient(241deg, #581845, #191970); background:linear-gradient(241deg, #581845, #191970);}
.btn_go:after{content:''; display:inline-block; vertical-align:middle; width:7px; height:7px; margin:-3px 0 0 35px; border-bottom:1px solid #fff; border-right:1px solid #fff; transform:rotate(-45deg);}

@media all and (max-width:1024px) {
	.box_info{padding:40px 20px; margin:0 0 40px;}
	.box_icon{margin:0 0 40px; padding-top:33px; padding-bottom:30px;}
	.box_icon:before{left:4.5%;}
	.box_icon .tit{font-size:23px;}
}
@media all and (max-width:768px) {
	.box_info{padding:35px 3.5% 28px; margin:0 0 45px;}
	.box_info:before{height:55px;}
	.box_icon:after{height:55px;}
	.box_icon .tit{font-size:20px;} 
}
@media all and (max-width:568px) {
	.box_info{margin:0 0 30px; padding:30px 15px;}
	.box_icon{margin:0 0 35px; padding-top:28px; padding-bottom:25px;}
	.box_icon:before{top:20px; left:4%; transform:translateY(0);}
	.box_icon .tit{font-size:19px;}
}

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

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

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

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

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

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

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


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

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

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


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

#sub_history .his_wrap{position:relative; overflow:hidden;}
#sub_history .his_bar{position:absolute; left:270px; top:0; width:1px; height:100%; background:#dedede;}
#sub_history .bar_active{position:absolute; transition:all .15s; left:-1px; top:0; width:3px; height:0; background:#1c394d;}

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

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

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

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

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

/* 의회구성 */
.org{z-index:1; position:relative; float:left; width:calc(100% - 3px); margin:0 0 50px; padding:60px 86px 35px; text-align:center; border:1px solid #ddd; border-top:none; border-radius:0 0 0 50px; box-sizing:border-box;}
.org:before{z-index:-1; content:''; display:block; position:absolute; top:0; left:0; width:calc(100% + 2px); height:95px; border-top:5px solid linear-gradient(241deg, #581845, #191970); border-right:5px solid linear-gradient(241deg, #581845, #191970);}
.org :before {display:block; position:absolute; content:''; border-bottom:1px dotted #cacaca;}

.org .one {position:relative; z-index:10; width:309px; height:136px; margin:0 auto; padding-top:55px; border-radius:50%; background:url(../../images/kr/intro/bg_org_chair.png) no-repeat 50% 50%; font-size:25px; font-weight:500; box-sizing:border-box;}
.org .two {position:relative; width:213px; height:48px; line-height:48px; margin:27px auto 30px; border-radius:5px; background-color:#39425e; font-size:20px; font-weight:500; color:#fff; letter-spacing:0;}
.org .two:before,
.org .two:after {left:50%; width:1px; height:29px; border-left:1px dotted #cacaca;}
.org .two:before {bottom:100%;}
.org .two:after {content:''; display:block; position:absolute; top:100%;}
.org .three_area {position:relative;}
.org .three_area:before {top:0; left:29%; width:calc(71% - 86px); height:1px;}
.org .three {float:left; position:relative; width:57.75%; padding-top:67px;}
.org .three:before {top:35px; left:16.66%; width:66.66%; height:1px;}
.org .three .n1 {margin-bottom:29px;}
.org .three .n1 li {float:left; position:relative; width:calc(33.33% - 7px); margin-right:10px; padding:19px 0; border-radius:5px; background-color:#826c4a; font-size:17px; color:#fff; letter-spacing:-0.01em; line-height:25px;}
.org .three .n1 li:last-child {margin:0;}
.org .three .n1 li:before {top:-32px; left:50%; width:1px; height:32px; border-left:1px dotted #cacaca;}
.org .three .n1 li:nth-child(2):before {top:-67px; height:67px;}
.org .three .n1 li a {display:block; color:#fff;}
.org .three .n2clearfix { display: flex; width: 100%; }
.org .three .n2clearfix ul { width: 100%; display: flex; }
.org .three .n2 {position:relative; width:calc(33.33% - 7px); margin:0 auto; border:1px solid #b0bbdf; padding:9px 0; border-radius:5px; background-color:#fff; font-size:17px; color:#333; letter-spacing:-0.01em;}
.org .three .n2:before {top:-30px; left:50%; width:1px; height:29px; border-left:1px dotted #cacaca;}
.org .three .n2:after {display:block; position:absolute; top:50%; left:100%; width:490px; height:1px; background-image:url('');}
.org .four {float:right; position:relative; padding-top:48px;}
.org .four li {position:relative; width:172px; margin:0 auto; border:1px solid #d0d5e3; padding:9px 0; border-radius:5px; background-color:#fff; font-size:17px; color:linear-gradient(241deg, #581845, #191970); letter-spacing:-0.01em; margin-top:20px;}
.org .four li:before {left:50%; width:1px; border-left:1px dotted #cacaca;}
.org .four .n1 {margin-bottom:96px; background:linear-gradient(241deg, #581845, #191970); border-color:linear-gradient(241deg, #581845, #191970); color: #fff;}
.org .four .n1:before {top:-68px; height:67px;}
.org .four .n1:after {display:block; position:absolute; top:100%; left:50%; width:121px; height:96px; margin-top:1px; background-color:#f8f9fb;}
.org .four .n2 {margin-bottom:26px;}
.org .four .n2:before {top:-96px; height:95px;}
.org .four .n2:after {display:block; position:absolute; top:-10px; left:50%; width:17px; height:17px; margin-left:-8px; border:3px solid #fff; border-radius:50%; box-shadow:0 0 15px 0 rgba(79, 143, 231, 0.15); box-sizing:border-box; background-color:#6d7996;}
.org .four .n3 {margin-bottom:26px;}
.org .four .n3:before {top:-26px; height:25px;}
.org .four .n3:after {display:block; position:absolute; top:-10px; left:50%; width:17px; height:17px; margin-left:-8px; border:3px solid #fff; border-radius:50%; box-shadow:0 0 15px 0 rgba(79, 143, 231, 0.15); box-sizing:border-box; background-color:#6d7996;}
.org .four .n4 {margin-bottom:26px;}
.org .four .n4:before {top:-25px; height:25px;}
.org .four .n4:after {display:block; position:absolute; top:-10px; left:50%; width:17px; height:17px; margin-left:-8px; border:3px solid #fff; border-radius:50%; box-shadow:0 0 15px 0 rgba(79, 143, 231, 0.15); box-sizing:border-box; background-color:#6d7996;}
@media all and (max-width:1430px){
    .org .three .n2:after {width:340px;}
}
@media all and (max-width:1200px){
    .org {padding-right:35px; padding-left:35px;}
    .org .three_area:before {left:calc((100% - 185px) / 2); width:calc((100% - 185px) / 2 + 100px);}
    .org .three {width:calc(100% - 185px);}
    .org .three .n2:after {width:240px;}
}
@media all and (max-width:1000px){
    .org {padding-right:25px; padding-left:25px;}
    .org .three .n2:after {width:350px;}
}
@media all and (max-width:640px){
    .org {padding:20px;}
    .org .one {width:250px; font-size:20px;  background-size:cover;}
    .org .two {font-size:16px;}
    .org .three_area:before {left:23.5%; width:53%;}
    .org .three {width:47%; padding-top:10px;}
    .org .three:before {display:none;}
    .org .three .n1 li {float:none; width:auto; margin-right:0; margin-bottom:10px; padding:6px 0; font-size:14px;}
    .org .three .n1 li:before {top:-10px; height:10px;}
    .org .three .n1 li:nth-child(2):before {top:-10px; height:10px;}
    .org .three .n2 {width:100%; padding:6px 0; font-size:14px;}
    .org .three .n2:nth-child(2) { display: none; }
    .org .three .n2:nth-child(3) { display: none; }
    .org .three .n2:after {display:none;}
    .org .four {width:47%; padding-top:0;}
    .org .four li {width:auto; padding:6px 0; font-size:14px;}
    .org .four .n1 {margin-bottom:10px;}
    .org .four .n1:before,
    .org .four .n2:before {top:-21px; height:20px;}
    .org .four .n1:after,
    .org .four .n2:after {display:none;}
}

#sub_bill .box_icon:before{background-image: url(../../images/kr/intro/ico_bill.png);}

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

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

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

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


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

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

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

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

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

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

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

.profile{float:left; width:47.8%; margin:0 0 34px 0; padding:30px 0 0 0; color:#333; border-radius:10px; border:1px solid rgba(41,46,68,0.15); box-sizing:border-box;}
.profile:hover{border-color:rgba(41,46,68,0.5);}
.profile.none{float:right;}
.profile dl{position:relative; float:left; width:100%;  min-height:265px; padding:0 0 30px 41.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:7.7%; width:130px;}
.profile dt img{width:100%; border:1px solid #e5e5e5; box-sizing:border-box;}
.profile dd{float:left; width:100%;}
.profile .name {overflow:hidden; width:100%; padding:3px 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:700; color:#111; letter-spacing:-2px;}

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

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

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

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

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

/* 메인 현역의원 영역: 토글 스위치를 제목 위쪽에 배치 */
#member{
	position:relative;
}

.toggle_switch_wrap{
	display:flex;
	justify-content:center;
	margin-bottom:20px;
}

.toggle_switch{
	display:none !important;
}

.toggle_label{
	display:flex !important;
	align-items:center !important;
	position:relative !important;
	width:160px !important;
	height:32px !important;
	padding:2px !important;
	background:#e5e7eb !important;
	border:2px solid #d1d5db !important;
	border-radius:20px !important;
	cursor:pointer !important;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.1) !important;
}

.toggle_label:hover{
	border-color:#9ca3af !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.15) !important;
}

.toggle_text{
	position:absolute !important;
	top:50% !important;
	transform:translateY(-50%) !important;
	font-size:11px !important;
	font-weight:600 !important;
	color:#6b7280 !important;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	z-index:2 !important;
	pointer-events:none !important;
}

.toggle_text:first-child{
	left:12px !important;
}

.toggle_text:last-child{
	right:12px !important;
}

.toggle_slider{
	position:absolute !important;
	top:2px !important;
	left:2px !important;
	width:28px !important;
	height:28px !important;
	background:#fff !important;
	border-radius:50% !important;
	transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	box-shadow:0 2px 6px rgba(0,0,0,0.2) !important;
	z-index:3 !important;
}

/* 체크된 상태 (ON - 역대의장단) */
.toggle_switch:checked + .toggle_label{
	background:linear-gradient(135deg, #581845 0%, #191970 100%) !important;
	border-color:#581845 !important;
	box-shadow:inset 0 2px 4px rgba(0,0,0,0.2) !important;
}

.toggle_switch:checked + .toggle_label .toggle_slider{
	left:calc(100% - 30px) !important;
	background:#fff !important;
	box-shadow:0 2px 8px rgba(0,0,0,0.3) !important;
}

.toggle_switch:checked + .toggle_label .toggle_text:first-child{
	color:#9ca3af !important;
	opacity:0.5 !important;
}

.toggle_switch:checked + .toggle_label .toggle_text:last-child{
	color:#fff !important;
	opacity:1 !important;
	font-weight:700 !important;
}

/* 비체크 상태 (OFF - 현역의원) */
.toggle_label .toggle_text:first-child{
	color:#374151 !important;
	opacity:1 !important;
	font-weight:700 !important;
}

.toggle_label .toggle_text:last-child{
	color:#9ca3af !important;
	opacity:0.5 !important;
}

/* 포커스 상태 */
.toggle_switch:focus + .toggle_label{
	outline:3px solid rgba(88, 24, 69, 0.3) !important;
	outline-offset:2px !important;
}

/* 제목 영역 스타일 */
#member .title{
	position:relative;
	display:flex;
	align-items:center;
	gap:15px;
}

#member .title .img{
	flex-shrink:0;
}

#member .title h3{
	flex:1;
	margin:0;
}

#member .title .en{
	flex-shrink:0;
	margin-left:auto;
	margin-right:20px;
}

/* 반응형 */
@media all and (max-width:1024px){
	#member .title{
		flex-wrap:wrap;
		gap:10px;
	}
	
	#member .title .en{
		margin-right:10px;
	}
}

@media all and (max-width:768px){
	.toggle_switch_wrap{
		margin-bottom:15px;
	}
	
	.toggle_label{
		width:140px;
		height:30px;
	}
	
	.toggle_slider{
		width:26px;
		height:26px;
	}
	
	.toggle_text{
		font-size:10px;
	}
	
	.toggle_text:first-child{
		left:10px;
	}
	
	.toggle_text:last-child{
		right:10px;
	}
	
	.toggle_switch:checked + .toggle_label .toggle_slider{
		left:calc(100% - 28px);
	}
	
	#member .title{
		flex-direction:column;
		align-items:flex-start;
		gap:15px;
	}
	
	#member .title .en{
		margin-left:0;
		margin-right:0;
		order:3;
	}
}

@media all and (max-width:568px){
	.toggle_switch_wrap{
		margin-bottom:10px;
	}
	
	.toggle_label{
		width:120px;
		height:28px;
	}
	
	.toggle_slider{
		width:24px;
		height:24px;
	}
	
	.toggle_text{
		font-size:9px;
	}
	
	.toggle_text:first-child{
		left:8px;
	}
	
	.toggle_text:last-child{
		right:8px;
	}
	
	.toggle_switch:checked + .toggle_label .toggle_slider{
		left:calc(100% - 26px);
	}
}

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

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

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

/* 의장단 */
#sub_chairmanlist {position:relative;}
#sub_chairmanlist h3{line-height:110%; font-family: "gmarket"; font-size:32px; font-weight:900; color: linear-gradient(241deg, #581845, #191970); text-align:center;}
#sub_chairmanlist .info{line-height:130%; padding:7px 0 35px;}
#sub_chairmanlist .list_wrap {display:flex; justify-content:space-evenly; flex-wrap:wrap; text-align:center;}
#sub_chairmanlist .list {width:25%; box-sizing:border-box;}
#sub_chairmanlist .list a {text-decoration:none;}
#sub_chairmanlist .list *{display:block;}
#sub_chairmanlist .pic {position:relative;display:flex; justify-content:center;width: 130px;height: 140px;padding:0 5px;box-sizing:border-box;margin:0 auto;}
#sub_chairmanlist .pic img {width: auto;height: 100%;border:2px solid #ddd;}
#sub_chairmanlist .txt{display:block; word-break:keep-all;}
#sub_chairmanlist .txt .name{display:block; line-height:120%; padding:17px 0 5px; font-weight:500;}
@media all and (max-width:1024px) {
	#sub_chairmanlist .info{padding:5px 0 25px 0;}
}
@media all and (max-width:768px) {
	#sub_chairmanlist h3{font-size:27px;}
}
@media all and (max-width:568px) {
	#sub_chairmanlist h3{font-size:23px;}
	#sub_chairmanlist .list {width:50%;}
	#sub_chairmanlist .list:nth-child(-n + 2){margin:0 0 20px;}
	#sub_chairmanlist .pic{max-width:110px;height: auto;}
	#sub_chairmanlist .txt{font-size:13px;}
}

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

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

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

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

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

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

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

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


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

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

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

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

/* 행정사무감사/조사 */
#sub_function3 .box_icon {margin-top: 20px;padding: 65px 10.1%;}
#sub_function3 .box_icon::before {display: none;}
#sub_function3 .proc strong {width: 37%;color: #000;background: linear-gradient(241deg, #581845, #191970) url(../../images/kr/intro/bg_proc.png) no-repeat 100% 100%;}
#sub_function3 .proc .circle {position: absolute;margin-left: 14.7%;width: 47.7%;}
#sub_function3 .proc .circle:before {top: 28px;left: -50%;}
#sub_function3 .proc > li {position: relative;}
#sub_function3 .proc > li:last-child strong {border: 0;}
#sub_function3 .proc > li:last-child strong::after {display: none;}
#sub_function3 .box_icon:first-of-type .proc > li:nth-child(4) .circle {top: -20px;}
#sub_function3 .box_icon:first-of-type .proc > li:nth-child(4) .circle:before {top: 53px;}
#sub_function3 .box_icon:last-of-type .proc > li:nth-child(6) .circle {top: -66px;}
#sub_function3 .box_icon:last-of-type .proc > li:nth-child(6) .circle:before {top: 87px;}

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

/* 의원윤리강령 */
#sub_ethics .box_gray{padding:87px 9.8% 108px; text-align:center; background:#f7f7f7; word-break:keep-all;}
#sub_ethics .info{padding:30px 0 53px; font-size:17px; color:#000;}
#sub_ethics ul{padding:46px 7% 47px 10.64%; border-top:1px solid #020c4a; border-bottom:1px solid #020c4a; background:#fff; text-align:left;}
#sub_ethics li{display:table; height:57px;}
#sub_ethics li + li{margin:24px 0 0 0;}
#sub_ethics li *{display:table-cell; vertical-align:middle;}
#sub_ethics li .num{width:57px; line-height:57px; font-size:17px; color:#fff; border-radius:50%; background:#020c4a; text-align:center;}
#sub_ethics li p{padding:0 0 0 24px; color:#333;}

@media all and (max-width:1230px) {
	#sub_ethics .info {padding-left:10px; padding-right:10px;}
	#sub_ethics .info br{display:none;}
	#sub_ethics li *{display:inline-block; vertical-align:middle;}
	#sub_ethics li p{width:calc(100% - 82px);}
}
@media all and (max-width:1024px) {
	#sub_ethics .box_gray{padding:60px 9%;}
}
@media all and (max-width:768px) {
	#sub_ethics .box_gray{padding:50px 7%;}
	#sub_ethics .info{padding:28px 10px 45px; font-size:16px;}
	#sub_ethics .tit img{height:90px;}
	#sub_ethics ul{padding:35px 5% 35px 8%;}
	#sub_ethics li .num{width:50px; line-height:50px; font-size:16px;}
	#sub_ethics li p{width:calc(100% - 67px); padding:0 0 0 17px;}
}
@media all and (max-width:568px) {
	#sub_ethics .box_gray{padding:45px 7%;}
	#sub_ethics .tit img{height:75px;}
	#sub_ethics .info{padding:25px 0 40px; font-size:15px;}
	#sub_ethics ul{padding:30px 3% 30px 5%;}
	#sub_ethics li .num{width:45px; line-height:45px; font-size:15px;}
	#sub_ethics li p{width:calc(100% - 64px); padding:0 0 0 14px;}
}
@media all and (max-width:380px) {
	#sub_ethics .box_gray{padding:40px 5%;}
	#sub_ethics .tit img{height:68px;}
	#sub_ethics .info{padding:20px 0 35px; font-size:14px;}
	#sub_ethics li .num{width:41px; line-height:41px; font-size:14px;}
	#sub_ethics li + li{margin:20px 0 0 0;}
}

/* 의회운영 css */
  .tab_content { display: none; }
  .tab_content.active { display: block; }
	/* 탭 메뉴 기본 스타일 */
.tab_menu {
  margin-bottom: 47px;
}

.tab_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
	position: relative;
    width: 100%;
    box-sizing: border-box;
}

.tab_menu li {
  margin-right: 5px;
	width:20%;
}

.tab_menu li a {
width:20%;
  display: block;
  padding: 10px 20px;
  background: #f4f4f4;
  color: #333;
  text-decoration: none;
  border-radius: 5px 5px 0 0;
	text-align: center;
	z-index: 1;
	position: absolute;

}

/* 활성화된 탭 버튼 스타일 */
.tab_menu li.active a {
	z-index: 2;
	color: #3d4ca2;
	font-weight: 500;
	border: 2px solid #3d4ca2;
	border-bottom: none;
	background: #fff;
	transition: font-size 0.2s ease-in-out;
	border-radius: 15px 15px 0 0;
}

/* 탭 콘텐츠 공통 */
.tab_content {
  display: none;
  padding: 50px 0 0 0;
	border-top: 2px solid linear-gradient(241deg, #581845, #191970);
  background: #fff;
}

/* 활성 탭 콘텐츠 표시 */
.tab_content.active {
  display: block;
}

/* 개인정보처리방침 */

/* 전체 레이아웃 */
body {
  font-family: 'Noto Sans KR', sans-serif;
  color: #222;
  background-color: #fff;
  line-height: 1.6;
  margin: 0;
  padding: 0;
}

.cts574_wrap {
  padding: 40px 20px;
  max-width: 1200px;
  margin: 0 auto;
}

/* 상단 박스 (타이틀+설명) */
.oc_box {
  border: 1px solid #ccc;
  border-left: 5px solid linear-gradient(241deg, #581845, #191970);
  padding: 24px;
  margin-bottom: 30px;
  background-color: #f9f9f9;
  border-radius: 8px;
}

.oc_box .title_box .text {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.oc_box .desc_box .text {
  font-size: 15px;
  color: #555;
  line-height: 1.8;
}

/* 라벨링 메뉴 */
.label_box {
  margin: 30px 0;
  border-top: 4px solid linear-gradient(241deg, #581845, #191970);
  padding-top: 20px;
}

.label_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.label_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-left: 0;
}

.label_item {
  flex: 1 1 150px;
  list-style: none;
}

.label_anchor {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 6px;
  text-decoration: none;
  color: #333;
  background-color: #fff;
  transition: all 0.2s;
	white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
			 width: calc(100% - 20px);
}

.label_anchor:hover {
  background-color: #f0f0f5;
  /* border-color: linear-gradient(241deg, #581845, #191970); */
  /* color: linear-gradient(241deg, #581845, #191970); */
	border: 6px solid; /* 두께 지정 */
  border-image: linear-gradient(241deg, #581845, #191970) 1;
}

/* 목차 */
.desc_label_box {
  margin-bottom: 30px;
}

.desc_label_list {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-left: 0;
}

.desc_label_item {
  flex: 1 1 280px;
  list-style: none;
}

.desc_label_item a {
  display: block;
  border: 1px solid #ddd;
  padding: 12px 16px;
  border-radius: 6px;
  text-decoration: none;
  color: #333;
  background-color: #fafafa;
  transition: 0.2s;
}

.desc_label_item a:hover {
  background-color: #eee;
  border-color: linear-gradient(241deg, #581845, #191970);
}

/* 조문 타이틀 */
.h3 {
  margin-top: 40px;
  font-size: 18px;
  font-weight: bold;
  color: linear-gradient(241deg, #581845, #191970);
  border-left: 4px solid linear-gradient(241deg, #581845, #191970);
  padding-left: 10px;
}

/* 본문 내용 */
.indent {
  padding-left: 20px;
  margin-bottom: 30px;
}

/* 목록 스타일 */
ul.bu {
  list-style: disc;
  margin-left: 20px;
  padding-left: 0;
}

ul.bu li {
  margin-bottom: 6px;
}

/* 표 스타일 */
.table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
}

.table th,
.table td {
  border: 1px solid #ccc;
  padding: 10px;
  text-align: left;
}

.table th {
  background-color: #f0f0f0;
  font-weight: bold;
}

/* 링크 스타일 */
a.oc_link {
  display: inline-block;
  margin-top: 10px;
  color: #0055aa;
  text-decoration: underline;
}

a.oc_link:hover {
  color: linear-gradient(241deg, #581845, #191970);
}
.ellipsis-box li{
  white-space: nowrap;         /* 한 줄만 허용 */
  overflow: hidden;            /* 넘친 텍스트는 숨김 */
  text-overflow: ellipsis;     /* 말줄임표 (…) 표시 */
  width: 100%;                 /* 또는 원하는 고정 너비 */
  display: block;              /* inline 요소에는 적용 안 됨 */
}


.desc_label_item a {
  display: block;
  border: 1px solid #ddd;
  padding: 12px 16px;
  border-radius: 8px;
  background-color: #fafafa;
  text-decoration: none;
  color: #333;
  font-size: 15px;
  white-space: nowrap;        /* 줄바꿈 방지 */
  overflow: hidden;           /* 넘치는 텍스트 숨김 */
  text-overflow: ellipsis;    /* ...으로 표시 */
  width: 100%;
  box-sizing: border-box;
}

/* 의장 인사말 */

#contents {
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 20px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #222;
  background: #fff;
}

.slogan {
  text-align: center;
  margin-bottom: 30px;
}

.slogan img {
  max-width: 100%;
  height: auto;
}

.cts_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 30px;
}

.img_area {
  flex: 1 1 250px;
  text-align: center;
}

.img_area img {
  width: 250px; /* 기존보다 크게 설정 */
  height: auto;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.img_area {
  text-align: center;
}

.img_area .name {
  margin-top: 12px;
  font-weight: bold;
  font-size: 20px;
  color: #0a3e82;
}

.img_area .label {
  display: block;
  font-size: 16px;
  color: #555;
}


.text {
  flex: 2 1 600px;
  font-size: 16px;
  line-height: 1.8;
}

.text strong {
  display: inline-block;
  margin-top: 15px;
  font-size: 18px;
  color: #004aad;
}

@media (max-width: 768px) {
  .cts_wrap {
    flex-direction: column;
    text-align: center;
  }

  .text {
    text-align: left;
  }
}

/* 예산절차 */
.proc3 {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
  padding: 30px;
}

.proc3 .left,
.proc3 .right {
	width:40%;
}

.proc3 strong {
  display: block;
  font-size: 20px;
  color: #333;
  margin-bottom: 16px;
  font-weight: bold;
}

.proc3 ul {
  padding-left: 0;
  list-style: none;
}

.proc3 ul li {
  margin-bottom: 18px;
  font-size: 15px;
  color: #333;
  position: relative;
  padding-left: 14px;
}
.proc3 ul li em {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #4a63bd;
  margin-bottom: 6px;
	padding:10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); 
	border-radius: 8px;
	border: 1px solid #ddd;
}

.proc3 ul li ul.dot {
  padding-left: 14px;
}

@media (max-width: 755px) {
.proc3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
  padding: 30px;
}

.proc3 .left,
.proc3 .right {
	width:100%;
}

}