@charset "utf-8";
#sub_default{line-height:160%; font-weight:300; font-size: 18px;}

/* 서브공통 */
.txt_wrap{padding:0 0 40px 28px;}
.txt_wrap strong {display: block; margin-bottom: 3px;}
.txt_wrap .dot > li {padding-bottom: 3px;}
.txt_wrap .dot .dash {padding: 0 0 0 13px;}
.txt_wrap .bold {font-weight: 500;}
.txt_wrap .blue {font-weight: 600; color: #445990}

.box_info {margin: 0 0 50px;padding: 25px 30px; background: #f6f8f1; border-radius: 10px; box-sizing: border-box; word-break: keep-all;}

@media all and (max-width:1024px) {
    #sub_default {font-size: 16px;}
}
@media all and (max-width:568px) {
    #sub_default {font-size: 15px;}
    .txt_wrap {padding: 0 0 30px 22px;}
    .box_info {padding: 20px; margin: 0 0 20px;}
}
@media all and (max-width:430px) {
	#sub_default {font-size: 14px;}
}

/* 의장 인사말, 약력 */
.intro .pic_wrap {position: relative; height: 350px;}
.intro .pic_wrap:after {content: '';display: block;position: absolute;top: 50px;left: 50px;width: 1250px;height: calc(100% - 50px);background: url(/images/kr/chairman/bg_chairman.jpg)no-repeat center;background-size: cover;z-index: -1;}
.intro .pic_wrap .txt {padding: 43px 20px 0 45px;width: 520px;height: 300px;background: rgba(255,103,96,0.55);color: #111111;box-sizing: border-box;}
.intro .pic_wrap .txt p {margin: 0 0 25px;font-size: 25px;font-weight: 500;line-height: 1.6;}
.intro .pic_wrap .txt p em {font-size: 30px; font-weight: 600; color:#ffe789;}
.intro .pic_wrap .txt .blue {color: #1355b7;}
.intro .pic_wrap .txt .red {color: #b71313;}
.intro .pic_wrap .txt .black {color: #000;}
.intro .pic_wrap .txt > span {font-size: 16px;font-weight: 500;color: #ffe789;}
.intro .pic_wrap .txt span.small {display: block; margin: 3px 0 0; font-weight: 300; font-size: 12px; color:#fff; line-height: 1.3; word-break: keep-all;}
.intro .pic_wrap .pic {position: absolute; bottom: 0; right: 0;}

#sub_greeting .greeting {margin: 49px 0 0; font-size: 18px; line-height: 1.6;}
#sub_greeting .greeting .name {margin: 50px 0 0; text-align: right; font-size: 25px; line-height: 1;}
#sub_greeting .greeting .name img {margin: 0 0 0 10px;vertical-align: sub;}

#sub_profile .dot {margin: 50px 0 0;}
#sub_profile .dot > li {float: left; width: 45.23%; margin: 0 0 15px; padding: 0 0 15px 142px; border-bottom: 1px dashed #ccc; line-height: 1;}
#sub_profile .dot > li:nth-child(2n) {float: right;}
#sub_profile .dot > li:before {top: 1px; width: 18px; height: 18px; border: 5px solid #445990; background: #fff;}
#sub_profile .dot > li em {position: absolute; top: 0; left: 27px; font-weight: 600;}
#sub_profile .dot > li.list {width: 100%; padding: 0; border: none;}
#sub_profile .ls2 {letter-spacing: 32px;}
#sub_profile .ls3 {letter-spacing: 7px;}
#sub_profile .career {margin: 33px 0 0; padding: 27px; border: 1px solid #ccc; border-radius: 5px; box-sizing: border-box;}
#sub_profile .career span {display: block; margin: 0 0 10px;}
#sub_profile .career .dash:not(:last-child) {margin: 0 0 35px;}
#sub_profile .career .dash > li {padding-bottom: 10px;}
#sub_profile .career .dash > li:before {top:8px;}

@media all and (max-width:1024px) {
    .intro .pic_wrap {height: 320px;}
    .intro .pic_wrap .txt {padding: 37px 20px 0 40px;height: 270px;}
    .intro .pic_wrap .txt p {font-size: 22px;}
    .intro .pic_wrap .txt p em {font-size: 26px;}
    .intro .pic_wrap .pic img {height: 320px;}
    
    #sub_greeting .greeting {font-size: 16px;}
}
@media all and (max-width:768px) {
    .intro .pic_wrap {height: 440px;}
    .intro .pic_wrap:after {top: 100px; width: 100%; height: calc(100% - 100px);}
    .intro .pic_wrap .txt {padding: 35px 5%; width: 75%; height: auto;}
    .intro .pic_wrap .txt p {font-size: 20px;}
    .intro .pic_wrap .txt p em {font-size: 23px;}
    .intro .pic_wrap .pic img {height: 260px;}
    
    #sub_greeting .greeting .name {font-size: 20px;}
    #sub_greeting .greeting .name img{height: 40px;}
    
    #sub_profile .dot > li {width: 100%; padding-left: 130px;}
    #sub_profile .dot > li:before {top: 0; width: 15px; height: 15px; border-width: 4px;}
    #sub_profile .dot > li em {left: 20px; font-size: 17px;}
    #sub_profile .ls2 {letter-spacing: 31px;}
    #sub_profile .ls3 {letter-spacing: 6px;}
    #sub_profile .career {padding: 20px 25px;}
    #sub_profile .career .dash:not(:last-child) {margin: 0 0 20px;}
}
@media all and (max-width:568px) {
    .intro .pic_wrap .txt {padding: 25px 5%; width: 90%;}
    .intro .pic_wrap .txt p {margin: 0 0 20px;font-size: 19px;}
    .intro .pic_wrap .txt p em{font-size: 20px;}
    .intro .pic_wrap .txt span.small br{display: none;}
    .intro .pic_wrap .pic img {height: 250px;}
    
    #sub_greeting .greeting .name {margin: 30px 0 0; font-size: 18px;}
    #sub_greeting .greeting .name img{margin: 0 0 0 6px;height: 32px;}
    
    #sub_greeting .greeting {font-size: 15px;}
    #sub_profile .dot > li {padding-left: 115px;}
    #sub_profile .dot > li em {font-size: 16px;}
    #sub_profile .ls2 {letter-spacing: 28px;}
}
@media all and (max-width:430px) {
    .intro .pic_wrap:after {left: 25px;}
    .intro .pic_wrap .txt {width: 98%;}
    .intro .pic_wrap .txt p {margin: 0 0 15px;font-size: 18px;}
    .intro .pic_wrap .txt p em{font-size: 19px;}
    .intro .pic_wrap .pic img {height: 220px;}
    
    #sub_greeting .greeting .name {font-size: 17px;}
    #sub_greeting .greeting .name img{height: 29px;}
    
    #sub_greeting .greeting {font-size: 14px;}
}

/* 의회연혁 */
#sub_history .tit_wrap {margin: 0 0 50px;width: 100%; height: 100px; text-align: center; background: url(/images/kr/intro/bg_history.jpg)no-repeat center;}
#sub_history .history_wrap {position: relative;}
#sub_history .history_wrap:after {content: ''; display: block; position: absolute; top: 20px; left: 230px; width: 4px; height: calc(100% - 20px); background: #d8ecf4;}
#sub_history .history_wrap > li {position: relative;}
#sub_history .history_wrap > li:not(:first-child) {margin: 100px 0 0;}
#sub_history .history_wrap > li:after {content: ''; display: block; position: absolute; top: 5px; left: 220px; width: 24px; height: 24px; background: url(/images/kr/intro/ico_bl.png)no-repeat; z-index: 1;}
#sub_history strong {position: absolute; font-size: 30px; font-weight: 300; color: #3ba0c6; font-style: italic;}

#sub_history .list {padding: 0 0 0 290px;}
#sub_history .list li {position: relative; padding: 0 0 10px 167px;}
#sub_history .list li:last-child {padding-bottom: 0;}
#sub_history .list em {position: absolute; top: 0; left: 0; font-weight: 600;}

@media all and (max-width: 768px){
    #sub_history .history_wrap:after {left: 10px;}
	#sub_history .history_wrap > li:not(:first-child) {margin:50px 0 0;}
    #sub_history .history_wrap > li:after {top: 3px;left: 0;}
    #sub_history strong {left:35px; font-size: 26px;}
    #sub_history .list {padding: 50px 0 0 40px;}
    #sub_history .list li {padding-left: 140px;}
    
}
@media all and (max-width:568px){
    #sub_history .tit_wrap {margin: 0 0 35px;height: auto;}
    #sub_history .tit_wrap img {max-width:80%;}
    #sub_history .history_wrap > li:after {top: 0;}
    #sub_history strong {font-size: 24px;}
    #sub_history .list {padding-top: 40px;}
    #sub_history .list li {padding: 20px 0 10px;}
}
@media all and (max-width:430px){
    #sub_history strong {font-size: 22px;}
}

/* 의회기능 */
.proc + h4 {margin: 50px 0 0;} 
.proc > ul > li{position: relative;display: flex;flex-wrap: wrap;align-items: stretch;margin: 0 0 36px;width: 100%;min-height: 60px;border: 1px solid #ff877f;border-radius: 10px 10px 0 0;box-sizing: border-box;}
.proc > ul > li:last-child {margin: 0;}
.proc > ul > li:not(:last-child):after {content: '';display: block;position: absolute;bottom: -26px;left: 13.47%;width: 16px;height: 16px;background: url(/images/kr/intro/ico_arrow.png)no-repeat;}
.proc ul > li em {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 10px;width: 28.87%;min-height: 58px;font-weight: 500;color: #fff;background: #ff877f;border-radius: 7px 0 0 0;box-sizing: border-box;}
.proc ul > li .dash {padding: 15px 0 15px 19px;display: flex;flex-direction: column;justify-content: center;width: 69%;box-sizing: border-box;}
.proc > ul > li.auto {width: 28.87%; border: none;}
.proc > ul > li.auto:not(:last-child):after {left: 50%; transform: translateX(-50%);}
.proc > ul > li.auto em {width: 100%; border-radius: 10px 10px 0 0;}

.proc2 > ul > li {border-color: #8e7fff;}
.proc2 ul > li em {background: #8e7fff;}

.proc3 > ul > li {border-color: #7fa6ff;}
.proc3 ul > li em {background: #7fa6ff;}

.proc4 > ul > li {border-color: #45aa68;}
.proc4 > ul > li:not(:last-child):after {left: 28.2%;}
.proc4 ul > li em {width: 57.74%; background: #45aa68;}
.proc4 ul > li .dash {width: 42%;}
.proc4 > ul > li.auto {width: 57.74%;}

.proc5 > ul > li {border-color: #459faa;}
.proc5 ul > li em {background: #459faa;}

.proc6 > ul > li {border-color: #4569aa;}
.proc6 ul > li em {background: #4569aa;}

.proc7 > ul > li {border-color: #5046ab;}
.proc7 ul > li em {background: #5046ab;}

.proc8 > ul {position: relative; padding:0 0 0 80px;}
.proc8 > ul:after {content: '';display: block;position: absolute;width: 80px;height: calc(100% - 308px);left: 30px;top: 282px;border:2px solid #ededed;border-right: none;background: #fff;z-index: -1;} 
.proc8 > ul > li {border-color: #ab4646;}
.proc8 ul > li em {background: #ab4646;}
.proc8 > ul > li.left {position: absolute; top: 525px; left: 0; width: auto; border: none;}
.proc8 > ul > li.left:after {display: none;}
.proc8 > ul > li.left em {width: 60px; height: 200px; border-radius: 10px; writing-mode:vertical-lr;}

.proc9 > ul:after {display: none;}
.proc9 > ul > li {border-color: #ab7d46;}
.proc9 ul > li em {background: #ab7d46;}
.proc9 > ul > li.bnone {border: none;}
.proc9 > ul > li.bnone ul {position: relative; padding: 0 0 0 240px;}
.proc9 > ul > li.bnone ul:before {content: ''; display: block; position: absolute; width: 220px; height: 82px; top: 65px; left: 10px; background: url(/images/kr/intro/ico_arrow2.png)no-repeat center; background-size: contain;}
.proc9 > ul > li.bnone li {margin: 0 0 10px;width: 300px; height: 60px; line-height: 60px; background: #d0d0d0; font-weight: 500; text-align: center;border-radius: 10px 10px 0 0;}
.proc9 > ul > li.bnone li:last-child {margin: 0;}

@media all and (max-width:1220px) {
    .proc9 > ul > li.bnone ul {padding: 0 0 0 180px;}
    .proc9 > ul > li.bnone ul:before {width: 150px;}
    .proc9 > ul > li.bnone li {width: 230px;}
}

@media all and (max-width:768px){
    .proc + h4 {margin: 35px 0 0;}
    .proc > ul > li:not(:last-child):after {left: 50%; transform: translateX(-50%);}
    .proc ul > li em {width: 100%; height: 52px; line-height: 52px; font-size: 16px; border-radius: 10px 10px 0 0;}
    .proc ul > li .dash {padding: 10px 10px 10px 15px;width: 100%;}
    .proc > ul > li.auto {width: 100%;}
    
    .proc8 > ul {padding: 0;}
    .proc8 > ul:after {display: none;}
    .proc8 > ul > li.left {position: static; margin: 0 0 10px;}
    .proc8 > ul > li.left em {width: 100%; height: 52px; writing-mode:horizontal-tb;}
    
    .proc9 > ul > li.bnone ul {padding: 70px 0 0;width: 100%;}
    .proc9 > ul > li.bnone ul:before {top: 25px;left: 50%;transform: translateX(-50%) rotate(90deg);height: 20px;}
    .proc9 > ul > li.bnone li {width: 100%;}
}

/* 의회운영 */
#sub_operate1 .box_info {margin: 0 0 20px;}
#sub_operate1 .txt_wrap .box_info {margin: 0;}

/* 의회구성도 */
.org {position: relative; margin: 0 0 50px; border: 1px solid #42907a; border-radius: 10px; box-sizing: border-box; overflow: hidden;}
.org1 em{position: relative; display: block; margin: 50px auto 0; width: 100px; height: 100px; line-height: 100px; font-size: 20px; font-weight: 500; color: #cbfde2; text-align: center; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35); background: #445990; border-radius: 50%;}
.org2 em{margin-left: 55%; width: 200px; height: 60px; line-height: 60px; color: #fff; background: #2a9b94; border-radius: 10px;}
.org3 em{margin-left: auto;text-shadow: none; color: #333; background: #ccc;}

.org li:after {content: '';display: block;position: absolute;top: 154px;left: 50%;transform: translateX(-50%);width: 2px;height: 151px;background: #c4c4c4;}
li.org2:after {top: 231px;left: 52.3%;width: 4.4%;height:2px;}
.org1 em:after {content: '';display: block;position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);width: 10px;height: 10px;border: 1px solid #8f8f8f;border-radius: 50%;background: #fff;box-sizing: border-box;z-index: -1;}
.org2 > em:after {left:0;bottom: 23px;}
.org3 > em:after {bottom: auto; top:-6px}

#sub_org1 .txt .dot {display: flex; flex-wrap: wrap; align-items: center;  margin: 50px 0 0; padding: 0 19px; width: 100%; height: 60px; color: #fff; background: #42907a; box-sizing: border-box;}
#sub_org1 .txt .dot > li:first-child {margin:0 9.52% 0 0;}
#sub_org1 .txt .dot > li:before {top: 11px; background: #fff;}
#sub_org1 .txt .dot > li em {font-weight: 600;}

#sub_org2 .org1 > em {width: 200px; height: 60px; line-height: 60px; border-radius: 10px;}
#sub_org2 .org2 ul {display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 50px;}
#sub_org2 .org3{width:30%;}
#sub_org2 .org3 em {margin: 50px auto 0;}

#sub_org2 .org1:after {top: 115px; height: 151px;}
#sub_org2 .org2:after {top: 190px;}
#sub_org2 .org3:after {top: 242px;width: 60%;height: 29px;border: 2px solid #c4c4c4;border-bottom: none;background: #fff;z-index: -2;}

@media all and (max-width:768px){
    .org2 em {margin-left: 65%;width: 150px; height: 54px; line-height: 54px; font-size: 18px;}
    .org3 em {margin-left: auto;}
    
    li.org2:after {top: 225px;left: 57.3%;width: 14.4%;}
    
    #sub_org2 .org1 > em {width: 150px; height: 54px; line-height: 54px;}
    #sub_org2 .org1:after {top: 110px; height: 144px;}
    #sub_org2 .org2:after {top: 179px;}
}
@media all and (max-width:568px){ 
    .org1 > em {width: 90px; height: 90px; line-height: 90px; font-size: 18px;}
    .org2 em, #sub_org2 .org1 > em {width: 115px; height: 48px; line-height: 48px; font-size: 17px;}
    
    .org li:after {top: 144px;height: 139px;}
    li.org2:after {top: 212px;height: 2px;}
    .org2 > em:after {bottom: 20px;}
    
    #sub_org2 .org1:after {top: 104px; height: 137px;}
    #sub_org2 .org2:after {top: 170px;}
    #sub_org2 .org3:after {top: 219px;}
    
}
@media all and (max-width:430px){
    .org2 em {width: 85px; font-size: 16px;}
   
}

/* 찾아오시는길 */
#sub_location .root_daum_roughmap .wrap_map {margin: 0 0 50px;}
#sub_location .root_daum_roughmap .map_border {display: none;}
#sub_location .root_daum_roughmap{position:relative; overflow:hidden; width:100%; font-size:0; line-height:0;}
#sub_location .roughmap_maker_label{border-radius:46px;}
#sub_location .roughmap_maker_label .roughmap_lebel_text{padding: 10px 22px;line-height:28px;font-family: 'score';font-size:20px;font-weight: 600;letter-spacing:-1px;border-radius:46px;background:#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;}

@media all and (max-width:768px) {
    #sub_location .root_daum_roughmap .wrap_map {height: 550px !important;}
}
@media all and (max-width:568px) {
    #sub_location .root_daum_roughmap .wrap_map {height: 500px !important;}
}
@media all and (max-width:430px) {
    #sub_location .root_daum_roughmap .wrap_map {height: 420px !important;}
}


/* 의원소개 */
#sub_active{float:left; width:100%;}
#sub_active .normal_list img,
#sub_memberlist .normal_list img{max-width:119px;}
.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%; padding:0 0 0 41.9%; box-sizing:border-box;}
.profile dt{position: absolute; top:0; left:7.7%;}
.profile dt img{max-width:120px; border:1px solid #e5e5e5;min-width: 120px;}
.profile dd{float:left;width:100%;min-height: 220px;}
.profile .name {overflow:hidden; width:100%; padding:8px 0 20px 0;}
.profile .name strong{float:left; display:block; line-height:30px; font-size:27px; font-weight:900; color:#000; letter-spacing:-2px;}
.profile dd ul{clear:both; width:100%;}
.profile dd li{position:relative;padding: 0 0 7px 92px;line-height:135%;box-sizing:border-box;}
.profile dd li *{display:inline-block; vertical-align:top;}
.profile dd li:before{left:3px;top: 9px;width: 4px;height: 4px;background:#d5525e;}
.profile dd li em{position:absolute;top:0;left: 11px;width:85px;}
.profile dd li .ls2{letter-spacing: 33px;}
.profile dd li .ls3{letter-spacing: 8px;}
.profile dd li span{width:100%; word-break:break-all;}
.profile dd li .colon{position:absolute;top: -2px;left: 83px;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:400; 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:#f3f3f8; 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 .btns a:focus {border:2px solid #000;}

.profile .sns{float:left; padding:0 0 0 24px;}
.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{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{padding:3px 0 20px;}
	.profile .name strong{line-height:32px; font-size:23px;}
	.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;min-width: 0; height:auto;}
	.profile dd{min-height:187px;}
	.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{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:135px;}
	.profile .name strong{font-size:23px;}
	.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 80px;}
	.profile dd li:before{top:5px;}
	.profile .btns a{height:47px; line-height:47px;}
	.profile dd li .colon{left:75px;}
}
@media all and (max-width:380px) {
	.profile dd li:first-child em{letter-spacing:12px;}
	.profile dd li .colon{left:72px;}
}
@media all and (max-width:357px) {
	.profile .name strong{font-size:20px;}
	.profile .sns{width:100%; padding:5px 0 0 0;}
}


/* 선거구 */
#sub_district .district{position:relative;width:100%;height: 385px;margin:0 0 40px 0;padding: 50px 20px 50px 50px;border: 1px solid #42907a;border-radius: 10px;box-sizing: border-box;}
#sub_district .district .inner{position:relative;width:100%;padding: 45px 0 0 54%;}
#sub_district .map {position:absolute;left: 0;top: 0;width: 48%;height: 292px;}
#sub_district .map img{display: none;max-width:100%;position: absolute;top: 50%;transform: translateY(-50%);}
#sub_district .map_info{position:relative; padding: 0 0 16px 20px; color: #000;}
#sub_district .map_info:before{content:"※"; position:absolute; left:0;}
#sub_district .district .info a{display: flex;align-items: center;position: relative;height: 40px;line-height: 1.2;margin: 0 0 10px;padding: 0 0 0 70px;box-sizing: border-box;}
#sub_district .district .info strong {position: absolute;top: 0;left: 0;position: absolute;width: 60px;height: 40px;line-height: 40px;background: #3ea297;font-size: 18px;font-weight: 500;color: #fff;text-align: center;text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);border-radius: 20px;}
#sub_district .district .info li:nth-child(2) strong {background-color: #8597e3;}
#sub_district .district .info li:nth-child(3) strong {background-color: #b6b6b6;}
@media all and (max-width:1280px) {
	#sub_district .district {height:360px; padding:35px;}
}
@media all and (max-width:768px) {
	#sub_district .district {padding: 5%;height:auto;}
	#sub_district .map {position: relative;width:100%;}
	#sub_district .map img {left:50%; transform:translate(-50%, -50%);}
	#sub_district .district .inner {padding:0;}
	#sub_district .map_info {padding-top:50px;}
}
@media all and (max-width:568px) {
	#sub_district .map_info {padding-top:35px;}
	#sub_district .district .info a {padding-top:4px;height:32px;}
	#sub_district .district .info strong {height:32px; line-height:32px; font-size:17px;}
}
@media all and (max-width:400px) {
	#sub_district .map_info {padding-top:0;}
	#sub_district .district .info a {padding-top: 0;margin:0 0 15px;}
}

/* 역대의원 의안검색 */
.form_sc{position:relative;overflow:hidden;width:100%;margin: 0 0 50px;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:700; 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:#33589c;}
.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;}

#sub_memberlist .form_sc .sel{width: 26%;}
#sub_memberlist .form_sc div {width: 40%; padding: 0 0 0 85px;}
#sub_memberlist .form_sc label {left: 10px;}
#sub_memberlist .profile dd {min-height: 180px;}

@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;}
    
    .form_sc {padding:35px 18%;}
    #sub_memberlist .form_sc .sel, #sub_memberlist .form_sc div {width: 100%;padding-bottom: 10px;}
    #sub_memberlist .profile dd {min-height: 135px;}
}
@media all and (max-width:568px) {
	.form_sc{margin: 0 0 35px;padding: 30px 10%;}
	.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:25px 8% 20px;}
	.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_memberlist .profile dd {min-height: 120px;}
}

/* 의원윤리강령 */
#sub_ethics .ethics_wrap {position: relative;box-sizing: border-box;}
#sub_ethics .left{float: left;margin: 88px 0 0;width: 41.96%;height: 444px;background: url(/images/kr/member/bg_ethics.png)no-repeat center;background-size: contain;box-sizing: border-box;}
#sub_ethics .left strong {position: relative; display: block; padding: 228px 0 0; font-size: 25px; font-weight: 300; line-height: 1.6; text-align: center; word-break: keep-all;}
#sub_ethics .left strong:after {content: '';display: block;position: absolute;bottom: 95px;left: 50%;transform: translateX(-50%);width: 71px;height: 77px;background: url(/images/kr/member/ico_people.png)no-repeat center;}

#sub_ethics .right {float: left; width: 57.94%;}
#sub_ethics .right li {position: relative;display: flex;align-items: center;margin: 0 0 30px -10px;padding: 0 25px 0 109px;width: 86.3%;min-height: 100px;border-radius: 50px;font-size: 16px;color: #fff;background: #304377 linear-gradient(0deg, #364f95 0%, #304377 100%);box-sizing: border-box;word-break: keep-all;}
#sub_ethics .right li em {position: absolute;top: 50%;left: 10px;transform: translateY(-50%);display: block;width: 80px;height: 80px;line-height: 80px;background: #fff;font-size: 50px;font-weight: 600;color: #314784;text-align: center;border-radius: 50%;}

#sub_ethics .right li:nth-child(2) {margin-left: 8.5%;background: #3753a0 linear-gradient(0deg, #4368bc 0%, #3753a0 100%);}
#sub_ethics .right li:nth-child(3) {margin-left: 13.8%;background: #4b76c4 linear-gradient(0deg, #669ed5 0%, #4b76c4 100%);}
#sub_ethics .right li:nth-child(4) {margin-left:9.2%; background: #74a9d7 linear-gradient(0deg, #9bc6dd 0%, #74a9d7 100%);}
#sub_ethics .right li:nth-child(5) {background: #a5ccdf linear-gradient(0deg, #b2d6e1 0%, #a5ccdf 100%);}

#sub_ethics .right li:nth-child(2) em, #sub_ethics .right li:nth-child(3) em {color: #598fcb;}
#sub_ethics .right li:nth-child(4) em {color: #88b5d3;}
#sub_ethics .right li:nth-child(5) em {color: #a4c7d6;}

@media all and (max-width:1280px) {
    #sub_ethics .left strong {font-size: 22px;}
}
@media all and (max-width:768px) {
    #sub_ethics .left {float:none;width: 70%;margin: 0 auto 50px;}
	#sub_ethics .left strong {font-size:20px;}
	#sub_ethics .left strong:after {bottom: 80px;}
    #sub_ethics .right {float:none; width:100%;}
    #sub_ethics .right li {margin: 0 0 20px !important;padding: 10px 20px 10px 95px;width: 100%;min-height: 90px;}
    #sub_ethics .right li em {width: 70px;height: 70px;line-height: 70px;font-size: 40px;}
}
@media all and (max-width:568px) {
	#sub_ethics .left {margin-bottom:0;width: 100%;background-size: auto 350px;}
	#sub_ethics .right li {font-size:15px;}
}
@media all and (max-width:430px) {
	#sub_ethics .left {height: 400px;background-size: auto 300px;}
	#sub_ethics .left strong {padding: 205px 0 0;font-size:18px;}
	#sub_ethics .left strong:after {bottom: 65px;background-size: auto 60px;}
}

/* 의원의 의무와 임기 */
#sub_duty .list {margin: 20px 0 0;}
#sub_duty .list li {position: relative;display: flex;align-items: center;margin: 0 0 10px -28px;padding: 0 0 0 200px;height: 50px;box-sizing: border-box;}
#sub_duty .list em {display: block; position: absolute; top: 0; left: 0; width: 180px; height: 50px; line-height: 50px; font-weight: 600; color: #fff; text-align: center; background: #445990; border-radius: 25px;}

@media all and (max-width:768px){
	#sub_duty .list li {display:block; padding:45px 0 0 10px; margin:0 0 15px -28px; height:auto;}
	#sub_duty .list em {width:140px;height:40px;line-height:40px;}
}
@media all and (max-width:568px){
	#sub_duty .list li {margin-left: -22px;}
}

/* 의회에바란다 */
.box_info.caution button { margin: 15px auto; display: block; width: 200px; height: 50px; line-height: 50px; font-weight: 500; color: #fff; background: #FF6760; text-align: center; border-radius: 25px;}
.box_info.caution .list {display: none; padding: 20px; border: 5px solid #fff; border-radius: 10px; box-sizing: border-box;}
.box_info.caution .list.on {display: block;}

@media all and (max-width:568px){
    .box_info.caution button {width: 170px; height: 42px; line-height: 42px;}
}

/* 청원안내 */
#sub_petition1 .double {border:none;}
#sub_petition1 .double em{width: 12.03%;}
#sub_petition1 .double em:first-child {border-radius: 10px 10px 0 0; margin: 0 4.9% 0 0;}
#sub_petition1 .double .dash {border: 1px solid #459faa;border-left: none;width: 71%;border-radius: 0 10px 0 0;}
#sub_petition1 .proc > ul > li:nth-child(3):before {content: '';display: block;position: absolute;bottom: -26px;left: 5.29%;width: 16px;height: 16px;background: url(/images/kr/intro/ico_arrow.png)no-repeat;} 
#sub_petition1 .proc > ul > li:nth-child(3):after {left: 22.13%;}

@media all and (max-width:768px) {
	#sub_petition1 .double em{width: 100%;}
	#sub_petition1 .double em:first-child {margin:0 0 10px;}
	#sub_petition1 .double .dash {width:100%; border-left:1px solid #459faa; border-radius:0;}
    #sub_petition1 .proc > ul > li:nth-child(3):before {display: none;}
    #sub_petition1 .proc > ul > li:nth-child(3):after {left: 50%;}
}

/* 방청안내 */
.box_info.call a {color: #b30000;}
.box_info.call a:nth-of-type(1) {position: relative; display: inline-block;}
.box_info.call a:nth-of-type(1):before {content: ''; display: inline-block; vertical-align: middle; margin: 0 10px 2px 0; width: 30px; height: 30px; background: url(/images/kr/open/ico_call.png)no-repeat; background-size: contain;}

@media all and (max-width:568px) {
    .box_info.call a:nth-of-type(1):before {margin: 0 7px 2px 0;width: 24px; height: 24px;}
}

/* 관련법규 */
#sub_law .dot > li {display: inline-block;}
#sub_law a {position: absolute; display: block; top: -10px; right: -150px; width: 140px; height: 50px; line-height: 50px; color: #fff; text-align: center; background: #4e4e4e; border-radius: 25px; text-decoration: none;}
#sub_law a:after {content: ''; display: inline-block; margin: 0 0 -2px 10px; width: 18px; height: 18px; background: url(/images/kr/open/ico_open.png)no-repeat; background-size: cover;}

@media all and (max-width:768px){
    #sub_law a {position: static;margin: 5px 0 0; width: 110px; height: 40px; line-height: 40px;}
    #sub_law a:after {margin: 0 0 0 5px; width: 12px; height: 12px;}
}

/* 의회용어사전 */
#sub_voca a{color:#222;}
#sub_voca .indexArea{float:left; width:100%; margin: 0 0 50px; padding:40px 60px 35px; border: 1px solid #3ba0c6; border-radius: 10px; 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:400; color:#fff; border-radius:0 3px 3px 0; box-sizing:border-box; background:#33589c;}
#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:600; color:#222; font-size:19px;}
#sub_voca .index_word ul {width:100%;}
#sub_voca .index_word li {display:inline-block; vertical-align:top; 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%; margin:0; 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 .search{width:100%; min-height:0; padding:60px 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:700;}
#sub_search .search #word{width:30%; height:40px; line-height:40px; border:1px solid #ddd;}
#sub_search .search button{width:60px; height:40px; background:#42907a; color:#fff; font-weight:400;}
#sub_search .result h4{margin:0 0 15px 0; font-size:120%; font-weight:600; 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:600;}
#sub_search .result > .dot > li ul{font-weight:400;}
#sub_search .result > .dot > li:before{top:8px; width:5px; height:5px; background:#33589c;}

@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_banner ul{overflow:hidden; display:flex; flex-wrap:wrap; margin:-5px;}
#sub_banner ul li{width:25%; padding:5px;  box-sizing:border-box;}
#sub_banner ul li a{display:block; height:auto; border:1px solid #e8e8e8; box-sizing:border-box; text-align:center;}
#sub_banner ul li img{max-width:100%;}
#sub_banner ul li.none{font-weight:bold; width:100%;}
@media all and (max-width:768px) {
	#sub_banner ul li{width:33.33%;}
}
@media all and (max-width:568px) {
	#sub_banner ul li{width:50%;}
}

/*사이트맵*/
#sub_sitemap .site{overflow:hidden; width:100%; padding:52px 0 14px 0;}
#sub_sitemap .site:nth-child(odd){background:#f7f7f7;}
#sub_sitemap .site h4{float:left; width:22%; padding:0 0 0 48px; font-size:30px; box-sizing:border-box; background:none;}
#sub_sitemap .site h4:after {display: none;}
#sub_sitemap .site h4 a{display:inline-block; padding:15px 0; color:#33589c; border-top:2px solid #33589c; text-decoration:none;}
#sub_sitemap .site > ul{float:left; width:78%; padding:0 1.5% 0 0; box-sizing:border-box;}
#sub_sitemap .site > ul > li {float:left; width:33.33%; padding:0 3.3% 38px; box-sizing:border-box;}
#sub_sitemap .site > ul > li > a{display:block; height:46px; line-height:45px; padding:0 0 0 16px; font-size:18px; font-weight:500; color:#222; border:1px solid #555; text-align:left; transition:0.25s ease-in-out;}
#sub_sitemap .site > ul > li > a:hover{color: #fff; box-shadow:inset 250px 0 #6285c6; border-color: #6285c6;}
#sub_sitemap .site > ul > li > ul{padding:12px 0 0 13px; font-weight:400;}
#sub_sitemap .site > ul > li > ul li + li{margin:5px 0 0 0;}
#sub_sitemap .site > ul > li > ul li:before{top:10px;}
#sub_sitemap .site ul ul a{display:block;}
#sub_sitemap .site ul ul a[target="_blank"]:after{content:''; display:block; position:absolute; right:9px; top:50%; width:10px; height:10px; margin:-4px 0 0 0; background:url(/images/kr/main/ico_ctrl.png) no-repeat -83px -38px;}

@media all and (max-width:1230px) {
	#sub_sitemap .site h4{padding:0 0 0 4%;}
}
@media all and (max-width:1024px) {
	#sub_sitemap .site h4{font-size:28px;}
}
@media all and (max-width:768px) {
	#sub_sitemap .site h4{width:30%; font-size:26px;}
	#sub_sitemap .site > ul{width:70%;}
	#sub_sitemap .site > ul > li {width:50%;}
}
@media all and (max-width:568px) {
	#sub_sitemap .site{padding:33px 0 14px;}
	#sub_sitemap .site h4{width:100%; margin:0 0 12px; font-size:22px;}
	#sub_sitemap .site h4 a{padding:8px 0;}
	#sub_sitemap .site > ul{width:100%; padding:0 1.5%;}
	#sub_sitemap .site > ul > li {width:50%; padding:0 2% 20px;}
	#sub_sitemap .site > ul > li > a{height:43px; line-height:43px; padding:0 0 0 13px; font-size:16px;}
	#sub_sitemap .site > ul > li > u{padding:10px 0 0 5px;}
	#sub_sitemap .site > ul > li > ul li + li{margin:3px 0 0 0;}
	#sub_sitemap .site > ul > li > ul li:before{top:9px;}
}
@media all and (max-width:380px) {
	#sub_sitemap .site{padding:30px 0 14px;}
	#sub_sitemap .site h4{margin:0 0 10px; font-size:21px;}
	#sub_sitemap .site h4 a{padding:7px 0;}
	#sub_sitemap .site > ul > li {padding:0 2% 17px;}
	#sub_sitemap .site > ul > li > a{height:39px; line-height:39px; font-size:15px;}
	#sub_sitemap .site > ul > li > ul li + li{margin:2px 0 0 0;}
}

/* 의회소식지 신청확인 */
.box_sign .box_info .info {display:flex;flex-wrap:wrap;}
.box_sign .box_info .info > div {display: flex;flex-wrap: wrap;align-items: center;padding: 0 !important;width: 50%;}
.box_sign .box_info .info > div lable {margin:0 10px 0 0;}
.box_sign .box_info .red {margin:10px 0 0;}
.box_sign .btn_wrap {text-align:center;}