@charset "utf-8";
@import url(page2.css);



/* 본문 퍼블리싱 기본셋팅 */
#page{display: block; font-size:17px; min-height: 500px; z-index:1; letter-spacing: -0.04em; margin-bottom:100px;  color: #39404a;}
/* #page * {word-break: keep-all;}
*/
#page:before {content:''; display: block; padding-top:0%}
#page p{  letter-spacing:-0.02em;  }
#page i, #page em, #page span{font-style:normal; }
.strong400 {font-weight: 400;}
.strong500 {font-weight: 500; }
strong {font-weight: 700;}
.strong900 {font-weight: 900;}
.round30 {border-radius:30px; overflow: hidden;}
.color_box { padding:2.5% 3%; overflow:hidden;}
.gray_box { padding:3.5% 4.5%; overflow:hidden; background-color: #f6f7fa;  box-shadow:4px 4px 0px #d8dbe4; display: block; border-radius:10px; }
.gray_box2 { padding:3.5% 4.5%;  overflow:hidden; background-color: #f6f7fa; display: block; border-radius:10px; }
.line_box {border:1px solid #ddd; padding:2.5% 3.5%;   box-shadow:4px 4px 5px rgba(0,0,0,0.04); background-color: #f6f7fa; border-radius:10px; }
.line_box2 { border:1px solid #ddd; padding:2.5% 3.5%; background-color: #fff;  box-shadow:4px 4px 5px rgba(0,0,0,0.04); border-radius:10px;  }
.con_box { position: relative; display: block; }
.chart_box {margin-bottom: 20px;}
.chart_box canvas{}

.gray_box > dl > dt { font-weight: 700; font-size: 160%; color: #21252e; display: block; margin-bottom: 15px;}

hr {border-top:1px solid #eee; margin:4% 0;display:block}

.comment100 {font-size:100%; display:block; color:#52616d; line-height: 1.5;}
.comment80 {font-size:80%; display:block; color:#52616d; line-height: 1.5;}
.comment90 { display:block; font-size:90%;  color:#52616d; line-height: 1.4}

.strong400 {font-weight: 400;}
.strong500 {font-weight: 500;}
.strong700 {font-weight: 700;}



/* 컨텐츠 타이틀 */
.page_tit {display:flex; position: relative;  white-space: nowrap;   font-size:170%; line-height: 45px;  font-weight:700;  padding:15px 0; margin-bottom: 10px; color: #21252e;}
.page_tit::before{ content: ''; position: absolute; width:6px; height: 6px; left:3px; top:11px; background-color: var(--pink); border-radius: 50%;}
.page_tit::after{ content: ''; position: absolute; width:6px; height: 6px; left: 13px; top:11px;  background-color: var(--default_color); border-radius: 50%;}
.page_tit span{font-size: 80%; color: var(--default_color); letter-spacing: -0.05em; display: inline-block; padding-left: 5px;}
.page_tit em{font-weight: 400;}
.page_tit.tac { white-space: pre; justify-content: center; }
.page_tit.tac::before{left:calc(50% - 5px); }
.page_tit.tac::after{left:calc(50% + 5px);  }

.page_tit.modal_tit{ font-size:120%;  line-height: 45px; margin-top: 10px; }

.page_tit2 { font-weight: 700;font-size:130%; padding-left: 20px; position: relative;  white-space: nowrap;  margin-bottom: 10px; }
.page_tit2::before { content: ''; position: absolute; width:6px; height: 6px; border-radius: 50%; top:15px; left:0; background-color:#a5acc6; box-sizing:content-box;}


/* 개인정보처리방침 목록 */
ol.num  {margin-left:30px}
ol.num > li {list-style:decimal-leading-zero !important;  padding-left: 0 !important; padding-bottom:8px;}
ol.num > li:before{display:none}

.privacy dl dt {text-align: left !important; font-size:100% !important}
.privacy dl dd {font-weight:300; color:#222; line-height: 140%;}
.privacy .f90 {line-height: 140%;}

ol.num2 {counter-reset: type1; }
ol.num2 > li {list-style:none; position:relative; padding-left:20px; padding-bottom:5px;}
ol.num2 > li:before { counter-increment: type1; content: counter(type1,decimal)"."; font-weight: 400; position: absolute; left:0; top:0; }

ol.num3 {counter-reset: type2; }
ol.num3 > li {list-style:none; position:relative; padding-left:20px; padding-bottom:8px;}
ol.num3 > li:before { counter-increment: type2; content: counter(type2,decimal)")"; font-weight: 300; position: absolute; left:0; top:0; }

ol.num4 {counter-reset: type3; }
ol.num4 > li {list-style:none;position:relative;padding-left:23px;line-height: 150%;margin-bottom: 10px;}
ol.num4 > li:before {counter-increment: type3;content: counter(type3,decimal);font-weight: 300;position: absolute;left:0px;top: 3px;width:18px;height:18px;border: 1px solid #666;border-radius: 50%;text-align: center;font-size: 70%;color: #000;line-height: 16px;}

ol.no_num { display:block; }
ol.no_num > li {list-style:none; position:relative; padding-left:0px; padding-bottom:8px; margin-bottom:15px}

.dl_flex {border-top:solid 1px #888; overflow: hidden; margin:0;}
.dl_flex dt, .dl_flex dd {border-bottom:solid 1px #ddd;  padding-top:10px; padding-bottom:10px;}
.dl_flex dt{font-weight: 700; background: #f6f7fa; text-align:center}

@media only screen and (max-width:540px){
    .dl_flex {font-size: 90%;}
    .dl_flex dt, .dl_flex dd { padding-top:5px; padding-bottom:5px;}
}

.pad_box2 { padding-top:2%; padding-bottom:2%; overflow:hidden }
.pad_box3 { padding-top:3%; padding-bottom:3%; overflow:hidden }
.pad_box4 {padding-top:4%; padding-bottom:4%; overflow:hidden }
.pad_box5 {padding-top:5%; padding-bottom:5%; overflow:hidden }
.pad_box6 {padding-top:6%; padding-bottom:6%; overflow:hidden }
.pad_box7 {padding-top:7%; padding-bottom:7%; overflow:hidden }
.pad_box8 {padding-top:8%; padding-bottom:8%; overflow:hidden }
.pad_box10 {padding-top:10%; padding-bottom:10%; overflow:hidden }
.pad_box15 {padding-top:15%; padding-bottom:15%; overflow:hidden }

.stress {color:var(--pink);font-weight: 700;}

#page .bg1{background:#c71f45; }
#page .bg2{background:#f13900;}
#page .bg3{background:#254471;}
#page .tc_pink, #page .tc1{color:var(--pink);}
#page .tc_blue{color:var(--default_color);}
#page .tc_white{ color:#fff;}
#page .tc_black{color:#222 !important;}
#page .tc_gray{color:#666;}
#page .t_mar1 {margin-top:1% !important}
#page .t_mar2 {margin-top:2% !important}
#page .t_mar3 {margin-top:3% !important}
#page .t_mar4 {margin-top:4% !important}
#page .t_mar5 {margin-top:5% !important}
#page .t_mar6 {margin-top:6% !important}
#page .t_mar7 {margin-top:7% !important}
#page .t_mar8 {margin-top:8% !important}
#page .t_mar9 {margin-top:9% !important}
#page .t_mar10 {margin-top:10% !important}

#page .f70 {font-size:70%}
#page .f80 {font-size:80%}
#page .f90 {font-size:90%}
#page .f110 {font-size:110%}
#page .f120 {font-size:120%}
#page .f130 {font-size:130%}
#page .f140 {font-size:140%}
#page .f150 {font-size:150% !important}
#page .f160 {font-size:160% !important}
#page .f170 {font-size:170% !important}
#page .f200 {font-size:200% !important}
#page .bor img{border:1px solid #ccc; box-shadow:3px 3px 4px rgba(0,0,0,0.05);}

.m_table p{display:none; }


.con_dl {display: flex; align-items: flex-start; flex-wrap: nowrap;}
.con_dl.tac { align-items: center}

.con_dl dt {font-size: 105%; font-weight: 700;  flex:1 0 110px; }
.con_dl dd {padding-left: 20px;  flex:0 1 calc(100% - 110px);}


.dl_step > div { margin-bottom: 10px;}
.dl_step dl{ border: 1px solid #ccc; height: 100%; position: relative;  border-radius: 7px; width:calc(100% - 5px); background-color: #fff;}
.dl_step dl::before{content: '\f054';   font-family: 'FontAwesomeS'; position: absolute; right:-23px; font-size: 25px; top:40%; color:#999;  }
.dl_step > div:last-child dl::before{display: none;}
.dl_step dl dt{background-color: #eceef2; padding:3%; text-align: center; font-size: 120%; font-weight: 700;border-radius: 7px;}
.dl_step > div:last-child dl dt{color:#fff}
.dl_step dl dd{ padding:3%; font-size: 90%;}



/* 로그인 */
.member_login {}
.meber_title {display: flex; align-items:end; margin-bottom:30px; flex-wrap: wrap;}
.meber_title h3 {font-size: 200%; margin-right: 20px;}
.meber_title h3 strong {font-weight: 700;}
.meber_title span { color:#777; padding:4px 0px}

.member_line {padding:10px 0;  border-top:solid 2px #333; border-bottom:solid 1px #333;}
.member_line .row dd i{overflow: hidden; display: block;}
.member_line .row dd input[type="checkbox"], .member_line .row dd input[type="radio"] {}


.login_box {width:500px; padding:5% 0; display: block; margin: 0 auto;}
.login_box .form_group {padding:5px 0; position: relative;}
.login_box .form_group input[type="text"], .login_box .form_group input[type="password"] {height: 50px; line-height: 48px;}
.login_box button {margin:0}
.login_box .form_group .label {position: absolute;left: 20px; line-height: 50px; top:4px;  color:#777}
.login_box .form_group .label i{margin-right:5px; color:#555}
.login_box .form_group input {padding-left:130px; font-weight: 700;}
.login_box .text_link { display: flex; justify-content: center;}
.login_box .text_link a{ position: relative; padding: 5px 0px;  }
.login_box .text_link a:first-child{margin-right:40px}
.login_box .text_link a:first-child::after{content:''; position: absolute; right:-20px; top:10px; bottom:10px; background-color: #aaa; width:1px;}

.join_step {margin-bottom:40px}
.join_step ul {display: flex; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background-color: #f5f6f8;}
.join_step ul li{ width:33.33333%; text-align: center; line-height: 90px; position: relative; font-weight: 500; font-size: 150%; }
.join_step ul li span{padding-left: 20px;}
.join_step ul li::after{content: '';width: 64px; height:64px; position: absolute; right:-34px;  background-color: #f5f6f8; top:13px; border-top:1px solid #ddd; border-left:1px solid #ddd;   z-index: 1; transform: rotate(135deg );}
.join_step ul li.on{background-color: #8e919b; color:#fff; font-weight: 700;}
.join_step ul li.on::after {background-color: #8e919b; border: none; }
.join_step ul li:last-child:after{display: none;}

.member_join h3 {font-size: 200%; font-weight: 700; padding-bottom: 10px; }
.member_join .row {padding:25px 0; border-top:1px solid #eee; }
.member_join .row:first-child {border-top:none}
.member_join .join_guide {width: 100%;}
.member_join .join_guide dt { font-size: 150%; text-align: right; font-weight: 700; word-break: break-all; margin-bottom: 10px;}
.privacy_view .page_tit {margin-bottom:0;}
.privacy_view .page_tit.v3 h3{font-size:130%; padding:10px 0;}

.join_form {border-top: 1px solid #333; display: block;}
.join_form .row dd .input {width: 40%;}
.join_form .row dd .email_input {width: 30%; margin-right:5px}
.join_form .row dd span {margin-right:5px; }
.join_form .row {padding:7px 0; margin: 0; }
.join_form .row dt {text-align: right;  font-weight: 700; padding-top:7px}
.join_form .row dd {display: flex; flex-wrap: wrap; align-items: center;}
.join_form .row dd button {margin-left:3px}
.join_form .row dd textarea {min-height:70px; line-height:20px; padding:5px 10px}
.join_form .row dd .flex{ align-items: center; margin:0 -20px; padding:0}
.join_form .row dd .flex > [class*="col-"] {display: flex; align-items: center; padding-bottom:5px}
.join_form .row dd .flex > [class*="col-"]  > * {margin:0 3px}
.join_form .row dd .flex strong {font-weight: 500; margin-right:15px !important; display: inline-block; min-width:70px}
.join_form .row dd .flex .input_check { padding:3px 0 }
.join_form .row dd .flex select {min-width:80px; padding:0 20px 0 10px}
.join_form .row dd .w50 {width:50px}
.join_form .line_box {padding:10px !important}

.password_search h4 {font-weight: 700; padding:5px; font-size: 120%;}
.password_search .gray_box {padding:5% 15%; margin-bottom: 20px;}
.password_search .gray_box dl {display: flex; width: 100%; justify-content: space-between;}
.password_search .gray_box dt {font-weight: 500; line-height: 40px;}
.password_search .gray_box dd {width: calc(100% - 80px); }
.password_search .gray_box strong {font-weight: 500; font-size: 90%; display: block; margin-top: 30px;}
.password_search .gray_box p { font-size: 85%;}

.identification {display: block; border: 1px solid #ddd; border-radius: 10px; padding:40px 50px; margin: 0 auto; width:600px; text-align: center; margin-top: 20px;}
.identification h4 {font-size: 180%; font-weight: 700;}
.identification img {margin:30px 0}
.identification p { padding:0px 0; text-align: center !important; margin-bottom: 20px;}

.list_join li {padding-left: 20px; margin-bottom: 15px; line-height: 200%; }
.list_join li::before {top:15px; width: 6px; height: 6px; background-color: #16ace3;}
.list_join strong {font-size: 130%; font-weight: 700; display: block;}

.join_ok {display: block; width: 700px;text-align: center; padding-top:2%; margin: 0 auto;} 
.join_ok strong{display: block; font-weight: 700; font-size: 170%; padding:20px 0 10px 0;} 
.join_ok span{display: block; }
.join_ok table {border-top: 2px solid #333; margin:20px 0}
.join_ok table th, .join_ok table td {padding:30px 40px; border-bottom: 1px solid #ccc; font-size: 110%;}
.join_ok table th { background-color: #eee;font-weight: 700}
.join_ok table td { text-align: left;}
.join_ok p i{font-weight: 700 }
.join_btn {display: block; width: 100%; padding: 3% 0 5% 0; text-align: center;} 

.member_info {margin-bottom:40px}
.member_info .member_name {font-size: 130%; text-align: center; display: block; margin-bottom: 10px; }
.member_info .member_name span{font-size: 150%; font-weight: 700; color:#000}
.member_info .line_box {padding:20px !important; }
.member_infor_box{background-color: #f8f8f8;}
.member_infor_box dl{display: flex;  font-size: 100%;}
.member_infor_box dl dt{ line-height: 32px; padding-right:30px; width:40%; text-align: right;}
.member_infor_box dl dd{font-weight: 700; font-family: 'Roboto';  line-height: 35px; color:#000; width:60%}



.table_design{border-collapse: collapse; background: #fff;  width: 100%;  font-size: 90%;  border-top:solid 2px; border-color: var(--default_color); table-layout: fixed;}
.table_design thead th {background: #f6f7fb;padding: 15px 9px;color: #333;font-weight: 500;border-bottom:solid 1px #bbb;text-align: center;}
.table_design th, .table_design td {border-bottom: 1px solid #d4d4d4; padding:15px 12px;color: #333; }
.table_design td {box-sizing: border-box;text-align: center;color: #444;background-color: #fff;}
.table_design tbody th {background: #f6f6f6; text-align: center; font-weight: 500;}
.table_design td + td, .table_design th + td, .table_design th + th { border-left: 1px solid #d4d4d4;}
.table_design td[rowspan], .table_design th[rowspan] {border-right: 1px solid #d4d4d4;}
.table_design td[rowspan]:last-child {border-right:none}


.table_design2{ font-size: 90%; margin:10px 0; }
.table_design2 thead th {background: #f0f2f5;padding:5px 10px;color: #111; font-weight: 500;  border:solid 1px #ddd; text-align: center; }
.table_design2 th, .table_design2 td {border: 1px solid #ddd; padding:5px 15px;    text-align: center; word-break:break-all !important; background: #fff;}
.table_design2 tbody th {background: #f0f2f5; text-align: center;color: #111;  font-weight: 500; }
.table_design2 td .list li {font-size: 85%; line-height: 20px;}
.table_design2 td .list li::before {top:10px}


.root_daum_roughmap {  width: 100% !important;}
.root_daum_roughmap * {  font-size: 16px !important;  line-height: 25px !important;  font-family: "Noto Sans KR";  }
.root_daum_roughmap strong {  font-weight: 700 !important;}
.root_daum_roughmap .wrap_list span, .root_daum_roughmap .txt_bar {  margin-top: 5px !important;}
.root_daum_roughmap span.txt {  margin-top: 0px;}
.root_daum_roughmap .how_bus .icon_bus {  margin-top: 15px !important;}
.ico_bus13 {display: none;}




@media only screen and (max-width:1400px){
    .join_form .row dd .flex{  margin:0 -15px}
}
@media only screen and (max-width:1400px){
    #page{font-size:16px;}

}
@media only screen and (max-width:991px){
    .page_tit { font-size: 140%; line-height: 35px; letter-spacing: -0.05em;  margin-bottom: 0px;  white-space: normal;}

    #page .t_mar1 {margin-top:4% !important}
    #page .t_mar2 {margin-top:5% !important}
    #page .t_mar3 {margin-top:7% !important}
    #page .t_mar4 {margin-top:8% !important}
    #page .t_mar5 {margin-top:9% !important}
    #page .t_mar6 {margin-top:10% !important}
    #page .t_mar7 {margin-top:11% !important}
    #page .t_mar8 {margin-top:12% !important}
    #page .t_mar9 {margin-top:13% !important}
    #page .t_mar10 {margin-top:14% !important}
    .color_box {  padding:3.5% 4.5%}
    .gray_box { padding:3.5% 4.5%}
    .gray_box2 {  padding:3.5% 4.5%}
    .line_box { padding:3.5% 4.5%}
    .line_box2 { padding:3.5% 4.5%}

    footer .footer_info {  background: #fff; border-top: none;  }

    .join_step ul li{  font-size: 120%; }

    span.block {display: inline !important; }


}

@media only screen and (max-width:768px){
    #page{font-size:15px;}

    .meber_title h3 {font-size: 130%;}
    .meber_title span {font-size: 90%;}

    

    .m_table{overflow-x: auto; }
    .m_table p{display:block }
    .m_table > table{width:700px}



    #page .round {border-radius:10px;}
    ol.num ol li ul li:before { top:11px; }
    
    .member_line {padding:20px 0px}
    .join_step {display: none;}
    .member_join .row dt {text-align: left; }
    .join_form .row dt {line-height: 25px;}
    .member_join .join_guide dt {font-size:120%;}

    .join_ok {width: 100%;}
    .join_form .row dd .input {width:calc(100% - 100px);}

    .list_join li { line-height: 150%; }
    .list_join li strong{ font-size: 110%;}
    .identification {width:100%; padding:30px 15px}

    .table_design {font-size: 90%;}
    .table_design thead th {padding:5px 5px; }
    .table_design th, .table_design td { padding:5px 3px;  }

    #page hr {margin:30px 0;}
    #page .f150 {font-size:130% !important}
    #page .f160 {font-size:140% !important}
    #page .f170 {font-size:150% !important}
    #page .f200 {font-size:160% !important}

    ol.num4 > li {padding-left: 25px;}
    ol.num4 > li:before {width: 18px; height: 18px; top:0}
    
    .dl_step {margin:0 -7px}
    .dl_step > div {padding:0 7px}
    .dl_step dl dt{ font-size: 90%;}
    .dl_step dl dd{ font-size: 80%; }
    .dl_step dl{width:100%}
    .dl_step dl::before{right:-12px; font-size: 15px;}
    
    #page .comment {font-size:80%;}

}


@media only screen and (max-width:560px){


    .join_form .row dd .flex{  margin:0 -7px}

    .login_box {width:100%; }
    .login_box .form_group input {padding-left:110px}

    .password_search .gray_box dt {line-height: 30px;}

    .join_form .row dd .email_input {width:calc(50% - 15px); }
    .join_form .row dd .email_select {width: 100%; margin:3px 5px 3px 0px}
    .join_ok table th, .join_ok table td {padding:20px 20px;}

    .page_tit.v2 h3{font-size:160%}
    
    .member_join h3 {font-size:150%}
    .member_join .row {padding:5px 0}
    .member_join .row.join_guide {padding:0 0 20px 0}
    .member_join .row.join_guide dt {font-size:110%}
    .comment90 {font-size:80%;}

}


/* --------------------------------------------아름 작업-------------------------------------------- */



/* 의원검색 및 용어사전 */
.page_search_box {  overflow:hidden; background-color: #f6f7fa; display: block; border-radius:15px; margin-bottom: 50px;}
.page_search_box dl{ display: flex;  padding:2.5% 3.5%; flex-wrap: wrap;}
.page_search_box dl dt{font-weight: 700; width:110px;line-height: 55px;  white-space:nowrap;}
.page_search_box dl dd{width:calc(100% - 110px); display: flex;}
.page_search_box dd .select_radius {border-radius: 7px; }
.page_search_box .keyword_search{display: flex; width: 100%; }
.page_search_box .keyword_search input[type="text"], .page_search_box dd select {border: 2px solid var(--gray); border-radius: 7px 0 0 7px; line-height: 51px; height: 55px; width: 100%; min-width: 230px;}
.page_search_box .keyword_search button{background-color: var(--gray); color:#fff; white-space:nowrap; padding: 0 25px 0 20px; margin-left: 0; border-radius: 0 7px 7px 0; position: relative; overflow: hidden; font-size: 110%;}
.page_search_box .keyword_search button span{ position: absolute; left:-9999px}

.page_search_box dl.tac{ justify-content: center;  }
.page_search_box dl.tac dt {width:auto; padding-right:15px;}
.page_search_box dl.tac dd + dt {padding-left:30px;}
.page_search_box dl.tac dd{width:auto}
.page_search_box dl.tac .keyword_search input[type="text"] {min-width:300px}

/* 직원 검색 */
.page_search_box dl.tac.none_dt dd {margin:2px 3px;}
.page_search_box dl.tac.none_dt select + select{margin-left: 5px;}


.page_search_box dl + dl { border-top:1px solid rgba(0,0,0,0.1)}
.search_initial{ width:100%;}
.search_initial > dd{  border:none}
.search_initial > dd ul{display: flex; flex-wrap: wrap;}
.search_initial > dd li{  padding:2px 2px; border:none}
.search_initial > dd li A{ height: 45px;  line-height: 45px; text-align:center !important;  background-color: #fff; border: 1px solid #ddd; border-radius: 10px; font-weight: 700; font-size: 20px; color:#333; transition: all 0.3s ease-out; padding: 0 12px; display: block;}
.search_initial > dd li A:hover{border: 1px solid #999; }
.search_initial > dd li:first-child A{ font-weight:500; }
.search_initial > dd li.on A {color:#fff; border:none; background-color: var(--default_color);}

@media only screen and (max-width:991px){
    .page_search_box { font-size: 16px;}
    .page_search_box dl.tac dt, .page_search_box dl dt {width:60px; text-align: left;}
    .page_search_box dl.tac dt, .page_search_box dl.tac dd{margin: 2px 0;  padding:0 5px !important}
    .page_search_box dl.tac dd, .page_search_box dl dd{width:calc(100% - 60px)}
    .page_search_box dl.tac.none_dt dd{width:100%;}

    .page_search_box dl.tac .keyword_search input[type="text"] {min-width:auto}
    .page_search_box dl dt, .page_search_box .keyword_search input[type="text"], .page_search_box dd select {line-height: 36px;height: 40px;font-size: 90%;}
    .page_search_box dl.tac dd + dd {margin-left: 0px;}

    .page_search_box .keyword_search input[type="text"], .page_search_box dd select {min-width: 100px;border: 1px solid var(--gray);} 
    .page_search_box .keyword_search button{padding:0 15px 0 10px; font-size: 90%;}

    .search_initial.tac dd{width:100% !important}
    .search_initial > dd li A{height: 28px;line-height: 26px;border-radius: 5px;font-size: 15px;padding: 0 6px;}
}


/* 의원 목록 화면 */
.lawmaker_list .cell {border: 1px solid var(--border_color); border-radius:15px; overflow: hidden; margin-bottom: 4%; background-color: #fff;  height:calc(100% - 20px); padding-bottom:60px; position: relative;}
.lawmaker_list .cell .profile_info{padding: 28px 30px;}
.lawmaker_list .cell .lawmaker_btn{display: flex; width: 100%;  background-color: #ebe7f6; position: absolute; left:0; bottom:0; right:0;}
.lawmaker_list .cell .lawmaker_btn a{flex:1 0 auto; line-height: 30px; text-align: center; margin: 15px 0; display: block; font-weight: 500; transition: all 0.3s;}
.lawmaker_list .cell .lawmaker_btn a + a{ border-left: 2px solid #fff;}
.lawmaker_list .cell .lawmaker_btn a:hover{color:var(--default_color);}

@media only screen and (max-width:991px){
    .lawmaker_list .cell .profile_info{padding: 10px 10px;}

}

/* 선거구별 */
.lawmaker_map {margin-bottom: 50px; background-color: var(--sky);  border-radius:15px; padding:3% 3.5%;}
.lawmaker_map .map{text-align: center;}
.map_name ul{ display: flex;  flex-wrap: wrap; margin-top: 15px;}
.map_name ul li {margin-bottom: 5px; width: 33.333%;}
.map_name ul li a{display:block; text-align: center; line-height: 45px; border: 1px solid var(--border_color); background-color: #fff; border-radius: 7px; margin: 0 3px; color:#6f7281; font-weight: 400;}
.map_name ul li.active a{ background-color: var(--gray); color:#fff; border-color: var(--gray); font-weight: 500;}
.map_info {margin-bottom: 25px; font-size: 85%;}
.map_info .con_dl dt {width:90px;}
.map_info .con_dl dd {width:calc(100% - 90px);}

@media only screen and (max-width:991px){
    .map_name ul li a{ line-height: 30px; font-size: 90%; }
}
@media only screen and (max-width:540px){
    .map_info .con_dl dt {width:100%;}
    .map_info .con_dl dd {width:100%; padding: 0; margin-bottom: 10px;}

}
/* 의회용어사전 */
.dictionary_result_list ul.dot_list {display:flex; flex-wrap: wrap; margin: 25px 0 35px 0;}
.dictionary_result_list ul.dot_list li {width:25%}
.dictionary_result_view p { }


@media only screen and (max-width:991px){
    .dictionary_result_list ul.dot_list li {width:50%}
}

/* 통합검색 */
.total_search { background-color: #f6f7fa; display: block; border-radius:15px; margin-bottom: 50px;}
.total_search .total_search_box{display: flex; padding: 4% 10%; border-radius: 7px; overflow: hidden;}
.total_search .total_search_box .search_box{display: flex; width:100%; margin-right: 5px; }
.total_search .search_box input[type="text"], .search_box select {border:0; border-top: 2px solid var(--gray); border-bottom: 2px solid var(--gray); line-height: 51px; height: 55px;  border-radius: 0 ; }
.total_search .total_search_box .search_box > * + * { border-left: 2px solid var(--gray) !important;}
.search_box select {border-radius: 7px 0 0 7px !important; border-left: 2px solid var(--gray);}
.search_box button {border-radius: 0 7px 7px 0 !important;}
.total_search .total_search_box button span{ position: absolute; left:-9999px}
.total_search button{background-color: var(--gray); color:#fff; white-space:nowrap; padding: 0 25px 0 20px; margin-left: 0 !important; border-radius: 7px; position: relative; overflow: hidden; font-size: 110%; display: inline-block;}
.total_search button#search_more {}

.search_more {padding: 3% 10%; border-top: 1px solid var(--border_color); display: none;}
.search_more dl{ }
.search_more dl + dl{margin-top: 10px;}
.search_more dl dt{font-weight: 700;line-height: 43px; white-space:nowrap;}
.search_more dl dd{}

.total_result {font-size: 120%; font-weight: 700; display: block; margin-bottom: 40px; padding: 0 25px; word-break: keep-all;}
.total_result span {font-size: 130%; color: var(--pink); }

.search_tab  {display:flex; flex-wrap: wrap; background-color: #fff;margin-bottom:5%; border: 1px solid var(--border_color);  overflow: hidden; border-radius: 20px; }
.search_tab li {line-height: 70px; font-weight: 400; flex:1 0 auto; text-align: center; transition: all 0.3s ease-out;}
.search_tab li + li {border-left: 1px solid var(--border_color); }
.search_tab li:hover {background: var(--bg_gray);}
.search_tab li a{display:block; padding: 0 20px;}
.search_tab li.on a{ background-color: #eef5ff; font-weight: 700;}

.result_list_tit {display: flex; justify-content: space-between; padding:10px 0;  font-weight: 700; font-size: 120%; margin-bottom: 20px;}
.result_list_tit h4 {font-size: 120%; font-weight: 700; display: inline-block; color: var(--black);}
.result_list_tit h4 span {font-size: 80%; color: var(--pink);}
.result_list_tit .more { font-size: 70%; padding:0px 15px; border: 1px solid #ddd; border-radius: 15px; margin-top: 3px; line-height: 28px; height: 30px;}

.total_result_list .cell{display: block; width:100%; height: calc(100% - 20px); padding:30px 40px;  border-radius: 10px; border:1px solid #ccc; transition: 0.3s ease-out; }
.total_result_list > .cell{ height:auto; border:none; padding:0 !important;}

.total_result_list .dot_list li{margin-bottom: 25px; }
.total_result_list .dot_list li::before {}
.total_result_list .dot_list .text {font-size: 85%; color:#666;  display: block; overflow: hidden;}
.total_result_list .dot_list a {display: block;   font-weight: 400; font-size: 105%; margin-bottom: 10px; }
.total_result_list .dot_list a:hover {text-decoration: underline;}
.total_result_list .dot_list a strong{color:var(--black)}


@media only screen and (max-width:991px){
    .total_search {  margin-bottom: 30px;}
    .search_tab  { border: none; border-radius: 0; justify-content: space-between;}
    .search_tab li {line-height: 20px; flex:0 1 calc(33.333% - 2px); border: 1px solid var(--border_color);  border-radius: 5px;  overflow: hidden; margin-bottom: 2px;}
    .search_tab li a{padding:7px 10px}
    .total_result_list .cell {padding:15px 20px}
}

@media only screen and (max-width:761px){
    .total_search .total_search_box{flex-wrap: wrap; padding: 4% 5%; }
    .search_more {padding: 3% 5%;}
    .search_more dl dt {line-height: 30px;}

    .total_search .total_search_box .search_box{width:100%; margin: 5px 0;}
    .total_search .search_box input[type="text"], .search_box select { line-height: 41px; height: 45px; font-size: 85%; padding: 0px 25px 0px 5px;}
    .total_search button#search_more {display: block; line-height: 35px; width: 100%; font-size: 90%; }
    .total_result {font-size: 100%; }

    .search_tab li {flex:0 1 calc(50% - 2px); }
}


/* 사이트맵 */
.sitemap li {position: relative;}
.sitemap a {transition: all 0.3s;}
.sitemap > li {margin-top: 50px;}
.sitemap > li:first-child {margin-top: 0px;}

.sitemap .depth2 {display: flex; flex-wrap: wrap; margin: 0 -10px; }
.sitemap .depth2 > li {width:25%; padding:0 10px; margin-bottom: 8px;}
.sitemap .depth2 > li > a {display: flex; border: 1px solid var(--border_color);  text-align: center; font-weight: 500; font-size: 110%; border-radius: 10px; letter-spacing: -0.05em; justify-content: center; align-items: center; height: 65px; word-break: keep-all; padding: 0 15px; line-height: 20px;}
.sitemap .depth2 > li > a:hover {background-color: #f2f3f6; color: #000;}

.sitemap .depth3 {display: block;  border-radius: 10px; padding: 4% 5%; margin-bottom: 20px;}
.sitemap .depth3 > li > a{display:block; font-size:16px; color:rgba(0,0,0,0.7); line-height: 20px; padding:5px 0px 5px 30px; letter-spacing: -0.05em; transition: all 0.3s; letter-spacing: -0.05em; font-weight: 500;}
.sitemap .depth3 > li::before{content: ''; position: absolute; left:20px; top:14px; width:4px; height: 4px; border-radius: 50%; background-color: #8992b8; transition: all 0.5s;}
.sitemap .depth3 > li:hover > a {color:#000;}
.sitemap .depth3 > li:hover::before {background-color: rgba(0,0,0,.8);}
/*
.sitemap .depth4 {display: block; background-color: #fff; margin: 5px 0 5px 20px; border-radius: 10px; padding: 4% 5%;}
.sitemap .depth4 > li > a{display:block; font-size:16px; color:rgba(0,0,0,0.7); line-height: 20px; padding:5px 0px 5px 20px; letter-spacing: -0.05em; transition: all 0.3s; letter-spacing: -0.05em; font-weight: 500;}
.sitemap .depth4 > li::before{content: ''; position: absolute; left:10px; top:15px; width:4px; height: 4px; border-radius: 50%; background-color: #8992b8; transition: all 0.5s;}
.sitemap .depth4 > li:hover > a {color:#000;}
.sitemap .depth4 > li:hover::before {background-color: rgba(0,0,0,.8);}
*/

@media only screen and (max-width:761px){
    .sitemap .depth2 > li {width:50%; }
    .sitemap .depth2 > li > a { height: 50px;}
}

.diagram .style01 {background-color: #19847b;}
.diagram .style02 {background-color: #7c64d2;}
.diagram .style03 {background-color: #4a70d5;}
.diagram .style04 {background-color: #fafafa; border: 1px solid rgba(0,0,0,.1); color:#444}
.diagram .style05 {background-color: #4f3ec8;}
.diagram .style06 {background-color: #c53767;}
.diagram .style07 {background-color: #eef5ff;}
.diagram .style08 {background-color: #f2f3f7;}
.diagram .style09 {background-color: #ebe7f6;}
.diagram .style10 {background-color: #fee9e6;}


/* 의회사무처 */
.Ochart {position:relative; display: flex; justify-content:space-between; align-items:flex-start; width: 100%;}
.Ochart:after {display:table; content: ''; clear: both;}

.Ochart * {text-align:center; }
.Ochart h3 {position:relative;width:20%; min-width: 110px; text-align:center; font-size:120% ;  color:#fff;  margin-top: 10px; font-weight: 500 ; z-index: 10; border-radius: 50px; padding: 10px 15px;}
.Ochart h4 {position:absolute;width:20%;min-width: 110px;  text-align:center;  color:#fff; font-weight: 500 ; z-index: 15; border-radius: 10px; padding: 10px 15px; top:100px}

.Ochart .chart {flex: 1 1 auto; padding-left: 100px; position: relative;}
.Ochart .chart::before {content: ''; display:block; background: #ccc; width: 1px; position: absolute;   left: 50px; top:35px; bottom:40px;}
.Ochart .chart::after {content: ''; display:block; background: #ccc; width:50px; position: absolute;  left:0px; top:35px; height: 1px}

.Ochart .chart > li {position: relative;}
.Ochart .chart > li::before {content: ''; display:block; background: #ccc; width:50px; position: absolute;  left:-50px; top:35px; height: 1px}

.Ochart .chart dl{position: relative; display: flex; justify-content:space-between; align-items:flex-start; }
.Ochart .chart dl dt{width:50%; color:#fff;  display:flex; justify-content:center; text-align:center !important;  font-weight: 400; z-index: 99;  border-radius: 50px;  padding:12px 20px; font-size: 110%; }
.Ochart .chart dl dd{flex: 1 1 auto; padding-left: 30px;}
.Ochart .chart dl dt, .Ochart .chart dd {position: relative;}
.Ochart .chart dd > span{ background:#fff;  display: block; padding:5px 20px; border:1px solid #ddd; font-size: 95%; font-size: 90%; border-radius: 10px;  padding:10px 20px; }
.Ochart .chart dl dt, .Ochart .chart dd > span{position: relative; margin:10px 0; }
.Ochart .chart dl dd strong {margin-bottom:5px; display:block; }
.Ochart .chart dl dd li{line-height:18px;  }
.Ochart .chart dd:before {content: ''; position: absolute; left:-20%; top:35px; height:1px; right:0; background:#ddd }

@media only screen and (max-width: 991px) {
    .Ochart .chart { padding-left: 30px;}
    .Ochart .chart::before { left: 15px; }
    .Ochart .chart > li::before {left:-15px; }
}
@media only screen and (max-width: 850px) {
    .Ochart .chart {padding-top: 10px;}
    .Ochart .chart dl{flex-wrap: wrap;}
    .Ochart .chart dl dt{width:100%; font-size: 100%; padding: 10px;}
    .Ochart .chart dl dd{padding-left: 0px;}
    .Ochart .chart dd:before {display: none;}
    .Ochart .chart dl dt, .Ochart .chart dd { margin:0; }
    .Ochart .chart dd > span{ margin:5px 0; }
    .Ochart .chart > li::before {  left:-15px; top:20px; }
    .Ochart .chart::before {top:30px; bottom: 68px;}
    .Ochart .chart::after {top:30px}
    .Ochart .chart dl dd ul {margin: 0 15%;}
    .Ochart .chart dl dd li{line-height:15px; margin-bottom: 0; }
}

/* 의회기구 */
.Ochart2 {position:relative; font-size:100%;; margin:0 5%;}
.Ochart2:after {display:table; content: ''; clear: both;}
.Ochart2 i, .Ochart2 em{display: block;}

.Ochart2 * {text-align:center; margin:0 auto}
.Ochart2:before{ content: ""; display:block; background: #ccc; width: 1px; position: absolute;   left: 50%; top:0%; height: 423px}
.Ochart2 h3 {position:relative;width:150px; height: 150px; line-height: 150px; text-align:center; font-size:130% ;  color:#fff;  background:linear-gradient(90deg, #503fc9, #4a70d5);  margin:0 auto; font-weight: 500 !important; border-radius: 50%; z-index: 10;}
.Ochart2 h3:before, .Ochart2 h3:after {display:none}
.Ochart2 span {position:relative; display:inline-block; padding:20px 0; width:300px; color:#fff; font-weight: 500; z-index:2; border-radius: 50px}
.Ochart2 ul.chart {position:relative; clear: both; padding:20px 0; }
.Ochart2 ul.chart:before {content: "";position: absolute; left: 50%; background: #ccc; width: 50%; height: 1px;  transform: translateX(-50%); top:0rem; display:none}
.Ochart2 ul.chart.w2:before { top:26px; display:block}
.Ochart2 ul.chart.w3:before {width: 66.7%;  top:26px; display:block}
.Ochart2 ul.chart .before_none:before {display:none}
.Ochart2 ul.chart .after_none:after {display:none}
/*
.Ochart2 ul.chart.w3:after{content: ""; background: #ccc; width: 1px; position: absolute;   left: 50%;height: 2.7rem;  top:0rem; }
.Ochart2 ul.chart.w2:after {content: ""; background: #ccc; width: 1px; position: absolute;   left: 50%;height: 1.5rem;   top:0rem; }
*/
.Ochart2 ul.chart > li {position:relative;  padding:20px 0; z-index:2}
.Ochart2 ul.chart > li:before {content: ""; background: #ccc; width: 1px; position: absolute;   left: 50%;height: 25px;   top:0.4rem;}
.Ochart2 .right:before {content: ""; position: absolute; left: 0%; background: #ccc;height: 1px;  width:60%; top:1.3rem; transform: none; z-index: 1; }
.Ochart2 ul.chart.w2 > li {width:50%; float:left}
/* .Ochart2 ul.chart.w2 > li:first-child {width:70%; } */
.Ochart2 ul.chart.w3 > li {width:33.333333%;float:left}
.Ochart2 .left { position:absolute; left:0%; right:50%;  top:00px;}
.Ochart2 .right { position:absolute; left:50%; right:0%; top:00px; text-align: right;}
.Ochart2 ul.chart dl.dl_list {width:80%;border:1px solid #ddd; position: relative; border-radius: 5px; overflow: hidden;}
.Ochart2 ul.chart dl.dl_list dt {background:#333; color:#fff; padding:10px 0; }
.Ochart2 ul.chart dl.dl_list dd {border-radius: 5px; background-color: #fff; padding:5px 20px; display: block; font-size: 90%; text-align: left;}
.Ochart2 ul.chart dl.dl_list dd .list li:first-child {font-weight: 700; color:#000}
.Ochart2 .step2 {padding:0px 0}
.Ochart2 .step3 {margin-top: 5px; display: block;}
.Ochart2 .step3 li {padding:3px 0}
.Ochart2 .step3 span {padding:10px 0}

@media only screen and (max-width: 750px) {
    .Ochart2 h3 {width:100px; height: 100px; line-height: 100px; }
    .Ochart2 {margin:0}
    .Ochart2 span {width:85%; padding:13px 0; }
    .Ochart2 ul.chart, .Ochart2 ul.chart > li {padding: 10px 0;}
    .Ochart2:before{ height: 247px}
    .Ochart2 .step3 span {padding:5px 0; font-size: 90%;}
    .Ochart2 ul.chart.w2:before, .Ochart2 ul.chart.w3:before { top:9px; }
    .Ochart2 ul.chart > li:before {height: 25px;   top:0rem;}

}
/*
@media only screen and (max-width: 750px) {
    .Ochart2 {margin:0}
    .Ochart2:before {bottom:20px;  height: auto;}
    .Ochart2 ul.chart.w3 > li, .Ochart2 ul.chart.w2 > li, .Ochart2 .phone {width:100%;}
    .Ochart2 ul.chart.w2:before, .Ochart2 ul.chart.w3:before, .Ochart2 ul.chart > li:before, .Ochart2 ul.chart.w2:after, .Ochart2.phone_be:before {display: none;}
    .Ochart2 ul.chart {padding:10px 0}
    .Ochart2 ul.chart.w3 > li {padding:5px 0}
    .Ochart2 ul.chart > li{padding:5px 0}
    .Ochart2 .step1, .Ochart2 .step2 {padding:10px 0 0 0 !important; }
    .Ochart2 li span {width:95%;}
}
*/


/* 예결산심의 절차 */
.bill_step {margin:0 5%;}
.bill_step > li {position: relative; margin:20px 0 }
.bill_step > li:first-child dl, .bill_step > li:first-child  {margin-top: 0;}
.bill_step dl{position: relative; display: flex; margin:20px 0; justify-content:space-between; flex-wrap: wrap;align-items: center; }
.bill_step dl dt, .bill_step dd > span{position: relative; line-height: 20px; border-radius: 35px; margin:10px 0;  padding:20px 20px; font-size: 110%; }
.bill_step dl dt{width:40%; color:#fff;  display:flex; justify-content:center;align-items:center; text-align:center !important; background-color: #626976; font-weight: 400;}
.bill_step dl dt em {color:var(--yellow)}
.bill_step > li.last dl dt{width: 70%;}
.bill_step > li.last::before {content:'\f107';font-size:25px; position: absolute; right:48%; top:-25px;  color:rgba(0,0,0,0.5); font-family: 'FontAwesomeS';}

.bill_step dl dd strong {margin-bottom:5px; display:block; font-size:90%}
.bill_step dl dd li{line-height:20px;  }
.bill_step dl dd .num3 li, .bill_step dl dd .num4 li{display:inline-block; margin-right:20px}

.bill_step dd {width:55%; position: relative; }
.bill_step dd .gray_box {padding:3px 10px !important; margin-top:10px}
.bill_step dd > span{ background:#fff;  display: block; padding:15px 20px; border:1px solid #ddd; font-size: 95%;}
.bill_step dd:before {content: ''; position: absolute; left:-9%; top:50%; height:1px; right:0; background:#ddd }
.bill_step > li:first-child dl dt, .bill_step > li:last-child dl dt  {}
.bill_step > li:after {content:'\f107';font-size:25px; position: absolute; left:19.5%; bottom:-20px;  color:rgba(0,0,0,0.5); font-family: 'FontAwesomeS'; }
.bill_step > li.after:after {left:19.5%;  }

.bill_step > li:last-child:after {display:none}

.bill_step li .w2 {display:flex; justify-content: space-between; margin: 0%; position: relative; align-items: flex-end;}
.bill_step li .w2:before, .bill_step li .w2:after {content:'\f107'; font-size:25px; position: absolute; top:-20px;  color:rgba(0,0,0,0.5); font-family: 'FontAwesomeS'; }
.bill_step li .w2:before { left:19%;}
.bill_step li .w2:after { right:32%; }
.bill_step li .w2 > li:first-child{width:33%; }
.bill_step li .w2 > li{width:65%; }
.bill_step li .w2 > li > .bill_step{margin:0%;}
.bill_step li .w2 > li > .bill_step dl{display:flex; flex-wrap: wrap; }
.bill_step li .w2 > li > .bill_step dl dt {text-align: center;}
.bill_step li .w2 > li > .bill_step dl dt, .bill_step li .w2 > li > .bill_step dl dd, .bill_step li .w2 > li > .bill_step dl dd span{width:100%; margin:1px 0; display: block;}
.bill_step li .w2 > li > .bill_step dl dd:before {display:none}
.bill_step li .w2 > li > .bill_step > li:after {left:48%; bottom:-20px; }

.bill_step li > .line:before { position: absolute; width: 4px; background: linear-gradient(-180deg, #999, #999, #999, #999, #999, #fff); top:0; bottom:30%; display: flex; justify-content: center; align-items: flex-end; border-radius: 10px; }
.bill_step li .w2 > li .w2 { align-items: stretch; align-self: stretch; flex-wrap: wrap;}
.bill_step li .w2 > li .w2 > li{width:49%; height: auto; }
.bill_step li .w2 > li .w2 > li dl{height: 100%;}
.bill_step li .w2 > li .w2:before { left:22%;}
.bill_step li .w2 > li .w2:after { right:22%; }
.bill_step.type2 {position: relative;  height: 100%; }
.bill_step.type2 > li, .bill_step.type2 > li dd span {height: 100%;}
.bill_step.type2 > li, .bill_step.type2 > li > dl{margin: 0px 0; }

.group_box {margin: 0 5%;}
.group_box > .group_item + .group_item {margin-top: 50px;}
.group_box > .group_item{   position: relative;}
.group_box > .group_item:after {content:'\f107'; font-size:25px; position: absolute; left:48%; bottom:-35px;  color:rgba(0,0,0,0.5); font-family: 'FontAwesomeS'; }
.group_box > .group_item:last-child::after {display: none;}
.group_box > .group_item > dt, .group_box > .group_item > dd{ padding: 20px 20px; display: block;}
.group_box > .group_item > dt{ color:#fff; text-align: center; font-weight: 700; font-size: 130%; border-radius: 25px 25px 0 0;}
.group_box > .group_item > dd {border: 1px solid #ddd; border-radius:0 0 25px 25px}
.group_box > .group_item .bill_step {margin:0 5%}
.group_box > .group_item .bill_step dl dt{ color:#3a4257; font-weight: 500;}
.group_box > .group_item .bill_step dl dt, .group_box > .group_item .bill_step dl dd > span{ border-radius: 10px;}
.group_box > .group_item .bill_step li, .group_box > .group_item .bill_step dl {margin: 5px 0;}
.group_box > .group_item .bill_step > li:after {display: none;}

@media only screen and (max-width:991px){
    .bill_step {margin:0%;}
    .bill_step > li > dl > dt, .bill_step > li > dl > dd span{ padding: 10px 5px; border-radius: 10px;}
    .bill_step > li > dl > dt, .bill_step > li > dl > dd, .bill_step > li > dl > dd span{width:100%; margin:1px 0; display: block; }
    .bill_step > li:after {left:48%}
    .bill_step > li > dl > dd:before {display:none}
    .bill_step > li > dl > dd li{line-height: 15px;}
    .bill_step > li > dl > dt{text-align: center;}
    .bill_step > li > dl > dd span > * {margin:3px 40px 0 40px;}
    .bill_step > li > .w2 dd span > * {margin:3px 0px 0 0px;}

    .group_box {margin: 0%;}
    .group_box > .group_item .bill_step {margin:0}
    .group_box > .group_item > dt, .group_box > .group_item > dd{ padding: 10px; }
}


/* 청원절차 */
.petition_step {margin:0 10%;}
.petition_step > li{position: relative; display: flex; margin:20px 0; justify-content:space-between; flex-wrap: nowrap;}
.petition_step > li:first-child{margin-top:0;}
.petition_step > li:last-child{margin-bottom:0;}
.petition_step dl, .petition_step i span{position: relative; line-height: 20px;color:#fff;  text-align: center; border-radius: 10px; margin:10px 0; box-shadow: 3px 3px 7px rgba(0,0,0,0.1);z-index:99;}
.petition_step dl {width:60%; }
.petition_step dl dt {text-align:center !important}
.petition_step dl dt, .petition_step dl dd{ padding:15px 20px;}
.petition_step dl dd {background:#f1f2f5; color:#333; text-align: left;  border-radius:0 0 10px 10px; border-top:none}
.petition_step li:first-child dl , .petition_step li:last-child dl  {background:#2e2e75 !important}
.petition_step i {width:30%; position: relative; }
.petition_step i span{ background:#3372d0; position: relative; display:block; padding:15px 10px;text-align:center !important}
.petition_step i:before {content: ''; position: absolute; left:-33%; top:35px; height:1px; right:0; background:#ccc; z-index:9; }
.petition_step > li:after {content:'\f078';font-size:25px; position: absolute; left:29%; bottom:-20px;  color:rgba(0,0,0,0.6); font-family: 'FontAwesomeS'; }
.petition_step > li:last-child:after {display:none}


@media only screen and (max-width:760px){
    .petition_step {margin:0%;}
    .petition_step i span{padding:8px 5px;}    
    .petition_step i:before { top:28px; }
}



/* 의정활동 정보공개 */
.council_info_open > strong {display: block; background-color: var(--default_color); text-align: center; padding: 20px 10px; color: #fff; border-radius: 30px; font-size: 130%; background-image: url(/_jbassem/images/common/sub_title_bg.png);  background-size: 100% 100%;  background-position: center bottom;}


.council_info_open .page_tit {  font-size:140%; margin-bottom: 0; margin-left: 10px; line-height: 35px;}

.council_info_open .num li a {color: #000; transition: all 0.3s;}
.council_info_open .num li a:hover { background-color: var(--default_color); color: #fff;}